@charset "UTF-8";
/* 
    Created on : 28 avr. 2020, 09:00:00
    Author     : Sébastien GRIFFITHS - Otidea
*/
/*-- Declaration variables font--*/
/*@font-face {
    font-family: 'bretagneFont';
    src: url('../fonts/RegionBretagne-Reg.eot');
    src: local('☺'), url('../fonts/RegionBretagne-Reg.woff') format('woff'), url('../fonts/RegionBretagne-Reg.ttf') format('truetype'), url('../fonts/RegionBretagne-Reg.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'bretagneFont';
    src: url('../fonts/RegionBretagne-Bold.eot');
    src: local('☺'), url('../fonts/RegionBretagne-Bold.woff') format('woff'), url('../fonts/RegionBretagne-Bold.ttf') format('truetype'), url('../fonts/RegionBretagne-Bold.svg') format('svg');
    font-weight: bold ;
    font-style: normal;
}*/
@import url("https://fonts.googleapis.com/css2?family=Poppins&display=swap");
/*-- Declaration variables couleurs--*/
/* vert 1*/
/*bleu*/
/*gris nav / backgounrd slider*/
/*gris backgounrd slider*/
/*bleu clair*/
/*trait /couleur de peinture orange jaune*/
/*neuf couleur*/
/*occas couleur*/
/* gris4 */
/* vert titre */
/*texte gris foncé*/
/*gris fond */
/*gris agence*/
/*bleu canard */
/*bleu clair */
/*jaune */
/*gauche fleche */
/*droite fleche */
/* canard clair*/
/* bleu footer */
/* bleu clair mentions*/
/* vert index */
/* bleu txt bouton */
/* bleu txt bouton */
/*pagination*/
/*-- Declaration classes font--*/
.font1 {
  font-family: "Jost", sans-serif;
}

.font2 {
  font-family: "Source Serif Pro", serif;
}

.font3 {
  font-family: "Dancing Script", cursive;
}

.font4 {
  font-family: "Open Sans", sans-serif;
}

/*-- Declaration classes couleurs--*/
.noir {
  color: #000000;
}

.blanc {
  color: #ffffff;
}

.gris {
  color: #f7f7f7;
}

.couleur1 {
  color: #392E9C;
}

.couleur2 {
  color: #8f5ecb;
}

.couleur3 {
  color: #f1f0f0;
}

.couleur4 {
  color: #333333;
}

.couleur5 {
  color: #2cbfc6;
}

.couleur6 {
  color: #fcd743;
}

.couleur7 {
  color: #46a46a;
}

.couleur8 {
  color: #12a184;
}

.couleur9 {
  color: #332c26;
}

.couleur10 {
  color: #ffad40;
}

.bgNoir {
  background-color: #000000;
}

.bgBlanc {
  background-color: #ffffff;
}

.bgGris {
  background-color: #f7f7f7;
}

.bgCouleur1 {
  background-color: #392E9C;
}

.bgCouleur2 {
  background-color: #8f5ecb;
}

.bgCouleur3 {
  background-color: #f1f0f0;
}

.bgCouleur4 {
  background-color: #333333;
}

.bgCouleur5 {
  background-color: #2cbfc6;
}

.bgCouleur6 {
  background-color: #fcd743;
}

.bgCouleur7 {
  background-color: #46a46a;
}

.bgCouleur8 {
  background-color: #12a184;
}

.bgCouleur9 {
  background-color: #332c26;
}

.bgCouleur10 {
  background-color: #ffad40;
}

/*-- Declaration mixin--*/
/*////////////////////////////////////////////////////////////////////*/
.btn-outline-primary:focus {
  box-shadow: none !important;
}

.btn-outline-primary {
  border-radius: 0.4rem !important;
  width: 100%;
}

.btn-green.btn-primary {
  color: #fff !important;
  background-color: #8f5ecb !important;
  border-color: #8f5ecb !important;
}
.btn-green.btn-primary:hover {
  background-image: none !important;
  background-color: #f1f0f0 !important;
}
.btn-green .btn-outline-primary {
  color: #392E9C;
  border-color: #392E9C;
}
.btn-green .btn-outline-primary:hover, .btn-green .btn-outline-primary.active, .btn-green .btn-outline-primary:active {
  color: #fff;
  background-color: #8f5ecb;
  border-color: #8f5ecb;
}
.btn-green .btn-outline-primary:focus {
  box-shadow: 0 0 0 0.25rem rgb(52, 58, 39);
}

.btn-orange.btn-primary {
  color: #fff !important;
  background-color: #fcd743 !important;
  border-color: #fcd743 !important;
}
.btn-orange.btn-primary:hover {
  background-image: none !important;
  background-color: #46a46a !important;
}
.btn-orange .btn-outline-primary {
  color: #fcd743;
  border-color: #fcd743;
}
.btn-orange .btn-outline-primary:hover, .btn-orange .btn-outline-primary.active, .btn-orange .btn-outline-primary:active {
  color: #fff;
  background-color: #fcd743;
}
.btn-orange .btn-outline-primary:focus {
  box-shadow: 0 0 0 0.25rem rgb(98, 49, 7);
}

.planningCard {
  background: #F4F4F2;
  color: black;
  border-radius: 0.4rem;
  min-width: 200px;
}
.planningCard .dashedOrangeCard {
  width: 70%;
  border-bottom: #fcd743 2px dashed;
}
.planningCard .ordersDates {
  color: #8f5ecb;
  font-size: 0.8rem;
}
.planningCard .ordersDates span {
  font-size: 0.8rem;
}
.planningCard .dayCard {
  font-size: 4rem;
  color: #ffad40;
  font-weight: 700;
}

.planningDate {
  color: #ffad40;
  font-weight: 600;
}

.cadreContainer {
  border: 1px solid #333333;
  border-radius: 0.4rem;
}
.cadreContainer .cadreContainerTitle {
  color: #f1f0f0;
  font-size: 2rem;
}

.loginv2 .text-wrapper {
  border-radius: 7px;
  border: 1px solid #8f5ecb;
  padding: 10px 35px;
  margin-bottom: 50px;
  padding-left: 35px !important;
  position: relative;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.6) 100%);
  background-color: #392E9C !important;
}
.loginv2 h4 {
  font-size: 1.7rem !important;
  color: white !important;
  text-transform: uppercase;
}
.loginv2 h3 {
  font-size: 2.5rem;
  color: #392E9C;
  margin: 0 auto;
  position: relative;
  z-index: 9;
  padding: 10px;
  font-weight: 500;
  text-transform: uppercase;
  border-bottom: 2px solid #392E9C;
  margin-bottom: 14px;
  width: 63%;
}
.loginv2 .newClient {
  width: 43% !important;
}
@media (max-width: 1000px) {
  .loginv2 .newClient {
    width: 80% !important;
  }
}

.containerLanguette {
  height: 100%;
  margin-left: 30px;
  position: absolute;
  top: 2px;
  z-index: 9;
}
.containerLanguette .productPromo {
  position: relative;
  max-width: 40px;
  max-height: 170px;
  margin-bottom: 22px;
}
.containerLanguette .languette {
  max-height: 170px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.containerLanguette .languetteTitle {
  font-size: 1rem;
  color: white;
  position: absolute;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  writing-mode: vertical-lr;
}

#employeeList .borderBottomDashed {
  border-bottom: 1px dashed #fcd743 !important;
}
#employeeList .tableTitle {
  color: #f1f0f0;
  font-size: 1rem;
}
#employeeList .tableEmail, #employeeList .tablePhone {
  font-weight: 200;
}
#employeeList .attenteBg, #employeeList .inscritBg {
  color: white;
  width: 30px;
  height: 30px;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#employeeList .attenteBg {
  background-color: #fcd743;
}
#employeeList .attente {
  color: #fcd743;
}
#employeeList .inscritBg {
  background-color: #2cbfc6;
}
#employeeList .inscrit {
  color: #2cbfc6;
}

.text-wrapper {
  border-radius: 7px;
  border: 1px solid #8f5ecb;
  padding: 10px 30px;
  margin-bottom: 50px;
  padding-left: 80px;
  position: relative;
}
@media screen and (max-width: 992px) {
  .text-wrapper {
    padding-left: 50px;
  }
}
.text-wrapper h4 {
  color: #f1f0f0;
  font-size: 1rem;
  font-size: 2rem;
  font-weight: 500;
  margin-top: 10px;
  margin-bottom: 10px;
}

.mdpForgot {
  color: white;
  text-decoration: underline;
  text-transform: uppercase;
  font-size: 0.85rem;
}

.containerConsigne {
  position: relative;
}
.containerConsigne .consignePrice {
  position: absolute;
  background-color: #392E9C;
  border-radius: 50%;
  height: 150px;
  width: 150px;
  right: calc(30% - 150px);
  text-align: center;
  top: 20px;
  color: #ffad40;
  display: none !important;
}
@media screen and (max-width: 768px) {
  .containerConsigne .consignePrice {
    top: -200px;
    right: calc(50% - 75px);
  }
}
.containerConsigne span {
  font-size: 1.4rem;
  font-weight: 700;
}

.containerLanguette {
  top: -20px;
  text-transform: uppercase;
}
@media screen and (max-width: 992px) {
  .containerLanguette {
    margin-left: -47px;
  }
}
.containerLanguette.login {
  left: -15px;
}
@media screen and (max-width: 992px) {
  .containerLanguette.login {
    margin-left: 0px;
    left: 5px;
  }
}
.containerLanguette.login .languetteTitle {
  top: 5px;
}
.containerLanguette .productPromo {
  max-height: 230px;
  top: 14px;
}
.containerLanguette .languetteTitle {
  white-space: nowrap;
  top: 45px;
}

.suprFavorite {
  background-image: url(../medias_front/common/suprFavorite.png);
  background-repeat: no-repeat;
  background-position: 50%;
  width: 57px;
  height: 31px;
  position: relative;
  display: block;
  margin-left: calc(100% - 57px);
}

.containerMdpForgot {
  border: 1px solid #8f5ecb;
  border-radius: 7px;
  min-width: 300px;
  padding: 15px 70px !important;
}
.containerMdpForgot h4 {
  color: #8f5ecb;
  border-bottom: 2px dashed #8f5ecb;
}
.containerMdpForgot input {
  text-align: center;
}

.motdepasseOublier #titrePage {
  top: 270px !important;
}
.motdepasseOublier .blocmdpOublie {
  padding-bottom: 200px;
}

.last {
  background-image: url(../medias_front/common/fond-complet-nuages.jpg);
  background-repeat: no-repeat;
  background-position: top;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 200px;
}
@media (min-width: 2000px) {
  .last {
    padding-bottom: 250px;
  }
}
.last h4 {
  color: #392E9C;
  font-size: 3rem;
}
@media (max-width: 500px) {
  .last h4 {
    font-size: 2rem;
  }
}

/*# sourceMappingURL=customer_account.css.map */