/*
╭━━━━━━━━━━━╯ KARIMBA-DESIGN ╰━━━━━━━━━━━╮
	
	Feuille de styles 
	
 _________________________________________________________ 
	Mis à jour le 18/03/2014 à 19:34:50 par Y. Guérin
	© KARIMBA-DESIGN > http://www.karimba-design.fr
╰━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━╯
*/



@font-face {font-family: 'KrinkesDecor';src: url('fonts/37ED62_0_0.eot');src: url('fonts/37ED62_0_0.eot?#iefix') format('embedded-opentype'),url('fonts/37ED62_0_0.woff2') format('woff2'),url('fonts/37ED62_0_0.woff') format('woff'),url('fonts/37ED62_0_0.ttf') format('truetype'); font-weight: normal;font-style: normal;}
@font-face {font-family: 'KrinkesRegular';src: url('fonts/37ED62_2_0.eot');src: url('fonts/37ED62_2_0.eot?#iefix') format('embedded-opentype'),url('fonts/37ED62_2_0.woff2') format('woff2'),url('fonts/37ED62_2_0.woff') format('woff'),url('fonts/37ED62_2_0.ttf') format('truetype'); font-weight: normal;font-style: normal;}
@import url("//hello.myfonts.net/count/37ed62");

* {box-sizing: border-box;}
body {
	background: #8C9397;
	color: #FFF;
	font-family: "Yantramanav", Arial, sans-serif;
}
html, button, input, select, textarea, td, th, .fancybox-container {
	font-family: "Yantramanav", Arial, sans-serif;
}
h1,h3,h4,.krinkes {
    font-family: 'KrinkesRegular', 'Georgia', serif;
    font-weight: normal;
}
.decor,h2,
blockquote {
    font-family: 'KrinkesDecor', 'Georgia', serif;
    font-weight: normal;
}

a,
a:visited {
	color: #FFF;
    cursor: pointer;
}
a:hover,
a:focus {
	color: #FFF;
	text-decoration: underline;
	outline: none;
}



header {
    position: relative;
    background: transparent no-repeat center 100%;
    background-size: cover;
	z-index: 5;
}
.kDesktop header {
	background-position: center top;
}
header h1 a {
    display: block;
    width: 35%;
    padding: 1% 0px 1% 9%;
}
header h1 a img {
    width: 100%;
    opacity: 1;
    -webkit-transition: all 0.2s ease;
	   -moz-transition: all 0.2s ease;
		 -o-transition: all 0.2s ease;
			transition: all 0.2s ease;
}
header h1 a:hover img,header h1 a:focus img {transform: scale(1.01);opacity: 0.9;}
header h1 a span {display:none;}

@media (min-width : 601px) {header {background-image: url(../img/header-desktop-background-3.jpg)}}
@media (max-width : 600px), (max-height : 600px) {header {background-image: url(../img/header-mobile-background.jpg?c=1)}}

header .KMenusOpener {
    width:63px;
    height:63px;
    border: none;
    background: rgba(255,255,255,0.7);
}
header .KMenusOpener:hover {
    background: rgba(255,255,255,0.9);
}
header .KMenusOpener:before {
    content:"NAVIGATION";
    display: block;
    position: absolute;
    top:0;left:0;
    width:100%;
    color: #000;
    text-align: center;
    font-size: 9px;
    font-weight: 700;
    padding: 0.5em 0;
}
header .KMenusOpener .KMenusBarre {
    background: #A87A00;
    padding-bottom: 10%;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
}
header .KMenusOpener .KMenusBar1 {margin-top: 35%;}
header .KMenusOpener .KMenusBar2 {margin-top: 55%;}
header .KMenusOpener .KMenusBar3 {margin-top: 75%;}

header ul.cta-hebergements {
    position: absolute;
    top:0;
    right:0;
    padding: 0.5em;
    text-align: right;
}
header ul.cta-hebergements li {
    display: inline-block;
}
header ul.cta-hebergements li a,
header ul.cta-hebergements li a:visited {
    display: table;
    position: relative;
    width: 5.55em;
    height: 5.55em;
    text-decoration: none;
    text-align: center;
    font-size: 0.58em;
    color: #FFF;
    line-height: 1.1em;
    -webkit-transition: all 0.2s ease;
	   -moz-transition: all 0.2s ease;
		 -o-transition: all 0.2s ease;
			transition: all 0.2s ease;
}
header ul.cta-hebergements li.cabanes a {background: rgba(165,204,2,0.8);}
header ul.cta-hebergements li.gites a {background: rgba(208,86,81,0.8);}
header ul.cta-hebergements li.chambre a {background: rgba(106,188,225,0.8);}
header ul.cta-hebergements li.bien-etre a {background: rgba(204,159,76,0.8);}
header ul.cta-hebergements li a:hover,
header ul.cta-hebergements li a:focus {
    box-shadow: 0 0 0.5em rgba(0,0,0,0.4);
}
header ul.cta-hebergements li.cabanes a:hover   ,header ul.cta-hebergements li.cabanes a:focus    {background: rgba(165,204,2,1);}
header ul.cta-hebergements li.gites a:hover     ,header ul.cta-hebergements li.gites a:focus      {background: rgba(208,86,81,1);}
header ul.cta-hebergements li.chambre a:hover   ,header ul.cta-hebergements li.chambre a:focus    {background: rgba(106,188,225,1);}
header ul.cta-hebergements li.bien-etre a:hover ,header ul.cta-hebergements li.bien-etre a:focus  {background: rgba(204,159,76,1);}

header ul.cta-hebergements li a:after {
    content:"En savoir plus";
    display: block;
    position: absolute;
    bottom: 0;
    left:0;
    width: 100%;
    padding: 2% 0;
    height: 0;
    overflow: hidden;
    background: #FFF;
    font-size:0.01em;
    line-height: 1em;
    color:#FFF;
    -webkit-transition: all 0.2s ease;
	   -moz-transition: all 0.2s ease;
		 -o-transition: all 0.2s ease;
			transition: all 0.2s ease;
}
header ul.cta-hebergements li a:hover:after,
header ul.cta-hebergements li a:focus:after {
    font-size:0.6em;
    color:#000;
    padding: 0.2em 0;
    height: 1em;
}
header ul.cta-hebergements li a:hover span,
header ul.cta-hebergements li a:focus span {
    color: #FFF;
}

header ul.cta-hebergements li a span {
    display: table-cell;
    vertical-align: middle;
    font-weight: 500;
    text-shadow: 0 0 0.2em #000;
}
header ul.cta-hebergements li a:hover span,
header ul.cta-hebergements li a:focus span {
    color: #FFF;
}

header blockquote {
    position: absolute;
    top: 4.4em;
    right: 0.7em;
    font-size: 1em;
    letter-spacing: 0.05em;
    text-shadow: 0 0 0.15em rgba(0,50,100,0.7);
}
header blockquote:before,
header blockquote:after {
    font-size: 0.6em;
}
header blockquote:before {content:"« ";}
header blockquote:after {content:" »";}



header ul.KMenus {
    display: table;
    background: #FFF;
    color: #A87A00;
    font-weight: 700;
    font-size: 0.5em;
    width: 100%;
    padding: 0.2% 2% 0;
}
.kDesktop header ul.KMenus {display: table !important;}
header ul.KMenus li {display: table-cell;position: relative;}
header ul.KMenus li.mobile {display:none;}
header ul.KMenus li a,header ul.KMenus li a:visited {
    color: #A87A00;
    display: block;
    padding: 0.2em 0.3em;
    text-align: center;
    -webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
		 -o-transition: all 0.3s ease;
			transition: all 0.3s ease;
}
header ul.KMenus li.menu-selected>a,
header ul.KMenus li a:hover,
header ul.KMenus li a:focus {
    color: #000;
    text-decoration: none;
}
header ul.KMenus li ul.sousmenu {
    display:none;
    position: absolute;
    width: 100%;
    background: #FFF;
    padding-bottom: 0.3em;
    margin-bottom: 0.2em;
}
header ul.KMenus li ul.sousmenu {
    border-bottom: 0.3em solid #A87A00;
    -webkit-box-shadow:0 .3em 0.5em rgba(0,0,0,0.4);
	   -moz-box-shadow:0 .3em 0.5em rgba(0,0,0,0.4);
			box-shadow:0 .3em 0.5em rgba(0,0,0,0.4);
}
header ul.KMenus li:hover ul.sousmenu {display:block;}
header ul.KMenus li ul.sousmenu li {display: block;}
header ul.KMenus li ul.sousmenu li.mobile {display: none;}
header ul.KMenus li ul.sousmenu li.first-child {border-top:1px solid #DDD;}
header ul.KMenus li ul.sousmenu li li.first-child {border-top:none;}
header ul.KMenus li ul.sousmenu li ul.sousmenu {
    display: block;
    position: relative;
    border-bottom: 1px solid #DDD;
    -webkit-box-shadow:none;
	   -moz-box-shadow:none;
			box-shadow:none;
}
header ul.KMenus li ul.sousmenu li.last-child ul.sousmenu {display:none;}
header ul.KMenus li ul.sousmenu li a {
    font-weight: 500;
    padding: 0.3em 0.5em;
    text-align: left;
}
header ul.KMenus li ul.sousmenu li li a {
    font-weight: 300;
    padding: 0.2em 0.5em 0.2em 1.5em;
}
header ul.KMenus li ul.sousmenu li ul.sousmenu li ul.sousmenu {display:none;}

.scrolled-header header nav {
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	padding: 0;
	-webkit-box-shadow:0 0 0.5em rgba(0,0,0,0.5);
	   -moz-box-shadow:0 0 0.5em rgba(0,0,0,0.5);
			box-shadow:0 0 0.5em rgba(0,0,0,0.5);
}
.scrolled-header header ul.KMenus li a,
.scrolled-header header ul.KMenus li a:visited {padding: 0.6em 0.3em;}

@media (min-width : 1025px) {
	header ul.cta-hebergements li a, header ul.cta-hebergements li a:visited {font-size: 0.5em;}
}
@media (min-width : 1400px) {
	header ul.cta-hebergements li a, header ul.cta-hebergements li a:visited {font-size: 0.4em;}
	header blockquote {top: 6.7em;font-size: 0.75em;}
}
@media (max-width : 800px) {
    header ul.KMenus {font-size: 0.55em;}
}

.scrolled-header .kMobile header nav {
	position: absolute;
	-webkit-box-shadow:none;
	   -moz-box-shadow:none;
			box-shadow:none;
}
.kMobile header ul.KMenus,
.kMobile.kMobileFit header ul.KMenus,
.kTablet.kMobileFit header ul.KMenus {
    position: absolute;
    top:0;
    left:0;
    width:100%;
    font-size: 1.2em;
    padding: 18% 0 5%;
    z-index: 100;
    background: rgba(255,255,255,0.9);
}
.kMobile header nav {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.kMobile header .KMenusOpener {
    z-index: 101;
    -webkit-transition: all 0.2s ease;
	   -moz-transition: all 0.2s ease;
		 -o-transition: all 0.2s ease;
			transition: all 0.2s ease;
}
.kMobile header .KMenusOpener.kOpen {
    background: transparent;
}
.kMobile header ul.KMenus:before {
    z-index: 101;
    display:block;
    content: "";
    position: absolute;
    width: 100%;
    height:0;
    bottom: 0;
    padding-top:2%;
    background: #A87A00 url(../img/texture-or.jpg) repeat;
    background-attachment: fixed;
   
}

.kMobile header .KMenusOpener.kOpen .KMenusBarre {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
}
.kMobile header .KMenusOpener.kOpen .KMenusBar1 {margin-top: 35%;}
.kMobile header .KMenusOpener.kOpen .KMenusBar2 {margin-top: 55%;}
.kMobile header .KMenusOpener.kOpen .KMenusBar3 {margin-top: 75%;}

.kMobile header .KMenusOpener.kOpen:before {
    content: "Navigation";
    font-size: 2.5em;
    left:70px;
    top:-10px;
    font-family: 'KrinkesDecor', 'Georgia', serif;
    color: #A87A00;
    font-weight: normal;
}
.kMobile header .KMenusOpener .close {
    position: absolute;
    display: block;
    top:7px;
    left:0;
    width:63px;
    height:63px;
    -webkit-transition: all 0.2s ease;
	   -moz-transition: all 0.2s ease;
		 -o-transition: all 0.2s ease;
			transition: all 0.2s ease;
}
.kMobile header .KMenusOpener.kOpen .close {
    left:2000px;
	left: 80vw;
    left: calc( 100vw - 83px );
}
.kMobile header .KMenusOpener.kOpen .close:before,
.kMobile header .KMenusOpener.kOpen .close:after {
    content: "";
    display: block;
    position: absolute;
    background: #A87A00;
    width: 55%;
    left: 25%;
    height: 0;
    padding-bottom: 10%;
}
.kMobile header .KMenusOpener.kOpen .close:before {
    margin-top: 50%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.kMobile header .KMenusOpener.kOpen .close:after {
    margin-top: 50%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.kMobile header ul.KMenus li {display:block;}
.kMobile header ul.KMenus li.mobile,
.kMobile header ul.KMenus li ul.sousmenu li.mobile {display:block;}
.kMobile header ul.KMenus li li.desktop,
.kMobile header ul.KMenus li ul.sousmenu li.desktop {display: none;}

.kMobile header ul.KMenus li ul.sousmenu,
.kMobile header ul.KMenus li ul.sousmenu li ul.sousmenu {
    display: block;
    position:relative;
    margin-bottom: 0;
    border-bottom: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: transparent;
}
.kMobile header ul.KMenus li ul.sousmenu li.first-child {border-top:0;}
.kMobile header ul.KMenus li a,
.kMobile header ul.KMenus li a:visited {
    color: #000;
    text-align: left;
    padding: 0.3em 1em;
}
.kMobile header ul.KMenus li ul.sousmenu li a {padding-left:2em;}
.kMobile header ul.KMenus li ul.sousmenu li li a {padding-left:3em;}

.kMobile header ul.KMenus li ul.sousmenu li ul.sousmenu li ul.sousmenu {
    display:block;
}
.kMobile header ul.KMenus li.resa {margin-bottom: -0.3em;}
.kMobile header ul.KMenus li ul.sousmenu li li.resa a,
.kMobile header ul.KMenus li ul.sousmenu li.resa a {
    position: absolute;
    top: -1.8em;
    right: 1.5em;
    background: #A87A00;
    color: #FFF;
    padding: 0.15em 0.4em 0.1em;
    font-size: 0.8em;
    font-weight: 500;
	   -webkit-border-top-right-radius: 0.1em;
		   -moz-border-radius-topright: 0.1em;
			   border-top-right-radius: 0.1em;
	-webkit-border-bottom-right-radius: 0.1em;
		-moz-border-radius-bottomright: 0.1em;
			border-bottom-right-radius: 0.1em;
}
.kMobile header ul.KMenus li ul.sousmenu li li.resa a {top: -1.6em;}
.kMobile header ul.KMenus li.resa a:after {
	content:"";
	display:block;
	position:absolute;
	top:0;
	/*right:-0.355em;*/
	right:-0.31em;
	width:0;
	height:0;
	border-top: 0.8em solid transparent;
	border-bottom: 0.8em solid transparent;
	border-left: 0.35em solid #A87A00;
}
@media (min-width : 600px) {
	.kMobile header nav {max-width: 400px;font-size: 17px;}
	.kMobile header .KMenusOpener.kOpen .close {left: 325px;}
}
@media (max-width : 420px) {
	.kMobile header ul.KMenus,
    .kMobile.kMobileFit header ul.KMenus,
    .kTablet.kMobileFit header ul.KMenus {
        padding: 25% 0 5%;
    }
    .kMobile header ul.KMenus li.resa a:after {right: -0.34em;}
	header ul.cta-hebergements li a:after {min-height: 1px;padding: 1% 0;}
}
@media (max-width : 360px) {
	.kMobile header ul.KMenus,
    .kMobile.kMobileFit header ul.KMenus,
    .kTablet.kMobileFit header ul.KMenus {
        padding: 24% 0 5%;
        font-size:1.1em;
    }
    .kMobile header ul.KMenus li.resa a:after {right: -0.33em;}
}


aside {
    position: fixed;
    right: 0;
    top:50%;
    width:0;
    height:0;
	font-size: 1.7em;
	z-index:20;
}
aside .etiquette {
    position: absolute;
    left:-1.5em;
    width: 17em;
    border-left:2px solid #FFF;
	-webkit-box-shadow:0 0.1em 0.5em rgba(0,0,0,0.4);
	   -moz-box-shadow:0 0.1em 0.5em rgba(0,0,0,0.4);
			box-shadow:0 0.1em 0.5em rgba(0,0,0,0.4);
	-webkit-transition: all 0.4s ease;
	   -moz-transition: all 0.4s ease;
		 -o-transition: all 0.4s ease;
			transition: all 0.4s ease;
}
aside .etiquette.boncadeau {
    background: #519900;
    top: -6em;
    height: 6em;
}
aside .etiquette.reservation {
    background: #871800;
    top: 1em;
    height: 5.3em;
}
aside .etiquette h4 {
	font-family: "Yantramanav", Arial, sans-serif;
	font-weight: 500;
	font-size: 0.7em;
    text-align: right;
	margin-top: 7.7em;
	width: 6em;
    margin-left: 1.15em;
	-webkit-transform: rotate(-90deg);
	   -moz-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
			transform: rotate(-90deg);
	-webkit-transform-origin: left;
	   -moz-transform-origin: left;
		-ms-transform-origin: left;
			transform-origin: left;
}
aside .etiquette .picto {
	position: absolute;
	top: 0.3em;
	left:0.25em;
	width: 1em;
	height:1em;
}
aside .etiquette.hover,
.kDesktop aside .etiquette:hover {
	left:-17em;
	-webkit-box-shadow:0 0.5em 1.5em rgba(0,0,0,0.4);
	   -moz-box-shadow:0 0.5em 1.5em rgba(0,0,0,0.4);
			box-shadow:0 0.5em 1.5em rgba(0,0,0,0.4);
}
aside .etiquette.boncadeau.hover,
.kDesktop aside .etiquette.boncadeau:hover {
	left:-10em;
}
aside .etiquette .content {
	display: table;
	position: absolute;
	top: 0;
	left: 3.6em;
	font-size: 0.45em;
	width: 34em;
	height:100%;
}
aside .etiquette.boncadeau .content {
	width: 17em;
}
aside .etiquette .content li {
	display: table-cell;
	position: relative;
	height:100%;
	width: 17em;
	border-left:2px solid #FFF;
	padding: 1em;
	text-align: center;
	vertical-align: top;
}
aside .etiquette.boncadeau .content li p {
	margin-bottom: 1em;
	text-shadow: 0 0 0.3em rgba(0,0,0,0.3);
}
aside .etiquette.boncadeau .content li a,
aside .etiquette.boncadeau .content li a:visited {
	display: block;
	background: #FFF;
	padding: 0.3em 1em 0.15em;
	color: #000;
	font-weight: 500;
	font-size: 1.5em;
	position: absolute;
	bottom: 1em;
	left:8%;
	width: 84%;
	-webkit-transition: all 0.2s ease;
	   -moz-transition: all 0.2s ease;
		 -o-transition: all 0.2s ease;
			transition: all 0.2s ease;
}
aside .etiquette.boncadeau .content li a:hover,
aside .etiquette.boncadeau .content li a:focus {
	text-decoration: none;
	background: #A87A00 url(../img/texture-or.jpg) repeat;
    background-attachment: fixed;
	color: #FFF;
	-webkit-box-shadow:0 0 0.5em rgba(0,0,0,0.4);
	   -moz-box-shadow:0 0 0.5em rgba(0,0,0,0.4);
			box-shadow:0 0 0.5em rgba(0,0,0,0.4);
}

aside .etiquette.reservation .content li {width: 11.3333em;padding: 0;}
aside .etiquette.reservation .content li a,
aside .etiquette.reservation .content li a:visited {
	display: block;
	padding: 1.5em 1em;
	height: 11.78em;
    width: 100%;
	-webkit-transition: all 0.5s ease;
	   -moz-transition: all 0.5s ease;
		 -o-transition: all 0.5s ease;
			transition: all 0.5s ease;
}
aside .etiquette.reservation .content li a:hover,
aside .etiquette.reservation .content li a:focus {
	color: #FFF;
	text-decoration: none;
}
aside .etiquette.reservation .content li.cabane a {background: #A5CC00;}
aside .etiquette.reservation .content li.gite a {background: #D05651;}
aside .etiquette.reservation .content li.chambre a {background: #6ABCE1;padding-top:0.5em;}
aside .etiquette.reservation .content li.cabane a:hover,
aside .etiquette.reservation .content li.cabane a:focus {background: #87A500;}
aside .etiquette.reservation .content li.gite a:hover,
aside .etiquette.reservation .content li.gite a:focus {background: #C9312C;}
aside .etiquette.reservation .content li.chambre a:hover,
aside .etiquette.reservation .content li.chambre a:focus {background: #239ED3;}

aside .etiquette.reservation .content li p {
	text-shadow: 0 0 0.3em rgba(0,0,0,0.3);
	line-height: 1.4em;
}
aside .etiquette.reservation .content li p strong {
	display: block;
	font-size: 2em;
	font-weight: 700;
	line-height: 1.1em;
	text-shadow: 0 0 0.5em rgba(0,0,0,0.3);
}
aside .etiquette.reservation .content li a:hover p strong,
aside .etiquette.reservation .content li a:focus p strong {
	text-shadow: 0 0 0.5em rgba(0,0,0,0.8);
}
aside .etiquette.reservation .content li img {
	display: block;
	position: absolute;
	bottom: 0.8em;
    left: 25%;
    width: 50%;
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
		 -o-transition: all 0.3s ease;
			transition: all 0.3s ease;
}
aside .etiquette.reservation .content li a:hover img,
aside .etiquette.reservation .content li a:focus img {
	transform: scale(1.1);
}

footer {
    background: #FFF;
    color: #000;
}

footer .filet {
    width: 100%;
    background: #A87A00 url(../img/texture-or.jpg) repeat;
    background-attachment: fixed;
    height: 0;
    padding-top:1%;
}
footer .footerblocs {
    display: table;
    width: 98%;
    margin: 2% 1%;
}
footer .footerblocs .footerbloc {
    display: table-cell;
    text-align: center;
}
footer .proprietaires {
    width: 23%;
    padding-right: 3%
}
footer .proprietaires a.logo,
footer .proprietaires a.logo:visited {
	display:block;
}
footer .proprietaires a,
footer .proprietaires a:visited,
footer .proprietaires a:hover,
footer .proprietaires a:focus {
	color: #000;
}
footer .proprietaires img {
    width: 84%;
    margin: 0 8% 5%;;
}
footer .proprietaires h4 {
    font-family: 'KrinkesDecor', 'Georgia', serif;
    font-size: 0.6em;
    color: #A87A00;
    margin-bottom: 0.4em;
}
footer .proprietaires p {
    font-size: 0.35em;
}
footer .sitemap {
    width: 35%;
    font-size: 0.4em;    
    vertical-align: top;
}
footer .sitemap nav {display:table;width: 100%;margin-top: 2%;}
footer .sitemap .KMenusOpener {
    display:none !important;
}
footer .sitemap .KMenus,
.kMobile.kMobileFit footer .sitemap .KMenus,
.kTablet.kMobileFit footer .sitemap .KMenus {
    display:table-cell !important;
    width: 50%;
}
footer .sitemap .KMenus li  a {
    display: block;
    padding: 0.1em 0.3em;
    text-align: left;
    font-weight: 700;
    -webkit-transition: all 0.2s ease;
	   -moz-transition: all 0.2s ease;
		 -o-transition: all 0.2s ease;
			transition: all 0.2s ease;
}
footer .sitemap .KMenus li a,
footer .sitemap .KMenus li a:visited {
    color: #000;
}
footer .sitemap .KMenus li a:hover,
footer .sitemap .KMenus li a:focus {
    color: #A87A00;
}
footer .sitemap .KMenus li li a {padding-left: 1em;font-weight: 500;}
footer .sitemap .KMenus li li li a {padding-left: 2em;font-weight: 300;}

footer .social {
    width: 21%;
    padding: 0 1%;
}
footer .social h3 {
    font-size: 0.95em;
    font-family: 'KrinkesDecor', 'Georgia', serif;
	line-height: 0.8em;
}
footer .social img.lutin {
    width: 0.8em;
	height: 1em;
    margin-right: 0.3em;
}
footer .social ul {
    display: table;
    width: 110%;
    margin-left: -5%;
}
footer .social ul li {
    display: table-cell;
    padding: 8% 4%;
}
footer .social ul li a {
    position: relative;
    display:block;
    width:100%;
}
footer .social ul li a .rond {
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height: 0;
    padding-top:100%;
    background: transparent url(../img/footer-social-background.png) no-repeat center;
    background-size: 98%;
    -webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
		 -o-transition: all 0.3s ease;
			transition: all 0.3s ease;
}
footer .social ul li a img {
    position: relative;
    width: 100%;
    -webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
		 -o-transition: all 0.3s ease;
			transition: all 0.3s ease;
}
footer .social ul li a span.txt {
    position: absolute;
    bottom: -2em;
    left: -15%;
    width: 130%;
    text-align: center;
    font-size: 0.4em;
    color: #000;
    font-weight: 700;
    -webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
		 -o-transition: all 0.3s ease;
			transition: all 0.3s ease;
}

footer .social ul li a:hover .rond,
footer .social ul li a:focus .rond {
    filter: brightness(0) contrast(3);
}
footer .social ul li a:hover img,
footer .social ul li a:focus img {
    transform: scale(1.1);
}
footer .social ul li a:hover span.txt,
footer .social ul li a:focus span.txt {
    color: #A87A00;
}

footer .reco {
    width: 21%;
    padding: 3% 1% 0;
    vertical-align: top;
}
footer .reco h3 {
    font-size: 0.95em;
    line-height: 0.8em;
}
footer .reco ul {
    width: 84%;
    margin: 8%;
}
footer .reco ul li {
    display: inline-block;
    width: 37%;
    margin: 0 3%;
}
footer .reco ul li img {
    width: 100%;
}

footer .partners {
    padding: 0.5% 15%;
    font-size: 0.34em;
    font-family: 'Verdana', Arial, sans-serif;
    text-align: center;
}
footer .partners h5 {
    color: #A87A00;
    display: inline;
}
footer .partners ul {
    display: inline;
    margin-left: 2em;
}
footer .partners li {
    display: inline;
}
footer .partners li a,
footer .partners li a:visited {
    display: inline-block;
    color: #000;
	padding: 0 0.5em 0 0.2em;
	border-right: 1px solid #A87A00;
}
footer .partners li:last-child a,
footer .partners li:last-child a:visited {
	border-right: none;
}
footer .partners li a:hover,
footer .partners li a:focus {
    color: #A87A00;
}

@media (max-width : 1024px) {
    footer .footerblocs {display: block;}
    footer .footerblocs .footerbloc {display: inline-block;}
    footer .proprietaires {width: 40%;padding-right: 10%;font-size: 1.5em;}
    footer .sitemap {width: 50%;font-size: 0.6em;}
    footer .social, footer .reco {width: 49%;padding: 5% 2% 0;font-size: 1.5em;}
    footer .social {width: 39%;}
    footer .reco {width: 59%;}
    footer .social ul {width: 70%;margin-left: 15%;margin-top: 7%;}
    footer .reco ul li {width: 21%;margin: 0;}
    footer .social ul li a span.txt {font-size: 0.35em;}
	footer .partners {font-size: 9px;}
}
@media (max-width : 800px) {
	footer .social ul {width: 90%;margin-left: 5%;margin-top: 2%;}
	footer .sitemap {font-size: 12px;}
	footer .proprietaires p {font-size: 12px;}
	footer .partners ul {display:inline-block;margin-bottom: 0.5em;}
}

@media (max-width : 600px), (max-height : 600px) {
    header {padding: 5% 15% 18%;border-bottom: 5px solid #FFF;}
    header ul.cta-hebergements li {display:block;margin-bottom: 5%;font-size: 1.2em;}
    header blockquote {
        top: auto;
        bottom: 0;
        right: auto;
        left: 0;
        width: 12em;
        font-size: 1.8em;
        padding: 3% 5%;
        line-height: 1em;
    }
    header h1 a {width: 70%;padding: 0;margin: 0 auto;}
	aside {display:none;}
	footer .proprietaires {
		width: 45%;
		padding-right: 3%;
		font-size: 2em;
	}
	footer .sitemap .KMenus li a {font-size: 1.3em;padding: 0.5em 0;}
	footer .partners {padding: 0.5% 5%;}
	footer .partners li a,
	footer .partners li a:visited {padding: 0.3em 0.5em 0.3em 0.2em;margin: 0.5em 0;}
}
@media (max-width : 600px) {
	footer .proprietaires,
	footer .sitemap {
		width: 100%;padding: 0 5% 5%;margin: 0;
	}
	footer .proprietaires {font-size: 2.4em;padding: 0 5% 5%;margin: 0 0 3%;}
	footer .proprietaires img {width: 44%;margin: 2% auto 5%;}
	footer .sitemap .KMenus li a {font-size: 1.6em;padding: 0.5em 0;}
}
@media (max-width : 450px) {
    header {padding: 5% 20% 30%;}
    header blockquote {width: 11em;font-size: 1.4em;padding: 2%;}
	footer .proprietaires img {width: 60%;}
	footer .social,
	footer .reco {width: 49%;}
	footer .reco ul li {width: 37%;margin: 0 3%;}
	footer .sitemap .KMenus li a {font-size: 1.45em;}
}
@media (max-width : 380px) {
    header {padding: 5% 20% 23%;}
    header ul.cta-hebergements li a,
    header ul.cta-hebergements li a:visited {
        font-size: 0.45em;width:6em;
    }
    header blockquote {width: 12em;font-size: 1.15em;padding: 5%;}
	footer .proprietaires,
	footer .sitemap,
	footer .social,
	footer .reco {width: 100%;padding: 0 5% 5%;margin: 0 0 5%;border-bottom: 1px solid #DDD;}
	footer .reco {padding: 0 5%;}
	footer .social h3,
	footer .reco h3 {font-size: 1.3em;}
	footer .social ul li a span.txt {font-size: 0.55em;}
	footer .sitemap .KMenus li a {font-size: 1.2em;}
	
}

#main {
	padding-bottom: 5%;
	background: #8C9397 no-repeat top;
	background-size: 100%;
	background-attachment: fixed;
}
.KFormHTMLContent p {
	margin-bottom: 0.8em;
	text-shadow: 0 0 0.4em rgba(0,0,0,0.5);
	line-height: 2em;
	font-weight: 300;
}
.KFormHTMLContent .intro {
    font-weight: 300;
	font-size: 1.2em;
	padding: 5%;
}
.KFormHTMLContent .intro strong {white-space: nowrap;font-weight: 500;}
.KFormHTMLContent .bigblocs {
	padding: 0 0 5% 5%;
}
.KFormHTMLContent .bigbloc {
	width: 15.8em;
	margin: 0 4% 4% 0;
	display: inline-block;
	cursor: pointer;
	background: #A87A00 url(../img/texture-or.jpg) repeat;
    background-attachment: fixed;
	position: relative;
    vertical-align: top;
}
.KFormHTMLContent .bigbloc,
.KFormHTMLContent .bigbloc a {
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
		 -o-transition: all 0.3s ease;
			transition: all 0.3s ease;
}
.KFormHTMLContent .bigbloc:hover {
	background: #FFF;
	transform: scale(1.02);
	-webkit-box-shadow:0 0 0.5em rgba(0,0,0,0.4);
	   -moz-box-shadow:0 0 0.5em rgba(0,0,0,0.4);
			box-shadow:0 0 0.5em rgba(0,0,0,0.4);
}

.KFormHTMLContent .bigbloc h2 {
	position: absolute;
	top:0;
	left: 0;
	padding: 10% 11%;
	font-family: 'KrinkesRegular', 'Georgia', serif;
    font-size: 2.5em;
    line-height: 0.95em;
	text-shadow: 0 0 0.7em rgba(0,0,0,0.3), 0 0 0.1em #000, 0 0 0.03em #000;
	text-indent: -0.2em;
}
.KFormHTMLContent .bigbloc h2:first-letter {
	font-family: 'KrinkesDecor', 'Georgia', serif;
	letter-spacing: 0.15em;
	font-size:1.2em;
}
.KFormHTMLContent .bigbloc .photo {
	width: 94%;
	margin: 3% 3% 0;
}
.KFormHTMLContent .bigbloc .buttons {
	display: table;
	position: relative;
	width: 100%;
}
.KFormHTMLContent .bigbloc .buttons li {
	display: table-cell;
	height: 100%;
	vertical-align: middle;
}
.KFormHTMLContent .bigbloc .buttons li a,
.KFormHTMLContent .bigbloc .buttons li a:visited {
	display: block;
    font-size: 0.8em;
	font-weight: 700;
	text-align: center;
	padding: 0.75em;
	color: #FFF;
}
.KFormHTMLContent .bigbloc:hover .buttons li a,
.KFormHTMLContent .bigbloc:hover .buttons li a:visited {color: #000;}

.KFormHTMLContent .bigbloc .buttons li a:hover,
.KFormHTMLContent .bigbloc .buttons li a:focus {
	color: #A87A00;
	text-decoration: none;
}
.KFormHTMLContent .bigbloc:hover .buttons li a:hover,
.KFormHTMLContent .bigbloc:hover .buttons li a:focus {color: #000;transform: scale(1.1);}

.KFormHTMLContent .bigbloc p {
	padding: 2% 3% 0;
	line-height: 1.1em;
	font-weight: 300;
	font-size: 0.9em;
	text-align: center;
}
.KFormHTMLContent .bigbloc:hover p {color: #000;text-shadow: none;}
.KFormHTMLContent .goldenblocs {
	margin: 0 -1%; 
	display: table;
    width: 102%;
}
.KFormHTMLContent .goldenblocs.nbspec {
	margin: 0; 
	display: block;
    width: 100%;
}
.KFormHTMLContent .goldenblocs.nb4 {font-size: 1em;}
.KFormHTMLContent .goldenblocs.nb6 {font-size: 0.64em;}

.KFormHTMLContent .goldenbloc {
	display: table-cell;
}
.KFormHTMLContent .nbspec .goldenbloc {
	display: inline-block;
	width: 7.53em;
    margin: 0 0.8em 0.6em 0;
}
.KFormHTMLContent .nb4 .goldenbloc,
.KFormHTMLContent .nb5 .goldenbloc,
.KFormHTMLContent .nb6 .goldenbloc {
	padding: 0 1% 0.6em;
}
/*.KFormHTMLContent .nb4 .goldenbloc {padding: 0 0.8em 0.6em 0;}*/
.KFormHTMLContent .nb6 .goldenbloc {width: 16%;}
.KFormHTMLContent .goldenbloc a,
.KFormHTMLContent .goldenbloc a:visited {
	display: block;
	position: relative;
	background: #FFF;
	width: 100%;
	height: 0;
	padding-top:100%;
	text-align: center;
	cursor: default;
}
.KFormHTMLContent .goldenbloc.hover a {
	cursor: pointer;
}
.KFormHTMLContent .goldenbloc a span {
	display: block;
	position: absolute;
	top: 0;
	left:0;
	width: 100%;
	margin-top: 8%;
	color: #A87A00;
	font-size: 0.7em;
	font-weight: 300;
	line-height: 1.6em;
}
.KFormHTMLContent .goldenbloc a span strong {
	font-size: 1.6em;
	line-height: 0.8em;
    font-weight: 700;
    display: block;
    color: #000;
}
.KFormHTMLContent .goldenbloc a img {
	position: absolute;
	top: 0;
	left: 13%;
	margin-top: 47%;
	width: 74%;
}
.KFormHTMLContent .goldenbloc a:after {
    content:"";
    display: block;
    position: absolute;
    bottom: 0;
    left:0;
    width: 100%;
    padding: 2% 0;
    height: 0;
    overflow: hidden;
    background: #A87A00 url(../img/texture-or.jpg) repeat;
	background-attachment: fixed;
    font-size:0.01em;
    line-height: 1em;
    color:#A78A00;
}
.KFormHTMLContent .goldenbloc.hover a:after {
	content:"En savoir plus";
}
.KFormHTMLContent .goldenbloc.hover a:hover:after,
.KFormHTMLContent .goldenbloc.hover a:focus:after {
    font-size:0.6em;
    color:#000;
	background: #FFF;
    padding: 0.2em 0;
    height: 1em;
}
.KFormHTMLContent .goldenbloc.hover a,
.KFormHTMLContent .goldenbloc.hover a span,
.KFormHTMLContent .goldenbloc.hover a span strong,
.KFormHTMLContent .goldenbloc.hover a img,
.KFormHTMLContent .goldenbloc.hover a:after {
    -webkit-transition: all 0.2s ease;
	   -moz-transition: all 0.2s ease;
		 -o-transition: all 0.2s ease;
			transition: all 0.2s ease;	
}
.KFormHTMLContent .goldenbloc.hover a:hover,
.KFormHTMLContent .goldenbloc.hover a:focus {
	background: #A87A00 url(../img/texture-or.jpg) repeat;
	background-attachment: fixed;
	transform: scale(1.06);
}
.KFormHTMLContent .goldenbloc.hover a:hover img,
.KFormHTMLContent .goldenbloc.hover a:focus img {
	filter: contrast(0) brightness(2);
}
.KFormHTMLContent .goldenbloc.hover a:hover span,
.KFormHTMLContent .goldenbloc.hover a:focus span {
	color: #000;
}
.KFormHTMLContent .goldenbloc.hover a:hover strong,
.KFormHTMLContent .goldenbloc.hover a:focus strong {
	color: #FFF;
	text-shadow: 0 0 0.4em rgba(0,0,0,0.3)
}
.KFormHTMLContent .goldenbloc.chiens a span,
.KFormHTMLContent .goldenbloc.ancv a span,
.KFormHTMLContent .goldenbloc.borne a span,
.KFormHTMLContent .goldenbloc.resa.triple a span {margin-top:2%;}


.KFormHTMLContent h2 {
	font-size: 4em;
    padding: 0.5em 0;
	text-shadow: 0.05em 0.1em 0.2em rgba(0,0,0,0.4);
	line-height: 1.2em;
}
.KFormHTMLContent h3 {
	font-size: 3em;
    text-shadow: 0.01em 0.05em 0.2em rgba(0,0,0,0.3);
	line-height: 1.2em;
}
.KFormHTMLContent .carres {
	padding: 1em 5% 15%;
}
.KFormHTMLContent .carres h2 {
	float:left;
	font-size: 2.5em;
	padding: 0.1em 0;
}
.KFormHTMLContent .carres li {
	float: right;
	position: relative;
	background: #A87A00 url(../img/texture-or.jpg) repeat;
    background-attachment: fixed;
	width: 6em;
	height: 6em;
	margin: 0 0 0.5em 0.5em;
	padding: 0.3em;
	text-align: center;
	color: #FFF;
	text-shadow: 0 0 0.5em rgba(0,0,0,0.8);
    font-size: 0.5em;
	overflow: hidden;
	-webkit-box-shadow:0 0 0.8em rgba(0,0,0,0.4);
	   -moz-box-shadow:0 0 0.8em rgba(0,0,0,0.4);
			box-shadow:0 0 0.8em rgba(0,0,0,0.4);
}
.page-cabane .KFormHTMLContent .carres li {background: #A5CC00;text-shadow: 0 0 0.5em rgb(74, 96, 0);}
.page-gite .KFormHTMLContent .carres li {background: #D05651;text-shadow: 0 0 0.5em rgb(135, 4, 0);}
.page-chambre .KFormHTMLContent .carres li {background: #6ABCE1;text-shadow: 0 0 0.5em rgb(0, 94, 135);}
.page-bien-etre .KFormHTMLContent .carres li {background: #CC9F4C;text-shadow: 0 0 0.5em rgb(119, 75, 0);}

.KFormHTMLContent .carres li span.txt {
	line-height: 1.2em;
	font-weight: 300;
}
.KFormHTMLContent .carres li span.txt strong {
    display: block;
	font-size: 3em;
	font-weight: 700;
    margin: 0.2em 0 0.1em;
}
.KFormHTMLContent .carres li span.bottom {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width:100%;
    padding: 0.3em 0;
	font-size: 0.5em;
	background: #FFF;
	color: #000;
	font-family: Verdana, Arial, sans-serif;
	text-shadow: none;
	-webkit-font-smoothing: antialiased;
}

section {
	padding: 0 5% 5%;
}
section h3 {
	position: relative;
	font-family: 'KrinkesDecor', 'Georgia', serif;
	padding: 0.5em 0 0.5em 0.5em;
	margin: 0 0 0 -0.5em;
	overflow: hidden;
}
section h3 sup {
	margin-left: 0.5em;
    font-size: 0.4em;
    top: -0.8em;
}
section h3 span {
	position: relative;
	margin-left: 0.3em;
	width: 0;
    vertical-align: text-bottom;
}
section h3 span:after {
	content: "";
	position: absolute;
	width: 3000px;
	width: 100vw;
	height: 0.035em;
	background: #000;
	left:0;
	bottom: 0.1em;
}
section h3:after {
	content: "";
	position: absolute;
	width: 0.7em;
	height: 0.7em;
	bottom: 0.8em;
	right: 0;
	background: transparent url(../img/lutin-noir.svg) no-repeat center;
	background-size: contain;
}
.page-generic section h3 span:after {background: #A87A00 url(../img/texture-or.jpg) repeat;background-attachment: fixed;}
.page-cabane section h3 span:after {background: #A5CC00;}
.page-gite section h3 span:after {background: #D05651;}
.page-chambre section h3 span:after {background: #6ABCE1;}
.page-bien-etre section h3 span:after {background: #CC9F4C;}
.page-cabane	section h3:after {background-image: url(../img/lutin-cabane.svg);}
.page-gite		section h3:after {background-image: url(../img/lutin-gite.svg?c=1);}
.page-chambre	section h3:after {background-image: url(../img/lutin-chambre.svg?c=1);}
.page-bien-etre	section h3:after {background-image: url(../img/lutin-bien-etre.svg);}

.page-cabane	section h3.lutin2:after {background-image: url(../img/lutin-cabane-2.svg);}
.page-cabane	section h3.lutin3:after {background-image: url(../img/lutin-cabane-3.svg);}
.page-cabane	section h3.lutin4:after {background-image: url(../img/lutin-cabane-4.svg);}
.page-cabane	section h3.lutin5:after {background-image: url(../img/lutin-cabane-5.svg);}

.page-gite		section h3.lutin2:after {background-image: url(../img/lutin-gite-2.svg);}
.page-gite		section h3.lutin3:after {background-image: url(../img/lutin-gite-3.svg);}
.page-gite		section h3.lutin4:after {background-image: url(../img/lutin-gite-4.svg);}
.page-gite		section h3.lutin5:after {background-image: url(../img/lutin-gite-5.svg);}

.page-chambre	section h3.lutin2:after {background-image: url(../img/lutin-chambre-2.svg);}
.page-chambre	section h3.lutin3:after {background-image: url(../img/lutin-chambre-3.svg);}
.page-chambre	section h3.lutin4:after {background-image: url(../img/lutin-chambre-4.svg);}
.page-chambre	section h3.lutin5:after {background-image: url(../img/lutin-chambre-5.svg);}

.page-generic	section h3.lutin1:after {background-image: url(../img/lutin-blanc.svg);}
.page-generic	section h3.lutin2:after {background-image: url(../img/lutin-blanc-2.svg);}
.page-generic	section h3.lutin3:after {background-image: url(../img/lutin-blanc-3.svg);}
.page-generic	section h3.lutin4:after {background-image: url(../img/lutin-blanc-4.svg);}
.page-generic	section h3.lutin5:after {background-image: url(../img/lutin-blanc-5.svg);}

section .blocalt {
	display: table;
	width: 100%;
}
section .blocalt div.content,
section .blocalt .illus {
	display: table-cell;
}
section .blocalt div.content {
	vertical-align: middle;
	font-weight: 300;
	text-shadow: 0 0 0.3em rgba(0,0,0,0.4);
}
section .blocalt div.content.intro {
	padding: 0;
}
section .blocalt div.content strong {font-weight: 500;}
section .blocalt .illus {
	vertical-align: top;
	width: 35%;
}
section .blocalt .illus img {
	width: 100%;
	border: 3px solid #A87A00;
}
section .blocalt img.illus {
	border: 3px solid #A87A00;
}

section .blocalt.gauche div.content {padding-right: 5%;}
section .blocalt.droite div.content {padding-left: 5%;text-align: right;}

section .galerie {
	display: table;
	width: 102%;
	margin-left: -1%;
}
section .galerie.galnb4,
section .galerie.galnb3,
section .galerie.galnb2 {
	margin: 0 auto;
}
section .galerie.galnb4 {width: 66.6%;max-width: 875px;}
section .galerie.galnb3 {width: 50.0%;max-width: 647px;}
section .galerie.galnb2 {width: 33.3%;max-width: 427px;}

section .galerie li {
	display: table-cell;
	padding: 0 0.8%;
	width: 15%;
}
section .galerie li a {
	border: 3px solid #A87A00;
	display: block;
}
section .galerie li a img {
	width: 100%;
}

.page-generic section .blocalt a.illus:hover img,
.page-generic section .blocalt div.illus a:hover img,
.page-generic section .galerie li a:hover {border-color: #FFF;}
.page-cabane section .blocalt .illus img,
.page-cabane section .galerie li a {border-color: #A5CC00;}
.page-gite section .blocalt .illus img,
.page-gite section .galerie li a {border-color: #D05651;}
.page-chambre section .blocalt .illus img,
.page-chambre section .galerie li a {border-color: #6ABCE1;}
.page-bien-etre section .blocalt .illus img,
.page-bien-etre section .galerie li a {border-color: #CC9F4C;}

section .blocalt a.illus:hover img,
section .galerie li a:hover {
	border-color: #FFF;
	-webkit-box-shadow:0 0 0.8em rgba(0,0,0,0.4);
	   -moz-box-shadow:0 0 0.8em rgba(0,0,0,0.4);
			box-shadow:0 0 0.8em rgba(0,0,0,0.4);
}

.anchor {
	position: relative;
    top: -70px;
    display: block;
}

.resaelloha {
	width: 102%;
	margin: 0 -1%;
}
.resaelloha .co-widget .co-widget-title {display: none;}
.resaelloha .co-widget-p-link-gift-voucher {padding-left: 15px;text-align: center;}
.resaelloha .co-widget-p-link-gift-voucher > a {color: #000 !important;}
p.redirect {text-align: center;margin-top: 5%; line-height: 1.3em;}
p.redirect a {text-decoration: underline;}
p.redirect a:focus,
p.redirect a:hover {color: #A5CC00;}
{text-decoration: underline;}
.pika-cnstell-single .is-available .pika-cnstell-button {background: #A5CC00;text-align: center;font-weight: bold;}
.pika-cnstell-single .is-not-available .pika-cnstell-button {background: #D05651;text-align: center;font-weight: bold;color: #D6A2A0;}
.pika-cnstell-single .is-selected .pika-cnstell-button {background: #A87A00;-webkit-box-shadow: inset 0 1px 3px #876000;-moz-box-shadow: inset 0 1px 3px #876000;box-shadow: inset 0 1px 3px #876000;}
.pika-cnstell-single .pika-cnstell-button:hover {
	background: #A87A00 !important;
	color: #FFF;
}

@media (min-width : 1025px) {
	.KFormHTMLContent .bigblocs {display: block;width: 100%;padding: 0 5%;}
	.KFormHTMLContent .bigbloc {width: 23.2%;margin: 0 1% 5%;font-size: 0.5em;}
	.KFormHTMLContent .bigbloc:first-child {margin-left:0;}
	.KFormHTMLContent .bigbloc:last-child {margin-right:0;}
}
@media (max-width : 920px) {.KFormHTMLContent .carres li {font-size: 0.6em;}}
@media (max-width : 750px) {
	.KFormHTMLContent h2 {font-size: 3em;padding: 0.7em 5%;}
	.KFormHTMLContent .carres h2 {font-size: 2.5em;padding: 0.3em 0;}
	.KFormHTMLContent .carres li {font-size: 0.75em;}
	section .galerie.galnb4 {width: 100%;max-width: 100%;}
}
@media (max-width : 750px) {
	section .galerie.galnb3,
	section .galerie.galnb2 {width: 100%;max-width: 100%;}
}
@media (max-width : 600px), (max-height : 600px) {
	.KFormHTMLContent .bigblocs {display: block;width: 100%;padding: 0 5%;}
	.KFormHTMLContent .bigbloc {display: block;width: 100%;margin: 0 0 5%;}
	.KFormHTMLContent .bigbloc h2 {font-size: 5em;}
	.KFormHTMLContent .bigbloc .buttons li a,
	.KFormHTMLContent .bigbloc .buttons li a:visited {font-size: 1.6em;}
	.KFormHTMLContent p {line-height: 1.4em;margin-bottom: 0.4em;}
	section h3 span:after {height: 2px;}
}
@media (max-width : 600px) {
	.KFormHTMLContent .intro p {text-align: justify;text-align-last: center;}
	.KFormHTMLContent .intro strong {font-weight: 700;}
	.KFormHTMLContent .carres {padding: 5%;text-align: center;}
	.KFormHTMLContent .carres li {font-size: 14px;display: inline-block;float: none;}
	.KFormHTMLContent h2 {font-size: 2.5em;padding: 0.7em 5%;}
	.KFormHTMLContent h3 {font-size: 2em;}
	.KFormHTMLContent .carres h2 {float: none;}
	section {padding: 0 5% 10%;}
	section .blocalt {display: block;}
	section .blocalt.gauche div.content,
	section .blocalt.droite div.content,
	section .blocalt .illus {
		display: block;
		width: 100%;
		margin-bottom: 5%;
		text-align: justify;
		text-align-last: center;
		padding: 0;
	}
	.KFormHTMLContent .goldenblocs.nb4,
	.KFormHTMLContent .goldenblocs.nb5,
	.KFormHTMLContent .goldenblocs.nb6,
	section .galerie {
		display: block;
		text-align: center;
	}
	section .galerie li {
		display: inline-block;
		width: 30%;
		margin: 2.5% 1%;
	}
	section .galerie.galnb4 li,
	section .galerie.galnb2 li {width: 48%;}
	.KFormHTMLContent .nb4 .goldenbloc,
	.KFormHTMLContent .nb5 .goldenbloc,
	.KFormHTMLContent .nb6 .goldenbloc {
		display: inline-block;
		width: 8em;
		font-size: 1.55em;
		margin: 1.5% 2%;
		padding: 0;
	}
}
@media (max-width : 500px) {
	.KFormHTMLContent .bigbloc h2 {font-size: 4em;}
	.KFormHTMLContent .bigbloc .buttons li a,
	.KFormHTMLContent .bigbloc .buttons li a:visited {font-size: 1.4em;}
	section h3 span:after {height: 1px;}
}
@media (max-width : 400px) {
	.KFormHTMLContent .bigbloc h2 {font-size: 3em;}
	.KFormHTMLContent .bigbloc .buttons li a,
	.KFormHTMLContent .bigbloc .buttons li a:visited {font-size: 1em;}
}
@media (max-width : 380px) {
	section .galerie li {
		display: inline-block;
		width: 47%;
		margin: 3% 1%;
	}
}





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