body{
background-color:#333333;
color: #ffffff;
max-width: 85% ;
font-size: 1em;
}

h1{
	text-align:center;

}

input[type="button"]{
	line-height: calc(2.75rem - 2px);
	background-color: transparent;
border-radius: 4px;
border: 0;
box-shadow: inset 0 0 0 1px #ffffff;
color: #ffffff !important;
cursor: pointer;
display: inline-block;
font-size: 0.8rem;
font-weight: 300;
height: 2.75rem;
letter-spacing: 0.2rem;
line-height: 2.75rem;
outline: 0;
padding: 0 1.25rem 0 1.35rem;
text-align: center;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;

}
/*
li:hover {
 text-decoration: line-through;

}
*/
textarea:disabled {
  background: #dddddd;
}

fieldset{
	width:95%;	
    margin-right: auto;
}
textarea{
	width: 95%;
background:#474747;
  
	color:white;
    margin-right: auto;
}
input[id="Nom"]{
	width: 15%;
	background:#474747;
	color:white;
}
input[type="submit"]{
float: right;
 margin-right: 5%;
	
}
@media only screen and (min-width: 360px) and (max-width: 767px){
input[type="button"]{
		transform: scale(1.5);
		display: block;
        margin : auto;	
}

input[type="submit"]{
	transform: scale(1.5);
}	


fieldset{
width: 90%;
margin-left: auto;
}


input[id="Nom"]{
	transform: scale(1.5);
	width: 25%;
	margin-left: 10%;
	background:#474747;
	color:white;
}


}