@media screen and (max-width:700px)
{
	/*------------------MAIN-----------------*/
	body {/*body properties*/
		width : 100%;
		min-width:400px;
		margin-left : auto;
		margin-right : auto;
		font-family : 'Times New Roman',Calibri,Arial;
		background-color : rgb(245,245,220);
		text-align:center;
	}
	body .boutonQuitter{
		width:80%;
		font-size:1.5em;
	}
	/*------------------HEADER-----------------*/
	header img {
		margin:0 auto 0 auto;
		width:100%;
	}
	h1{
		font-size:2em;
	}
	/*------------------PAGE-----------------*/
	.formulaire , .descritption {
		width:100%;
		min-width:400px;
	}
	.formulaire table, .descritption table{
		width : 100%;
		margin-bottom:5%;
		margin-left:auto;
		margin-right:auto;
	}
	table th{
		padding-right:10px;
		font-size:1.5em;
		font-weight:bold;
		text-align:right;
	}
	table td {
		background-color:rgb(245,245,220);
		margin:5%;
	}
	table td a{
		font-size:1.5em;
		font-weight:bold;
	}
	input{
		background-color:rgb(245,245,220);
	}
	.formulaire table, .descritption table{
		background-color:rgb(207,108,10);
		font-style:italic;
		text-align:left;
	}
	.formulaire table td{
		text-align:left;
	}
	.formulaire table td a{
		margin-left:10%;
		font-size:1.5em;
		font-weight:bold;
	}
	.formulaire table td span{
		margin-left:10%;
		display:block;
	}
	.formulaire table td input{
		width:95%;
		font-size:1.5em;
	}
	.formulaire table .dateHeure td {
		text-align:left;
	}
	.formulaire table .dateHeure td a{
		display:block;
		width: 75%;
		font-size:1.5em;
	}
	.formulaire .paiement select{
		font-size:1.5em;
	}

		/***************/

	.descritption table{
		text-align:center;
	}
	.descritption table th{
		text-align:left;
	}
	.descritption .designation input{
		width:95%;
		font-size:1.75em;
	}
	.descritption .qtePrix input{
		font-size:1.75em;
		width:95%;
	}
	.descritption .qtePrix select{
		font-size:0.75em;
	}
	.descritption .photo input{
		font-size:1.5em;
	}
	.descritption textarea{
		font-size:1.75em;
		background-color:white;
	}
	.descritption .copieIntervention{
		font-size:1.50em;
		margin-left:auto;
		margin-right:auto;
	}
	.descritption .copieIntervention select{
		margin-left:auto;
		margin-right:auto;
		text-align:center;
		display:block;
		font-size:1.5em;
	}
	.descritption .codeValidation{
		text-align:center;
		font-size:1.50em;
	}
	.descritption .codeValidation input{
		display:block;
		background-color:white;
		font-size:2em;
		width:95%;
		margin : 0 auto 0 auto;
		text-align:center;
	}
	.descritption .boutonCreation{
		margin-top:10%;
		width:95%;
		height:10%;
		border-radius:10px;
		border:1px solid red;
		font-size:S2em;
		font-weight:bold;
	}
	.descritption .boutonRenvoiEmail{
		width:30%;
		height:40px;
		border-radius:10px;
		border:1px solid black;
		font-size:1.5em;
		font-weight:bold;
	}
	/*------------------LISTE BON INTERVENTION----------*/
	.listeBinterv {
		min-width:400px;
		width:95%;
		text-align : center;
		font-size:1em;
	}
	/*------------------FOOTER----------*/
	footer {
		width:95%;
		text-align : center;
		color : white ;
		font-size:1.5em;
		background-color : rgba(0,0,0,0.5);
	}
}