*{	
	padding:0;	
	margin:0;	
	border:0;	
	box-sizing: border-box;	
	font-family:"Verdana"; 
	font-size:1em;	
	outline: none;
}
p,
header,
section,
article,
footer{
	overflow:hidden;
	clear:both;
}
p::first-letter, 
div::first-letter, 
span::first-letter, 
li::first-letter, 
a::first-letter, 
article::first-letter, 
label::first-letter{	
	text-transform:capitalize;
}
input,	
select,	
textarea{		
	display:inline-block;		
	width:100%;		
	right:0;		
	left:0;		
	margin:0 auto;		
	clear:both;		
	float:left;		
	padding:.25em;		
	background:rgba(0,0,0,.15);		
	color:rgba(192,192,192,1);	
}	
select{		
	border-radius:.5em;	
}	
h1, h2{		
	color:rgba(255,255,255,.75);		
	padding:.5em;		
	border-left:3px solid rgba(255,255,255,.5);	
}
h1{		
	background:rgba(255,255,255,.1);	
}	
h2{		
	background:rgba(255,255,255,.05);		
	padding:.35em;		
	margin:.25em 0;		
	mmargin-top:.75em;		
	border-left:1px solid rgba(255,255,255,.5);	
}	

html{	
	color:rgba(128,128,128,1);
}
a{	
	text-decoration:none;	
	color:rgba(192,192,192,1);
}
a:focus,
a:hover{	
	color:rgba(255,255,255,1);
}
h1, h2, h3{
	font-weight:normal;	
	width:100%;	
	display:block;	
	clear:both;
}
body{	
	background:rgba(64,64,64,1);	
	color:rgba(128,128,128,1);	
	text-shadow:1px 1px 0 rgba(0,0,0,1);
}
header:before{	
	content:"Définition: Paysage - 1280-1920px";	
	display:inline-block;	
	background:rgba(255,255,255,.5);	
	position:fixed;	
	color:white;	
	bottom:0;	
	left:0;	
	width:100%;	
	height:auto;	
	overflow:hidden;	
	z-index:1000;
}
body > header	
{		
	width:100%;		
	left:0;		
	right:0;		
	clear:both;		
	height:7vh;		
	overflow:hidden;		
	background-color:rgba(255,205,2,1);		
	background-image:url(../img/Press-steel.png);		
	background-position:center center;		
	background-repeat:no-repeat;		
	background-size:contain;	
}

body > footer{		
	width:100%;		
	left:0;		
	right:0;		
	clear:both;		
	float:left;		
	min-height:1em;		
	background:none;		
	border-top:1px solid rgba(255,255,255,.1);
	box-shadow: 0 -1px 0 rgba(0,0,0,.25);
	padding:.25em;	
}	
fieldset > footer{		
	display:block;		
	clear:both;		
	left:0;		
	right:0;		
	text-align:center;		
	margin:0 auto;		
	margin-top:1em;	
}
form input,	
form select,
form tel,
form number,	
form textarea{		
	margin:.5em 0;		
	width:100%;	
	border-radius:.25em;	
	border:1px solid rgba(0,0,0,.25);
	border-bottom:1px solid rgba(255,255,255,.15);
	text-shadow:1px 1px 0 rgba(0,0,0,1);
}
input[type="submit"],	
input[type="button"]	
{		
	background:rgba(255,255,255,.05);
	padding:.5em 0;		
	border:1px solid rgba(0,0,0,.25);
	border-top:1px solid rgba(255,255,255,.15);
}	
input[type="button"]:hover,	
input[type="button"]:focus,	
input[type="submit"]:hover,	
input[type="submit"]:focus	
{		
	background:rgba(255,255,255,.15);
	color:rgba(255,255,255,1);	
}	
input[type="tel"]:focus,
input[type="text"]:focus,	
input[type="password"]:focus,	
textarea:focus,
input[type="tel"]:active,	
input[type="text"]:active,	
input[type="password"]:active,	
textarea:active	
{		
	box-shadow: 0 0 .35em rgba(0,0,255,1);	
}
input[type="tel"]:vvalid,	
input[type="text"]:vvalid,	
input[type="password"]:vvalid,	
textarea:vvalid	
{		
	box-shadow: 0 0 .35em rgba(0,255,0,1);	
}	
input[type="tel"]:invalid,
input[type="text"]:invalid,	
input[type="password"]:invalid,	
textarea:invalid	
{		
	box-shadow: 0 0 .35em rgba(255,0,0,1);	
}
input[type="checkbox"], 	
input[type="radio"] 	
{		
	display:none;	
} 	
.radio label, 	
.checkbox label	
{		
	float:left;		
	clear:both;		
	cursor:pointer;		
	padding:.5em;		
	margin-left:.5em;	
}	
.radio label:before, 	
.checkbox label:before	
{		
	content: "";		
	display: inline-block;		
	width:1em;		
	height:1em;		
	margin-right:.5em;		
	position: relative;		
	left: 0;		
	top:0;		
	background-color: rgba(255,255,255,.2);		
	box-shadow: inset 0px 2px 3px 0px rgba(0,0,0,.3), 0px 1px 0px 0px rgba(255,255,255,.8);	
}	
.radio,	
.checkbox, 	
.textbox,	
.action	
{		
	display:block;		
	width:auto;		
	padding:1vh 0;		
	margin:1vh 0;		
	clear:both;		
	float:left;		
	overflow:hidden;	
}	
.textbox	
{		
	display:block;
	width:100%;
}	
.radio label:before 	
{		
	border-radius: 50%;	
} 	
.checkbox label:before	
{	
	border-radius: .25em;	
} 	
.radio > input[type="radio"]:checked + label:before 	
{		
	content: "\2022";		
	color: rgba(255,255,255,.7);		
	font-size:125%;		
	text-align:center;		
	line-height:1em;	
}	
.radio > input[type="radio"] + label + .radioExpand 	
{		
	display:none;		
	padding:none;		
	margin:none;		
	margin-left:1.5em;		
	border-left:.3em solid rgba(255,255,255,.2);		
	overflow:hidden;		
	clear:left;	
}	
.radio > input[type="radio"]:checked + label + .radioExpand  	
{		
	display:block;	
}	
.checkbox > input[type="checkbox"]:checked + label:before 	
{		
	content: "\2713";		
	text-shadow: 1px 1px 0 rgba(0,0,0,.2);		
	font-size: 100%;		
	color: rgba(255,255,255,1);		
	text-align: center;		
	line-height: 1em;	
}	
.checkbox > input[type="checkbox"] + label + .checkExpand 	
{		
	display:none;		
	padding:none;		
	margin:none;		
	margin-left:1.5em;		
	border-left:.3em solid rgba(255,255,255,.2);		
	overflow:hidden;		
	clear:left;	
}	
.checkbox > input[type="checkbox"]:checked + label + .checkExpand 	
{		
	display:block;	
}	
section .radio,	
section .checkbox,	
section .textbox,	sectionn fieldset	
{		
	min-width:50vw;		
	overflow:hidden;	
}	
.textbox input,	
.textbox textarea{		
	display:block;		
	float:left;		
	clear:right;		
	text-align:right;	
}	
.textbox textarea{		
	width:100%;		
	clear:both;		
	text-align:left;	
}		
.textbox input[type="text"].nombre{		
	width:5em;		
	min-width:auto;	
}	
.textbox input[type="button"],	
.textbox input[type="submit"]{		
	border:1px solid rgba(0,0,0,1);		
	border-top:1px solid rgba(255,255,255,.2);	
}	
.textbox input[type="text"]:nth-of-type(1),	
.textbox input[type="password"]:nth-of-type(1){		
	border-top-left-radius:.35em;		
	border-top-right-radius:.35em;	
}	
.textbox input[type="text"]:nth-last-of-type(1),	
.textbox input[type="password"]:nth-last-of-type(1){		
	border-bottom-left-radius:.35em;		
	border-bottom-right-radius:.35em;	
}	
.textbox label{		
	display:table-cell;		
	float:left;		
	clear:left;		
	min-width:50vh;		
	max-width:70vh;		
	padding:1vh;	
}

.textbox textarea{
	height:10em;
	background:rgba(0,0,0,.1);			
}
	
.textbox label	{		
	display:none;	
}

.action{		
	display:table;		
	width:100%;	
}	
.action input{		
	display:table-cell;		
	min-width:15em;		
	width:auto;		
	float:left;		
	clear:none;		
	margin-left:.25em;		
	margin-right:.25em;		
	border-radius:.35em;		
	padding:.5em;		
	background:rgba(255,255,255,.2);		
	border:1px solid rgba(0,0,0,.6);		
	border-top:1px solid rgba(255,255,255,.4);		
	border-left:1px solid rgba(255,255,255,.3);		
	text-align:center;	
}	
.action input:hover{		
	background:rgba(255,255,255,.4);		
	color:rgba(255,255,255,1);		
	border:1px solid rgba(0,0,0,.8);		
	border-top:1px solid rgba(255,255,255,.6);		
	border-left:1px solid rgba(255,255,255,.4);	
}	
.action input:nth-of-type(1){		
	margin-left:0;	
}	
.action input:nth-last-of-type(1){		
	margin-right:0;	
}

	
.FldSendSMS{		
	display:block;		
	width:20em;		
	margin:2em auto;		
	background:rgba(255,255,255,.075);		
	border-radius:.5em;
	border-top-left-radius:.25em;
	border-top-right-radius:.25em;
	padding:1em;		
	overflow:hidden;		
	border:1px solid rgba(255,255,255,.15);
	box-shadow:0 0 1em rgba(0,0,0,1);

}	
.FldSendSMS	 > legend{		
	display:inline-block;
	position:absolute;
	clear:both;
	top:1em;	
	left:1em;		
	right:1em;		
	font-size:125%;		
	text-align:center;		
	margin:1em auto;		
	text-shadow:1px 1px 1px rgba(0,0,0,1);
	z-index:1;
}
.FldSendSMS  input[type="tel"]{
	font-size:200%;
	text-align:center;
}
#Tel-kbd
{
	z-index:1000;
	position:absolute;
	width:100%;
	padding:.75vw;
	margin:none;
	border:1px solid rgba(0,0,0,.2);
	background:rgba(64,64,64,1);
	font-size:300%;
	border-radius: .75vw;
}
#Tel-kbd .btn-kbd
{
	position:relative;
	float:left;
	width:calc(100%/3);
	padding:none;
	clear:none;
	font-size:125%;
	padding:.125em 0;
}