/******loader page transition ******/
.domaines li {
  list-style: none;
}
.domaines nav li {
  cursor: pointer;
}
.wrapper {
  background-color: #C5645B;
  -moz-transition: -moz-transform 0.50s ease-out, opacity 0.50s ease-out;
  -o-transition: -o-transform 0.50s ease-out, opacity 0.50s ease-out;
  -webkit-transition: -webkit-transform 0.50s ease-out, opacity 0.50s ease-out;
  transition: transform 0.50s ease-out, opacity 0.50s ease-out;
}
.loading .wrapper, .wrapper.loading {
 -moz-transform: translateY(200%);
  -ms-transform: translateY(200%);
  -webkit-transform: translateY(200%);
  transform: translateY(200%);

  -moz-transition: -moz-transform 1s ease-in, opacity 1s ease-in;
  -o-transition: -o-transform 1s ease-in, opacity 1s ease-in;
  -webkit-transition: -webkit-transform 1s ease-in, opacity 1s ease-in;
  transition: transform 1s ease-in, opacity 1s ease-in;

  opacity: 0;
}
.loading{
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);

  -moz-transition: -moz-transform 1s ease-in, opacity 1s ease-in;
  -o-transition: -o-transform 1s ease-in, opacity 1s ease-in;
  -webkit-transition: -webkit-transform 1s ease-in, opacity 1s ease-in;
  transition: transform 1s ease-in, opacity 1s ease-in;

  opacity: 0;
}
.group:before, .wrapper:before,
.group:after, .wrapper:after {
  display: table;
  line-height: 0;
  content: "";
}

.group:after, .wrapper:after {
  clear: both;
}