body {
 font-family:"trebuchet ms",sans-serif;
 font-size:100%;
 }
form {
 background-color:#F4F4E7;
 padding:10px;
 width:900px;
 }
fieldset {
 padding:20px;
 margin-bottom:10px;
 }
legend {
 color:#008000;
 font-size:140%;
 font-weight:bold
 }
label {
 width: 550px;
 display:block;
 margin-right:50px;
 float:left;
 }
label.tab {
 width: 500px;
 margin-left:50px;
 }
p.titre {
 font-size:170%;
 text-align: center;
 color:#000000;
 font-weight: bolder; 
 }
p.legend {
 font-size:120%;
 text-align: left;
 color:#008000;
 font-weight: bolder; 
 }
p.paragraphe {
 text-align:justify; 
 }
table.mobile {
 display:none;
}
th {
 background-color:#008000;
 color:#FFFFFF;
}
input {
 border:1px solid black;
 background-color:#A6BEDE;
 }
button {
 border:1px solid black;
 background-color:#A6BEDE;
 }
input[type=text] {
 width:200px;
 }
input.case {
 width:200px;
 }
input[type=radio] {
 margin-right:10px;
 margin-left:10px;
 background-color:transparent;
 border:none;
 }
select, option {
 background-color:#A6BEDE;
 width: auto;
 }
select.ajust {
 width: 200px;
 }
textarea {
 border:1px solid black;
 background-color:#A6BEDE;
 width: 100%;
 height: auto; 
 }


/*------------------------------------*\
	Smartphone
\*------------------------------------*/
@media screen and (max-device-width: 480px){

form {
 	width:auto;
 }

body{
  	-webkit-text-size-adjust:none;
  	font-family:Helvetica, Arial, Verdana, sans-serif;
  	padding:5px;
}
 
label {
	float:none;
	margin-right:0;
	width: auto;
}

label.tab {
	width: auto;
}

input {
	-webkit-appearance: none;
    -webkit-text-size-adjust: 200%;
}

input[type=checkbox]{
	-webkit-appearance: checkbox;
	height: 30px;
	width: 30px;

}

input[type=radio]{
	-webkit-appearance: radio;
	height: 30px;
	width: 30px;
}

table.ordi {
	display:none;
}
table.mobile {
	display:inline;
}

button {
 	-webkit-appearance: none;
	-webkit-text-size-adjust: 200%;
	-webkit-border-radius:5px;
 }

select, option {
	-webkit-text-size-adjust: 190%;
 }


div{
  clear:both!important;
  display:block!important;
  width:100%!important;
  float:none!important;
  margin:0!important;
  padding:0!important;
}

#nav, #nav li{
  float:none!important;
  clear:both!important;
  margin:0 0 20px 0!important;
  display:block;
  padding:0;
  text-align:left!important;
  width:100%;
}
#nav{
  border:1px solid #ccc;
  padding:5px;
  -webkit-border-radius:5px;
}
#nav li{
  margin:0!important;
}
#nav li a{
  display:block;
}

}