.preloader {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: #fff;text-align: center;z-index: 6001; }

      .preloader:after { content: ""; height: 100%; display: inline-block; vertical-align: middle; }

      .sk-cube-grid {width: 3.857rem;height: 3.857rem;margin: 0 auto;vertical-align: middle;display: inline-block; }

      .sk-cube-grid .sk-cube {width: 33%;height: 33%;background-color: #333;float: left;-webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; }

      .sk-cube-grid .sk-cube1 {

        -webkit-animation-delay: 0.2s;

        animation-delay: 0.2s; }

      .sk-cube-grid .sk-cube2 {

        -webkit-animation-delay: 0.3s;

        animation-delay: 0.3s; }

      .sk-cube-grid .sk-cube3 {

        -webkit-animation-delay: 0.4s;

        animation-delay: 0.4s; }

      .sk-cube-grid .sk-cube4 {

        -webkit-animation-delay: 0.1s;

        animation-delay: 0.1s; }

      .sk-cube-grid .sk-cube5 {

        -webkit-animation-delay: 0.2s;

        animation-delay: 0.2s; }

      .sk-cube-grid .sk-cube6 {

        -webkit-animation-delay: 0.3s;

        animation-delay: 0.3s; }

      .sk-cube-grid .sk-cube7 {

        -webkit-animation-delay: 0s;

        animation-delay: 0s; }

      .sk-cube-grid .sk-cube8 {

        -webkit-animation-delay: 0.1s;

        animation-delay: 0.1s; }

      .sk-cube-grid .sk-cube9 {

        -webkit-animation-delay: 0.2s;

        animation-delay: 0.2s; }

      @-webkit-keyframes sk-cubeGridScaleDelay {

        0%, 70%, 100% {

          -webkit-transform: scale3D(1, 1, 1);

          transform: scale3D(1, 1, 1); }

        35% {

          -webkit-transform: scale3D(0, 0, 1);

          transform: scale3D(0, 0, 1); } }

      @keyframes sk-cubeGridScaleDelay {

        0%, 70%, 100% {

          -webkit-transform: scale3D(1, 1, 1);

          transform: scale3D(1, 1, 1); }

        35% {

          -webkit-transform: scale3D(0, 0, 1);

          transform: scale3D(0, 0, 1); } }

/************************************************************************/

.top-header{

  background: #d6c4b5;

  width: 100%;

  color: #fff;

  padding: 10px 0;
  line-height: 11px;

}

ul.coordonne{

  text-align: center;

}

ul.coordonne li{

  display: inline-block;

}

.display-top{

  display: none;

  transition: all 0.35s ease-out;

  -webkit-transition: all 0.35s ease-out;

}
.horaire p {
  color: #898989;
}
aside.coordonnee{
  color: #000;
  background: #FFF;
  padding: 15px;
  /*margin: 20px 0;*/
  text-align: center;
}
aside.coordonnee a{
  color: #000;
}
.tel-cd a{
  font-size: 27px;
  padding-bottom: 6px;
}
.ligne-20{
  line-height: 20px;
}

 /* begin */

 div#message span {

  display:block;

  height:32px;

  width:32px;

  position: absolute;

  top: 2px;

  left: -26px;



}

div#message .alert_success span {

  background: url(../images/msg_ok.png) center no-repeat;

}

div#message .alert_error span {

  background: url(../images/msg_error.png) center no-repeat;

}

div#message .alert_warning span {

  background: url(../images/msg_warn.png) center no-repeat;

}

div#message .alert_success {

  background:#cc4abf;

    color: #fff;

}

div#message .alert_error {

  background:#f2b5b9;

}

div#message .alert_warning {

  background:#fadea2;

}

div#message h4 {

  color:#fff;

  font-size: 17px;

  padding: 10px 63px;

    border-radius: 5px;

}

div#message {

      position: absolute;

    top: 228px;

    left: 35%;

  z-index:999;

}

 /* end */

@media screen and (max-width: 991px){
  .top-header {
    background: #181A1C;
  }
  .top-header .pull-right{
    float: inherit !important;
  }
  .top-header .list-style-1,.top-header .follow{
    text-align: center;
    width: 100%;
  }
}