/*
╭━━━━━━━━━━━╯ 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-image: url(../img/tarifs/background.jpg);
}

.KFormHTMLContent .carres {
    padding: 1em 5% 2%;
	position: relative;
}
.KFormHTMLContent .carres h2 {float: none;}

.KFormHTMLContent h3 {
    margin: 1em 0 0 -0.5em;
}
ul.categories {
	font-size: 0.55em;
}
ul.categories h4 {
	font-size: 2em;
	line-height: 0.7em;
	margin: 0.5em 0 0.5em;
    text-shadow: 0.01em 0.05em 0.2em rgba(0,0,0,0.3);
}
ul.categories p.liens {
	text-align: center;
}
ul.categories p.liens a,
ul.categories p.liens a:visited {
	display: inline-block;
	background: #A87A00 url(../img/texture-or.jpg) repeat;
    background-attachment: fixed;
	font-weight: 700;
	padding: 0.2em 0.6em 0.15em;
	margin: 0.5em;
	text-shadow: none;
	box-shadow: 0 0.1em 0.5em rgba(0,0,0,0.4);
}
ul.categories p.liens a:hover,
ul.categories p.liens a:focus {
	color: #A87A00;
	background: #FFF;
	text-decoration: none;
}

ul.categories li.tarifLine {
	position: relative;
	display: inline-block;
	width: 14em;
	background: #FFF;
	margin: 0 1em 1em 0;
	padding: 1em;
	vertical-align: top;
	color: #000;
	font-weight: 300;
	text-align: center;
	-webkit-box-shadow:0 0 1em rgba(0,0,0,0.3);
	   -moz-box-shadow:0 0 1em rgba(0,0,0,0.3);
			box-shadow:0 0 1em rgba(0,0,0,0.3);
}
ul.categories li.tarifLine p {
	text-shadow: none;
	text-align: center;
	line-height: 1.1em;
	margin-bottom: 0;
}
ul.categories li.tarifLine p.intitule {
	font-weight: 500;
}
ul.categories li.tarifLine p.intitule strong {
	display:block;
	margin-bottom: 0.2em;
}
ul.categories li.tarifLine p.details {
	font-size: 0.75em;
	min-height: 1.1em;
	color: #A87A00;
	font-style: italic;
}
ul.categories li.tarifLine .prix {
	position: relative;
	width: 6em;
	height: 6em;
	background: #A87A00 url(../img/texture-or.jpg) repeat;
    background-attachment: fixed;
	color: #FFF;
	margin: 0.5em auto;
	padding: 0.5em 0.5em 1em;
}

ul.categories li.tarifLine .prix span {
	display: block;
	font-size: 0.72em;
	line-height: 1em;
}
ul.categories li.tarifLine .prix span.pre {min-height: 1em;}
ul.categories li.tarifLine .prix span.mid {
	font-weight: 700;
	font-size: 1.2em;
    line-height: 1.4em;
    margin-top: 0.7em;
}
ul.categories li.tarifLine .prix big {
	display: block;
	font-size: 2.5em;
	font-weight: 700;
	line-height: 1em;
}
ul.categories li.tarifLine .prix big .plus {
	font-weight: 300;
    margin-right: 0.1em;
}

ul.categories li.tarifLine .prix .bottom {
	background: #000;
	color: #FFF;
	padding: 0.1em 0.05em;
	position: absolute;
	bottom: 0;
	left:0;
	width: 100%;
	font-size: 0.6em;
}

ul.categories li.chambre-d-hotes li.tarifLine p.intitule {min-height: 3.3em;}
ul.categories li.gite .location-a-la-semaine li.tarifLine p.intitule {min-height: 2.2em;}
ul.categories li.cuisine-du-manoir li.tarifLine p.intitule {min-height: 6.8em;}
ul.categories li.accueil-chevaux li.tarifLine p.details {min-height: 2.2em;}
ul.categories li.cabanes ul.nocat li.tarifLine .prix {background: #A5CC00;}
ul.categories li.gites ul:not(.options) li.tarifLine .prix {background: #D05651;}
ul.categories li.chambres-d-hotes ul.nocat li.tarifLine .prix {background: #6ABCE1;}

@media (max-width : 1025px) {
	ul.categories {font-size: 0.7em;}
}
@media (max-width : 800px) {
	ul.categories {font-size: 1.05em;}
	.KFormHTMLContent h3 {font-size: 2.5em;}
}
@media (max-width : 600px), (max-height : 600px) {
	.KFormHTMLContent h3 {font-size: 2em;}
	ul.categories h4 {text-align: center;line-height: 0.9em;margin: 1.2em 0 0.2em;}
	ul.categories li.tarifLine {
		display: block;
		width: 100%;
		padding: 0.5em 7em 0.5em 0.5em;
		min-height: 6em;
		text-align: left;
	}
	ul.categories li.tarifLine p {text-align: left;}
	ul.categories li.tarifLine p.intitule,
	ul.categories li.chambre-d-hotes li.tarifLine p.intitule,
	ul.categories li.gite .location-a-la-semaine li.tarifLine p.intitule,
	ul.categories li.cuisine-du-manoir li.tarifLine p.intitule {
		font-size: 0.85em;
		margin-bottom: 0.5em;
		min-height: 0;
	}
	ul.categories li.tarifLine p.details {
		min-height: 0;
	}
	ul.categories li.tarifLine .prix {
		position: absolute;
		top: 0;
		right: 0;
		margin: 0;
		text-align: center;
	}
	ul.categories p.liens a, ul.categories p.liens a:visited {
		display: block;
		padding: 0.7em;
		margin: 0.5em 0;
	}
	ul.categories li.espace-bien-etre li.tarifLine {padding: 0.5em;}
}
@media (max-width : 500px) {
}
@media (max-width : 400px) {

}

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