@charset "utf-8";

/***********************************************/
/***************** UNIVERSEL *******************/
/***********************************************/

body {
width:100%;
background-color:#ccc;
text-align:center;
text-align:-webkit-center;
padding:0;
margin:0;
border:0;
}

html {
  scroll-behavior: smooth;
}

input {
	width: 100%;
    padding: 4px;
    cursor: pointer;
	margin-bottom:5px;
}

textarea {
	width: 100%;
    padding: 4px;
    cursor: pointer;
}


button {
	padding:10px 20px;
	cursor:pointer;
}

.hide {
	display:none;
}

/***********************************************/
/**************** ORDINATEUR *******************/
/***********************************************/

@media screen and (min-width: 1024px) {


}


/***********************************************/
/****************** TABLETTE *******************/
/***********************************************/

@media screen and (min-width: 100px) and (max-width: 1023px) and (orientation: landscape) {

input {
    padding: 10px;
	margin-top:10px;
	margin-bottom:20px;

}

}

/***********************************************/
/**************** SMARTPHONE *******************/
/***********************************************/

@media screen and (min-width: 100px) and (max-width: 1023px) and (orientation: portrait) {

input {
    padding: 10px;
	margin-top:10px;
	margin-bottom:20px;
	height:auto;
	border: 1px solid #111;
}

button {
	width:100%;
	height:auto;
	padding:20px 40px;
	cursor:pointer;
	border-radius:10px;
}

input {
    padding: 20px;
}

textarea {
    width: 100%;
    padding: 20px;
	margin-top:10px;
	margin-bottom:20px;
    cursor: pointer;
	border: 1px solid #111;
	height: 420px;
}

#checkbox {
	width:25px;
	height:25px;
}

}