/* ============================================== */
/* === style pour l'affichage Tableau par DIV === */
/* ============================================== */
html {color:black;
   font-family:"Arial" ;
   text-align:left;
   font-size:100%;
   margin:0 auto;
   padding:0;
  }
.Tableau {
   width:100%;
   margin:5px;
  }
.Tableau p {
   clear:left;
   margin:2px; /* tout autour du tableau */
   height:100%; height:1,5em;
   font-family:sans-serif;
   font-size:70%;
  }
.col01,.col02{ 
   float:left;
   margin:5px;
   line-height:1.1em;
   font-size:1.7vw; /* redimensionne la police dynamiquement */
   text-align:right;
  }
.col01{ width:23%;}
.col02{ width:13%;}
.col01 p{ 
   padding:2px;
   border:1px solid #DF3F3F;
   background-color:#FFF3F3;
   font-weight:bold;
  }
.col02 p{ 
   padding:2px;
   border:1px solid #DF3F3F;
   background-color:#FFFFFF;
  }
.col02n p{ 
   padding:2px;
   border:1px solid #FFFFFF;
   /*	background-color:#FFFFFF; */
  }
.col02c p{text-align:center;}
.col01 h4,.col02 h4{ 
   border:2px solid #DF3F3F;
   padding:2px;
   text-align:center;
   height:3em;
   font-size:1.5vw; /* redimensionne la police dynamiquement */
   /*font-size:90%; */
   vertical-align:central;
  }
/* ================================ */
/* === style pour le formulaire === */
/* ================================ */
/* couleur des boutons submit et reset quand on les survole */
input[type=submit]:hover, input[type=reset]:hover {
 background-color:#FCDEDE;}
/* couleur des boutons submit et reset actif */
input[type=submit]:active, input[type=reset]:active {
 background-color:#FCDEDE;
 box-shadow:1px 1px 1px #D83F3D inset;}
/* couleur des champs de saisie quand on clique dedans */
input:focus, textarea:focus {
 background-color:white;}
input[type=submit]:focus, input[type=reset]:focus {
 background-color:#FFFFF3;}
body {
 font-family:"Arial";
 font-size:1.6vw; /* redimensionne la police dynamiquement */
 /*font-size:90%;*/
 }
form {
 background-color:#FAFAFA;
 padding:10px;
 /* width:600px; */
  width:60%; 
 }
fieldset {
 padding:0 20px 20px 20px;
 margin-bottom:1px;
 border:1px solid #DF3F3F;
 }
legend {
 color:#DF3F3F;
 font-weight:bold
 }
label {
 margin-top:10px;
/* display:block;*/
 }
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:20%;
 /*width:70px;*/
 box-shadow:1px 1px 2px #C0C0C0 inset;
 text-align:right;
 font-size:90%;
 }
select {
 margin-top:10px;
 }
input[type=radio] {
 background-color:transparent;
 border:none;
 width:10px;
 }
input[type=submit], input[type=reset] {
 width:35%;
 /*width:150px;*/
 margin-left:5px;
 box-shadow:1px 1px 1px #D83F3D;
 cursor:pointer;
 text-align:center;
 }
/* ================================ */
/* === style pour le tableau    === */
/* ================================ */
/* couleur des lignes alternées */
tr:nth-child(even) {background: #FFF3F3}
tr:nth-child(odd) {background: #FFFFFF}

table {
 border:2px solid #DF3F3F;
 border-collapse:collapse;
 width:90%;
 /*margin:10px;*/
 margin-top:20px;
 margin-right:5px;
 margin-bottom:2em;
 margin-left:10px;
}
thead, tfoot {
 background-color:#D0E3FA;
 border:1px solid #DF3F3F;
 text-align:center;
 font-size:1.3vw; /* redimensionne la police dynamiquement */
}
tbody {
 background-color:#FFFFFF;
 border:1px solid #DF3F3F;
}
th {
 font-family:monospace;
 /*border:1px dotted #DF3F3F;*/
 border:1px solid #DF3F3F;
 padding:5px;
 background-color:#FFF3F3;
 width:15%;
 text-align:center;
}
td {
 font-family:sans-serif;
 font-size:1.3vw; /* redimensionne la police dynamiquement */
 /*font-size:80%;*/
 border:1px solid #DF3F3F;
 padding:5px;
 /*text-align:left;*/
 text-align:center;
}
caption {
 font-family:sans-serif;
 font-size:2.3vw; /* redimensionne la police dynamiquement */
 /*font-size:120%;¨*/
 text-align:center;
 /*font-weight: bold;%/
}
