@charset "utf-8";
/* STYLE DE TEXTE */

p, pw, a, h1, h2, h3, h4, label, textarea, hidetext {
	font-family: sans-serif;
}

h1 {
	text-align:center;
	color: #99BDE0;
	font-size:44px;
	margin-block-start: 0.2em;
	margin-block-end: 0.2em;

}

h2 {
	color: #111;
	font-size:26px;
}

h3 {
	color: #222;
	font-size:18px;
	font-style: bold;
	display: inline-block;
}

h4 {
	color: #111;
	font-size:18px;
}

p {
	color: #555555;
	font-size:16px;
	text-align: justify;
	text-justify: inter-word;
}

pw {
	color: #ffffff;
	font-size:16px;
}

a {
	color: #000000;
	text-decoration: none;
}

a:hover {
	color: #68B0E1;
}

hidetext {
	color: #555555;
	font-size:15px;
}

hr {
	border-top: 1px #ccc;
	margin: 0 60px;
	border-color: #ccc;
}

label {
	color: #000;
	font-size:18px;
	font-style: bold;
	margin-right: 5px;
}

input {

	width:100%;
	padding: 12px 20px;
	margin: 8px 0;
	box-sizing: border-box;
	cursor: pointer;
	border:1px solid #ccc;
	border-radius:10px;
	font-size:16px;
}

textarea {
	width:100%;
	padding: 12px 20px;
	margin: 8px 0;
	box-sizing: border-box;
	cursor: pointer;
	border:1px solid #ccc;
	border-radius:10px;
	font-size:16px;
}




				/* ADAPTIVE */


@media screen and (min-width: 200px) and (max-width: 1024px) {
/* STYLE DE TEXTE */

p, pw, a, .menufont, .menufontw, h1, h2, h3, h4, label, textarea {
	font-family: sans-serif;
	text-size-adjust: none;
}

.menufont {
	font-size:40px;
	font-style: bold;
	color: #fff;
}

.menufontw {
	font-size:40px;
	font-style: bold;
	color: #111;
}

h1 {
	text-align:center;
	color: #99BDE0;
	font-size:80px;
}

h2 {
	color: #111;
	font-size:62px;
	text-align:center;
}

h3 {
	color: #111;
	font-size:60px;
	font-style: bold;
	margin-block-start: 0.2em;
	margin-block-end: 0.2em;
}

h4 {
	color: #111;
	font-size:54px;
}

p {
	color: #555555;
	font-size:40px;
}

pw {
	color: #ffffff;
	font-size:40px;
}

a {
	color: #000000;
	text-decoration: none;
	font-size:40px;
}

a:hover {
	color: #A1BDD1;
}

label {
	color: #000;
	font-size:46px;
	font-style: bold;
	margin-right: 5px;
}

input {
	width:100%;
	font-size:46px;
	padding: 12px 20px;
	margin: 0px 0px;
	box-sizing: border-box;
}

textarea {
	width:100%;
	font-size:46px;
	padding: 12px 20px;
	margin: 0px 0px;
	box-sizing: border-box;
}

input[type=checkbox] {
  /* All browsers except webkit*/
  transform: scale(3);
  /* Webkit browsers*/
  -webkit-transform: scale(3);
}

hr {
	border-top: 3px #111;
	margin: 40px 160px;
	border-color: #111;
}

}