@charset "utf-8";
/* ***CSS BEGIN*** form1 (Ne pas modifier cette ligne) */
/* CSS Document */

/*********************************************************************
 * Designed by Chami webmaster@chami.eu
 *
 * Template : form1
 *********************************************************************/

.form1 {
	width: 50%;
	background-color: #EADFD9;
	margin: 1em auto;
	margin-top: 2em;
}

.form1 form input[type=text] {
	color: #137d75;
	border: 0;
	background-color: inherit;
	border-bottom: #05738F solid 1px;
	/*background-color: #DBF3E8;*/
	width: 80%;
}

.form1 .cr, .form1 .ci {
	height: 3.2em;
}
.form1 .ci2 {
}

.form1 .cr {
	padding-left: 2vw;
	font-size: 1.1em;
	margin-top: 1.6em;
}

.form1 form .kindGroup {
	display: flex;
	flex-direction: row;
	padding-left: 2vw;
	width: 70%;
}

.form1 form .kindGroup > div {
	flex: 1;
	color: #29860E;
	/*background-color: #F7D3F8;*/
}

.form1 form input[type=radio] {
}

.form1 .ci {
	position: relative;
}

.form1 .ci label, .form1 .ci input {
	left: 2vw;
	top: 1.5em;
	left: 2vw;
	position: absolute;
	display: block;
	z-index: 10;
	font-size: 1.4em;
}

.form1 .ci input {
	padding-left: 1.2em;
}
.form1 .ci label {
	top: 2em;
	z-index: 12;
	transition: top .4s ease-in;
	font-size: 1.1em;
}

.form1 fieldset {
	width: 100%-4vh;
	margin: 3em 2vw 2em 2vw;
	font-size: 1.1em;
}

.form1 fieldset textarea {
	margin: 1em auto;
	width: 90%;
	padding: .5em .3em;
	font-size: 1.4em;
	display:block;
}

.form1 input[type=submit] {
	font-size: 1.1em;
	margin: 1em auto 1em 60%;
	padding: .3em;
	color: red;
	cursor: pointer;
}

		/* ================================ */
		
@media only screen and (max-device-width:400px) {
	.form1 {
		width: 90%;
	}
}
@media only screen and (max-device-width:1000px) {
}
@media only screen and (max-width:480px) {
	.form1 {
		width: 90%;
	}
@media only screen and (max-width:1000px) {
}
/* ***CSS END*** form1 (Ne pas modifier cette ligne) */