/* @media screen and (min-width: 200px) and (max-width: 1440px) { */
 /* body { */
 /* height: device-height; */
 /* width: device-width; */
 /* background-color: black; */
 /* min-width: 320px; */
 /* } */
/* } */

body, html { background-color: black; }
a { color:#fff; text-decoration:none; outline:none }
a:hover { color:#fff; text-decoration:none; outline:none } 
a:visited { color:#fff; text-decoration:none; outline:none }

@media print {
body, html { background-color: white; }
   .noprint {
       display:none;
   }
.stats_list { 
color:#000; font-weight:600; text-decoration:none; text-transform:uppercase; font:14px Verdana; line-height:16px; text-align:center;
width: 100%;
}

.stats_list td {
padding: 8px 0px 8px 0px;
border: 1px solid #000;
}
}

/* .main { margin:0 auto; position:relative; background-color:#000; color:white }  */
/* .main { margin:0 auto; width:768px; height:1024px; position:relative; background-color:#000; color:white } */
/* .info { height:30%; } */
/* .questions { height:30%; } */
/* .reponses { height:30%; } */
/* .resultats { height:10%; } */

.button_enregistrer { padding: 10px 20px 10px 20px; margin:0 auto; background: #9ACD32; cursor:pointer; color:#fff; display:block; font-weight:600; border-radius:15px 15px 15px 15px; -moz-border-radius:15px 15px 15px 15px; -webkit-border-radius:15px 15px 15px 15px; behavior:url(js/PIE.htc); position:relative; text-decoration:none; text-transform:uppercase; font:26px Verdana; line-height:26px; text-align:center; border: 2px solid #fff; }

.button_annuler{ padding: 10px 20px 10px 20px; margin:0 auto; background:#cf8817; cursor:pointer; color:#fff; display:block; font-weight:600; border-radius:15px 15px 15px 15px; -moz-border-radius:15px 15px 15px 15px; -webkit-border-radius:15px 15px 15px 15px; behavior:url(js/PIE.htc); position:relative; text-decoration:none; text-transform:uppercase; font:18px Verdana; line-height:18px; text-align:center; border: 2px solid #fff; }

.form_input { padding: 10px 0px 10px 0px; width:98%; background:fff; color:#000; font-weight:600; border-radius:3px 3px 3px 3px; -moz-border-radius:3px 3px 3px 3px; -webkit-border-radius:3px 3px 3px 3px; behavior:url(js/PIE.htc); font:16px Verdana; line-height:36px; border:1px #fff solid; white-space: nowrap; }

.titre { width:100%; text-align:center; color: #fff; font:26px Verdana; line-height:50px; margin-top:20px; text-transform:uppercase; }

.existe { width:100%; text-align:center; color: red; font:16px Verdana; line-height:20px; margin-top:20px; text-transform:uppercase; }

.dernier_ajout { width:100%; text-align:center; color: #fff; font:26px Verdana; line-height:50px; margin-top:20px; text-transform:uppercase; }

.list { color:#fff; font-weight:600; text-decoration:none; text-transform:uppercase; font:18px Verdana; line-height:22px; text-align:center; }

.stats_list { 
color:#fff; font-weight:600; text-decoration:none; text-transform:uppercase; font:14px Verdana; line-height:16px; text-align:center;
width: 100%;
}

.stats_list td {
padding: 8px 0px 8px 0px;
border: 1px solid #fff;
}

.option { color:#fff; font-weight:600; text-decoration:none; text-transform:uppercase; font:14px Verdana; line-height:14px; text-align:center; cursor:pointer; }

.total { color:#fff; font-weight:600; text-decoration:none; text-transform:uppercase; font:26px Verdana; line-height:30px; text-align:center; }

.select {
  display: block;
  width: 98%;
  position: relative;
  padding: 5px 10px 5px 10px;
  border: 2px solid #fff;
  border-radius: 3px;
  color: #000;
  box-shadow: 0 0 20px rgba(0, 0, 0, .2);
  cursor: pointer;
  user-select: none;
  transition: background-color .2s, box-shadow .2s;
  text-transform:uppercase;
  font:18px Verdana;
}

.select-style {
    padding: 0;
    margin: 0;
    border: 1px solid #ccc;
    width: 200px;
    border-radius: 3px;
    overflow: hidden;
    background-color: #fff;
    background: #fff;
    position: relative;
}

.select-style select {
    padding: 5px 8px;
    width: 130%;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.select-style:after {
    top: 50%;
    left: 85%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 0, 0, 0);
    border-top-color: #000000;
    border-width: 5px;
    margin-top: -2px;
    z-index: 100;
}

.select-style select:focus {
    outline: none;
}