@import url("http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,700,600,300");

@font-face {
  font-family: 'VAG';
  src: url("../fonts/VAG.ttf");
  src: url("../fonts/VAG.ttf") format("TrueType"),;
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: FontAwesome;
  src: url("../fonts/fontawsome/FontAwesome.html");
  src: url("../fonts/fontawsome/FontAwesome.html") format("OpenType"),;
  font-weight: 200;
  font-style: normal;
}




html, body, div, span, applet, object, iframe,
h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
h1{
 font-family: "gotham", sans-serif;
 font-size: 24px;
 color: #fff;
 text-transform: uppercase;
 margin-bottom: 5px;

}
body, html {
    height: 100%;
}
html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
  margin-top: 15px;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/*------------------------------------------*\
    Utilities
\*------------------------------------------*/


.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
}

/*------------------------------------------*\
    Base styles
\*------------------------------------------*/
body {
  -webkit-font-smoothing: antialiased;
  margin: 0px;
  padding-right: 0px !important;
  background-color: #eceff1;
}

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/*------------------------------------------*\
    Grid
\*------------------------------------------*/
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 5px;
  padding-right: 5px;
  width: 960px;
}



.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-11 {
  width: 91.66666667%;
}

.col-xs-10 {
  width: 83.33333333%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-8 {
  width: 66.66666667%;
}

.col-xs-7 {
  width: 58.33333333%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-5 {
  width: 41.66666667%;
}

.col-xs-4 {
  width: 33.33333333%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-2 {
  width: 16.66666667%;
}

.col-xs-1 {
  width: 8.33333333%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-pull-11 {
  right: 91.66666667%;
}

.col-xs-pull-10 {
  right: 83.33333333%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-8 {
  right: 66.66666667%;
}

.col-xs-pull-7 {
  right: 58.33333333%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-5 {
  right: 41.66666667%;
}

.col-xs-pull-4 {
  right: 33.33333333%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-2 {
  right: 16.66666667%;
}

.col-xs-pull-1 {
  right: 8.33333333%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-push-11 {
  left: 91.66666667%;
}

.col-xs-push-10 {
  left: 83.33333333%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-8 {
  left: 66.66666667%;
}

.col-xs-push-7 {
  left: 58.33333333%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-5 {
  left: 41.66666667%;
}

.col-xs-push-4 {
  left: 33.33333333%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-2 {
  left: 16.66666667%;
}

.col-xs-push-1 {
  left: 8.33333333%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

.col-xs-offset-11 {
  margin-left: 91.66666667%;
}

.col-xs-offset-10 {
  margin-left: 83.33333333%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-8 {
  margin-left: 66.66666667%;
}

.col-xs-offset-7 {
  margin-left: 58.33333333%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-5 {
  margin-left: 41.66666667%;
}

.col-xs-offset-4 {
  margin-left: 33.33333333%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-2 {
  margin-left: 16.66666667%;
}

.col-xs-offset-1 {
  margin-left: 8.33333333%;
}

.col-xs-offset-0 {
  margin-left: 0%;
}
.col-sm-12 {
    width: 100%;
  }

  .col-sm-11 {
    width: 91.66666667%;
  }

  .col-sm-10 {
    width: 83.33333333%;
  }

  .col-sm-9 {
    width: 75%;
  }

  .col-sm-8 {
    width: 66.66666667%;
  }

  .col-sm-7 {
    width: 58.33333333%;
  }

  .col-sm-6 {
    width: 49.5%;
  }

  .col-sm-5 {
    width: 41.66666667%;
  }

  .col-sm-4 {
    width: 33%;
  }

  .col-sm-3 {
    width: 25%;
  }

  .col-sm-2 {
    width: 16.66666667%;
  }

  .col-sm-1 {
    width: 8.33333333%;
  }

  .col-sm-pull-12 {
    right: 100%;
  }

  .col-sm-pull-11 {
    right: 91.66666667%;
  }

  .col-sm-pull-10 {
    right: 83.33333333%;
  }

  .col-sm-pull-9 {
    right: 75%;
  }

  .col-sm-pull-8 {
    right: 66.66666667%;
  }

  .col-sm-pull-7 {
    right: 58.33333333%;
  }

  .col-sm-pull-6 {
    right: 50%;
  }

  .col-sm-pull-5 {
    right: 41.66666667%;
  }

  .col-sm-pull-4 {
    right: 33.33333333%;
  }

  .col-sm-pull-3 {
    right: 25%;
  }

  .col-sm-pull-2 {
    right: 16.66666667%;
  }

  .col-sm-pull-1 {
    right: 8.33333333%;
  }

  .col-sm-pull-0 {
    right: auto;
  }

  .col-sm-push-12 {
    left: 100%;
  }

  .col-sm-push-11 {
    left: 91.66666667%;
  }

  .col-sm-push-10 {
    left: 83.33333333%;
  }

  .col-sm-push-9 {
    left: 75%;
  }

  .col-sm-push-8 {
    left: 66.66666667%;
  }

  .col-sm-push-7 {
    left: 58.33333333%;
  }

  .col-sm-push-6 {
    left: 50%;
  }

  .col-sm-push-5 {
    left: 41.66666667%;
  }

  .col-sm-push-4 {
    left: 33.33333333%;
  }

  .col-sm-push-3 {
    left: 25%;
  }

  .col-sm-push-2 {
    left: 16.66666667%;
  }

  .col-sm-push-1 {
    left: 8.33333333%;
  }

  .col-sm-push-0 {
    left: auto;
  }

  .col-sm-offset-12 {
    margin-left: 100%;
  }

  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-sm-offset-9 {
    margin-left: 75%;
  }

  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-sm-offset-6 {
    margin-left: 50%;
  }

  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-sm-offset-3 {
    margin-left: 25%;
  }

  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-sm-offset-0 {
    margin-left: 0%;
  }




/*-------------------------------------------------------------*/
/* Header
/*-------------------------------------------------------------*/
.header_top{
  width: 100%;
  height: 40px;
  background-color: #f8f8f8;
  border-bottom: 1px solid #ececec;
}
.header_top ul{
  float: right;
  margin-top: 11px;
}
.header_top li{
  display: inline-block;
  margin-left: 10px;
}
.header_top a{
  font-family: open Sans;
  color: #818c96;
  text-decoration: none;
  font-weight: normal;
  font-size: 13px;
  transition: all ease-in-out 200ms;
  margin-left: 10px;
}
.header_top a:hover{
  font-family: open Sans;
  color: #434c54;
  text-decoration: none;
  font-weight: normal;
  font-size: 13px;
  margin-left: 10px;
  transition: all ease-in-out 200ms;
}
.header_top a:after{
  content:'';
  display: inline-block;
  height: 25px;
  background-color: #e6e6e6;
  width: 1px;
  position: absolute;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: -2px;
}
#E_partner:after{
  display: none;
}
#logo{
  float: left;
  display: inline-block;
  margin-top: 10px;
}
#espace_client_btn{
  font-family: open Sans;
  font-weight: bold;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  background-color: #fa3967;
  border-radius: 3px;
  padding: 10px ;
  float: right;
  margin-top: 20px;
  transition: all ease-in-out 200ms;
  box-sizing:border-box;
  border: 2px solid #fa3967;

}
#espace_client_btn:hover{
  font-family: open Sans;
  font-weight: bold;
  color: #fa3967;
  font-size: 14px;
  text-decoration: none;
  background-color: rgba(255,255,255,0);
  border-radius: 3px;
  padding: 10px ;
  float: right;
  margin-top: 20px;
  transition: all ease-in-out 200ms;
  box-sizing:border-box;
  border: 2px solid #fa3967;

}
#head_tel{
  color: #37b12f;
  float: right;
  font-size: 21px;
  font-family: 'VAG';
  margin-right: 25px;
  margin-top: 28px;
}
#head_tel img{
  display: inline-block;
  float: left;
  margin-top: -6px;
  margin-right: 10px;
}
.head{
height: 78px;
width: 100%;
background-color: #fff;
}

.header_top p{
  float: left;
  margin-top: 13px;
  font-family: open Sans;
  color: #818c96;
  font-size: 13px;
  font-weight: normal;
  margin-right: 5px;
  width: 540px;
}
.header_top strong{
  float: left;
  margin-top: 13px;
  font-family: open Sans;
  color: #818c96;
  font-size: 13px;
  font-weight: bold;
  display: inline-block;
  margin-right: 5px;
}
/*-------------------------------------------------------------*/
/* Slider
/*-------------------------------------------------------------*/
.slider{
  width: 100%;
  background-image: url('../images/slider.jpg');
  height: 370px;
  background-repeat: no-repeat;
  padding-top: 112px;

}

.search_bloc{

  width: 798px;
  height: 62px;
  border-radius: 5px;
  background-color: #fff;
  vertical-align: middle;
  margin-left: auto;
  margin-right: auto;
  
  position: relative;
  display: inherit;
  padding: 11px;
}

.slider h1{
  font-size: 33px;
  font-family: 'VAG';
  color: #fff;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 44px;
  line-height: 40px;
}


.form_recherche_champs{
  display: inline-block;
  margin-right: 5px;
}
.form_recherche_champs select{
  width:202px;
  height:39px;
  border: 1px solid #cddce9;
  border-radius: 3px;
  background-color: #fff;
  color: #818c96;
  font-family: open Sans;
  font-weight: normal;
  font-size: 14px;
  outline: none;
  -webkit-appearance: none;
  padding-left: 10px;
  background-image: url('../images/select.png');
  background-repeat: no-repeat;
  background-position-x:97%;
  background-position-y:15px;
}
.recherche_form button{
  cursor: pointer;
  font-family: open Sans;
  font-weight: bold;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  background-color: #37b12f;
  border-radius: 3px;
  padding: 8px 41px 8px 41px ;
  float: right;
  transition: all ease-in-out 200ms;
  border: none;
  outline: none;
  box-sizing:border-box;
  border: 2px solid #37b12f;

}
.recherche_form button:hover{
  cursor: pointer;
  font-family: open Sans;
  font-weight: bold;
  color: #37b12f;
  font-size: 14px;
  text-decoration: none;
  border-radius: 3px;
  padding: 8px 41px 8px 41px ;
  float: right;
  transition: all ease-in-out 200ms;
  border: none;
  outline: none;
  background-color: rgba(255,255,255,0);
  box-sizing:border-box;
  border: 2px solid #37b12f;

}

#scroll{
  background-image: url('../images/scroll.png');
  background-repeat: no-repeat;
  width: 24px;
  height: 43px;
  display: inherit;
  margin-top: 70px;
  vertical-align: middle;
  margin-left: auto;
  margin-right: auto;
}

#scroll{
  animation: translate 2s ease infinite;
  z-index: 1;
}

@-webkit-keyframes translate {
  50%{
    transform:translateY(15px);
  }
}


/*-------------------------------------------------------------*/
/* Comment ça marche
/*-------------------------------------------------------------*/
.comment_ca_marche{
  height: 348px;
  background-color: #fff;
  padding-top: 46px;
}

 h2{
  font-family: 'VAG';
  font-size: 22px;
  color: #fa3967;
  text-align: center;
  text-transform: uppercase;

}
.comment_ca_marche p{
  font-family: open Sans;
  font-size: 14px;
  color: #576573;
  text-align: center;
  margin-top: 12px;
  padding-left: 180px;
  padding-right: 180px;

}

.step{
  width: 78px;
  height: 78px;
  border-radius: 50%;
  background-color: #37b12f;
  vertical-align: middle;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
}
.step_number{
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #fa3967;
  border: 3px solid #fff;
  float: right;
  margin-top: -57px;
  margin-right: -5px;
}
.step_number span{
  font-family: 'VAG';
  font-size: 16px;
  color: #fff;
  text-align: center;
  margin-top: 6px;
  display: inherit;
}
.steps{
  display: inline-block;
}
.steps h3{
  font-family: 'VAG';
  color: #434c54;
  font-size: 14px;
  margin-top: 15px;
  text-align: center;
  text-transform: uppercase;
}
.steps p{
  font-family: open Sans;
  color: #576573;
  font-size: 14px;
  margin-top: 10px;
  text-align: center;
  font-weight: normal;
  padding-left: 60px;
  padding-right: 60px;
}

.step1{
  display: inline-block;
  width: 42px;
  height: 31px;
  background-image: url('../images/sprite.png');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  margin-top: 17px;
  margin-left: 19px;
}

.step2{
  display: inline-block;
  width: 42px;
  height: 39px;
  background-image: url('../images/sprite.png');
  background-repeat: no-repeat;
  background-position: -44px 0px;
  margin-top: 19px;
  margin-left: 21px;
}
.step3{
  display: inline-block;
  width: 55px;
  height: 34px;
  background-image: url('../images/sprite.png');
  background-repeat: no-repeat;
  background-position: -88px 0px;
  margin-top: 19px;
  margin-left: 12px;
}
.num1{
 margin-top: -57px;
}
.num2{
  margin-top: -68px;
}
.num3{
  margin-top: -62px;
}


/*-------------------------------------------------------------*/
/* Qu'est ce que je peux commander ?
/*-------------------------------------------------------------*/

.partners{
width: 100%;
height: 545px;
background-color: #f8f8f8;
display: inline-block;
padding-top: 46px;
}
.partners p{
  font-family: open Sans;
  font-size: 14px;
  color: #576573;
  text-align: center;
  margin-top: 12px;
  padding-left: 180px;
  padding-right: 180px;

}
.partners_logo{
  margin-top: 66px;
}
.partners_logo li{
  height: 102px;
  background-color: #eceff1;
  border-radius: 5px;
  margin-right: 6px;
  width: 149px;
  display: inline-block;
  margin-bottom: 8px;
}
.partners_logo img{
  border-radius: 5px;
  max-width: 100%;
}

/*-------------------------------------------------------------*/
/* Devenir partenaire
/*-------------------------------------------------------------*/

.become_partner{
  height:317px;
  width: 100%;
  background-color: #fff;

}

.restaurant{
  height: 224px;
  border-radius: 5px;
  display: inline-block;
  margin-top: 40px;
  background-image: url('../images/restaurant_bg.png');
  background-repeat: no-repeat;
  float: left;
  margin-right: 8px;
  padding: 28px;
}
.livreur{
  height: 224px;
  border-radius: 5px;
  display: inline-block;
  margin-top: 40px;
  background-image: url('../images/partner_bg.png');
  background-repeat: no-repeat;
  float: right;
  padding: 28px;
}

.restaurant h3{
  font-family: 'VAG';
  color: #fff;
  font-size: 22px;
  margin-bottom: 10px;
  text-transform: uppercase;
  display: block;
}
.restaurant p{
  font-family: open Sans;
  float: left;
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 20px;
  width: 222px;
  display: block;
  margin-right: 40px;

}
.restaurant a{
  font-family: open Sans;
  font-weight: bold;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  background-color: #fa3967;
  border-radius: 3px;
  padding: 10px ;
  float: left;
  transition: all ease-in-out 200ms;
  box-sizing:border-box;
  border: 2px solid #fa3967;
}
.restaurant a:hover{
  font-family: open Sans;
  font-weight: bold;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  border-radius: 3px;
  background-color: rgba(255,255,255,0);
  padding: 10px ;
  float: left;
  transition: all ease-in-out 200ms;
  box-sizing:border-box;
  border: 2px solid #fff;
}
.livreur h3{
  font-family: 'VAG';
  color: #fff;
  font-size: 22px;
  margin-bottom: 10px;
  text-transform: uppercase;
  display: block;
}
.livreur p{
  font-family: open Sans;
  float: left;
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 20px;
  width: 222px;
  display: block;
  margin-right: 50px;

}
.livreur a{
  font-family: open Sans;
  font-weight: bold;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  background-color: #37b12f;
  border-radius: 3px;
  padding: 10px 20px 10px 20px;
  float: left;
  transition: all ease-in-out 200ms;
  box-sizing:border-box;
  border: 2px solid #37b12f;
}

.livreur a:hover{
  font-family: open Sans;
  font-weight: bold;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  background-color: rgba(255,255,255,0);
  border-radius: 3px;
  padding: 10px 20px 10px 20px;
  float: left;
  transition: all ease-in-out 200ms;
  box-sizing:border-box;
  border: 2px solid #fff;
}

/*-------------------------------------------------------------*/
/* Footer
/*-------------------------------------------------------------*/

footer{
  width: 100%;
  background-color: #262e34;
  border-top: 8px solid #eceff1;
  
}
.footer_description{
  display: inline-block;
  float: left;
}
.footer_description img{
  margin-top: 35px;
}
.footer_description p{
  line-height:19px;
  color: #879aaa;
  font-family: open Sans;
  font-weight: normal;
  font-size: 14px;
  text-align: left;
  margin-top: 15px;
}

.contact_icon{
  width: 28px;
  height: 28px;
  border-radius: 50%;
  float: left;
  display: inline-block;
  margin-right: 10px;
  margin-top: -4px;

}
.footer_contact{
  display: inline-block;
  margin-top: 15px;
} 
.footer_contact li{
  display: inline-block;
  margin-bottom: 10px;
}
.footer_contact h4{
  color: #fff;
  font-family: 'VAG';
  font-size: 16px;
  text-align: left;
  margin-top: 15px;
  text-transform: uppercase;

}
.footer_contact p{
  color: #879aaa;
  font-family: open Sans;
  font-weight: normal;
  font-size: 14px;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 15px;

}
.footer_contact span{
  color: #879aaa;
  font-family: open Sans;
  font-weight: normal;
  font-size: 14px;
  text-align: left;
  margin-top: 14px;

}
.contact_tel{
  background-color: #fa3967;
}
.contact_email{
  background-color: #fa3967;
}
.contact_facebook{
  background-color: #3b5998;
}

.tel_icon{
  display: inline-block;
  width: 18px;
  height: 16px;
  background-image: url('../images/sprite.png');
  background-repeat: no-repeat;
  background-position: 0px -42px;
  margin-top: 7px;
  margin-left: 2px;
}
.email_icon{
  display: inline-block;
  width: 19px;
  height: 16px;
  background-image: url('../images/sprite.png');
  background-repeat: no-repeat;
  background-position: -21px -42px;
  margin-top: 9px;
  margin-left: 5px;
  float: left;
}
.facebook_icon{
  display: inline-block;
  width: 17px;
  height: 19px;
  background-image: url('../images/sprite.png');
  background-repeat: no-repeat;
  background-position: -37px -40px;
  margin-top: 6px;
  margin-left: 5px;
  float: left;
}

.footer_form{
    display: inline-block;
  margin-top: 14px;
}
.footer_form h4{
  color: #fff;
  font-family: 'VAG';
  font-size: 16px;
  text-align: left;
  margin-top: 15px;
  text-transform: uppercase;

}
.footer_form p{
  color: #879aaa;
  font-family: open Sans;
  font-weight: normal;
  font-size: 14px;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 15px;

}


.form_question_champs{
  display: inline-block;
  margin-right: 5px;
}
.form_question_champs select{
  width:272px;
  height:39px;
  border: 1px solid #cddce9;
  border-radius: 3px;
  background-color: #fff;
  color: #818c96;
  font-family: open Sans;
  font-weight: normal;
  font-size: 14px;
  outline: none;
  margin-bottom: 10px;
  padding-left: 8px;
  -webkit-appearance: none;
  background-image: url('../images/select.png');
  background-repeat: no-repeat;
  background-position-x:97%;
  background-position-y:15px;
  cursor: pointer;
  
  


}

.form_question_champs input{
  width:272px;
  height:39px;
  border: 1px solid #cddce9;
  border-radius: 3px;
  background-color: #fff;
  color: #818c96;
  font-family: open Sans;
  font-weight: normal;
  font-size: 14px;
  outline: none;
  margin-bottom: 10px;
  padding-left: 8px;
}
.footer_question button{
  cursor: pointer;
  font-family: open Sans;
  font-weight: bold;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  background-color: #37b12f;
  border-radius: 3px;
  padding: 8px 25px 8px 25px ;
  float: right;
  transition: all ease-in-out 200ms;
  border: none;
  outline: none;
  margin-right: 31px;
  box-sizing:border-box;
  border: 2px solid #37b12f;

}
.footer_question button:hover{
  cursor: pointer;
  font-family: open Sans;
  font-weight: bold;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  border-radius: 3px;
  padding: 8px 25px 8px 25px ;
  float: right;
  transition: all ease-in-out 200ms;
  border: none;
  outline: none;
  margin-right: 31px;
  background-color: rgba(255,255,255,0);
  box-sizing:border-box;
  border: 2px solid #fff;

}
.footer_bottom{
  height: 42px;
  width: 100%;
  background-color: #1f262c;
  bottom: 0px;
  display: inline-block;
  margin-top: 18px;
}

.footer_bottom p{
  color: #879aaa;
  font-family: open Sans;
  font-weight: normal;
  font-size: 14px;
  text-align: left;
  margin-top: 15px;
  margin-bottom: 15px;

}
/*-------------------------------------------------------------*/
/* Pop Up contact style
/*-------------------------------------------------------------*/

.remodal-overlay.without-animation.remodal-is-opening,
      .remodal-overlay.without-animation.remodal-is-closing,
      .remodal.without-animation.remodal-is-opening,
      .remodal.without-animation.remodal-is-closing,
      .remodal-bg.without-animation.remodal-is-opening,
      .remodal-bg.without-animation.remodal-is-closing {
        animation: none;
      }



.remodal{
  height: auto;
  padding: 0px !important;
}
.popup_top{
  height: 51px;
  width: 100%;
  background-color: #37b12f;
  border-radius: 5px 5px 0px 0px;
  padding-top: 17px;
}
.popup_top h4{
  font-family: open Sans;
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  text-align: center;

}
.remodal p{
  font-family: open Sans;
  font-size: 14px;
  color: #576573;
  font-weight: normal;
  text-align: center;
  margin-top: 23px;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 28px;

}

.form_contact_champs{
  display: inline-block;
  margin-bottom: 5px;
}
.form_contact_champs select{
  width:333px;
  height:39px;
  border: 1px solid #cddce9;
  border-radius: 3px;
  background-color: #fff;
  color: #818c96;
  font-family: open Sans;
  font-weight: normal;
  font-size: 14px;
  outline: none;
  margin-bottom: 10px;
  padding-left: 8px;
  -webkit-appearance: none;
  background-image: url('../images/select.png');
  background-repeat: no-repeat;
  background-position-x:97%;
  background-position-y:15px;
  cursor: pointer;
}

.form_contact_champs input{
  width:333px;
  height:39px;
  border: 1px solid #cddce9;
  border-radius: 3px;
  background-color: #fff;
  color: #818c96;
  font-family: open Sans;
  font-weight: normal;
  font-size: 14px;
  outline: none;
  margin-bottom: 10px;
  padding-left: 8px;
}
.form_contact_champs textarea{
  width:333px;
  max-width: 333px;
  height:100px;
  max-height: 100px;
  border: 1px solid #cddce9;
  border-radius: 3px;
  background-color: #fff;
  color: #818c96;
  font-family: open Sans;
  font-weight: normal;
  font-size: 14px;
  outline: none;
  margin-bottom: 10px;
  padding-left: 8px;
}
.form_contact button{
  cursor: pointer;
  font-family: open Sans;
  font-weight: bold;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  background-color: #37b12f;
  border-radius: 3px;
  width: 333px;
  vertical-align: middle;
  margin-left: auto;
  margin-right: auto;
  display: inherit;
  height: 39px;
  transition: all ease-in-out 200ms;
  border: none;
  outline: none;
  box-sizing:border-box;
  border: 2px solid #37b12f;
  margin-bottom: 20px;

}
.form_contact button:hover{
  cursor: pointer;
  font-family: open Sans;
  font-weight: bold;
  color: #37b12f;
  font-size: 14px;
  text-decoration: none;
  border-radius: 3px;
  width: 333px;
  vertical-align: middle;
  margin-left: auto;
  margin-right: auto;
  display: inherit;
  height: 39px;
  transition: all ease-in-out 200ms;
  border: none;
  outline: none;
  background-color: rgba(255,255,255,0);
  box-sizing:border-box;
  border: 2px solid #37b12f;
  margin-bottom: 20px;

}
.input_icon_nom{
  display: inline-block;
  width: 22px;
  height: 24px;
  background-image: url('../images/sprite.png');
  background-repeat: no-repeat;
  background-position: -55px -38px;
  margin-top: -42px;
  margin-left: 137px;
  float: right;
  position: absolute;
}
.input_icon_email{
  display: inline-block;
  width: 22px;
  height: 24px;
  background-image: url('../images/sprite.png');
  background-repeat: no-repeat;
  background-position: -82px -42px;
  margin-top: -38px;
  margin-left: 137px;
  float: right;
  position: absolute;
}
.input_icon_tel{
  display: inline-block;
  width: 22px;
  height: 24px;
  background-image: url('../images/sprite.png');
  background-repeat: no-repeat;
  background-position: -107px -39px;
  margin-top: -41px;
  margin-left: 135px;
  float: right;
  position: absolute;
}

/*-------------------------------------------------------------*/
/* Pop Up connexion style
/*-------------------------------------------------------------*/

#tabs{
  height: 51px;
  width: 100%;
  background-color: #f8f8f8;
  border-radius: 5px 5px 0px 0px;
  padding-top: 17px;
  display: initial;

}
#tabs li{
  display: inline-block;

}
.inscription_tab{
  height: 51px;
  text-decoration: none;
  color: #818c96;
  font-family: open Sans;
  font-weight: normal;
  font-size: 14px;
  width: 183px;
  background-color: #f8f8f8;
  border-radius: 5px 0px 0px 0px;
  text-align: center;
  float: left;
  padding-top: 14px;
  outline: none;

}
.connexion_tab{
  height: 51px;
  text-decoration: none;
  color: #818c96;
  font-family: open Sans;
  font-weight: normal;
  font-size: 14px;
  width: 184px;
  background-color: #f8f8f8;
  border-radius: 0px 5px 0px 0px;
  text-align: center;
  float: left;
  padding-top: 14px;
  outline: none;

}
.tab_active{
 color: #fff;
 font-weight: bold;
 background-color: #37b12f;

}
#li_inscription{
  float: left;

}
.facebook_connexion{
  cursor: pointer;
  text-decoration: none;
  background-color: #3b5998;
  border-radius: 3px;
  width: 333px;
  vertical-align: middle;
  margin-left: auto;
  margin-right: auto;
  display: inherit;
  height: 39px;
  transition: all ease-in-out 200ms;
  outline: none;
  box-sizing:border-box;
  margin-top: 15px;

}
.facebook_connexion:hover{
  cursor: pointer;
  text-decoration: none;
  background-color: #304c88;
  border-radius: 3px;
  width: 333px;
  vertical-align: middle;
  margin-left: auto;
  margin-right: auto;
  display: inherit;
  height: 39px;
  transition: all ease-in-out 200ms;
  outline: none;
  box-sizing:border-box;
  margin-top: 15px;

}
.facebook_left{
  width: 45px;
  height: 100%;
  border-radius: 3px 0px 0px 3px;
  background-color: #304c88;
  float: left;
  display: inline-block;
}

#facebook_connexion_icon{

  display: inline-block;
  width: 14px;
  height: 19px;
  background-image: url('../images/sprite.png');
  background-repeat: no-repeat;
  background-position: -5px -62px;
  margin-top: 9px;
  margin-left: 5px;
}
.facebook_right span{
  color: #fff;
  font-family: open Sans;
  font-weight: bold;
  text-align: center;
  font-size: 14px;

}
.facebook_right {
  padding-top: 10px;

}
.popup_sep{
  height: 1px;
  width: 332px;
  background-color: #cddce9;
  margin-top: 20px;
  vertical-align: middle;
  margin-left: auto;
  margin-right: auto;

}

.popup_sep_ou{
  font-family: open Sans;
  font-size: 14px;
  color: #818c96;
  text-align: center;
  background-color: #fff;
  padding-left: 8px;
  padding-right: 8px;
  margin-top: -9px;
  margin-left: -14px;
  position: absolute;
  display: inline-block;
}

.form_connexion{
  margin-top: 30px;
}
.form_connexion button{
  cursor: pointer;
  font-family: open Sans;
  font-weight: bold;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  background-color: #37b12f;
  border-radius: 3px;
  width: 333px;
  vertical-align: middle;
  margin-left: auto;
  margin-right: auto;
  display: inherit;
  height: 39px;
  transition: all ease-in-out 200ms;
  border: none;
  outline: none;
  box-sizing:border-box;
  border: 2px solid #37b12f;
  margin-bottom: 20px;

}
.form_connexion button:hover{
  cursor: pointer;
  font-family: open Sans;
  font-weight: bold;
  color: #37b12f;
  font-size: 14px;
  text-decoration: none;
  border-radius: 3px;
  width: 333px;
  vertical-align: middle;
  margin-left: auto;
  margin-right: auto;
  display: inherit;
  height: 39px;
  transition: all ease-in-out 200ms;
  border: none;
  outline: none;
  background-color: rgba(255,255,255,0);
  box-sizing:border-box;
  border: 2px solid #37b12f;
  margin-bottom: 20px;

}

.input_icon_password{
  display: inline-block;
  width: 19px;
  height: 22px;
  background-image: url('../images/sprite.png');
  background-repeat: no-repeat;
  background-position: -20px -60px;
  margin-top: -42px;
  margin-left: 137px;
  float: right;
  position: absolute;
}

.control-group {
  display: inline-block;
  vertical-align: top;
  background: #fff;
  text-align: left;
  box-shadow: 0 1px 2px rgba(0,0,0,0.1);
  padding: 30px;
  width: 200px;
  height: 210px;
  margin: 10px;
}
.control {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 19px;
  cursor: pointer;
  font-size: 18px;
  margin-top: 4px;
  float: left;

}
.control span{
  color: #818c96;
  font-size: 14px;
  font-weight: normal;
  font-family: open Sans;
  float: left;
  margin-left: 18px;
  margin-top: -3px;
}
.control__indicator {
  position: absolute;
  top: 2px;
  left: 0;
  height: 24px;
  width: 24px;
  border-radius: 3px;
  background: #fff;
  border:1px solid #cddce9;
  margin-left: 17px;
  margin-top: -10px;
}
.control input:checked ~ .control__indicator {
  background: #37b12f;
  border: 1px solid #37b12f;
}
.control__indicator:after {
  content: '';
  position: absolute;
  display: none;
}
.control input:checked ~ .control__indicator:after {
  display: block;
}
.control--checkbox .control__indicator:after {
  left: 8px;
  top: 4px;
  width: 3px;
  height: 8px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.check{
  float: left;
  margin-left: -61px;
  display: inline-block;
  margin-top: -6px;
  position: absolute;
}

.check2{
  float: left;
  margin-left: -161px;
  display: inline-block;
  margin-top: -6px;
  position: absolute;
}

.Mdp_forgot{
  font-family: open Sans;
  font-size: 14px;
  font-weight: normal;
  float: right;
  display: inline-block;
  text-decoration: none;
  color: #37b12f;
  margin-right: 17px;
}


/*-------------------------------------------------------------*/
/* Formulaire de satisfaction
/*-------------------------------------------------------------*/
.slider2{
  width: 100%;
  background-image: url('../images/slider.jpg');
  height: 190px;
  background-repeat: no-repeat;
  padding-top: 20px;

}
.slider2 h1{
  font-size: 20px;
  font-family: 'VAG';
  color: #fff;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 44px;
  line-height: 28px;
}

.wrapper{
  height: auto;
  width: 100%;
  background-color: #eceff1;
  display: inline-block;
  padding-bottom: 80px;
  min-height: 440px;
}

.form_satisfaction{
  height: 506px;
  width: 482px;
  border-radius: 5px;
  background-color: #fff;
  vertical-align: middle;
  position: relative;
  margin-top: -70px;
  margin-left: 228px;
  padding: 25px;
}

.form_satisfaction h4{
  font-family: 'VAG';
  font-size: 14px;
  color: #fa3967;
  vertical-align: left;
  float: left;
  text-transform: uppercase;
  display: block;
  width: 100%;
}

.divider{
  margin-top: 12px;
  margin-bottom: 14px;
}
.icon_satisf{
  width: 32px;
  height: 32px;
  border-radius: 3px;
  background-color: #fa3967;
  float: left;
  margin-right: 8px;
  margin-top: -8px;
}

.form_satisfaction ul p{
  font-family: open Sans;
  font-size: 14px;
  color: #576573;
  font-weight: normal;
  text-transform: uppercase;
  display: inline-block;
}
.delivery_deadline{
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('../images/sprite.png');
  background-repeat: no-repeat;
  background-position: -44px -64px;
  margin-top: 5px;
  margin-left: 6px;
  float: right;
  position: absolute;
}
.courtesy_customer_manager{
  display: inline-block;
  width: 21px;
  height: 20px;
  background-image: url('../images/sprite.png');
  background-repeat: no-repeat;
  background-position: -68px -64px;
  margin-top: 5px;
  margin-left: 6px;
  float: right;
  position: absolute;
}
.quality{
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('../images/sprite.png');
  background-repeat: no-repeat;
  background-position: -93px -65px;
  margin-top: 7px;
  margin-left: 6px;
  float: right;
  position: absolute;
}
.courtesy_deliveryman{
  display: inline-block;
  width: 31px;
  height: 20px;
  background-image: url('../images/sprite.png');
  background-repeat: no-repeat;
  background-position: 0px -83px;
  margin-top: 6px;
  margin-left: 3px;
  float: right;
  position: absolute;
}
.icon_satisfaction{
  display: inline-block;
  width: 22px;
  height: 22px;
  background-image: url('../images/sprite.png');
  background-repeat: no-repeat;
  background-position: -115px -63px;
  margin-top: 5px;
  margin-left: 6px;
  float: right;
  position: absolute;
}
.form_feedback{
  float: left;
  margin-top: 12px;
}
.form_feedback_champs{
  display: inline-block;
  margin-bottom: 5px;
}
.form_feedback_champs textarea{
  width:432px;
  max-width: 432px;
  height:100px;
  max-height: 100px;
  border: 1px solid #cddce9;
  border-radius: 3px;
  background-color: #fff;
  color: #818c96;
  font-family: open Sans;
  font-weight: normal;
  font-size: 14px;
  outline: none;
  margin-bottom: 10px;
  padding-left: 8px;
}
.form_feedback button{
  cursor: pointer;
  font-family: open Sans;
  font-weight: bold;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  background-color: #37b12f;
  border-radius: 3px;
  width: 98px;
  vertical-align: middle;
  margin-left: auto;
  margin-right: auto;
  display: inherit;
  height: 39px;
  transition: all ease-in-out 200ms;
  border: none;
  outline: none;
  box-sizing:border-box;
  border: 2px solid #37b12f;
  margin-bottom: 20px;
  float: right;

}
.form_feedback button:hover{
  cursor: pointer;
  font-family: open Sans;
  font-weight: bold;
  color: #37b12f;
  font-size: 14px;
  text-decoration: none;
  border-radius: 3px;
  width: 98px;
  vertical-align: middle;
  margin-left: auto;
  margin-right: auto;
  display: inherit;
  height: 39px;
  transition: all ease-in-out 200ms;
  border: none;
  outline: none;
  background-color: rgba(255,255,255,0);
  box-sizing:border-box;
  border: 2px solid #37b12f;
  margin-bottom: 20px;
  float: right;

}

.rating{
  float: right;
  margin-bottom: -30px;
}

.satisfaction_icon{
  height: 152px;
  width: 152px;
  border-radius: 50%;
  background-color: #37b12f;
  vertical-align: middle;
  margin-left: auto;
  margin-right: auto;
  margin-top: 80px;
}
.succes_icon2{
  display: inline-block;
  width: 80px;
  height: 82px;
  background-image: url('../images/sprite.png');
  background-repeat: no-repeat;
  background-position: 0px -167px;
  margin-top: 34px;
  margin-left: 34px;
  float: right;
  position: absolute;
}
.form_satisfaction span{ 
  font-family: open Sans;
  font-size: 27px;
  color: #37b12f;
  font-weight: bold;
  text-align: center;
  margin-top: 15px;
  display: inherit;
  margin-bottom: 10px;
}
.form_satisfaction p{ 
  font-family: open Sans;
  font-size: 14px;
  color: #576573;
  font-weight: normal;
  text-align: center;
  display: inherit;
  line-height: 16px;
  float: left;
  padding-right: 5px;
}

.form_satisfaction a{
  background-color: #fa3967;
  border: 2px solid #fa3967;
  padding: 8px 14px 8px 15px;
  border-radius: 3px;
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  font-family: open Sans;
  text-decoration: none;
  box-sizing:border-box;
  transition: all ease-in-out 200ms;
  outline: none;
  cursor: pointer;
  display: inherit;
  margin-right: 30%;
  margin-left: 30%;
  text-align: center;
  clear: both;
  margin-top: 90px;
}
.form_satisfaction a:hover{
  border: 2px solid #fa3967;
  padding: 8px 14px 8px 15px;
  border-radius: 3px;
  font-size: 14px;
  color: #fa3967;
  font-weight: bold;
  font-family: open Sans;
  text-decoration: none;
  box-sizing:border-box;
  background-color: rgba(255,255,255,0);
  transition: all ease-in-out 200ms;
  outline: none;
cursor: pointer;
display: inherit;
  margin-right: 30%;
  margin-left: 30%;
  margin-top: 90px;
  text-align: center;
}
/*-------------------------------------------------------------*/
/* User header
/*-------------------------------------------------------------*/
  .avatar{
    width: 33px;
    height: 33px;
    border-radius: 50%;
    border: 1px solid #ececec;

  }
  .user{
    float: right;
    margin-top: 20px;
    cursor: pointer;
    position: relative;
  }
  .user span{
    color: #576573;
    font-size: 14px;
    font-family: 'VAG';
    display: inline-block;
    margin-left: 8px;
    float: right;
    margin-top: 9px;
  }
  .icon_dropdown{
  display: inline-block;
  width: 13px;
  height: 8px;
  background-image: url('../images/sprite.png');
  background-repeat: no-repeat;
  background-position: -98px -121px;
  margin-top: 10px;
  margin-left: 12px;
  float: right;
}
  .dropdown{
    float: right;
    cursor: pointer;
    display: inline-block;

  }
  .dropdown_menu{
    width: 175px;
    height: auto;
    position: absolute;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #dbe7ed;
    top: 38px;
    right: -4px;
  }
  .dropdown_menu_a{
    width: 100%;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 10px;
    display: inline-block;
    text-decoration: none;
    color: #818c96;
    font-size: 14px;
    font-family: open Sans;
    font-weight: normal;
  }
  .dropdown_menu_a:hover{
    width: 100%;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 10px;
    display: inline-block;
    text-decoration: none;
    color: #818c96;
    background-color: #f8f8f8;
    font-size: 14px;
    font-family: open Sans;
    font-weight: normal;
  }
  .dropdown_arrow{
    z-index: 20;
    position: absolute;
    top: -23px;
    left: 160px;

  }
  .dropdown_sep{
    height: 1px;
    width: 100%;
    float: left;
    background-color: #dbe7ed;
  }
  .dropdown_on{
    display: inline-block; 
  }
  .dropdown_off{
    display: none; 
  }

/*-------------------------------------------------------------*/
/* Mes commandes
/*-------------------------------------------------------------*/
.slider3{
  width: 100%;
  background-image: url('../images/slider.jpg');
  height: 115px;
  background-repeat: no-repeat;
  padding-top: 20px;

}
.slider3 h1{
  font-size: 20px;
  font-family: 'VAG';
  color: #fff;
  text-align: center;
  margin-top: 15px;
  line-height: 28px;
  margin-bottom: 0px;
}
.slider3 p{
  font-size: 14px;
  font-family: open Sans;
  color: #fff;
  text-align: center;
  margin-bottom: 44px;
  line-height: 28px;
}

.compte_nav{
  height: auto;
  background-color: #fff;
  border-radius: 3px;
  float: left;
  margin-top: 20px;
  padding: 0px;
  width: 232px;
}

.compte_nav li{
  width: 100%;
  

}
.compte_nav a{
  text-decoration: none;
  color: #576573;
  width: 100%;
  font-size: 12px;
  font-family: open Sans;
  font-weight: normal;
  padding-left: 5px;
  padding-bottom: 15px;
  padding-top: 15px;
  float: left;
  display: inline-block;

}
.compte_nav a:hover{
  text-decoration: none;
  color: #576573;
  background-color: #f8f8f8;
  transition: all ease-in-out 200ms;
  width: 100%;
  font-size: 12px;
  font-family: open Sans;
  font-weight: normal;
  padding-left: 5px;
  padding-bottom: 15px;
  padding-top: 15px;
  float: left;


}
.compte_nav i{
  float: left;
}
.compte_nav span{
  display: inline-block;
  margin-left: 37px;

}
.icon_commandes{
  display: inline-block;
  width: 28px;
  height: 24px;
  background-image: url('../images/sprite.png');
  background-repeat: no-repeat;
  background-position: -83px -86px;
  margin-top: -5px;
  margin-left: 2px;
  float: right;
  position: absolute;
}
.icon_adresses{
  display: inline-block;
  width: 18px;
  height: 24px;
  background-image: url('../images/sprite.png');
  background-repeat: no-repeat;
  background-position: -2px -115px;
  margin-top: -5px;
  margin-left: 11px;
  float: right;
  position: absolute;
}
.icon_info{
  display: inline-block;
  width: 28px;
  height: 24px;
  background-image: url('../images/sprite.png');
  background-repeat: no-repeat;
  background-position: -38px -116px;
  margin-top: -4px;
  margin-left: 4px;
  float: right;
  position: absolute;
}
.commandes_active .icon_commandes{
  display: inline-block;
  width: 28px;
  height: 24px;
  background-image: url('../images/sprite.png');
  background-repeat: no-repeat;
  background-position: -112px -87px;
  margin-top: -5px;
  margin-left: 2px;
  float: right;
  position: absolute;
}
.compte_nav_active .icon_adresses{
  display: inline-block;
  width: 19px;
  height: 24px;
  background-image: url('../images/sprite.png');
  background-repeat: no-repeat;
  background-position: -19px -114px;
  margin-top: -5px;
  margin-left: 11px;
  float: right;
  position: absolute;
}
.compte_nav_active .icon_info{
  display: inline-block;
  width: 28px;
  height: 24px;
  background-image: url('../images/sprite.png');
  background-repeat: no-repeat;
  background-position: -68px -116px;
  margin-top: -4px;
  margin-left: 4px;
  float: right;
  position: absolute;
}
.commandes_active{
  background-color: #37b12f;
  border-radius: 3px 3px 0px 0px;

}
.commandes_active:hover{
  background-color: #37b12f !important;

}
.commandes_active span{
  color: #fff;
  font-weight: bold;

}
.adresses_active{
  background-color: #37b12f;

}
.adresses_active:hover{
  background-color: #37b12f !important;

}
.adresses_active span{
  color: #fff;
  font-weight: bold;

}
.adresses_active .icon_adresses{
  display: inline-block;
  width: 18px;
  height: 24px;
  background-image: url('../images/sprite.png');
  background-repeat: no-repeat;
  background-position: -19px -115px;
  margin-top: -5px;
  margin-left: 11px;
  float: right;
  position: absolute;
}
.informations_active{
  background-color: #37b12f;
  border-radius: 0px 0px 3px 3px;

}
.informations_active:hover{
  background-color: #37b12f !important;

}
.informations_active span{
  color: #fff;
  font-weight: bold;

}
.informations_active .icon_info{
  display: inline-block;
  width: 28px;
  height: 24px;
  background-image: url('../images/sprite.png');
  background-repeat: no-repeat;
  background-position: -68px -116px;
  margin-top: -4px;
  margin-left: 4px;
  float: right;
  position: absolute;
}
.compte_nav_sep{
  background-color: #ececec;
  height: 1px;
  width: 100%;
  display: inline-block;
  float: left;
}
.table_commandes{
  background-color: #fff;
  border-radius: 3px;
  height: auto;
  margin-top: 20px;
  float: right;
  border: hidden;
}
.table_commandes thead tr{
  background-color: #f8f8f8;
  height: 42px;
  border-radius: 3px 3px 0px 0px;
}
.table_commandes thead th{
  color: #576573;
  font-weight: bold;
  text-align: center;
  margin-top: 10px;
  font-family: open Sans;
  font-size: 12px;
}

.table_commandes tbody{
  color: #576573;
  font-weight: normal;
  text-align: center;
  font-family: open Sans;
  font-size: 12px;

}
.table_commandes tbody tr{
  height: 42px;
  transition: all ease-in-out 200ms;
}
.table_commandes tbody tr:hover{
  height: 42px;
  background-color: #fbfbfb;
  transition: all ease-in-out 200ms;
}
.table_commandes tbody td{
  text-align: center;
}
.table_commandes th, td {
   border: 1px solid #ececec;
}
#th_commande{
  width: 20%;
}

#th_fournisseur{
  width: 35%;
  
}
#th_statut{
  width: 30%;
  
}

#th_pdf{
  width: 14%;
  
}
#td_commande{
  width: 20%;
}

#td_fournisseur{
  width: 35%;
  
}
#td_statut{
  width: 25%;
  
}

#td_pdf{
  width: 20%;
  
}
.table_commandes tbody label{
  height: 27px;
  width: 75%;
  border-radius: 3px;
  display: inline-block;
  padding-top: 7px;
  color: #fff;
  font-weight: bold;
}
#encours{
  background-color: #bf02b8;
}
#enattente{
  background-color: #fda01d;
}
#affecte{
  background-color: #0bb6bd;
}
#recup{
  background-color: #5473b9;
}
#livre{
  background-color: #37b12f;
}
#retournee{
  background-color: #750404;
}
.icon_pdf{
  display: inline-block;
  width: 26px;
  height: 28px;
  background-image: url('../images/sprite.png');
  background-repeat: no-repeat;
  background-position: -30px -84px;
  
}
.icon_pdf:hover{
  display: inline-block;
  width: 26px;
  height: 28px;
  background-image: url('../images/sprite.png');
  background-repeat: no-repeat;
  background-position: -58px -84px;
  
}
.td_pdf a{
  margin-left: 3px;

}


/*-------------------------------------------------------------*/
/* Mes adresses
/*-------------------------------------------------------------*/


.bloc_content{
  background-color: #fff;
  border-radius: 3px;
  float: right;
  height: auto;
  margin-top: 20px;
  padding: 15px;
}

.bloc_content h2{
  font-family: 'VAG',open Sans;
  font-size: 14px;
  color: #fa3967;
  float: left;
  margin-top: 0px;
}
.bloc_content img{
  margin-top: 10px;
}
.content_element{
  border-radius: 3px;
  width: 100%;
  background-color: #f8f8f8;
  height: auto;
  padding: 11px;
  display: inline-block;
  margin-top: 10px;
  float: left;
}
.content_element span{
  font-size: 14px;
  font-weight: bold;
  font-family: open Sans;
  color: #434c54;
  float: left;
  width: 100%;
}

.content_element p{
  font-size: 14px;
  font-weight: normal;
  font-family: open Sans;
  color: #818c96;
  float: left;
  margin-top: 5px;
}

.content_left{
  width: 49%;
  display: inline-block;
  margin-left: 2px;
  margin-right: 2px;
  float: left;
}
.content_right{
  width: 49%;
  display: inline-block;
  margin-left: 2px;
  margin-right: 2px;
  float: right;
}

.adresse_content{
  margin-bottom: 20px;
  float: left;

}

.btn_action{
  float: right;
  margin-top: 20px;
  margin-bottom: 10px;
  clear: both;
}
.btn_action li{
  display: inline-block;
}
.btn_pink{
  background-color: #fa3967;
  border: 2px solid #fa3967;
  padding: 8px 14px 8px 34px;
  border-radius: 3px;
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  font-family: open Sans;
  text-decoration: none;
  box-sizing:border-box;
  transition: all ease-in-out 200ms;
  outline: none;
cursor: pointer;
}
.btn_green{
  background-color: #37b12f;
  padding: 8px 14px 8px 14px;
  border: 2px solid #37b12f;
  border-radius: 3px;
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  font-family: open Sans;
  text-decoration: none;
  box-sizing:border-box;
  transition: all ease-in-out 200ms;
  outline: none;
cursor: pointer;
}
.btn_pink:hover{
  border: 2px solid #fa3967;
  padding: 8px 14px 8px 34px;
  border-radius: 3px;
  font-size: 14px;
  color: #fa3967;
  font-weight: bold;
  font-family: open Sans;
  text-decoration: none;
  box-sizing:border-box;
  background-color: rgba(255,255,255,0);
  transition: all ease-in-out 200ms;
  outline: none;
cursor: pointer;
}
.btn_green:hover{
  padding: 8px 14px 8px 14px;
  border-radius: 3px;
  font-size: 14px;
  color: #37b12f;
  font-weight: bold;
  font-family: open Sans;
  text-decoration: none;
  box-sizing:border-box;
  border: 2px solid #37b12f;
background-color: rgba(255,255,255,0);
transition: all ease-in-out 200ms;
outline: none;
cursor: pointer;
}
.icon_nadresse{
  display: inline-block;
  width: 19px;
  height: 19px;
  background-image: url('../images/sprite.png');
  background-repeat: no-repeat;
  background-position: -113px -117px;
  margin-top: -2px;
  margin-right: 7px;
  position: absolute;
  margin-left: -24px;
}
.btn_pink:hover .icon_nadresse{
  display: inline-block;
  width: 19px;
  height: 19px;
  background-image: url('../images/sprite.png');
  background-repeat: no-repeat;
  background-position: -1px -139px;
  margin-top: -2px;
  margin-right: 7px;
  position: absolute;
  margin-left: -24px;
}

/*-------------------------------------------------------------*/
/* Mes adresses formulaire
/*-------------------------------------------------------------*/


.form_adresse_champs label{
  width: 100%;
  color: #434c54;
  font-weight: bold;
  font-family: open Sans;
  font-size: 14px;
  float: left;
}
.form_adresse_champs{
  margin-top: 15px;
  margin-bottom: 5px;
  display: inline-block;
  width: 100%;
}
.form_adresse_champs input{
  width: 100%;
  height: 39px;
  color: #818c96;
  font-weight: normal;
  font-family: open Sans;
  font-size: 14px;
  float: left;
  margin-top: 10px;
  padding-left: 10px;
  border-radius: 3px;
  border: 1px solid #cddce9;
  outline: none;
}
.form_adresse_champs .date{
  width: 100%;
  height: 39px;
  color: #818c96;
  font-weight: normal;
  font-family: open Sans;
  font-size: 14px;
  float: left;
  margin-top: 10px;
  padding-left: 10px;
  border-radius: 3px;
  border: 1px solid #cddce9;
  outline: none;
  cursor: pointer;
}
.form_adresse_champs select{
  width: 100%;
  height: 39px;
  color: #818c96;
  font-weight: normal;
  font-family: open Sans;
  font-size: 14px;
  float: left;
  margin-top: 10px;
  padding-left: 10px;
  border-radius: 3px;
  border: 1px solid #cddce9;
  outline: none;
  background-color: #fff;
  -webkit-appearance:none;
  cursor: pointer;
  background-image: url('../images/select.png');
  background-repeat: no-repeat;
  background-position-y:15px;
  background-position-x:97%;
}

.input_icon_date{
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url('../images/sprite.png');
  background-repeat: no-repeat;
  background-position: -23px -140px;
  margin-top: 29px;
  margin-left: -34px;
  float: right;
  position: absolute;
}
.popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    display: none;
}
.popup_layer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(25, 57, 87, 0.7);
}
.remodal-bg {
    position: relative;
    z-index: 99;
    max-width: 700px;
    width: 367px;
    margin: 30px 0 0 -183px;
    left: 50%;
    overflow: hidden;
    background: #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
}

.remodal-bg form {
    text-align: center;
}
#tabs-1, #tabs-2 {
    text-align: center;
}
#tabs-2 {
    display: none;
}


/*-------------------------------------------------------------*/
/* Pop up messages succès et erreur
/*-------------------------------------------------------------*/
.popoup_succes_icon{
  height: 152px;
  width: 152px;
  border-radius: 50%;
  background-color: #37b12f;
  vertical-align: middle;
  margin-left: auto;
  margin-right: auto;
  margin-top: 80px;
}
.succes_icon{
  display: inline-block;
  width: 80px;
  height: 82px;
  background-image: url('../images/sprite.png');
  background-repeat: no-repeat;
  background-position: 0px -167px;
  margin-top: 34px;
  margin-left: -38px;
  float: right;
  position: absolute;
}
.popoup_msg p{
  font-weight: normal;
  font-family: open Sans;
  color: #818c96;
  font-size: 14px;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 154px !important;
}
.popup_msg{
padding-bottom: 100px;
}

.popoup_erreur_icon{
  height: 152px;
  width: 152px;
  border-radius: 50%;
  background-color: #ea4031;
  vertical-align: middle;
  margin-left: auto;
  margin-right: auto;
  margin-top: 80px;
}
.erreur_icon{
  display: inline-block;
  width: 58px;
  height: 62px;
  background-image: url('../images/sprite.png');
  background-repeat: no-repeat;
  background-position: -80px -167px;
  margin-top: 46px;
  margin-left: -28px;
  float: right;
  position: absolute;
}

/*-------------------------------------------------------------*/
/* Messages succès et erreur
/*-------------------------------------------------------------*/
#header_notification{
  width: 100%;
  height: 15px;
  height: 40px;
  padding-top: 5px;
  display: none;
}
.msg_succes{
  background-color: #d1e792;
  font-family: open Sans;
  font-weight: normal;
  font-size: 14px;
  color: #2c3c02;
  text-align: center;
  display: inline-block;
}
.msg_succes i{
  display: inline-block;
  width: 28px;
  height: 28px;
  background-image: url('../images/sprite.png');
  background-repeat: no-repeat;
  background-position: -81px -233px;
  vertical-align: middle;
}
#header_notification p {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}
.msg_erreur{
  background-color: #ffadbb;
  font-family: open Sans;
  font-weight: normal;
  font-size: 14px;
  color: #c7001b;
  text-align: center;
  display: inline-block;
}
.msg_erreur i{
  display: inline-block;
  width: 28px;
  height: 28px;
  background-image: url('../images/sprite.png');
  background-repeat: no-repeat;
  background-position: -112px -233px;
  vertical-align: middle;
}

.popup_msg_succes{
  color: #2c3c02;
  font-family: open Sans;
  font-weight: normal;
  font-size: 14px;
  width: 333px;
  height: 39px;
  border-radius: 3px;
  background-color: #d1e792;
  margin-bottom:10px; 
  vertical-align: middle;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
}
.popup_msg_succes p{
  display: inline-block;
  margin-top: 11px;
  margin-left: 7px;
}
.popup_msg_succes i{
  float: left;
  display: inline-block;
  margin-left: -5px;
  margin-right: 5px;
}
.popup_succesmsg{
  display: inline-block;
  width: 28px;
  height: 28px;
  background-image: url('../images/sprite.png');
  background-repeat: no-repeat;
  background-position: -81px -233px;
  position: absolute;
  margin-top: 6px;
}
.popup_msg_erreur{
  color: #d74657 !important;
  font-family: open Sans;
  font-weight: normal;
  font-size: 14px;
  width: 333px;
  height: 39px;
  border-radius: 3px;
  background-color: #ffadbb;
  margin-bottom:10px; 
  vertical-align: middle;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
}
.popup_msg_erreur p{
  display: inline-block;
  color: #d74657 !important;
  margin-top: 11px;
  margin-left: 7px;
}
.popup_msg_erreur i{
  float: left;
  display: inline-block;
  margin-left: -5px;
  margin-right: 5px;
}
.popup_erreurmsg{
  display: inline-block;
  width: 28px;
  height: 28px;
  background-image: url('../images/sprite.png');
  background-repeat: no-repeat;
  background-position: -112px -233px;
  position: absolute;
  margin-top: 6px;
}
/*-------------------------------------------------------------*/
/* Mot de passe oublié
/*-------------------------------------------------------------*/

.mdp_oublie p{
  text-align: center;
  font-size: 14px;
  font-family: open Sans;
  font-weight: normal;
  color: #576573;
  margin-top: 44px;
  padding-left: 220px;
  padding-right: 220px;
  margin-bottom: 50px;
}
.form_mdp_champs{
  display: inherit;
  margin-bottom: 5px;
  width: 333px;
  vertical-align: middle;
  margin-left: auto;
  margin-right: auto;
}

.form_mdp_champs input{
  width:333px;
  height:39px;
  border: 1px solid #cddce9;
  border-radius: 3px;
  background-color: #fff;
  color: #818c96;
  font-family: open Sans;
  font-weight: normal;
  font-size: 14px;
  outline: none;
  margin-bottom: 10px;
  padding-left: 8px;
  margin-top: 10px;

}
.form_mdp button{
  cursor: pointer;
  font-family: open Sans;
  font-weight: bold;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  background-color: #37b12f;
  border-radius: 3px;
  width: 333px;
  vertical-align: middle;
  margin-left: auto;
  margin-right: auto;
  display: inherit;
  height: 39px;
  transition: all ease-in-out 200ms;
  border: none;
  outline: none;
  box-sizing:border-box;
  border: 2px solid #37b12f;
  margin-bottom: 20px;

}
.form_mdp button:hover{
  cursor: pointer;
  font-family: open Sans;
  font-weight: bold;
  color: #37b12f;
  font-size: 14px;
  text-decoration: none;
  border-radius: 3px;
  width: 333px;
  vertical-align: middle;
  margin-left: auto;
  margin-right: auto;
  display: inherit;
  height: 39px;
  transition: all ease-in-out 200ms;
  border: none;
  outline: none;
  background-color: rgba(255,255,255,0);
  box-sizing:border-box;
  border: 2px solid #37b12f;
  margin-bottom: 20px;

}
.input_icon_email2{
  display: inline-block;
  width: 22px;
  height: 24px;
  background-image: url('../images/sprite.png');
  background-repeat: no-repeat;
  background-position: -82px -42px;
  margin-top: -38px;
  margin-right: 8px;
  float: right;
  position: relative;
}
.form_mdp_champs label{
  width: 100%;
  color: #434c54;
  font-weight: bold;
  font-family: open Sans;
  font-size: 14px;
  float: left;
}

/*-------------------------------------------------------------*/
/* Adresse vide
/*-------------------------------------------------------------*/
.adresse_vide{
  width: 100% !important;
  float: hidden !important;
}
.adresse_vide_icon{
   display: inherit;
  width: 60px;
  height: 62px;
  background-image: url('../images/sprite.png');
  background-repeat: no-repeat;
  background-position: -0px -261px;
  margin-top: 38px;
  margin-right: 8px;
  vertical-align: middle;
  margin-left: auto;
  margin-right: auto;
  position: relative;

}
.adresse_vide p{
  text-align: center;
  font-size: 14px;
  font-weight: normal;
  font-family: open Sans;
  color: #576573;
  margin-top: 20px;
}
.adresse_vide a{
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  font-family: open Sans;
  color: #fff;
  margin-top: 15px;
  background-color: #37b12f;
  padding: 10px 20px 10px 20px;
  border-radius: 3px;
  text-decoration: none;
  display: inherit;
  width: 120px;
  vertical-align: middle;
  margin-left: auto;
  margin-right: auto;
  box-sizing:border-box;
  border: 2px solid #37b12f;
  transition: all ease-in-out 200ms;
}

.adresse_vide a:hover{
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  font-family: open Sans;
  color: #fff;
  margin-top: 15px;
  background-color: #37b12f;
  padding: 10px 20px 10px 20px;
  border-radius: 3px;
  text-decoration: none;
  display: inherit;
  width: 120px;
  vertical-align: middle;
  margin-left: auto;
  margin-right: auto;
  box-sizing:border-box;
  border: 2px solid #37b12f;
  transition: all ease-in-out 200ms;
  background-color: rgba(255,255,255,0);
  color: #37b12f;
}

/*-------------------------------------------------------------*/
/* Commandes vide
/*-------------------------------------------------------------*/
.commandes_vide{
  width: 100% !important;
  float: hidden !important;
}
.commandes_vide_icon{
   display: inherit;
  width: 122px;
  height: 64px;
  background-image: url('../images/sprite.png');
  background-repeat: no-repeat;
  background-position: -0px -322px;
  margin-top: 38px;
  margin-right: 8px;
  vertical-align: middle;
  margin-left: auto;
  margin-right: auto;
  position: relative;

}
.commandes_vide p{
  text-align: center;
  font-size: 14px;
  font-weight: normal;
  font-family: open Sans;
  color: #576573;
  margin-top: 20px;
}
.commandes_vide span{
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  font-family: open Sans;
  color: #fff;
  margin-top: 15px;
  background-color: #37b12f;
  padding: 10px 20px 10px 20px;
  border-radius: 3px;
  display: inherit;
  width: 160px;
  vertical-align: middle;
  margin-left: auto;
  margin-right: auto;
  box-sizing:border-box;
  border: 2px solid #37b12f;
  transition: all ease-in-out 200ms;
}
/*-------------------------------------------------------------*/
/* Page 404 
/*-------------------------------------------------------------*/
.content_error{
  margin-top: 80px;
  margin-bottom: 200px;

}
.error_icon{
  display: inherit;
  width: 174px;
  height: 59px;
  background-image: url('../images/sprite.png');
  background-repeat: no-repeat;
  background-position: -0px -390px;
  margin-top: 60px;
  margin-right: 8px;
  vertical-align: middle;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.content_error span{
  font-size: 35px;
  font-weight: 900;
  font-family: open Sans;
  color: #37b12f;
  text-align: center;
  display: inherit;
  margin-top: 10px;
  text-transform: uppercase;
}
.content_error label{
  font-size: 25px;
  font-weight: 900;
  font-family: open Sans;
  color: #fa3867;
  text-align: center;
  display: inherit;
  margin-top: 10px;
  text-transform: uppercase;
}
.content_error p{
  font-size: 12px;
  font-weight: normal;
  font-family: open Sans;
  color: #525252;
  text-align: center;
  display: inherit;
  margin-top: 10px;
}
/*-------------------------------------------------------------*/
/* Page login
/*-------------------------------------------------------------*/

.login{
  width: 333px;
  float: right;
  display: inline-block;
  margin-top: 30px;
  margin-right: 90px;


}
.login .facebook_connexion{
  margin-bottom: 37px;
}
.login #facebook_connexion_icon{
  margin-left: 18px !important;

}
.login .facebook_connexion span{
  text-align: center !important;
  display: inherit;
}
.login .popup_sep_ou{
  margin-left: 150px;
  background-color: #eceff1 !important;
}

.login .control__indicator{
  margin-left: 0px !important;
}
.login .Mdp_forgot{
  margin-right: 0px !important;
}
.login .check{
  margin-left: -26px;
}
.login .control span{
  margin-left: 0px !important;
}
.login .input_icon_email{
  margin-left: 302px;
}
.login .input_icon_password{
  margin-left: 302px;
}

.inscription{
  width: 333px;
  float: left;
  display: inline-block;
  margin-top: 30px;
  margin-left: 90px;
}
.inscription .check2{
  margin-left: -20px !important;
}
.inscription .control__indicator{
  margin-left: 0px !important;
}
.inscription .control span{
  margin-left: 0px !important;
}
.inscription .input_icon_nom{
  margin-left: 302px !important;
}
.inscription .input_icon_tel{
  margin-left: 302px !important;
}
.inscription .input_icon_email{
  margin-left: 302px !important;
}
.inscription .input_icon_password{
  margin-left: 302px !important;
}
.inscription h2{
  font-family: 'VAG';
  font-size: 16px;
  text-transform: uppercase;
  text-align: center;
  color: #fa3967;

}
.login h2{
  font-family: 'VAG';
  font-size: 16px;
  text-transform: uppercase;
  text-align: center;
  color: #fa3967;
  margin-bottom: 31px;

}
#login_sep{
  width: 1px;
  height: 280px;
  background-color: #cddce9;
  vertical-align: middle;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  margin-top: 100px;
  margin-left: 50px;
}
.header_top b {
    font-weight: bold;
    
}