/*
╭━━━━━━━━━━━╯ 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/contact/background.jpg) no-repeat center top;
	background-size: 100%;
	background-attachment: fixed;
}
section .blocalt.intro {
	padding: 1em 0 0;
}
section .blocalt.intro .illus {padding-top: 2%;}
.KFormHTMLContent .carres {
    padding: 0;
}
.KFormHTMLContent .carres h2 {
	/*font-family: 'KrinkesRegular', 'Georgia', serif;*/
	float: none;
	font-size: 2.1em;
	margin-bottom: 5%;
}
.KFormHTMLContent address {
	font-style: normal;
	font-size: 0.65em;
	text-align: center;
}
.KFormHTMLContent address h5 {
	font-family: 'KrinkesDecor', 'Georgia', serif;
	font-weight: normal;
	font-size: 1.5em;
	margin-bottom: 0.3em;
}
.KFormHTMLContent address p {
	line-height: 1.2em;
}
section iframe {
	width: 100%;
	border:0;
	height: 500px;
	height: 50vw;
    filter: brightness(0.9) contrast(1.2) saturate(0.7);
}
section.formulaire .blocalt.droite div.content {
	text-align: left;
	width: 65.1%;
}
	
section.formulaire .blocalt img.illus {
	width: 100%;
}

span.KFormElem {
	width: 100%;
	margin-bottom: 1%;
}
label.KFormLabel {
	position: relative;
	width: 19%;
    display: inline-block;
    text-align: right;
    text-align-last: right;
    padding-right: 1em;
}
label.KFormLabel .asterisque {
	position: absolute;
	top: 0;
	right: 0.4em;
	color: #871800;
}

span.KFormInput {
    display: inline-block;
    width: 80%;
}
span.KFormInput input,
span.KFormInput textarea {
	width: 100%;
	border: 1px solid #8C9397;
	font-size: 0.9em;
    padding: 0.3em 0.5em;
	text-align: left;
    text-align-last: left;
}
span.KFormInput input:hover,
span.KFormInput input:focus,
span.KFormInput textarea:hover,
span.KFormInput textarea:focus {
	border-color: #A87A00;
	outline: none;
}
a.KFormClear,
a.KFormAlertIcon,
.KFormElemTextarea a.KFormClear,
.KFormElemTextarea a.KFormAlertIcon {
    position: absolute;
    right: 0.4em;
    top: 0.5em;
}
span.KFormErrorInfo {
	background: #871800;
	margin: 2px 0.4% 5px 19.8%;
	font-size: 0.8em;
}
p.envoi {
	position: relative;
	text-align: right;
	margin-top: 2%;
    padding-right: 0.5%;
	text-shadow: none;
}
p.envoi span.obl {
	position: absolute;
    left: 20%;
    font-size: 0.8em;
    font-style: italic;
    color: #000;
}
p.envoi span.obl .asterisque {color: #871800;}
p.envoi input,
p.envoi input.disabled {
	background: #A87A00;
	color: #FFF;
	font-weight: 700;
	padding: 0.3em 1em;
	opacity: 1;
}
p.envoi input:hover,
p.envoi input:focus {
	background: #000;
    outline: none;
}
p.mapslink {text-align: right;font-size: 0.9em;}
@media (max-width : 750px) {
	section.formulaire .blocalt {display: block;}
	section.formulaire .blocalt img.illus {display: none;}
	section.formulaire .blocalt.droite div.content {display: block;width: 100%;padding-left:0;}
	p.envoi {text-align: center;margin-top: 5%;}
}
@media (max-width : 600px), (max-height : 600px) {
	.KFormHTMLContent .carres h2 {font-size: 3.5em;}
	.KFormHTMLContent address {font-size: 1.2em;}
	section iframe {height: 400px;height: 50vh;}
	span.KFormInput input, span.KFormInput textarea {padding: 0.5em;}
	p.envoi span.obl {
		display: block;
		position: relative;
		left: auto;
		margin: -1em 0 1em;
	}
}
@media (max-width : 450px) {
	.KFormHTMLContent .carres h2 {font-size: 2.5em;}
	.KFormHTMLContent address h5 {line-height: 1em;}
	.KFormHTMLContent address p {font-size: 0.8em;}
	label.KFormLabel {
		width: 100%;
		margin-top: 2%;
		text-align: left;
		text-align-last: left;
		padding-right: 0;
	}
	label.KFormLabel .asterisque {position: relative;right: -0.4em;}
	span.KFormInput {display: block;width:100%;}
	span.KFormErrorInfo {margin: 2px 0 5px;}
}
@media (max-width : 400px) {
}

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