body {
	margin:0;
	height:100%;
	width:100%;
	overflow-x:hidden;
}
article {
	padding:3%;
	text-align:center;
	font-family:'Baloo Tamma 2',cursive;
	font-size:0.95em;
}

a {
	color:#0067ab;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
	
form {
	max-width:600px;
	margin:0 auto;
	padding:1em; 
	border:1px solid #CCC;
	border-radius:1em;
}
form div + div {
	margin-top:1em;
}
label {
	display:inline-block;
	width:150px;
	text-align:right;
}
input, textarea, select {
	margin-left:auto;
	margin-right:auto;
	font:1em sans-serif;
	width:250px;
	box-sizing:border-box;
	border:1px solid #999;
}
input:focus, textarea:focus {
	border-color:#000
}
textarea {
	vertical-align:top;
	height:5em;
}

.icones {
	overflow:hidden;
	position:relative; 
	text-align:center;
}
.icone {
	display:inline-block;
	 overflow:hidden;
	 position:relative;
	 text-align:left;
	 margin-right:40px;
	 margin-top:26px;
	}

.icones a {
	background:rgba(255,255,255, 0.4);
	padding: 7px 14px;
	border: solid 2px white;
	border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
	color:black;
}
	
.icones img {
	background:#ffffffcc;
	padding:5px;
	border:solid 2px white;
	}
	
.prix table, td {
	padding:10px;
	border:1px solid black;
	border-collapse:collapse;
}
.prix span {
	white-space:nowrap;
}

.envoyer button {
	margin-top:-12px;
	background:#ffffffd4;
	padding:7px 14px;
	border:solid 2px #545454;
	border-radius:255px 15px 225px 15px/15px 225px 15px 255px;
	font-family:'Baloo Tamma 2',cursive;
	font-size:1.05em;
}
.envoyer button:hover {
	background:#85858530; cursor:pointer;
}


body {
	background:url('../img/crayon-XXL.jpg') center fixed;
	background-size:cover;
	backdrop-filter:blur(1px);
}
@media screen and (orientation:portrait) {
	@media screen and (min-height:801px) and (max-height:1050px) {body {background:url('../img/crayon-XL.jpg') center fixed;}}
	@media screen and (min-height:626px) and (max-height:800px) {body {background:url('../img/crayon-L.jpg') center fixed;}}
	@media screen and (min-height:501px) and (max-height:625px) {body {background:url('../img/crayon-M.jpg') center fixed;}}
}
@media screen and (orientation:landscape) {
	@media screen and (min-width:1301px) and (max-width:1650px) {body {background:url('../img/crayon-XL.jpg') center fixed;}}
	@media screen and (min-width:1001px) and (max-width:1300px) {body {background:url('../img/crayon-L.jpg') center fixed;}}
	@media screen and (min-width:751px) and (max-width:1000px) {body {background:url('../img/crayon-M.jpg') center fixed;}}
}
article {
	background:#ffffff94;
}

table, td {
	border-collapse:collapse;
	border:solid black 0px;
	padding:0px;
}