html, body {
    margin:0;
    padding:0;
/*    background: url(../images/Fond_ecran.jpg) no-repeat center fixed; */
/*    -webkit-background-size: cover; /* pour anciens Chrome et Safari */
/*    background-size: cover; /* version standardisée */
    width:100%;
    height:100%;
    font-size: 14px;
       }

table {
  border: 0px solid black;
  font:
    8px "Open Sans",
    Helvetica,
    Arial,
    sans-serif;
}

iframe{
       border:1px solid red;
       font-size: 8px;
      }

.centrer {
  text-align: center;
       }

.left {
  text-align: left;
      }

aa    {
      text-align: center;
      font-family: Comic Sans MS, Comic Sans;
      font-variant: normal;
      color:black;
      font-size: 14px;
      }

bb    {
      text-align: left;
      font-family: Comic Sans MS, Comic Sans;
      font-variant: normal;
      text-align: center;
      color:black;
      font-size: 14px;
      }

input {
      text-align: left;
      font-family: Comic Sans MS, Comic Sans;
      font-variant: normal;
      color:black;
      font-size: 14px;
      }

text  {
      text-align: left;
      font-family: Comic Sans MS, Comic Sans;
      font-variant: normal;
      color:black;
      font-size: 14px;
      }

select {
      font-family: Comic Sans MS, Comic Sans;
      font-variant: normal;
      text-align: left;
      background: white ; /*rgba(0,0,0,0.0);*/
      font-size: 14px;
      width : 177px ;
      }

     /* Info-bulle */
.P_infobulle {
       text-decoration:none;
       position:relative;
     }
     
.P_infobulle span {
       display:none;
       -moz-border-radius:6px;
       -webkit-border-radius:6px;
       border-radius:6px;
       color:black;
       background-color: #eff1f3;
       font-size:10px;
       font-style:italic;
     }
.P_infobulle span img {
       float:left;
       margin:0px 8px 8px 0;
     }
.P_infobulle:hover span
     {
       display:block;
       position:absolute;
       top:0;
       left:0;
       z-index:1000;
       width:200px;
       height:20px;
       font-size: 12px;
       color: #413219;
       /* max-width:200px; */
       min-height:30px;
       border:1px solid black;
       margin-top:12px;
       margin-left:32px;
       overflow:hidden;
       padding:8px;
     }

     /* Info-bulle */
.P_infobulle_Dept {
       text-decoration:none;
       position:relative;
     }
.P_infobulle_Dept span {
       display:none;
       -moz-border-radius:6px;
       -webkit-border-radius:6px;
       border-radius:6px;
       color:black;
       background-color: #eff1f3;
       font-size:10px;
       font-style:italic;
     }
.P_infobulle_Dept span img {
       float:left;
       margin:0px 8px 8px 0;
     }
.P_infobulle_Dept:hover span
     {
       display:block;
       position:absolute;
       top:0;
       left:0;
       z-index:1000;
       width:200px;
       height:99px;
       font-size: 12px;
       color: #413219;
       /* max-width:200px; */
       min-height:30px;
       border:1px solid black;
       margin-top:12px;
       margin-left:32px;
       overflow:hidden;
       padding:8px;
     }

     /* Grande infobulle */
.G_infobulle {
       text-decoration:none;
       position:relative;
     }
.G_infobulle span {
       display:none;
       -moz-border-radius:6px;
       -webkit-border-radius:6px;
       border-radius:6px;
       color:black;
       background-color: #eff1f3;
       font-size:10px;
       font-style:italic;
     }
.G_infobulle span img {
       float:left;
       margin:0px 8px 8px 0;
     }
.G_infobulle:hover span
     {
       display:block;
       position:absolute;
       top:0;
       left:0;
       z-index:1000;
       width:300px;
       height:40px;
       font-size: 12px;
       color: #413219;
       /* max-width:200px; */
       min-height:60px;
       border:1px solid black;
       margin-top:12px;
       margin-left:32px;
       overflow:hidden;
       padding:8px;
     }
th, td, tr {
      /*border: 0px solid ;*/
      width: auto !important;
      height:7px;
     }

fieldset
{
  max-width:100%;
  max-height:100% ; 
  /*padding:20px;*/
  /*top:230px; */
  /*position: absolute;*/
}

.styled {
    border: 0;
    line-height: 1;
    height:15px; 
    padding: 0 20px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    border-radius: 10px;
    background-color: rgba(220, 0, 0, 1);
    background-image: linear-gradient(to top left,
                                      rgba(0, 0, 0, .2),
                                      rgba(0, 0, 0, .2) 30%,
                                      rgba(0, 0, 0, 0));
    box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6),
                inset -2px -2px 3px rgba(0, 0, 0, .6);
    }

.styled:hover {
    background-color: rgba(0, 0, 0, 1);
    }

.styled:active {
    background-color: rgba(255,255,255, 1);
    box-shadow: inset -2px -2px 3px rgba(255, 255, 255, .6),
                inset 2px 2px 3px rgba(0, 0, 0, .6);
    }

.champ_inp {
    height:14px;    
}

select optgroup{
    background: #000;
    color: #fff;
    font-style: normal;
    font-weight: normal;
    font-size:10px;
}