/*debut fenetre modales*/
.cf:before,
.cf:after {
  content:"";
  display:table;
}
.cf:after {
  clear:both;
}
.droite {
  float:right;
}

.oModal {
  position: fixed;
  overflow:auto;
  z-index: 99999;
  padding:1vw;
  margin:1vw 0.5vw 1.5vw 0.5vw;
  top: 0;
  right: 0.5vw;
  bottom: 0.5vw;
  left: 0.5vw;
  background: rgba(255, 255, 255, 1);
  opacity:0;
  border:1px solid;
  -webkit-transition: opacity 250ms ease-in;
  -moz-transition: opacity 250ms ease-in;
  transition: opacity 250ms ease-in;
  pointer-events: none;
}

.oModal:target {
  opacity:1;
  pointer-events: auto;
}

.oModal:target > article {
  margin: 1% auto;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}

.oModal > article{
  max-width: 98%;
  height: 96%;
  top:1%;
  position: relative;
  margin: 1% auto;
  padding: 8vw 8vw 8vw 8vw;
  background: #FFF;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}

.oModal > article header,.oModal > article footer {
  border-bottom: 10px solid #aaa;
  border-radius: 5px 5px 0 0;
}
.oModal .footer {
  border:1px solid;
}

.oModal > article h2 {
  margin:0;
}

.oModal > article .btn {
  float:right;
}

.oModal > article section,.oModal > article > header, .oModal > article > footer {
  padding:15px;
}
/*fin css fenetre modale*/