* {color:black;
   font-family:"Arial" ;
   /*
   text-align:left;
   font-size:100%;
   */
  }
body {
 font-family:Arial;
 font-size:90%;
 }
#centre {
/*background:#FAFAFA;*/
background:#FFFFFF;
position : absolute;
left : 50%;
top : 30%;
width : 500px;
height : 400px;
margin-top : -150px;
margin-left: -250px;
padding:5px;
color:#000;
}
#info{
background :#0AF;
color:white;
margin:2px;
padding:2px;
border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;
}
#reponse{
background :#F60;
color:white;
margin:2px;
padding:2px;
border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;
}
h1{
color: #D83F3D;
text-align: center;
}
h3{
color: #D83F3D;
text-align: left;
padding-left: 10px;
}
/* ================================ */
/* === style pour le formulaire === */
/* ================================ */
form {
 /*background-color:#FAFAFA;*/
 background-color:#FFFFFF;
 padding:0px;
 width:500px;
}
label {
text-align: right;
width: 150px;
padding-right: 10px;
margin-bottom: 10px;
font-weight:bold;
display: block;
float: left;
}
label.inline {
 display:inline;
 margin-right:50px;
}
input, textarea, select, option {
 background-color:#FFF3F3;
}
input, textarea, select {
 padding:3px;
 border:1px solid #F5C5C5;
 border-radius:5px;
 /*width:70px;*/
 box-shadow:1px 1px 2px #C0C0C0 inset;
 text-align:left;
 font-size:83%;
}
select{
width: 250px;
}
br {
clear: left;
}
input[type=submit], input[type=reset] {
 width:100px;
 margin-left:5px;
 box-shadow:1px 1px 1px #D83F3D;
 cursor:pointer;
 text-align:center;
 font-weight:bold
}
/* ================================ */
/* === style pour le fieldset   === */
/* ================================ */
fieldset {
 padding:0px 0px 20px 10px;
 margin-bottom:10px;
 border:1px solid #DF3F3F;
}
legend {
 color:#DF3F3F;
 font-weight:bold
}
#erreur{
background: #C00;
color: white;
padding:2px;
margin:2px;
border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;
}
/* ================================ */
/* === style pour le tableau    === */
/* ================================ */
/* couleur des lignes alternées */
tr:nth-child(even) {background: #FFF9F9}
tr:nth-child(odd) {background: #FFFFFF}
table {
border:2px solid #DF3F3F;
border-collapse:collapse;
/*width:100%;*/
width:850px;
margin-left: 10px;
margin-right: auto;
}
thead, tfoot {
background-color:#FFFF00;
border:1px solid #DF3F3F;
text-align:center;
}
tbody {
background-color:#FFFFFF;
border:1px solid #DF3F3F;
}
th {
font-family:Arial;
border:1px solid #DF3F3F;
padding:5px;
background-color:#FFF3F3;
width:20%;
text-align:center;
}
td {
font-family:Arial;
font-size:90%;
border:1px solid #DF3F3F;
padding:5px;
/*text-align:left;*/
text-align:center;
}
caption {
font-family:Arial;
font-size:120%;
text-align:center;
color:#DF3F3F;
font-weight:bold
}

