@font-face {
  font-family: Raleway-Thin;
  src: url("../fonts/raleway-thin-webfont.eot");
  src: url("../fonts/raleway-thin-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway-thin-webfont.woff") format("woff"), url("../fonts/raleway-thin-webfont.ttf") format("truetype"), url("../fonts/raleway-thin-webfont.svg#font-family") format("svg");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: Raleway-ExtraLight;
  src: url("../fonts/raleway-extralight-webfont.eot");
  src: url("../fonts/raleway-extralight-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway-extralight-webfont.woff") format("woff"), url("../fonts/raleway-extralight-webfont.ttf") format("truetype"), url("../fonts/raleway-extralight-webfont.svg#font-family") format("svg");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: Raleway-Light;
  src: url("../fonts/raleway-light-webfont.eot");
  src: url("../fonts/raleway-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway-light-webfont.woff") format("woff"), url("../fonts/raleway-light-webfont.ttf") format("truetype"), url("../fonts/raleway-light-webfont.svg#font-family") format("svg");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: Raleway-Regular;
  src: url("../fonts/raleway-regular-webfont.eot");
  src: url("../fonts/raleway-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway-regular-webfont.woff") format("woff"), url("../fonts/raleway-regular-webfont.ttf") format("truetype"), url("../fonts/raleway-regular-webfont.svg#font-family") format("svg");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Raleway-Medium;
  src: url("../fonts/raleway-medium-webfont.eot");
  src: url("../fonts/raleway-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway-medium-webfont.woff") format("woff"), url("../fonts/raleway-medium-webfont.ttf") format("truetype"), url("../fonts/raleway-medium-webfont.svg#font-family") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: Raleway-SemiBold;
  src: url("../fonts/raleway-semibold-webfont.eot");
  src: url("../fonts/raleway-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway-semibold-webfont.woff") format("woff"), url("../fonts/raleway-semibold-webfont.ttf") format("truetype"), url("../fonts/raleway-semibold-webfont.svg#font-family") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: Raleway-Bold;
  src: url("../fonts/raleway-bold-webfont.eot");
  src: url("../fonts/raleway-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway-bold-webfont.woff") format("woff"), url("../fonts/raleway-bold-webfont.ttf") format("truetype"), url("../fonts/raleway-bold-webfont.svg#font-family") format("svg");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: Raleway-ExtraBold;
  src: url("../fonts/raleway-extrabold-webfont.eot");
  src: url("../fonts/raleway-extrabold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway-extrabold-webfont.woff") format("woff"), url("../fonts/raleway-extrabold-webfont.ttf") format("truetype"), url("../fonts/raleway-extrabold-webfont.svg#font-family") format("svg");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: Raleway-Heavy;
  src: url("../fonts/raleway-heavy-webfont.eot");
  src: url("../fonts/raleway-heavy-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway-heavy-webfont.woff") format("woff"), url("../fonts/raleway-heavy-webfont.ttf") format("truetype"), url("../fonts/raleway-heavy-webfont.svg#font-family") format("svg");
  font-weight: 900;
  font-style: normal;
}

@font-face {
	font-family: 'PlusJakarta';
	src: url('../fonts/PlusJakartaSans-Regular.ttf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Phudu';
	src: url('../fonts/Phudu-Black.ttf');
	font-weight: normal;
	font-style: normal;
}

.ff-1{
  font-family: 'Phudu', sans-serif;
}

.ff-2{
  font-family: 'PlusJakarta', sans-serif;
}

.fond_vert .fancybox-skin{
  background-color: #93F17B;
}

/*.clearfix:after {
  content: "";
  display: block;
  clear: both;
  line-height: 0;
  height: 0;
}

.clearfix {
  display: inline-block;
}

* html .clearfix {
  height: 1%;
}*/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}

* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

/* ============================================================================= */

/* Loading
/* ============================================================================= */
.loading {
  background-color: #ffffff;
  opacity: 1 !important;
}

.spinner {
  min-height: 45px;
  background-image: url('../img/ajax-loader.gif');
  background-position: center center;
  background-repeat: no-repeat;
  clear: both;
}

.conteneur {
  margin: 0 auto;
  display: block;
  width: 1280px;
}

* {
  padding: 0;
  margin: 0;
  border: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
}

html, body {
  width: 100%;
  height: 100%;
}

body {
  font-family: Raleway-SemiBold, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  color: #404040;
  min-width: 1280px;
}

a {
  text-decoration: underline;
}

a.savoir-plus {
  display: inline-block;
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 12px;
  line-height: 14px;
  color: #48c2d2;
}

a.savoir-plus:before {
  content: '';
  margin-right: 5px;
  background-image: url("../img/fleche-footer.png");
  background-position: 0 0;
  display: inline-block;
  width: 6px;
  height: 10px;
  vertical-align: -1px;
}

img {
  display: inline-block;
  vertical-align: middle;
}

hr {
  height: 1px;
  background-color: #f0f0f1;
  background-color: rgba(181, 181, 184, 0.2);
  border: none;
}

ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.col-main {
  width: 893px;
  display: inline-block;
  vertical-align: top;
  margin-right: 20px;
}

.col-main.fullwidth {
  width: 100%;
}

.col-main + aside {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 917px);
}

.col-main.simulateur {
  width: 931px;
  margin-right: 10px;
}

.col-main.simulateur + aside {
  width: calc(100% - 945px);
}

.color-blue {
  color: #21bfd1;
}

.color-green {
  color: #2ecc71;
}

.color-orange {
  color: #ff6b50;
}

.tooltip {
  display: none;
  color: #FFFFFF;
  background: rgba(0, 0, 0, .8);
  position: absolute;
  left: 30px;
  padding: 10px;
  border-radius: 0 6px 6px 6px;
  transition: all .2s;
  z-index: 10;
}

.tooltip .text {
  color: #FFFFFF;
  font-size: 12px;
  width: 110px;
  display: block;
  text-align: left;
  position: relative;
  padding-left: 30px;
}

.tooltip .text:before {
  content: "";
  background: url(../img/info-icon-white-circle.png) no-repeat;
  height: 20px;
  width: 20px;
  font-family: Raleway-Bold;
  position: absolute;
  top: 0;
  left: 0;
}

.btn-tooltip {
  position: relative;
}

.btn-tooltip:hover {
  cursor: pointer
}

.btn-tooltip:hover .tooltip {
  display: block;
  transition: all .2s;
}

.add-parcels {
  border-radius: 10px;
  background: #fff0ed;
  border: solid 1px #ecbdb7;
  padding: 6px 34px;
}

.add-parcels .inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.add-parcels .text {
  position: relative;
  padding-left: 65px;
}

.add-parcels .text:before {
  content: "";
  background: url("../img/parcel-big-orange.png") no-repeat;
  height: 45px;
  width: 53px;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.add-parcels .text .h3 {
  font-family: Raleway-Extrabold;
  font-size: 18px;
  color: #ff6b50;
  text-transform: uppercase;
}

.add-parcels .text .h4 {
  font-family: Raleway-Bold;
  font-size: 16px;
}

.add-parcels .button {
  padding: 4px 14px;
  font-size: 10px;
}

.add-parcels .image-parcel-list {
  flex: 0 0 482px;
}

.add-parcels .image-parcel-list .item {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 7px;
}

.add-parcels .image-parcel-list .item .link {
  display: block;
  position: relative;
  border: solid 2px #e8e8e9;
}

/*.add-parcels .image-parcel-list .item .link img{
  filter: blur(2px);
  filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='2');
  transition: all .2s;
}
.add-parcels .image-parcel-list.is-vip .item .link:hover img{
  filter: blur(0px);
  filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='2');
  transition: all .2s;
}*/
.add-parcels .image-parcel-list .item .link:hover:before {
  content: "";
  background: url("../img/more-icon-circle-white.png") no-repeat;
  height: 30px;
  width: 30px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: 2;
}

.add-parcels .image-parcel-list .item .link:hover:after {
  content: "";
  background: rgba(0, 0, 0, .3);
  height: 70px;
  width: 70px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.add-parcels .tooltip {
  width: 150px;
}

.add-parcels .tooltip .list {
  line-height: 1.3;
}

.add-parcels .tooltip .list .parcel-number {
  font-family: Raleway-Bold;
  font-size: 10px;
  color: rgba(255, 255, 255, .5);
  text-transform: uppercase;
}

.add-parcels .tooltip .list .parcel-name {
  font-family: Raleway-Bold;
  font-size: 12px;
  color: #ffffff;
}

.add-parcels .tooltip .list .parcel-provider {
  font-family: Raleway-Medium;
  font-size: 10px;
  color: #FFFFFF;
}

.message {
  padding: 15px;
  margin: 15px 0;
}

.message .text {
  position: relative;
  padding-left: 30px;
  font-family: Raleway-Bold;
  font-size: 14px;
}

.message .text:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  background-image: url('../img/warning-icons.png');
  background-repeat: no-repeat;
  display: block;
  height: 20px;
  width: 20px;
}

.message.info {
  background: #b8e3e7;
  border: solid 1px #00c1d2;
}

.message.info .text {
  color: #00c1d2
}

.message.info .text:before {
  background-position: 0 0;
}

.message.success {
  background: #aeefca;
  border: solid 1px #2ecc71;
}

.message.success .text {
  color: #2ecc71
}

.message.success .text:before {
  background-position: -20px 0;
}

.message.danger {
  background: #fff0ed;
  border: solid 1px #ecbdb7;
}

.message.danger .text {
  color: #ff6b50
}

.message.danger .text:before {
  background-position: -40px 0;
}

.secure-payment {
  font-family: Raleway-Bold;
  font-size: 12px;
  position: relative;
  padding-left: 19px;
}

.secure-payment:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: url('../img/lock-icon-black.png');
  height: 16px;
  width: 12px
}

.subscribe-vip-card-bloc .inner {
  display: flex;
  position: relative;
}

.subscribe-vip-card-bloc .inner:before {
  content: "";
  background: url(../img/stars-colors-before.png);
  position: absolute;
  display: block;
  width: 85px;
  height: 38px;
  background-size: cover;
  top: -42px;
  left: 60px;
}

.subscribe-vip-card-bloc.to-fix {
  position: fixed;
  bottom: 30px;
  left: calc(50% - 620px);
}

.subscribe-vip-card-bloc.to-fix-stop {
  position: absolute;
}

.subscribe-vip-card-bloc .img-wrapper img {
  margin-right: 20px;
}

.subscribe-vip-card-bloc .text {
  text-align: left;
}

.subscribe-vip-card-bloc .text p {
  font-family: Raleway-Light;
  font-size: 16px;
  margin-bottom: 10px;
}

.subscribe-vip-card-bloc .text p span {
  font-family: Raleway-ExtraBold;
}

.subscribe-vip-card-bloc .text a {
  font-family: Raleway-ExtraBold;
  font-size: 12px;
}

.parrainage-vip {
  border-top: 1px solid rgb(243, 243, 244);
  border-bottom: 1px solid rgb(243, 243, 244);
  background-color: #f9fdfe;
  padding: 21px 27px;
}

.parrainage-vip .h4 {
  font-family: Raleway-Bold;
  font-size: 20px;
  padding-bottom: 8px;
}

.parrainage-vip p {
  color: #00c1d2;
  font-family: Raleway-Bold;
  font-size: 16px;
  padding-bottom: 1px;
}

.parrainage-vip .code {
  font-family: Raleway-ExtraLight;
  font-size: 39px;
  padding-bottom: 14px;
}

.parrainage-vip .share .title {
  font-family: Raleway-ExtraBold;
  font-size: 14px;
  text-transform: uppercase;
  padding-bottom: 9px;
}

.default-modal {
  padding: 20px;
  background: #FFFFFF;
}

.default-modal .h2 {
  font-family: Raleway-Light;
  color: #404040;
  margin: 30px 0;
}

.default-modal .h2 span {
  font-family: Raleway-Bold;
}

.default-modal .fermeture-modale {
  color: #9f9f9f;
}

.default-modal .button {
  width: 90%;
  margin-bottom: 20px;
}

.default-modal .fermeture-modale:after {
  background-image: url('../img/fermeture-modale-grise.png');
}

#modalePhotoNotVIP, #modalePhotoVIP {
  width: 900px;
  height: 100%;
  max-height: 900px;
}

#modalePhotoNotVIP .content {
  border: solid 1px #e8e8e9;
  border-radius: 10px;
  display: flex;
  align-items: center;
  padding: 30px;
  margin-bottom: 25px;
  text-align: left;
}

#modalePhotoNotVIP .content .image {
  margin-right: 20px;
}

#modalePhotoNotVIP .content .price {
  font-size: 38px;
  font-family: Raleway-Bold;
  margin-bottom: 12px;
}

#modalePhotoNotVIP .content .price span {
  font-family: Raleway-ExtraLight;
  font-size: 20px;
  color: #404040;
  display: inline-block;
  vertical-align: top;
  padding-top: 5px;
  padding-left: 5px;
}

#modalePhotoNotVIP .content .link {
  color: #404040;
  text-decoration: none;
  font-family: Raleway-ExtraBold;
  font-size: 12px;
  border: solid 1px #e8e8e9;
  padding: 12px 30px;
  display: block;
}

#modalePhotoVIP .h2 {
  font-family: Raleway-ExtraBold;
  font-size: 18px;
  text-transform: uppercase;
}

#modalePhotoVIP .carousel-photos-colis .owl-nav {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  pointer-events: none;
}

#modalePhotoVIP .carousel-photos-colis .owl-dots {
  margin-top: -20px;
  margin-bottom: 25px;
}

#modalePhotoVIP .carousel-photos-colis .owl-nav .owl-prev, #modalePhotoVIP .carousel-photos-colis .owl-nav .owl-next {
  width: 30px;
  height: 36px;
  text-indent: -9999px;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  pointer-events: auto;
  top: calc(50% - 40px);
}

#modalePhotoVIP .carousel-photos-colis .owl-nav .owl-prev {
  background-image: url(../img/partenaire_prev.png);
  left: 30px;
}

#modalePhotoVIP .carousel-photos-colis .owl-nav .owl-next {
  background-image: url(../img/partenaire_next.png);
  right: 30px;
}

#modalePhotoVIP .carousel-photos-colis .owl-nav .owl-prev:hover, #modalePhotoVIP .carousel-photos-colis .owl-nav .owl-next:hover {
  cursor: pointer;
}

#modalePhotoVIP img, #modalePhotoVIP .link {
  display: block;
}

#modalePhotoVIP .owl-controls {
  margin-top: 35px;
}

#modalePhotoVIP .owl-item {
  height: calc(100vh - 236px);
  max-height: 700px;
}

#modalePhotoVIP img {
  margin: 0 auto 34px;
  border-radius: 10px;
  border: solid 2px #e8e8e9;
  height: 100%;
  max-height: 800px;
}

#modalePhotoVIP .link {
  text-transform: uppercase;
  font-family: Raleway-Bold;
  font-size: 12px;
  text-decoration: none;
  margin-bottom: 20px;
}

#modalePhotoVIP .link:before {
  content: "";
  background: url('../img/infobulle-bleue.png') no-repeat;
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

.modal-advantages-card > .h2 {
  font-size: 32px;
  position: relative;
  padding-top: 120px;
  margin-bottom: 20px;
}

.modal-advantages-card .h3 {
  font-family: Raleway-ExtraBold;
  font-size: 20px;
  letter-spacing: 1px;
  text-align: center;
  padding: 10px 0;
  position: relative;
}

.modal-advantages-card .h3:after, .modal-advantages-card .h3:before {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 143px;
  height: 63px;
}

.modal-advantages-card .h3:after {
  background: url(../img/stars-colors-after.png);
  margin-top: -26px;
  margin-left: -13px;
}

.modal-advantages-card .h3:before {
  background: url(../img/stars-colors-before.png);
  margin-top: -27px;
  margin-right: -30px;
}

.modal-advantages-card p {
  font-size: 18px;
}

.modal-advantages-card > .h2:before {
  content: "";
  background: url(../img/vip-card-cut.png) no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  width: 243px;
  height: 93px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.modal-advantages-card .advantages {
  margin: 27px 0 44px;
}

.modal-advantages-card .advantages .item {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  margin: 0 20px;
}

.modal-advantages-card .advantages .item .inner .icon {
  padding-bottom: 10px;
}

.modal-advantages-card .advantages .item .text {
  font-family: Raleway-Bold;
  font-size: 14px;
  max-width: 160px;
  line-height: 1.5;
}

.modal-advantages-card .subscription .h2 {
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 24px;
  line-height: 20px;
  text-align: center;
  margin-bottom: 20px;
}

.modal-advantages-card .subscription .h2 p {
  font-size: 23px;
  padding: 20px 0 37px;
}

.modal-advantages-card .subscription .link {
  max-width: 400px;
  margin: 28px auto 10px;
}

.modal-manage-address address {
  padding: 10px 0;
  font-family: Raleway-Light;
  font-style: normal;
}

.modal-manage-address .btn-bloc {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 20px 40px 0;
}

.modal-manage-address .btn-bloc .button:first-of-type {
  flex: 0 0 100%;
  margin-bottom: 20px;
}

.modal-manage-address .btn-bloc .button:nth-of-type(2), .modal-manage-address .btn-bloc .button:last-of-type {
  flex: 0 0 48%;
}

.button {
  display: inline-block;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-decoration: none;
  text-transform: uppercase;
  color: #ffffff;
  cursor: pointer;
}

.button.big {
  padding: 5px 34px;
  font-family: Raleway-Heavy, Arial, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 18px;
  line-height: 46px;
  color: #ffffff;
}

.button.big.shadow {
  -webkit-box-shadow: 7px 7px 0 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 7px 7px 0 0 rgba(0, 0, 0, 0.15);
  box-shadow: 7px 7px 0 0 rgba(0, 0, 0, 0.15);
}

.button.big.arrow:after {
  margin-left: 19px;
  vertical-align: -2px;
}

.button.medium {
  padding: 12px 14px;
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  color: #ffffff;
}

.button.medium.arrow:after {
  margin-left: 10px;
  vertical-align: -3px;
}

.button.small {
  padding: 8px 10px;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 12px;
  line-height: 20px;
  color: #ffffff;
}

.button.grey {
  color: #ffffff;
  background-color: rgba(64, 64, 64, .5);
}

.button.disabled {
  background-color: #9f9f9f;
  color: rgba(255, 255, 255, .5);
}

.button.disabled:hover {
  cursor: not-allowed;
}

.button.black {
  background-color: #404040;
}

.button.red {
  background-color: #f36950;
}

.button.blue {
  background-color: #48c2d2;
}

.button.facebook {
  background-color: #4073ae;
}

.button.arrow:after {
  content: '';
  margin-left: 19px;
  background-image: url("../img/fleche-droite.png");
  display: inline-block;
  width: 10px;
  height: 16px;
}

.thin {
  font-family: Raleway-Light;
}

.picto-etape {
  display: inline-block;
  position: relative;
}

.picto-etape.p-blocnotes {
  width: 71px;
  height: 82px;
  background: url('../img/picto-blocnotes.png') no-repeat 0 0;
}

.picto-etape.p-camion {
  width: 107px;
  height: 77px;
  background: url('../img/picto-camion.png') no-repeat 0 0;
}

.picto-etape.p-colis {
  width: 88px;
  height: 76px;
  background: url('../img/picto-colis.png') no-repeat 0 0;
}

.picto-etape.p-commandes {
  width: 142px;
  height: 81px;
  background: url('../img/picto-commandes.png') no-repeat 0 0;
}

.picto-etape.p-facebook {
  width: 89px;
  height: 72px;
  background: url('../img/picto-facebook.png') no-repeat 0 0;
}

.picto-etape.p-ordinateur {
  width: 102px;
  height: 83px;
  background: url('../img/picto-ordinateur.png') no-repeat 0 0;
}

.picto-etape .pastille-numero {
  margin-left: -23px;
  width: 46px;
  height: 50px;
  background: url('../img/pastille-numero.png') no-repeat 0 0;
  position: absolute;
  left: 50%;
  bottom: -15px;
}

.picto-etape .pastille-numero.numero-un {
  background-position: 0 -50px;
}

.picto-etape .pastille-numero.numero-deux {
  background-position: -46px -50px;
}

.picto-etape .pastille-numero.numero-trois {
  background-position: -92px -50px;
}

.picto-etape .pastille-numero.numero-quatre {
  background-position: -138px -50px;
}

.non-valide .picto-etape .pastille-numero.numero-un {
  background-position: 0 0;
}

.non-valide .picto-etape .pastille-numero.numero-deux {
  background-position: -46px 0;
}

.non-valide .picto-etape .pastille-numero.numero-trois {
  background-position: -92px 0;
}

.non-valide .picto-etape .pastille-numero.numero-quatre {
  background-position: -138px 0;
}

.non-valide .picto-etape.p-blocnotes {
  background: url('../img/picto-blocnotes-grise.png') no-repeat 0 0;
}

.non-valide .picto-etape.p-camion {
  background: url('../img/picto-camion-grise.png') no-repeat 0 0;
}

.non-valide .picto-etape.p-colis {
  background: url('../img/picto-colis-grise.png') no-repeat 0 0;
}

.non-valide .picto-etape.p-commandes {
  background: url('../img/picto-commandes-grise.png') no-repeat 0 0;
}

.non-valide .picto-etape.p-facebook {
  background: url('../img/picto-facebook-grise.png') no-repeat 0 0;
}

.non-valide .picto-etape.p-ordinateur {
  background: url('../img/picto-ordinateur-grise.png') no-repeat 0 0;
}

input {
  padding: 9px 16px;
  background-color: #ffffff;
  border: 2px solid #e1e3e6;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-family: Raleway-SemiBold, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  line-height: 22px;
  text-align: left;
}

input.valide {
  border-color: #2ecc71;
  background: url('../img/validation.png') no-repeat 96.5% 12px;
}

.checkbox img {
  cursor: pointer;
}

.checkbox input[type="checkbox"] {

  /*display: none;*/
  position: absolute;
  left: -99999px;
}

.checkbox input[type="checkbox"] + label {
  padding: 8px 0 8px 46px;
  background: url('../img/checkbox-unchecked.png') no-repeat left center;
  display: inline-block;
  max-width: 90%;
  vertical-align: middle;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  line-height: 21px;
  color: #404040;
  cursor: pointer;
}

.checkbox input[type="checkbox"]:checked + label {
  background: url('../img/checkbox-checked.png') no-repeat left center;
}

.checkbox input[type="checkbox"] + label a {
  text-decoration: none;
  color: #21bfd1;
}

/*.checkbox input[type="checkbox"]:checked + label {
color: #404040;
}*/
.avertissement {
  display: inline-block;  /*margin-bottom: 20px;*/
  margin-bottom: 5px;
  padding: 11px 12px;
  width: 100%;
  background-color: #ffe3df;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-family: Raledisplay:block;
  way-SemiBold, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  line-height: 22px;
}

.avertissement:before {
  content: '';
  margin-right: 10px;
  display: inline-block;
  vertical-align: -3px;
  background-image: url('../img/avertissement.png');
  width: 16px;
  height: 16px;
}

textarea {
  padding: 9px 14px;
  width: 100%;
  min-height: 184px;
  background-color: #ffffff;
  border: 2px solid #e1e3e6;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-family: Raleway-SemiBold, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  line-height: 22px;
  resize: none;
}

.custom-select li {
  position: relative;
  list-style: none;
  z-index: 1 !important;
}

.custom-select li.open span {
  -webkit-border-bottom-left-radius: 0;
  -moz-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}

.custom-select li span {
  display: block;
  width: 100%;
  padding: 9px 16px;
  background: url("../img/icone-dropdown-select.png") no-repeat right center #ffffff;
  border: 2px solid #e1e3e6;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-family: Raleway-SemiBold, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  line-height: 22px;
  text-align: left;
  cursor: pointer;
}

.custom-select li ul {
  width: 100%;
  max-height: 202px;
  border: 2px solid #e1e3e6;
  border-top: none;
  position: absolute;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  overflow: hidden;
}

.custom-select li ul span {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: #ffffff;
  border: none;
}

.custom-select li ul span:hover {
  background: #e1e3e6 !important;
}

.custom-select li ul .selected span {
  background: #e1e3e6 !important;
}

.custom-select .group > span {
  padding-left: 18px !important;
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
}

.custom-select .group span {
  padding-left: 36px;
  background: #f9f7fa;
}

.custom-select .group ul {
  max-height: 100%;
  position: relative;
  border: none;
  border-top: 2px solid #e1e3e6;
  border-bottom: 2px solid #e1e3e6;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.custom-select .group ul li span {
  background: #ffffff;
}

.select-naissance {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.select-naissance .custom-select {
  -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;         /* OLD - Firefox 19- */
  width: 20%;               /* For old syntax, otherwise collapses. */
  -webkit-flex: 1;          /* Chrome */
  -ms-flex: 1;              /* IE 10 */
  flex: 1;
  margin-right: 5px;
}

.select-naissance .custom-select:last-of-type {
  margin-right: 0;
}

.select-reexpedition li span {
  background: url("../img/icone-dropdown-select.png") no-repeat right center #ffffff;
  padding-left: 52px;
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 18px;
  line-height: 22px;
  position: relative;
}

.select-reexpedition li span:before {
  content: '';
  background: url("../img/icone-select-reexpedition.png") no-repeat 0 0 #ffffff;
  width: 33px;
  height: 20px;
  position: absolute;
  top: 10px;
  right: auto;
  bottom: auto;
  left: 10px;
}

.select-reexpedition li ul span {
  padding: 9px 16px;
}

.select-reexpedition li ul span:before {
  display: none;
}

input[type="file"] {
  cursor: pointer;
}

.custom-file {
  padding: 8px 11px;
  display: inline-block;
  background-color: #2ecc71;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.15);
  box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.15);
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  color: #ffffff;
}

.custom-file .inputPath {
  display: none;
}

.shadow {
  -webkit-box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.15);
  box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.15);
}

.pastille {
  background-color: #48c2d2;
  border: 3px solid #48c2d2;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: inset 0 0 0 2px #ffffff;
  -moz-box-shadow: inset 0 0 0 2px #ffffff;
  box-shadow: inset 0 0 0 2px #ffffff;
  color: #ffffff;
}

.pastille-notification {
  content: '';
  display: inline-block;
  background-color: #e63557;
  width: 10px;
  height: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.fl-left {
  float: left;
}

.fl-right {
  float: right;
}

.infobulle {
  position: relative;
  cursor: pointer;
  text-transform: initial;
}

.infobulle .infobulle-contenu {
  padding: 21px 12px;
  min-width: 449px;
  position: absolute;
  top: 24px;
  left: 22px;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 0 10px 10px 10px;
  -moz-border-radius: 0 10px 10px 10px;
  border-radius: 0 10px 10px 10px;
  z-index: 1;
  display: none;
}

.infobulle:hover .infobulle-contenu {
  display: inline-block;
}

.infobulle .infobulle-contenu .infobulle-titre {
  margin-bottom: 13px;
  display: inline-block;
  font-family: Raleway-Medium, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
}

.infobulle .infobulle-contenu .infobulle-description {
  margin-bottom: 8px;
  display: block;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
}

.infobulle .infobulle-contenu .exemple-champs {
  margin: 0 40px 0 40px;
  border-spacing: 0 8px;
  font-size: 12px;
  line-height: 16px;
  font-style: normal;
}

.infobulle .infobulle-contenu .exemple-champs tr {
  background: none !important;
  border: none !important;
}

.infobulle .infobulle-contenu .exemple-champs td {
  padding: 0 !important;
}

.infobulle .infobulle-contenu .exemple-champs .exemple-label {
  padding: 0 10px 0 0 !important;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  text-align: right;
}

.infobulle .infobulle-contenu .exemple-champs .exemple-input {
  padding: 2px 3px 3px 3px !important;
  width: 229px;
  border: 1px solid rgb(153, 153, 153);
  border: 1px solid rgba(255, 255, 255, 0.5);
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  color: #ffffff;
}

.accroche .conteneur, .header, .header .conteneur, .f-contact, .f-social, .f-liens {
  *zoom: 1;
}

.accroche .conteneur:before, .header:before, .header .conteneur:before, .f-contact:before, .f-social:before, .f-liens:before, .accroche .conteneur:after, .header:after, .header .conteneur:after, .f-contact:after, .f-social:after, .f-liens:after {
  content: "";
  display: table;
}

.accroche .conteneur:after, .header:after, .header .conteneur:after, .f-contact:after, .f-social:after, .f-liens:after {
  clear: both;
}

header {
  position: fixed;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  width: 100%;
  z-index: 10;
}

.accroche {
  padding: 7px 0 10px;
  background-color: #f6f7fa;
  border-bottom: 1px solid #ffffff;
  width: 100%;
  height: 32px;
  font-size: 12px;
  position: relative;
  z-index: 3;
}

.accroche .conteneur {
  padding: 0 20px;
}

.accroche span {
  margin-top: -1px;
  display: inline-block;
  vertical-align: middle;
  font-size: 11px;
  line-height: 11px;
  color: #67676f;
}

.accroche a {
  color: #f36950;
}

.accroche .liste-icone-sociales span {
  margin-top: -5px;
  display: inline-block;
  vertical-align: middle;
  color: #b3b3b7;
}

.accroche .liste-icone-sociales ul {
  margin-top: 1px;
  display: inline-block;
}

.accroche .liste-icone-sociales ul .i-social {
  margin-left: 8px;
  display: inline-block;
  vertical-align: text-bottom;
  background-image: url("../img/sprites-sociaux-gris.png");
}

.accroche .liste-icone-sociales ul .i-social.instagram {
  background-position: 0 0;
  width: 16px;
  height: 16px;
}

.accroche .liste-icone-sociales ul .i-social.instagram a {
  display: inline-block;
  width: 16px;
  height: 16px;
}

.accroche .liste-icone-sociales ul .i-social.facebook {
  background-position: -16px 0;
  width: 7px;
  height: 16px;
}

.accroche .liste-icone-sociales ul .i-social.facebook a {
  display: inline-block;
  width: 7px;
  height: 16px;
}

.accroche .liste-icone-sociales ul .i-social.twitter {
  background-position: -23px 0;
  width: 20px;
  height: 16px;
}

.accroche .liste-icone-sociales ul .i-social.twitter a {
  display: inline-block;
  width: 20px;
  height: 16px;
}

.accroche .liste-icone-sociales ul .i-social.youtube {
  background-position: -43px 0;
  width: 13px;
  height: 16px;
}

.accroche .liste-icone-sociales ul .i-social.youtube a {
  display: inline-block;
  width: 13px;
  height: 16px;
}

.header {
  display: block;
  width: 100%;
  height: 100px;
  background-color: #ffffff;
  border-top: 1px solid rgba(64, 64, 64, 0.1);
  border-bottom: 3px solid #f36950;
  box-shadow: 0 -1px 0 0 #e7e7e7 inset, 0 5px 20px 0 rgba(0, 1, 1, 0.35);
  font-size: 14px;
  position: relative;
  z-index: 2;
}

.header .conteneur {
  padding: 0 20px;
}

.header .logo {
  margin: 25px 20px 25px 0;
  display: inline-block;
  float: left;
  width: 189px;
  height: 45px;
  background-image: url("../img/logo.png?v=1");
  background-position: 0 0;
}

.header .header_nav ul li a {
  padding: 0 15px;
  display: inline-block;
  float: left;
  width: auto;
  height: 96px;
  line-height: 94px;
}

.header .header_nav ul li a.active, .header .header_nav ul li a:hov {
  background-color: #f36950;
  color: #ffffff;
}

.header .header_nav ul li a.active, .header .header_nav ul li a.active {
  background-color: #f36950;
  color: #ffffff;
}

.header .header_nav ul li a.active, .header .header_nav ul li a:hover {
  background-color: #f36950;
  color: #ffffff;
}

.header .header_nav ul li a.carte_vip {
  color: #f36950;
}

.header .header_nav ul li a.carte_vip:hover, .header .header_nav ul li a.active.carte_vip {
  color: #ffffff;
}

.header a {
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 12px;
  color: #404040;
}

.header a.menu-panier {
  padding: 5px 12px 6px;
}

.header .h-boutons-deconnecte {
  padding: 30px 0;
  height: 96px;
}

.header .h-boutons-deconnecte .button {
  margin-left: 17px;
  padding: 8px 23px;
}

.header .h-boutons-connecte {
  padding: 29px 0;
  height: 96px;
}

.header .menu-panier {
  position: relative;
}

.header .menu-panier .i-panier:after {
  content: '';
  margin-left: 7px;
  background-image: url("../img/icone-menu-panier.png");
  display: inline-block;
  width: 27px;
  height: 25px;
  vertical-align: -8px;
}

.header .menu-panier .pastille {
  width: 28px;
  height: 28px;
  background-color: #48c2d2;
  border: 2px solid #48c2d2;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
  -moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
  color: #ffffff;
  position: absolute;
  top: -14px;
  right: -14px;
  bottom: auto;
  left: auto;
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 14px;
  text-align: center;
}

.header .menu-compte {
  margin-left: 24px;
  display: inline-block;
  position: relative;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 12px;
  text-decoration: none;
  text-transform: uppercase;
  color: #404040;
  cursor: pointer;
}

.header .menu-compte .i-dropdown:after {
  content: '';
  margin-left: 10px;
  background-image: url("../img/icone-dropdown.png");
  display: inline-block;
  width: 10px;
  height: 6px;
  vertical-align: 1px;
}

.header .menu-compte .photo-profil {
  margin: -4px 4px 0 0;
  width: 44px;
  height: 44px;
  border: 2px solid #ececec;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.header .menu-compte .pastille-notification {
  position: absolute;
  top: -2px;
  right: auto;
  bottom: auto;
  left: 30px;
}

.header .menu-compte .sous-menu-compte {
  background-color: #ffffff;
  position: absolute;
  top: 46px;
  right: auto;
  bottom: auto;
  left: 0;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3);
  border-radius: 0 0 5px 5px;
  max-height: 0;
  overflow: hidden;
  transition: all 0.4s;
}

.header .menu-compte .sous-menu-compte li {
  border-top: 1px solid #e5e5e5;
  position: relative;
}

.header .menu-compte .sous-menu-compte li a {
  display: block;
  width: 100%;
  padding: 8px 18px;
}

.header .menu-compte .sous-menu-compte li.neadly:after {
  content: '';
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  right: 0;
  background: url('/img/beta.png') no-repeat top right;
  background-size: cover;
}

.header .menu-compte .sous-menu-compte li a:hover {
  background-color: #f36950;
  color: #ffffff;
}

.header .menu-compte:hover .sous-menu-compte {
  max-height: 220px;
}

.banderole {
  position: relative;
  width: 1000%;
  background-color: #FF6B50;
  height: 30px;
  border-top: 1px solid rgba(64, 64, 64, 0.1);
  border-bottom: 3px solid #f36950;
  box-shadow: 0 0px 0 0 #e7e7e7 inset, 0 5px 20px 0 rgba(0, 1, 1, 0.35);
  color: #FFF;
  line-height: 30px;
}

.banderole span {
  color: #FFF;
  line-height: 30px;
  display: block;
  height: 30px;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.overlay-slide {
  padding-top: 132px;
}

.banderole_on .overlay-slide {
  padding-top: 162px;
}

.overlay-slide .slide-home {
  width: 100%;
  min-height: 630px;
  background-color: #ff6b50;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  float: left;
}

.overlay-slide .slide-home.has-background:after {
  content: '';
  background-color: rgba(0, 0, 0, .2);
  z-index: 1;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
}

.overlay-slide .slide-home .conteneur {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
}

.overlay-slide .carrousel-home {
  max-height: 630px;
}

.overlay-slide .carrousel-home:after {
  content: '';
  width: 100%;
  height: 0;
  clear: both;
  display: block;
}

.overlay-slide .carrousel-home .owl-controls {
  position: absolute;
  right: 0;
  left: 0;
}

.overlay-slide .carrousel-home .owl-dots {
  text-align: center;
  position: absolute;
  bottom: 40px;
  right: 0;
  left: 0;
}

.overlay-slide .carrousel-home .owl-dot {
  width: 12px !important;
  height: 12px !important;
  background-color: transparent !important;
  box-shadow: inset 0 0 0px 2px white;
}

.overlay-slide .carrousel-home .owl-dot.active {
  background-color: transparent !important;
  box-shadow: inset 0 0 0px 12px white;
}

.overlay-slide .carrousel-home .owl-nav {
  position: absolute;
  top: -320px;
  right: 0;
  left: 0;
}

.overlay-slide .carrousel-home .owl-nav .owl-prev, .overlay-slide .carrousel-home .owl-nav .owl-prev:hover {
  width: 17px;
  height: 32px;
  text-indent: -9999px;
  background-image: url('../img/carrousel-left-arrow.png');
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  left: 20px;
}

.overlay-slide .carrousel-home .owl-nav .owl-next, .overlay-slide .carrousel-home .owl-nav .owl-next:hover {
  width: 17px;
  height: 32px;
  text-indent: -9999px;
  background-image: url('../img/carrousel-right-arrow.png');
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  right: 20px;
}

.overlay-slide .carrousel-home .owl-nav .owl-prev, .overlay-slide .carrousel-home .owl-nav .owl-next, .overlay-slide .carrousel-home .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.overlay-slide .carrousel-home .owl-nav .owl-prev.disabled, .overlay-slide .carrousel-home .owl-nav .owl-next.disabled {
  display: none !important;
}

.overlay-slide .slide-home .vjs-control-bar {
  display: none;
}

.overlay-slide .slide-home video {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
}

.overlay-slide .slide-home .texte-slide-home {
  z-index: 2;
  position: absolute;
  bottom: 80px;
  right: 100px;
  left: 100px;
  top: 70px;
  color: #ffffff;
  display: block;
  padding: 0 140px;
}

.overlay-slide .slide-home .texte-slide-home .table {
  width: 100%;
  height: 100%;
  display: table;
}

.overlay-slide .slide-home .texte-slide-home .table .table-cell {
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-size: 38px;
  font-style: normal;
  line-height: 54px;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
}

.overlay-slide .slide-home .texte-slide-home .bouton {
  text-align: center;
  display: block;
  margin-top: 40px;
}

.overlay-slide .slide-home .texte-slide-home span {
  font-size: 16px;
}

.overlay-slide .slide-home .texte-slide-home span strong {
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
}

.overlay-slide .slide-home .texte-slide-home h1 {
  margin-bottom: 32px;
  font-family: Raleway-Heavy, Arial, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 45px;
  line-height: 58px;
}

.overlay-slide .video-youtube {
  width: 100%;
  height: 630px;
  background-image: url("../img/video-background.png");
  background-position: right top;
  background-repeat: no-repeat;
  position: relative;
  text-align: center;
}

.overlay-slide .video-youtube .background-video {
  margin-top: 83px;
}

.overlay-slide .video-youtube .bouton-video {
  margin-left: -53px;
  position: absolute;
  top: 225px;
  right: auto;
  bottom: auto;
  left: 50%;
  text-decoration: none;
}

.overlay-slide .video-youtube .bouton-video img {
  margin-bottom: 15px;
}

.overlay-slide .video-youtube .bouton-video span {
  display: block;
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 18px;
  line-height: 18px;
  color: #f36950;
}

.overlay-slide .video-youtube .appel-video {
  background-color: #9f5548;
  background-color: rgba(64, 64, 64, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: none;
}

.overlay-slide .video-youtube .appel-video .emplacement-video {
  display: block;
  width: 1011px;
  height: 593px;
  position: relative;
  margin: 0 auto;
}

.overlay-slide .video-youtube .appel-video .emplacement-video video {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.overlay-slide .titre-page {
  padding-top: 44px;
  width: 100%;
  height: 170px;
  text-align: center;
}

.overlay-slide .titre-page h1, .overlay-slide .titre-page h2 {
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 44px;
  line-height: 58px;
  letter-spacing: 0.5px;
  color: #ffffff;
  text-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1);
}

.overlay-slide .titre-page h1 .thin {
  font-family: Raleway-ExtraLight;
  font-weight: 600;
}

.overlay-slide .titre-page.blue.motif-boite {
  background-image: url("../img/motif-boites-bleu.png");
  background-position: center center;
}

.overlay-slide .titre-page.red.motif-boite {
  background-image: url("../img/motif-boites-rouge.png");
  background-position: center center;
}

.overlay-slide .titre-page.motif-avion {
  background-image: url("../img/motif-avions-bleu.png");
  background-position: center center;
}

.overlay-slide .titre-page.motif-destination {
  background-image: url("../img/bandeau-destinations.jpg");
  background-position: center center;
}

.overlay-slide .titre-page.motif-danger {
  background-image: url("../img/motif-restrictions-rouge.png");
  background-position: center center;
}

.overlay-slide .titre-page.photo-bg {
  background: url("../img/bandeau-carte-vip.jpg") no-repeat center top;
  background-size: cover;
  height: 630px;
}

.overlay-slide .red {
  background-color: #f36950;
}

.overlay-slide .blue {
  background-color: #48c2d2;
}

.overlay-slide .validation-pass {
  background-color: #2ecc71;
  text-align: center;
  display: none;
}

.overlay-slide .validation-pass.erreur {
  background-color: #F36950;
}

.overlay-slide .validation-pass .conteneur {
  padding: 8px 0 11px;
}

.overlay-slide .validation-pass span {
  display: inline-block;
  font-family: Raleway-SemiBold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  line-height: 12px;
  color: #ffffff;
}

.overlay-slide .validation-pass .fermeture {
  display: inline-block;
  margin-left: 9px;
}

.c-grey {
  background-color: #f6f7fa;
}

.c-grey .c-rebord {
  position: relative;
  z-index: 2;
  background-color: #f6f7fa;
}

.c-rebord {
  position: relative;
  margin-top: -40px;
  background-color: #ffffff;
  -webkit-border-top-left-radius: 10px;
  -moz-border-top-left-radius: 10px;
  border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
}

.c-principal .conteneur {
  padding: 0 20px;
}

.c-principal h2 {
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 30px;
  line-height: 20px;
  text-align: center;
}

.c-principal .sous-titre {
  padding: 25px 318px;
  display: block;
  font-family: Raleway-Medium, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
}

/* ========================================= */

/* =============== HOMEPAGE ================ */

/* ========================================= */
.c-principal.c-grey.page-accueil {
  padding-bottom: 2px;
}

.c-principal.page-accueil h2 {
  padding: 36px 0 0px;
  margin: 0;
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 38px;
  line-height: 20px;
}

.c-principal.page-accueil .sous-titre {
  padding: 25px 318px 20px;
  color: #b3b3b7;
}

.c-principal.page-accueil .table-estimation {
  margin-bottom: 29px;
  table-layout: fixed;
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}

.c-principal.page-accueil .table-estimation tr td {
  padding: 0 20px 0 0;
  white-space: nowrap;
}

.c-principal.page-accueil .table-estimation tr td:last-child {
  padding: 0;
}

.c-principal.page-accueil .table-estimation tr td input, .c-principal.page-accueil .table-estimation tr td ul {
  width: 100%;
}

.c-principal.page-accueil .comment_ca_marche {
  padding: 10px 0 45px;
}

.c-principal.page-accueil .comment_ca_marche h2 {
  font-size: 30px;
  line-height: 20px;
}

.c-principal.page-accueil .comment_ca_marche .sous-titre {
  padding: 25px 318px;
}

.c-principal.page-accueil .comment_ca_marche .steps-description {
  margin-bottom: 45px;
}

.c-principal.page-accueil .comment_ca_marche .button {
  padding: 8px 0px;
  margin: 0 auto;
  max-width: 265px;
  display: block;
  text-align: center;
}

.c-principal.page-accueil .comment_ca_marche .button:before {
  content: '';
  margin-right: 10px;
  display: inline-block;
  vertical-align: -9px;
  background: url('../img/icone-video.png');
  width: 28px;
  height: 28px;
}

/* ========================================= */

/* ============== ESTIMATION =============== */

/* ========================================= */
.c-principal .table-estimation {
  margin-bottom: 29px;
  table-layout: fixed;
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}

.c-principal .table-estimation tr td {
  padding: 0 20px 0 0;
  white-space: nowrap;
}

.c-principal .table-estimation tr td:last-child {
  padding: 0;
}

.c-principal .table-estimation tr td input, .c-principal .table-estimation tr td ul {
  width: 100%;
}

.c-principal .gestion-colis {
  margin: 31px 0 29px;
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
}

.c-principal .gestion-colis tr td {
  vertical-align: top;
  white-space: nowrap;
}

.c-principal .gestion-colis tr td.td-estimation {
  vertical-align: bottom;
}

.c-principal .gestion-colis tr td .label-colis {
  margin-bottom: 12px;
  display: block;
  font-family: Raleway-Medium, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 12px;
  line-height: 12px;
  color: #afb1b5;
  text-transform: uppercase;
}

.c-principal .gestion-colis tr td .infos-colis {
  padding-right: 30px;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  height: 28px;  /*border-right: 1px solid #d7d7d9;*/

  /*border-right: 1px solid rgba(118, 118, 123, 0.31);*/
}

.c-principal .gestion-colis tr td .infos-colis.no-bd {
  padding: 0;
  border: none;
}

.c-principal .gestion-colis tr td .infos-colis.no-bd span {
  display: inline-block;
  font-family: Raleway-Medium, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
}

.c-principal .gestion-colis tr td .infos-colis.no-bd span strong {
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
}

.c-principal .gestion-colis tr td .infos-colis input {
  padding: 9px;
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 18px;
  line-height: 22px;
}

.c-principal .gestion-colis tr td .infos-colis input::-webkit-input-placeholder {
  color: #e1e1e1;
  color: rgba(64, 64, 64, 0.2);
}

.c-principal .gestion-colis tr td .infos-colis input:-moz-placeholder {
  color: #e1e1e1;
  color: rgba(64, 64, 64, 0.2);
}

.c-principal .gestion-colis tr td .infos-colis input::-moz-placeholder {
  color: #e1e1e1;
  color: rgba(64, 64, 64, 0.2);
}

.c-principal .gestion-colis tr td .infos-colis input:-ms-input-placeholder {
  color: #e1e1e1;
  color: rgba(64, 64, 64, 0.2);
}

.c-principal .gestion-colis tr td .infos-colis .input-longueur, .c-principal .gestion-colis tr td .infos-colis .input-largeur, .c-principal .gestion-colis tr td .infos-colis .input-profondeur {
  padding-right: 36px;
  max-width: 160px;
  text-align: right;
}

.c-principal .gestion-colis tr td .infos-colis .input-longueur + label, .c-principal .gestion-colis tr td .infos-colis .input-largeur + label, .c-principal .gestion-colis tr td .infos-colis .input-profondeur + label {
  display: inline-block;
  margin-left: -37px;
  margin-right: 6px;
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 18px;
  line-height: 22px;
  color: #e1e1e1;
  color: rgba(64, 64, 64, 0.2);
}

.c-principal .gestion-colis tr td .infos-colis .input-poids {
  padding-right: 36px;
  max-width: 152px;
  text-align: right;
}

.c-principal .gestion-colis tr td .infos-colis .input-poids + label {
  margin-left: -35px;
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 18px;
  line-height: 22px;
  color: #e1e1e1;
  color: rgba(64, 64, 64, 0.2);
}

.c-principal .gestion-colis tr td .infos-colis .select-reexepedition {
  max-width: 230px;
}

.c-principal .gestion-colis tr td.dimensions-colis {
  padding-left: 19px;
}

.c-principal .gestion-colis tr td.dimensions-colis .type-colis {
  margin: -3px 0 5px;
  display: block;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 10px;
  line-height: 10px;
  color: rgba(64, 64, 64, 0.5);
  text-transform: uppercase;
}

.c-principal .gestion-colis tr td.dimensions-colis .objet-colis {
  margin-bottom: 14px;
  display: block;
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 28px;
  line-height: 20px;
  color: #48c2d2;
}

.c-principal .gestion-colis tr td.dimensions-colis .label-dimensions {
  padding: 0 6px;
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 18px;
  line-height: 22px;
  color: rgba(64, 64, 64, 0.5);
}

.c-principal .gestion-colis tr td.td-colis {
  padding: 46px 0 0 30px;
}

.c-principal .gestion-colis tr td.td-estimation {
  padding: 0 0 0 30px;
}

.c-principal .gestion-colis tr td .suppression-colis {
  display: block;
  margin: 81px 0 14px;
}

.c-principal .conseil-grouper-colis {
  margin: 20px 0;
  display: flex;
  align-items: flex-start;  /*vertical-align: middle;*/

  /*width: 45%;*/

  /*text-align: center;*/
}

.c-principal .conseil-grouper-colis img {
  margin-right: 4px;
}

.c-principal .conseil-grouper-colis .grouper-colis {

  /*display: inline-block;
  vertical-align: bottom;
  margin-bottom: -4px;
  max-width: 80%;*/
}

.c-principal .conseil-grouper-colis .grouper-colis span {

  /*display: inline-block;*/
  font-family: Raleway-Medium, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 13px;
  line-height: 1.2;
  color: #9e9e9e;
}

.c-principal .conseil-grouper-colis .grouper-colis span strong {
  display: block;
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 16px;
  line-height: 22px;
  color: rgba(64, 64, 64, 0.5);
}

.c-principal .estimation-zone {
  padding: 21px 25px;
  margin: 47px 0 0;  /*max-width: 520px;*/
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  background-color: #f9fdfe;
  border: 2px solid #f6f7fa;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;  /*text-align: center;*/
  position: relative;
}

.c-principal .estimation-zone .vip > p {
  font-family: Raleway-Bold;
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 7px;
}

.c-principal .estimation-zone .vip > .price {
  font-family: Raleway-Bold;
  font-size: 48px;
  display: block;
  text-align: left;
  margin-bottom: 5px;
}

.c-principal .estimation-zone .vip > .price sup {
  display: inline-block;
  vertical-align: top;
  font-size: 30px;
  font-family: Raleway-Medium;
  padding-top: 6px;
}

.c-principal .estimation-zone .vip .img-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 19px;
}

.c-principal .estimation-zone .vip .img-wrapper img {
  margin-right: 13px;
}

.c-principal .estimation-zone .vip .text {
  font-family: Raleway-Light;
  font-size: 13px;
  text-align: left;
  text-transform: inherit;
  line-height: 1.4
}

.c-principal .estimation-zone .vip .text span {
  font-family: Raleway-ExtraBold;
  text-transform: inherit;
  display: inline-block;
}

/* ====== LOADER ====== */
@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg);
  }

  to {
    -moz-transform: rotate(360deg);
  }

}

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
  }

}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }

}

.c-principal .estimation-zone .loading, .c-principal .estimation-zone-table .loading {
  background-color: rgba(255, 255, 255, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.c-principal .estimation-zone .loading img, .c-principal .estimation-zone-table .loading img {
  margin: -16px 0 0 -16px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-animation: spin 0.6s infinite linear;
  -moz-animation: spin 0.6s infinite linear;
  -ms-animation: spin 0.6s infinite linear;
  -o-animation: spin 0.6s infinite linear;
  animation: spin 0.6s infinite linear;
}

/* ====== FIN LOADER ====== */
.c-principal .estimation-zone .ng-scope span {
  margin-bottom: 0;
  display: block;
  font-family: Raleway-Medium, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 13px;  /*line-height: 12px;*/

  /*text-transform: uppercase;*/
}

.c-principal .estimation-zone span.erreur-estimation {
  margin: 0;
  line-height: 18px;
}

.c-principal .estimation-zone .ng-scope .estimation-prix {
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 32px;
  color: rgba(64, 64, 64, .5);  /*line-height: 40px;*/

  /*color: #f36950;*/
}

.c-principal .estimation-zone .estimation-prix sup {
  font-size: 16px;
}

.c-principal .estimation-zone .ng-scope .infos-colis span {
  font-size: 12px;
  color: rgba(64, 64, 64, .5);
  text-transform: uppercase;
}

.c-principal .estimation-zone.aucun-transporteur {
  margin: 0 auto;
  width: 50%;
  display: block;
}

.c-principal table.estimation-table {
  font-family: Raleway-Light, Arial, sans-serif;
  display: table;
  text-align: center;
  border-collapse: collapse;
  margin: 20px auto;
  color: #404040;
}

.c-principal table.estimation-table thead {
  font-family: Raleway-ExtraBold, Arial, sans-serif;  /*background-color: #f9fdfe;*/
}

.c-principal table.estimation-table, .c-principal table.estimation-table tr, .c-principal table.estimation-table tr td, .c-principal table.estimation-table th {
  border-bottom: 1px solid #e8e8e9;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.c-principal table.estimation-table td, .c-principal table.estimation-table th {
  padding: 10px;
}

.c-principal table.estimation-table tbody tr:hover {
  background-color: #f6f7fa;
  color: black;
}

.c-principal table.estimation-table th {
  text-transform: uppercase;  /*font-weight: bold;*/
  font-family: Raleway-Bold;
  font-size: 12px;
}

.c-principal table.estimation-table th:first-of-type {
  text-align: left;
}

.c-principal table.estimation-table th:last-of-type {
  text-align: right;
}

.c-principal table.estimation-table td.mode-reexpedition {

  /*.c-principal table.estimation-table th.mode-reexpedition {*/
  text-align: left;
  font-family: Raleway-Bold;
  font-size: 14px;
}

.c-principal table.estimation-table td.mode-reexpedition small {
  font-size: 12px;
  color: rgba(64, 64, 64, .5);
}

.c-principal table.estimation-table td.expedetion-delai {
  font-size: 14px;
  font-family: Raleway-ExtraLight;
}

.c-principal table.estimation-table td.expedetion-delai .number {
  font-family: Raleway-Bold;
}

.c-principal table.estimation-table td.tarif {
  text-align: right;
}

.c-principal table.estimation-table td.tarif .price {
  font-family: Raleway-Bold;
  font-size: 20px;
  display: block;
}

.c-principal table.estimation-table td.tarif sup {
  vertical-align: bottom;
  font-size: inherit;
}

.c-principal table.estimation-table td.tarif .vip-price {
  display: block;
  font-family: Raleway-Light;
  font-size: 12px;
  color: rgba(64, 64, 64, .5);
}

.c-principal table.estimation-table td.tarif .vip-price strong {
  font-family: Raleway-ExtraBold;
  display: block;
}

.c-principal table.estimation-table td.logo-transporteur {
  padding: 0;
  height: 50px;
}

.c-principal table.estimation-table td.logo-transporteur img {
  max-width: 180px;
  max-height: 50px;
  margin: 0;
}

.c-principal .choix-inscription-connexion {
  margin: 69px 126px 72px;
  border-spacing: 0;
  border-collapse: collapse;
}

.c-principal .choix-inscription-connexion span {
  padding: 0 49px 0 46px;
  font-family: Raleway-Heavy, Arial, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 26px;
  line-height: 22px;
  color: #f3f3f4;
  text-transform: uppercase;
}

.c-principal .choix-inscription-connexion + .carte-vip-bloc {
  margin-bottom: 50px;
}

.c-principal #form_simulateur + .carte-vip-bloc {
  margin-top: 70px;
  margin-bottom: 50px;
}

/*.c-principal .simulator-btn-bloc {
display: flex;
justify-content: space-around;
align-items: center;
padding: 70px 125px;
border-top: solid 1px rgba(181,181,184,.2);
margin-top: 70px;
}
.c-principal .simulator-btn-bloc span {
font-family: Raleway-ExtraBold;
font-size: 26px;
text-transform: uppercase;
color: #f3f3f4;
}
.c-principal .simulator-btn-bloc + .carte-vip-bloc {
margin-bottom: 50px;
}*/
.c-principal .presentation-offres {
  margin: 0 auto;
  border-spacing: 0;
  border-collapse: collapse;
  text-align: center;
}

.c-principal .presentation-offres.laposte {
  margin-bottom: 30px;
}

.c-principal .presentation-offres.dhl {
  margin-bottom: 31px;
}

.c-principal .presentation-offres .titre-presentation-offres {
  text-align: center;
}

.c-principal .presentation-offres.laposte .titre-presentation-offres img {
  margin: 59px 0 22px;
}

.c-principal .presentation-offres.dhl .titre-presentation-offres img {
  margin: 60px 0 29px;
}

.c-principal .presentation-offres .titre-presentation-offres h3 {
  margin-bottom: 49px;
  font-family: Raleway-SemiBold, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 24px;
  line-height: 20px;
}

.c-principal .presentation-offres.dhl .titre-presentation-offres h3 {
  margin-bottom: 63px;
}

.c-principal .presentation-offres.laposte .ligne-offre {
  display: block;
  margin-left: 46px;
}

.c-principal .presentation-offres.dhl .ligne-offre {
  display: block;
  margin-left: 8px;
}

.c-principal .presentation-offres .detail-offre {
  padding: 0 0px 36px;
  vertical-align: bottom;
}

.c-principal .presentation-offres.dhl .detail-offre {
  padding: 0 0px 39px;
}

.c-principal .presentation-offres.laposte .detail-offre:nth-child(2) {
  padding: 0 152px 36px 184px;
}

.c-principal .presentation-offres.dhl .detail-offre:nth-child(2) {
  padding: 0 168px 39px 169px;
}

.c-principal .presentation-offres .detail-offre img {
  margin-bottom: 29px;
}

.c-principal .presentation-offres .detail-offre .image-offre {
  margin-bottom: 20px;
}

.c-principal .presentation-offres .detail-offre span {
  margin-bottom: 22px;
  display: block;
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 18px;
  line-height: 22px;
}

.c-principal .presentation-offres .detail-offre .bientot {
  margin-bottom: 0;
  display: inline-block;
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 12px;
  line-height: 14px;
  color: #f36950;
}

.c-principal .estimation-liens {
  display: block;
  padding: 0;
  margin: 0 auto;
  font-size: 0;
}

.c-principal .estimation-liens .estimation-redirection {
  display: inline-block;
  vertical-align: bottom;
  max-width: 50%;
  text-align: center;
}

.c-principal .estimation-liens .estimation-redirection.left {
  padding-top:;
  margin-left: 0;
  border-right: 1px solid #f0f0f1;
  border-right: 1px solid rgba(179, 179, 183, 0.2);
  padding: 55px 98px 60px 4px;
}

.c-principal .estimation-liens .estimation-redirection.right {
  padding-top:;
  margin-right: 0;
  padding: 55px 26px 60px 48px;
}

.c-principal .estimation-liens .estimation-redirection h3 {
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 18px;
  line-height: 22px;
  text-transform: uppercase;
}

.c-principal .estimation-liens .estimation-redirection img {
  display: block;
  margin: 11px auto 0;
}

.c-principal .estimation-liens .estimation-redirection.right img {
  margin: 11px auto 0;
}

.c-principal .estimation-liens .estimation-redirection .redirection-image {
  margin-top: 23px;
}

.c-principal .estimation-liens .estimation-redirection span {
  padding: 0 12%;
  margin: 11px 0 28px;
  display: inline-block;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  color: #aeafb4;
}

.c-principal .estimation-liens .estimation-redirection.right span {
  padding: 0 14%;
  margin: 8px 0 23px;
}

.c-principal .estimation-liens .estimation-redirection .button {
  padding: 18px 66px;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
}

.c-principal .estimation-liens .estimation-redirection.right .button {
  padding: 18px 84px;
}

.c-principal .estimation-liens .estimation-redirection .button.shadow {
  -webkit-box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.15);
  box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.15);
}

.c-principal .estimation-liens.page-desti .estimation-redirection.right {
  padding-top:;
  margin-right: 0;
  padding: 55px 26px 60px 90px;
}

.c-principal .estimation-liens.page-desti .estimation-redirection.right img {
  margin: 11px 0 0 38%;
}

.c-principal .estimation-liens.page-desti .estimation-redirection.right span {
  padding: 0 16%;
  margin: 16px 0 23px;
}

.c-principal .estimation-liens.page-desti .estimation-redirection.right .button {
  padding: 18px 76px;
}

/* ========================================= */

/* =========== COMMENT CA MARCHE =========== */

/* ========================================= */
.c-principal .onglets-comment-ca-marche {
  border-bottom: solid 1px #e1e2e6;
  border-left: solid 1px #e1e2e6;
  border-right: solid 1px #e1e2e6;
  margin-left: -20px;
  margin-right: -20px;
  border-radius: 10px 10px 0 0
}

.c-principal .onglets-comment-ca-marche .lien {
  display: inline-block;
  width: 49%;
}

.c-principal .onglets-comment-ca-marche .lien1 {
  border-right: solid 1px #e1e2e6;
}

.c-principal .onglets-comment-ca-marche .lien a {
  position: relative;
  display: block;
  text-align: center;
  color: #404040;
  font-size: 14px;
  font-family: Raleway-Bold, sans-serif, arial;
  text-decoration: none;
  text-transform: uppercase;
  padding: 30px 0;
}

.c-principal .onglets-comment-ca-marche .lien a:before {
  position: absolute;
  left: 113px;
  top: 24px;
  content: '';
  background-image: url('../img/panier.png');
  background-repeat: no-repeat;
  background-position: top left;
  height: 33px;
  width: 37px;  /*background-size: 33px 37px*/
}

.c-principal .onglets-comment-ca-marche .lien a:hover, .c-principal .onglets-comment-ca-marche .lien a.active {
  color: #ff6b50;
}

.c-principal .onglets-comment-ca-marche .lien a:hover:before, .c-principal .onglets-comment-ca-marche .lien a.active:before {
  background-position: top right;
}

.c-principal .comment-ca-marche {
  margin-bottom: 68px;
  min-height: 1958px;
  background-image: url('../img/comment-ca-marche-bg.png');
  background-position: center bottom;
  background-repeat: no-repeat;
  position: relative;
}

.c-principal .comment-ca-marche h2 {
  margin: -37px 0 0;
  padding: 88px 0 0;
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 45px;
  line-height: 58px;
}

.c-principal .comment-ca-marche .steps {
  position: absolute;
}

.c-principal .comment-ca-marche .steps h3 {
  margin-bottom: 21px;
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 30px;
  line-height: 20px;
}

.c-principal .comment-ca-marche .steps p {
  font-family: Raleway-Medium, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  line-height: 30px;
}

.c-principal .comment-ca-marche .steps a {
  text-decoration: none;
  color: #37c5d6;
}

.c-principal .comment-ca-marche .steps.step-1 {
  top: 296px;
  left: 421px;
}

.c-principal .comment-ca-marche .steps.step-2 {
  top: 729px;
  left: 71px;
}

.c-principal .comment-ca-marche .steps.step-3 {
  top: 1115px;
  left: 419px;
}

.c-principal .comment-ca-marche .steps.step-4 {
  top: 1536px;
  left: 71px;
}

.c-principal .comment-ca-marche .steps.step-4 h3 {
  font-size: 28px;
}

.c-principal .comment-ca-marche .steps.step-5 {
  top: 2110px;
  left: 0;
  right: 0;
  text-align: center;
}

.c-principal .comment-ca-marche .steps.step-5 h3 {
  padding: 0 310px;
  line-height: 36px;
}

.c-principal .comment-ca-marche .button {
  padding: 5px 32px;
  margin-left: -211px;
  position: absolute;
  bottom: 0;
  left: 50%;
}

.c-principal .comment-ca-marche-bis {
  min-height: 2083px;
  background-image: url('../img/comment-ca-marche-bis-bg.png');
  margin-bottom: 280px;
}

.c-principal .comment-ca-marche-bis .steps.step-2 {
  top: 700px;
}

.c-principal .comment-ca-marche-bis .steps.step-2 h3 {
  width: 550px;
  line-height: 36px;
}

.c-principal .comment-ca-marche-bis .button {
  bottom: -185px;
}

.c-principal .comment-ca-marche-bis .partenaires-listes {
  display: inline-block;
  vertical-align: top;
}

.c-principal .comment-ca-marche-bis .partenaires-listes ul {
  margin-left: 35px;
  padding-right: 40px;
}

.c-principal .comment-ca-marche-bis .partenaires-listes ul li {
  list-style: disc;
  font-family: Raleway-Medium, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  line-height: 30px;
}

/* ========================================= */

/* ================ TARIFS ================= */

/* ========================================= */
.c-principal .tarifs h2 {
  padding: 36px 0 15px;
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 45px;
  line-height: 58px;
}

.c-principal .zone-tarifs {
  position: relative;
}

.c-principal .zone-tarifs.part-1 {
  margin: 0 auto;
  width: 1240px;
  min-height: 1550px;
  background-position: center top;
  background-repeat: no-repeat;
  background-image: url('../img/tarifs-bg-1.png');
}

.c-principal .zone-tarifs.part-2 {
  background-image: url('../img/tarifs-bg-2.png');
  background-position: center top;
  background-repeat: repeat-x;
}

.c-principal .zone-tarifs.part-2 + .carte-vip-bloc {
  margin-bottom: 56px;
}

.c-principal .zone-tarifs.part-2 .conteneur-tarif {
  margin: 0 auto;
  width: 1240px;
}

.c-principal .zone-tarifs table {
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
}

.c-principal .zone-tarifs table td {
  vertical-align: middle;
}

.c-principal .zone-tarifs .table-stockage > tbody > tr > td {
  vertical-align: top;
}

.c-principal .zone-tarifs table th {
  padding: 4px 0 11px;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  color: #b0b0b0;
  color: rgba(64, 64, 64, 0.5);
}

.c-principal .zone-tarifs .encart-tarif {
  position: absolute;
}

.c-principal .zone-tarifs .encart-tarif.left {
  text-align: left;
}

.c-principal .zone-tarifs .encart-tarif.right {
  text-align: right;
}

.c-principal .zone-tarifs .encart-tarif.numero-un {
  top: 228px;
  left: 360px;
}

.c-principal .zone-tarifs .encart-tarif.numero-deux {
  top: 600px;
  right: 203px;
}

.c-principal .zone-tarifs .encart-tarif.numero-trois {
  top: 1039px;
  left: 358px;
}

.c-principal .zone-tarifs .encart-tarif.numero-quatre {
  top: 1408px;
  left: 438px;
}

.c-principal .zone-tarifs .encart-tarif.numero-un .bloc-tarif .bloc-info, .c-principal .zone-tarifs .encart-tarif.numero-trois  .bloc-tarif .bloc-info {
  display: inline-block;
  vertical-align: middle;
  margin-right: 22px;
}

.c-principal .zone-tarifs .encart-tarif.numero-un .bloc-tarif .subscribe-vip-card-bloc, .c-principal .zone-tarifs .encart-tarif.numero-trois  .bloc-tarif .subscribe-vip-card-bloc {
  display: inline-block;
  vertical-align: middle;
}

.c-principal .zone-tarifs .encart-tarif.numero-deux .bloc-tarif {
  display: block;
}

.c-principal .zone-tarifs .encart-tarif.numero-deux .bloc-tarif .subscribe-vip-card-bloc {
  display: inline-block;
}

.c-principal .zone-tarifs .encart-tarif.numero-deux .bloc-tarif .bloc-info {
  display: inline-block;
  vertical-align: middle;
  margin-left: 22px;
}

.c-principal .zone-tarifs .encart-tarif.numero-deux .conseil-grouper-colis {
  margin-top: 13px;
  max-width: 49%
}

.c-principal .zone-tarifs .bloc-tarif {
  display: inline-block;
}

.c-principal .zone-tarifs .bloc-tarif h4 {
  margin-bottom: 20px;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 24px;
  line-height: 20px;
}

.c-principal .zone-tarifs .bloc-tarif .bloc-info, .c-principal .zone-tarifs .bloc-tarif .bloc-stockage, .c-principal .zone-tarifs .bloc-attention {
  display: inline-block;
  background-color: #ffffff;
  border: 1px solid #dbdbdd;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  text-align: left;
}

.c-principal .zone-tarifs .bloc-tarif .bloc-info {
  padding: 17px 24px;
  margin-bottom: 6px;
  min-height: 91px;
  width: 399px;
}

.c-principal .zone-tarifs .numero-trois .bloc-tarif .bloc-info {
  padding: 8px 0 0 24px;
  margin-bottom: 15px;
  width: 419px;
  position: relative;
}

.c-principal .zone-tarifs .bloc-attention {
  padding: 13px 16px;
  min-height: 91px;
  width: 363px;
}

.c-principal .zone-tarifs .bloc-tarif .bloc-info.shadow, .c-principal .zone-tarifs .bloc-tarif .bloc-stockage.shadow, .c-principal .zone-tarifs .bloc-attention.shadow {
  -webkit-box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.05);
  box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.05);
}

.c-principal .zone-tarifs .bloc-tarif .bloc-info img {
  margin: 1px 19px 0 0;
}

.c-principal .zone-tarifs .bloc-tarif .bloc-info .prix-tarif {
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 44px;
  color: #ff6b50;
}

.c-principal .zone-tarifs .bloc-tarif .bloc-info .stockage-texte {
  margin-top: 2px;
  margin-bottom: -12px;
  display: block;
  font-size: 20px;
  font-weight: 700;
  font-style: normal;
  color: #d2d2d5;
}

.c-principal .zone-tarifs .bloc-tarif .bloc-info .prix-tarif .defaut {
  padding: 0 4px;
  font-size: 20px;
  color: #d2d2d5;
}

.c-principal .zone-tarifs .bloc-tarif .bloc-info .prix-tarif sup {
  font-size: 26px;
}

.c-principal .zone-tarifs .bloc-tarif .bloc-info .bloc-info-texte {
  margin-left: 10px;
  display: inline-block;
  font-family: Raleway-Medium, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 18px;
  line-height: 24px;
}

.c-principal .zone-tarifs .bloc-tarif .bloc-info .bloc-info-texte strong {
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
}

.c-principal .zone-tarifs .bloc-tarif .conditions {
  display: block;
  font-family: Raleway-Medium, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 12px;
  line-height: 22px;
  color: #6e6969;
}

.c-principal .zone-tarifs .bloc-tarif .conditions:before {
  content: '* ';
  color: #ff6b50;
}

.c-principal .zone-tarifs .conseil-grouper-colis {
  margin: -97px 6px 0 0;
  display: inline-block;
  vertical-align: middle;
  max-width: 32%;
  text-align: left;
}

.c-principal .zone-tarifs .conseil-grouper-colis img {
  margin-right: 4px;
}

.c-principal .zone-tarifs .conseil-grouper-colis .grouper-colis {
  display: inline-block;
  vertical-align: top;
  margin-bottom: -4px;
  max-width: 64%;
}

.c-principal .zone-tarifs .conseil-grouper-colis .grouper-colis span {
  display: inline-block;
  font-family: Raleway-Medium, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
  color: #9e9e9e;
}

.c-principal .zone-tarifs .conseil-grouper-colis .grouper-colis span strong {
  display: block;
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 16px;
  line-height: 22px;
  color: rgba(64, 64, 64, 0.5);
}

.c-principal .zone-tarifs .bloc-tarif .bloc-stockage img {
  padding-left: 6px;
}

.c-principal .zone-tarifs .bloc-tarif .bloc-stockage .type-colis {
  margin-top: 2px;
  display: block;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 10px;
  line-height: 10px;
  color: rgba(64, 64, 64, 0.5);
  text-transform: uppercase;
}

.c-principal .zone-tarifs .bloc-tarif .bloc-stockage .objet-colis {
  margin: 2px 0 -2px;
  display: block;
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 22px;
  line-height: 20px;
  color: #48c2d2;
}

.c-principal .zone-tarifs .bloc-tarif .bloc-stockage .label-colis {
  font-family: Raleway-Medium, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 10px;
  color: #aeafb4;
  text-transform: uppercase;
}

.c-principal .zone-tarifs .bloc-tarif .bloc-stockage .supplement {
  position: absolute;
  top: 28px;
  right: 28px;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  line-height: 16px;
  color: #ff6b50;
  text-align: right;
}

.c-principal .zone-tarifs .bloc-tarif .frais-stockage {
  margin-top: -2px;
  width: 100%;
}

.c-principal .zone-tarifs .bloc-tarif .frais-stockage tr {
  border-bottom: 1px solid #f0f0f1;
  border-bottom: 1px solid rgba(181, 181, 184, 0.2);
}

.c-principal .zone-tarifs .bloc-tarif .frais-stockage tr:nth-child(2n) {
  background-color: #f9fdfe;
}

.c-principal .zone-tarifs .bloc-tarif .frais-stockage tr:last-child {
  border: none;
}

.c-principal .zone-tarifs .bloc-tarif .frais-stockage td {
  padding: 7px 0;
}

.c-principal .zone-tarifs .bloc-tarif .frais-stockage .condition {
  padding-left: 10px;
  text-align: left;
  font-family: Raleway-SemiBold, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
  color: rgba(64, 64, 64, 0.5);
}

.c-principal .zone-tarifs .bloc-tarif .frais-stockage .tarif {
  padding-right: 19px;
  text-align: right;
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
  color: #ff6b50;
}

.c-principal .zone-tarifs .bloc-attention span {
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
  color: rgba(64, 64, 64, 0.5);
}

.c-principal .zone-tarifs .bloc-attention .attention {
  margin: 2px 0 -4px;
  display: block;
  font-family: Raleway-SemiBold, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 12px;
  line-height: 20px;
  text-transform: uppercase;
  color: #ff6b50;
}

.c-principal .zone-tarifs .calcul-poids {
  padding: 48px 0 86px;
  margin: 0 auto;
  display: block;
  width: 742px;
  text-align: center;
  position: relative;
}

.c-principal .zone-tarifs .calcul-poids h3 {
  padding: 14px 0 33px;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 24px;
  line-height: 20px;
}

.c-principal .zone-tarifs .calcul-poids .calcul-poids-texte {
  padding: 0 83px 17% 83px;
  display: inline-block;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  line-height: 26px;
}

.c-principal .zone-tarifs .calcul-poids .poids-volumetrique {
  display: block;
  max-width: 20%;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  line-height: 20px;
  text-align: right;
  color: #21bfd1;
  position: absolute;
  top: 298px;
  left: 82px;
}

.c-principal .zone-tarifs .calcul-poids .button {
  padding: 5px 29px;
  margin: -17px 0 0 40px;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
}

.c-principal .conteneur-simulateur {
  padding: 20px 0;
}

.c-principal .conteneur-simulateur h3 {
  padding: 14px 0 33px;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 24px;
  line-height: 20px;
  text-align: center;
}

.c-principal .accordeon-tarif {
  padding: 77px 0 33px;
  margin: 0 auto;
  display: block;
  width: 1240px;
}

.c-principal .accordeon-tarif .accordeon-titre {
  padding: 0 40px 32px 70px;
  border-bottom: 1px solid #f0f0f1;
  border-bottom: 1px solid rgba(181, 181, 184, 0.2);
}

.c-principal .accordeon-tarif .accordeon-titre h4 {
  display: block;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 24px;
  line-height: 20px;
  cursor: pointer;
}

.c-principal .accordeon-tarif .accordeon-titre .btn-accordeon-tarif {
  margin-top: 0;
  float: right;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.c-principal .accordeon-tarif .accordeon-tarif-contenu {
  padding: 34px 78px 33px 70px;
  border-bottom: 1px solid #f0f0f1;
  border-bottom: 1px solid rgba(181, 181, 184, 0.2);
  display: none;
}

.c-principal .accordeon-tarif .accordeon-tarif-contenu h5 {
  margin-bottom: 2px;
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 18px;
  line-height: 26px;
  text-transform: uppercase;
  color: #ff6b50;
}

.c-principal .accordeon-tarif .accordeon-tarif-contenu p {
  font-family: Raleway-Medium, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  line-height: 24px;
}

.c-principal .accordeon-tarif.active .accordeon-tarif-contenu {
}

.c-principal .accordeon-tarif.active .accordeon-titre .btn-accordeon-tarif {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

/* ========================================= */

/* ========= MODES DE REEXPEDITION ========= */

/* ========================================= */
.c-principal .offres-poste, .c-principal .offres-fret {
  padding-bottom: 95px;
  margin: 0 auto;
  display: block;
  width: 100%;
}

.c-principal .offres-poste {
  padding-bottom: 62px;
}

.c-principal .offres-poste .logo-poste {
  padding: 21px 0;
  display: block;
  text-align: center;
}

.c-principal .offres-fret .logo-fret {
  padding: 41px 0 19px;
  display: block;
  text-align: center;
}

.c-principal .offres-poste .sous-titre-reexpedition, .c-principal .offres-fret .sous-titre-reexpedition {
  padding: 10px 17% 0;
  display: block;
  font-family: Raleway-Medium, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  color: #b3b3b7;
}

.c-principal .offres-poste .sous-titre-reexpedition {
  padding: 10px 17% 2px;
}

.c-principal .offres-poste .mode, .c-principal .offres-fret .mode {
  border-bottom: 2px solid #efefef;
  border-bottom: 2px solid rgba(64, 64, 64, 0.1);
}

.c-principal .offres-poste .mode.mode-left, .c-principal .offres-fret .mode.mode-left {
  padding: 50px 0 48px 145px;
}

.c-principal .offres-poste .mode.mode-right, .c-principal .offres-fret .mode.mode-right {
  padding: 51px 115px 22px 96px;
}

.c-principal .offres-poste .mode.mode-right {
  padding: 44px 115px 30px 96px;
}

.c-principal .offres-poste .mode.poste-3 {
  padding: 50px 0 32px 145px;
}

.c-principal .offres-poste .mode:first-of-type, .c-principal .offres-fret .mode:first-of-type {
  padding-top: 47px;
}

.c-principal .offres-poste .mode:last-of-type, .c-principal .offres-fret .mode:last-of-type {
  border-bottom: none;
}

.c-principal .offres-poste .mode.mode-left img, .c-principal .offres-fret .mode.mode-left img {
  float: left;
  margin-right: 98px;
}

.c-principal .offres-poste .mode.mode-right img, .c-principal .offres-fret .mode.mode-right img {
  float: right;
  margin-left: 0;
}

.c-principal .offres-poste .mode.mode-right img {
  margin-top: 6px;
  position: absolute;
  right: 115px;
}

.c-principal .offres-poste .mode.poste-3 img {
  margin-left: 2px;
  margin-right: 80px;
}

.c-principal .offres-poste .mode .infos-mode, .c-principal .offres-fret .mode .infos-mode {
  padding-top: 32px;
  display: inline-block;
  max-width: 63%;
  text-align: left;
}

.c-principal .offres-fret .mode.mode-right .infos-mode {
  padding-top: 53px;
}

.c-principal .offres-poste .mode.mode-right .infos-mode {
  padding-top: 0;
  max-width: 77%;
}

.c-principal .offres-poste .mode.poste-3 .infos-mode {
  padding-top: 6px;
  max-width: 66%;
}

.c-principal .offres-poste .mode .infos-mode h3, .c-principal .offres-fret .mode .infos-mode h3 {
  margin-bottom: 21px;
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 30px;
  line-height: 20px;
}

.c-principal .offres-poste .mode .infos-mode p, .c-principal .offres-fret .mode .infos-mode p {
  font-family: Raleway-Medium, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  line-height: 30px;
}

.c-principal .offres-poste .mode.mode-right p {
  max-width: 85%;
}

.c-principal .offres-poste .mode.mode-right .bleu {
  max-width: 100%;
}

.c-principal .offres-poste .mode.poste-3 .bleu {
  max-width: 90%;
}

.c-principal .offres-poste .mode .infos-mode .bleu, .c-principal .offres-fret .mode .infos-mode .bleu {
  color: #21bfd1;
}

/* ========================================= */

/* =============== ARTICLES ================ */

/* ========================================= */
.c-principal .liste-articles, .c-principal .detail-article {
  padding-top: 38px;
  margin: 0 140px;
}

.c-principal .detail-article {
  padding-bottom: 40px;
}

.c-principal .article {
  padding: 24px 0 21px;
  border-bottom: 1px solid #f0f0f1;
  border-bottom: 1px solid rgba(181, 181, 184, 0.2);
}

.c-principal .detail-article .article {
  padding-bottom: 0;
}

.c-principal .article .titre-article {
  margin-bottom: 6px;
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 22px;
  line-height: 30px;
  text-align: left;
}

.c-principal .detail-article #carousel-article .owl-item {
  width: 960px;
  text-align: center;
  background-color: #383838;
}

.c-principal .detail-article #carousel-article .owl-stage-outer {
  overflow: hidden;
  border-radius: 4px;
}

.c-principal .detail-article #carousel-article .media_video {
  width: 960px;
  height: 370px;
}

.c-principal .detail-article #carousel-article .media_video iframe {
  width: 69%;
  height: 100%;
  margin: 0 auto;
  display: block;
}

.c-principal .detail-article .retour {
  margin: 12px 0 0;
  display: inline-block;
  font-size: 22px;
  color: #F36950;
  text-decoration: none;
}

.c-principal .detail-article .retour:before {
  content: '';
  width: 18px;
  height: 17px;
  background-image: url('../img/icon_retour.png');
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 10px;
}

.c-principal .article .titre-article a {
  color: #404040;
  text-decoration: none;
}

.c-principal .article .date-publication {
  font-family: Raleway-Medium, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 10px;
  line-height: 22px;
  text-transform: uppercase;
  color: #aeafb4;
}

.c-principal .article hr {
  margin: 12px 0;
}

.c-principal .article .zone-reseaux-sociaux {
  margin: 20px 0;
  display: block;
  width: 100%;
  height: 20px;
}

.c-principal .article .medias-article {
  margin-bottom: 21px;
  display: block;
  width: 960px;  /*height: 370px;*/
}

.c-principal .article p {
  font-family: Raleway-Medium, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  line-height: 30px;
}

.c-principal .article .lire-article {
  margin-top: 3px;
  display: inline-block;
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 12px;
  line-height: 46px;
  text-transform: uppercase;
  color: #21bfd1;
}

.c-principal .pagination {
  padding: 50px 0 51px;
  display: block;
  text-align: center;
}

.c-principal .pagination li {
  display: inline-block;
  font-family: Raleway-SemiBold, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 0.8px;
}

.c-principal .pagination li .pastille {
  margin: 0 4px 0 3px;
  display: inline-block;
  width: 32px;
  height: 32px;
  border: 1px solid #cccccc;
  text-decoration: none;
  color: #404040;
  text-align: center;
}

.c-principal .pagination li .action {
  background-color: #fcfcfc;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #999999;
}

.c-principal .pagination li .numero {
  background-color: #e5e5e5;
  -webkit-box-shadow: 0 0 0 1px rgba(252, 252, 252, 0.75) inset;
  -moz-box-shadow: 0 0 0 1px rgba(252, 252, 252, 0.75) inset;
  box-shadow: 0 0 0 1px rgba(252, 252, 252, 0.75) inset;
}

.c-principal .pagination li .numero:hover {
  background-color: #ff6b50;
  border-color: #ff6b50;
  color: #ffffff;
}

.c-principal .pagination li .active {
  background-color: #21bfd1;
  border-color: #21bfd1;
  color: #ffffff;
}

/* ========================================= */

/* ============ DETAIL ARTICLE ============= */

/* ========================================= */
.c-principal .telechargement-ressources {
  padding: 26px 0 10px 0;
  border-bottom: 1px solid #f0f0f1;
  border-bottom: 1px solid rgba(181, 181, 184, 0.2);
}

.c-principal .telechargement-ressources h3 {
  margin-bottom: 15px;
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 18px;
  line-height: 22px;
  text-transform: uppercase;
  color: #aeafb4;
}

.c-principal .telechargement-ressources .lien-ressources {
  display: block;
  margin-bottom: 20px;
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 12px;
  line-height: 20px;
  text-transform: uppercase;
  color: #21bfd1;
}

.c-principal .telechargement-ressources .lien-ressources:before {
  content: '';
  display: inline-block;
  vertical-align: -6px;
  margin: 0 11px 0 -1px;
  background-image: url('../img/telechargement-ressources.png');
  width: 18px;
  height: 22px;
}

/* ========================================= */

/* =============== CONTACT ================= */

/* ========================================= */
.c-principal .page-contact {
  margin-bottom: 34px;
  border-bottom: 1px solid rgba(118, 118, 123, 0.31);
}

.c-principal .page-contact .sous-titre {
  padding: 23px 318px 0 322px;
  font-size: 16px;
  line-height: 24px;
  color: #9f9f9f;
}

.c-principal .page-contact .inputs-infos-persos {
  padding: 34px 0 50px;
}

.c-principal .page-contact .bloc-infos-contact {
  padding: 4px 0 39px;
}

.c-principal .page-contact .infos-contact {
  display: block;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  line-height: 34px;
  text-align: center;
}

.c-principal .page-contact .infos-contact a {
  color: #21bfd1;
  text-decoration: none;
}

.c-principal .page-contact .description {
  font-family: Raleway-Medium, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  line-height: 24px;
  color: #9f9f9f;
  padding: 0 0 30px;
}

.c-principal .page-contact .description strong {
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 500;
}

/* ========================================= */

/* ============= DESTINATIONS ============== */

/* ========================================= */
.c-principal .destinations {
  padding: 20px 0 30px;
}

.c-principal .destinations .sous-titre {
  padding: 23px 0 0 0;
  font-size: 16px;
  line-height: 24px;
  color: #9f9f9f;
}

.c-principal .destinations .carte-destinations {
  margin: 49px 0 19px;
  min-height: 600px;
  background-image: url('../img/destinations-bg.png');
  background-position: center bottom;
  background-repeat: no-repeat;
}

.c-principal .destinations .titre-destination {
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 32px;
  line-height: 58px;
  color: #ff6b50;
  text-shadow: 4px 4px 0px rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 209px;
  left: 545px;
}

.c-principal .destinations .liste-region {
  position: absolute;
}

.c-principal .destinations .liste-region .region {
  display: block;
  min-width: 200px;
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 20px;
  line-height: 26px;
  color: #21bfd1;
}

.c-principal .destinations .liste-region .pays {
  display: block;
  font-family: Raleway-Medium, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  line-height: 28px;
}

.c-principal .destinations .liste-region .pays-amerique {
  width: 39px;
  height: 54px;
  display: block;
  position: absolute;
  top: 28px;
  left: 73px;
}

.c-principal .destinations .liste-region a.pays {
  color: #21bfd1;
  text-decoration: none;
}

.c-principal .destinations .liste-region.amerique {
  top: 270px;
  left: 341px;
}

.c-principal .destinations .liste-region.caraibes {
  top: 494px;
  left: 226px;
}

.c-principal .destinations .liste-region.indien {
  top: 581px;
  left: 808px;
}

.c-principal .destinations .liste-region.indien .region-indien {
  width: 39px;
  height: 55px;
  display: block;
  position: absolute;
  top: -29px;
  left: -55px;
}

.c-principal .destinations .liste-region.indien .region {
  margin-bottom: 1px;
}

.c-principal .destinations .liste-region a.region {
  text-decoration: none;
}

.c-principal .destinations .liste-region.caraibes .region-caraibes {
  width: 109px;
  height: 105px;
  display: block;
  position: absolute;
  top: -69px;
  left: 123px;
}

.c-principal .destinations .liste-region.pacifique {
  top: 511px;
  left: 1202px;
}

.c-principal .destinations .liste-region.pacifique .region {
  margin-bottom: 5px;
}

.c-principal .destinations .liste-region.pacifique .region-pacifique {
  width: 39px;
  height: 55px;
  display: block;
  position: absolute;
  top: 41px;
  left: -58px;
}

/* ========================================= */

/* =========== PAGE DESTINATION ============ */

/* ========================================= */
.destination .wysiwyg {
  width: 960px;
  border-top: 1px solid #f0f0f0;
  margin: 20px auto;
  padding-top: 40px;
}

.destination .wysiwyg p {
  margin-bottom: 50px !important;
}

.destination .destination__entete {
  width: 960px;
  background-color: #FFF;
  padding: 40px 0 20px;
  margin: 0 auto;
}

.destination .destination__entete--picto {
  width: 205px;
  vertical-align: top;
  display: inline-block;
}

.destination .destination__entete--picto img {
  width: 172px;
  height: auto;
  border-radius: 50%;
  border: 4px solid #F6F7FA;
}

.destination .destination__entete--infos {
  width: 750px;
  vertical-align: top;
  display: inline-block;
}

.destination .destination__entete--infos h1, .destination .destination__entete--infos h2 {
  width: 100%;
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  text-align: left;
  display: block;
}

.destination .destination__entete--infos h1 {
  font-size: 45px;
  line-height: 30px;
  margin-top: 20px;
  margin-bottom: 22px;
}

.destination .destination__entete--infos h2 {
  font-size: 22px;
  line-height: 28px;
  margin-bottom: 22px;
}

/* ========================================= */

/* ============ NOTRE HISTOIRE ============= */

/* ========================================= */
.c-principal .notre-histoire {
  padding: 116px 0px 120px 59px;
}

.c-principal .notre-histoire .paragraphe {
  margin-bottom: 116px;
}

.c-principal .notre-histoire .paragraphe.developpement {
  margin-bottom: 140px;
}

.c-principal .notre-histoire .paragraphe.service {
  margin-bottom: 91px;
}

.c-principal .notre-histoire .paragraphe .zone-image {
  display: inline-block;
}

.c-principal .notre-histoire .paragraphe.developpement .zone-image {
  margin: 12px 0 0 84px;
}

.c-principal .notre-histoire .paragraphe .zone-texte {
  padding: 26px 0 26px 34px;
  display: inline-block;
  vertical-align: top;
  max-width: 61%;
}

.c-principal .notre-histoire .paragraphe.developpement .zone-texte {
  padding: 26px 0;
  max-width: 53%;
}

.c-principal .notre-histoire .paragraphe.service .zone-texte {
  padding: 12px 0 26px 34px;
  max-width: 57%;
}

.c-principal .notre-histoire .paragraphe .titre {
  display: block;
  font-family: Raleway-Light, Arial, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 30px;
  line-height: 38px;
}

.c-principal .notre-histoire .paragraphe .accroche {
  display: block;
  padding: 0;
  margin-bottom: 30px;
  width: auto;
  height: auto;
  background: none;
  border: none;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 30px;
  line-height: 38px;
  color: #ff6b50;
}

.c-principal .notre-histoire .paragraphe.developpement .accroche {
  margin-bottom: 32px;
}

.c-principal .notre-histoire .paragraphe.service .accroche {
  margin-bottom: 17px;
}

.c-principal .notre-histoire .paragraphe .description {
  padding-left: 2px;
  font-family: Raleway-Medium, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  line-height: 30px;
}

.c-principal .notre-histoire .paragraphe .description strong {
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
}

.c-principal .notre-histoire .paragraphe.developpement .description {
  padding: 0;
}

.c-principal .notre-histoire .bienvenue {
  padding-right: 86px;
  display: block;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  line-height: 38px;
  text-align: right;
}

/* ========================================= */

/* ============= PLAN DU SITE ============== */

/* ========================================= */
.c-principal .plan-du-site {
  padding: 105px 0 134px 0;
  font-size: 0;
}

.c-principal .plan-du-site table {
  border-spacing: 0;
  border-collapse: collapse;
}

.c-principal .plan-du-site table th {
  padding-bottom: 26px;
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 22px;
  line-height: 30px;
  letter-spacing: -0.06px;
  text-align: left;
}

.c-principal .plan-du-site .lien-plan {
  font-family: Raleway-Medium, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  color: #9f9f9f;
}

/* ========================================= */

/* ========== ESPACE PARTENAIRES =========== */

/* ========================================= */
.c-principal .page-partenaires {
  padding: 44px 64px 20px 64px;
  border-bottom: 1px solid #d7d7d9;
  border-bottom: 1px solid rgba(118, 118, 123, 0.31);
}

.c-principal .page-partenaires .liste-partenaires {
  margin-top: 93px;
  width: 100%;
  font-size: 0;
}

.c-principal .page-partenaires .bloc-partenaires {
  font-size: 16px;
  color: #404040;
  text-align: center;
  margin: 0 40px 40px 0;
  display: inline-block;
  vertical-align: top;
  width: 248px;
  height: 156px;
  border: 2px solid #e1e2e5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.c-principal .page-partenaires .bloc-partenaires:nth-child(4n+4) {
  margin-right: 0;
}

.c-principal .page-partenaires .bloc-partenaires a {
  display: inline-block;
  width: 244px;
  height: 152px;
}

.c-principal .page-partenaires .bloc-partenaires img {
  display: block;
  margin: 0 auto;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.c-principal .detail-partenaires {
  padding: 44px 0 25px;
}

.c-principal .detail-partenaires .retour {
  font-size: 22px;
  color: #F36950;
  text-decoration: none;
  position: absolute;
  top: -40px;
  left: 5px;
}

.c-principal .detail-partenaires .retour:before {
  content: '';
  width: 18px;
  height: 17px;
  background-image: url('../img/icon_retour.png');
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 10px;
}

.c-principal .prev_next_buttons {
  width: 1110px;
  display: block;
  padding-bottom: 12px;
  margin: 0 auto;
  border-bottom: 1px solid #d7d7d9;
  border-bottom: 1px solid rgba(118, 118, 123, 0.31);
}

.c-principal .prev_next_buttons:after {
  content: '';
  width: 100%;
  height: 1px;
  clear: both;
  display: block;
}

.c-principal .prev_next_buttons .prev {
  font-size: 20px;
  line-height: 40px;
  text-decoration: none;
  color: #48C2D2;
  float: left;
}

.c-principal .prev_next_buttons .prev:hover {
  color: #F36950;
}

.c-principal .prev_next_buttons .prev:before {
  content: '';
  width: 24px;
  height: 24px;
  background-image: url("../img/partenaire_prev.png");
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  vertical-align: middle;
  margin-right: 7px;
}

.c-principal .prev_next_buttons .prev:hover:before {
  background-image: url("../img/partenaire_prev_hover.png");
}

.c-principal .prev_next_buttons .next {
  font-size: 20px;
  line-height: 40px;
  text-decoration: none;
  color: #48C2D2;
  float: right;
}

.c-principal .prev_next_buttons .next:hover {
  color: #F36950;
}

.c-principal .prev_next_buttons .next:after {
  content: '';
  width: 24px;
  height: 24px;
  background-image: url("../img/partenaire_next.png");
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  vertical-align: middle;
  margin-left: 7px;
}

.c-principal .prev_next_buttons .next:hover:after {
  background-image: url("../img/partenaire_next_hover.png");
}

.c-principal .encart-partenaire {
  padding: 20px 44px 39px;
  margin: 93px 66px 0 64px;
  background-color: #f9fdfe;
  border: 2px solid #e1e2e5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  position: relative;
}

.c-principal .encart-partenaire .logo-partenaire {
  margin-bottom: 15px;
  display: inline-block;
}

.c-principal .encart-partenaire .wysiwyg p {
  margin-bottom: 0;
}

.c-principal .encart-partenaire .site-partenaire {
  margin-bottom: 10px;
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 30px;
  line-height: 20px;
}

.c-principal .encart-partenaire .visiter-partenaire {
  padding: 7px 54px 9px;
  position: absolute;
  top: 69px;
  right: 182px;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 12px;
  line-height: 20px;
}

.c-principal .page-partenaires .bloc-partenaires a {
  position: relative;
}

.c-principal .page-partenaires .is-neadly-partenaire {
  position: absolute;
  display: block;
  background-color: #f36950;
  border-radius: 4px;
  padding: 5px 5px 5px 27px;
  color: #FFFFFF;
  right: 5px;
  top: 5px;
  z-index: 15;
  font-size: 12px;
}

.c-principal .page-partenaires .legende-partenaire .is-neadly-partenaire {
  display: inline-block;
  background-color: #f36950;
  border-radius: 4px;
  padding: 5px 5px 5px 27px;
  color: #FFFFFF !important;
  z-index: 15;
  font-size: 12px !important;
  margin: 0px 11px 0px 0;
  vertical-align: 3px;
  position: relative;
  top: 0;
  left: 0;
}

.c-principal .page-partenaires .is-neadly-partenaire::before {
  color: #FFFFFF;
  text-decoration: none;
  font-family: Font Awesome\ 5 Free;
  content: "\f005";
  position: absolute;
  top: 4px;
  left: 8px;
  font-weight: bold;
  font-size: 13px;
  z-index: 9;
}

.c-principal .page-partenaires .legende-partenaire {
  text-align: center;
  margin-bottom: 15px;
  position: relative;
}

.c-principal .page-partenaires .legende-partenaire span {
  font-size: 20px;
  color: #404040;
  text-decoration: none;
}

.c-principal .page-partenaires .legende-partenaire .far {
  color: #f3684f;
  margin-right: 4px;
  font-size: 20px;
}

.c-principal .page-partenaires .legende-partenaire-texte {
  text-align: center;
}

.c-principal .page-partenaires .legende-partenaire-texte div[rel="w_listing_partenaires_info_partenaire"] {
  min-width: 500px !important;
}

/* ========================================= */

/* ============= ESPACE PRESSE ============= */

/* ========================================= */
.c-principal .espace-presse {
  padding: 44px 0 20px 0;
  border-bottom: 1px solid #d7d7d9;
  border-bottom: 1px solid rgba(118, 118, 123, 0.31);
}

.c-principal .espace-presse h2 {
  margin-bottom: 26px;
}

.c-principal .zone-presse {
  padding: 9px 0 41px;
}

.c-principal .zone-presse h3 {
  padding-bottom: 6px;
  display: block;
  width: 100%;
  border-bottom: 1px solid #d7d7d9;
  border-bottom: 1px solid rgba(118, 118, 123, 0.31);
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
}

.c-principal .zone-presse .articles-presse {
  font-size: 0;
}

.c-principal .zone-presse .articles-presse li {
  padding: 30px 0 5px 59px;
  display: inline-block;
  vertical-align: top;
  width: 50%;
}

.c-principal .zone-presse .articles-presse .logo-presse {
  display: block;
  margin-bottom: 16px;
}

.c-principal .zone-presse .articles-presse .publication-article {
  display: inline-block;
  margin-bottom: 8px;
  font-family: Raleway-SemiBold, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 10px;
  line-height: 20px;
  text-transform: uppercase;
  color: rgb(176, 176, 176);
  color: rgba(64, 64, 64, 0.5);
}

.c-principal .zone-presse .articles-presse p {
  margin-bottom: 6px;
  display: block;
  max-width: 90%;
  font-family: Raleway-SemiBold, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  line-height: 28px;
}

.c-principal .zone-presse .articles-presse p:before {
  content: '«';
  margin-right: 4px;
}

.c-principal .zone-presse .articles-presse p:after {
  content: '»';
  margin-left: 4px;
}

.c-principal .zone-presse .articles-presse p strong {
  font-family: Raleway-ExtraBold, Arial, sans-serif;
}

.c-principal .zone-presse .articles-presse .lire-article {
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  line-height: 34px;
  text-decoration: none;
  color: #21bfd1;
}

h3.les-articles {
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 20px;
  line-height: 20px;
  text-align: center;
  margin-bottom: 0px;
}

h3.les-articles:after {
  content: '';
  display: block;
  width: 11%;
  height: 1px;
  background-color: #e1e2e5;
  margin: 10px auto;
}

.liste-article-journal {
  text-align: justify;
}

.liste-article-journal:after {
  content: '';
  display: inline-block;
  width: 100%;
}

.liste-article-journal li {
  width: 48%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 24px;
}

.liste-article-journal li p {
  font-family: Raleway-Medium, Arial, sans-serif;
  font-weight: 500;
  text-align: left;
  line-height: 22px;
  margin-bottom: 10px;
}

.liste-article-journal li p:last-of-type {
  margin-bottom: 0px;
}

.liste-article-journal li .titre_article {
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  padding: 0 0 5px;
  display: block;
}

.liste-article-journal li .photo_article {
  width: 160px;
  color: #404040;
  text-align: center;
  margin: 4px auto 14px auto;
  border: 2px solid #e1e2e5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 10px 0;
  display: block;
}

.liste-article-journal li .categorie_article {
  font-family: Raleway-SemiBold, Arial, sans-serif;
  font-size: 14px;
  color: #A0A0A0;
  text-transform: uppercase;
  display: block;
  padding: 8px 0;
}

.liste-article-journal li small {
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #A0A0A0;
  padding: 8px 0;
  display: block;
}

.liste-article-journal .buttons {
  width: 100%;
  text-align: center;
}

.liste-article-journal .button {
  width: auto;
  display: inline-block;
  margin-top: 15px;
}

/* ========================================= */

/* =========== ENCART DE CONTACT =========== */

/* ========================================= */
.c-principal .encart-contact {
  padding: 50px 0 29px;
  text-align: center;
}

.c-principal .encart-contact.presse {
  padding: 50px 0 29px;
}

.c-principal .encart-contact h2 {
  margin-bottom: 14px;
}

.c-principal .encart-contact .sous-titre {
  padding: 15px 318px 24px;
  color: #8c8c90;
}

.c-principal .encart-contact a {
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 16px;
  line-height: 22px;
  text-decoration: none;
  color: #21bfd1;
}

.c-principal .encart-contact .dl-banniere {
  margin-top: 1px;
  display: inline-block;
  position: relative;
}

.c-principal .encart-contact .dl-banniere input {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
}

.c-principal .encart-contact .dl-banniere .button {
  padding: 5px 37px;
  font-size: 16px;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 46px;
}

.c-principal .encart-contact .ou {
  margin: 31px 0 1px;
  display: block;
  font-size: 26px;
  font-family: Raleway-Heavy, Arial, sans-serif;
  font-weight: 900;
  font-style: normal;
  line-height: 22px;
  color: #f3f3f4;
}

/* ========================================= */

/* ============ PAGE DE CONTENU ============ */

/* ========================================= */
.c-principal .page-contenu {
  padding-top: 43px;
  margin: 0 140px;
}

.c-principal .page-contenu .date-modification {
  margin-bottom: 32px;
  display: inline-block;
  font-family: Raleway-Medium, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  line-height: 30px;
  color: #aeafb4;
}

.c-principal .page-contenu .date-modification strong {
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
}

/* ========================================= */

/* ============ PAGE DE CONTENU ============ */

/* ========================================= */
.c-principal .page-restriction {
  padding: 38px 0 56px;
}

.c-principal .page-restriction .date-modification {
  margin-bottom: 0px;
  display: inline-block;
  font-family: Raleway-Medium, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  line-height: 30px;
  color: #aeafb4;
}

.c-principal .page-restriction .date-modification strong {
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
}

.c-principal .page-restriction .restrictions-envoi {
  padding: 27px 0;
  display: block;
  text-align: center;
}

.c-principal .page-restriction .restrictions-envoi img {
  margin-bottom: 91px;
}

.c-principal .page-restriction .liste-restrictions {
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
}

.c-principal .page-restriction .liste-restrictions td {
  padding-bottom: 107px;
}

.c-principal .page-restriction .liste-restrictions tr:last-child td {
  padding-bottom: 71px;
}

.c-principal .page-restriction .liste-restrictions img {
  margin-bottom: 25px;
}

.c-principal .page-restriction .liste-restrictions .description-produit {
  display: block;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  line-height: 30px;
  color: #aeafb4;
}

/* ========================================= */

/* ================== FAQ ================== */

/* ========================================= */
.c-principal .faq {
  padding-bottom: 61px;
}

.c-principal .faq .chapeau {
  padding: 23px 26% 35px;
  display: block;
  border-bottom: 1px solid #f0f0f1;
  border-bottom: 1px solid rgba(181, 181, 184, 0.2);
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}

.c-principal .faq .chapeau a {
  text-decoration: none;
  color: #21bfd1;
}

.c-principal .bloc-question {
  padding: 26px 20px 0px;
  border-bottom: 1px solid #f0f0f1;
  border-bottom: 1px solid rgba(181, 181, 184, 0.2);
}

.c-principal .bloc-question p {
  font-family: Raleway-Bold, Arial, sans-serif !important;
  font-weight: 700 !important;
  font-style: normal;
}

.c-principal .faq .faq-accordeon {
  padding-bottom: 17px;
}

.c-principal .faq .faq-accordeon h3 {
  cursor: pointer;
}

.c-principal .faq .faq-accordeon .btn-accordeon-faq {
  float: right;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.c-principal .faq .faq-accordeon .faq-accordeon-contenu {
  display: none;
}

.c-principal .faq .faq-accordeon.active .btn-accordeon-faq {
  float: right;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

/* ========================================= */

/* ============== INSCRIPTION ============== */

/* ========================================= */
.c-principal .steps-inscription {
  padding-top: 34px;
  width: 100%;
  text-align: center;
}

.c-principal .steps-inscription .etape {
  vertical-align: top;
  background: url('../img/motif-barre.png') repeat-x center center;
}

.c-principal .steps-inscription .etape.non-valide {
  color: #aeafb4;
}

.c-principal .steps-inscription .separateur {
  width: 51px;
}

.c-principal .steps-inscription .etape .message {
  margin-top: 11px;
  display: block;
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
}

.c-principal .steps-inscription .etape.e-une {
  width: 357px;
  text-align: left;
}

.c-principal .steps-inscription .etape.e-une .picto-etape {
  margin: 14px 0 0 72px;
}

.c-principal .steps-inscription .etape.e-une .pastille-numero {
  margin-left: -21px;
  bottom: -13px;
}

.c-principal .steps-inscription .etape.e-deux {
  padding-left: 36px;
  width: 467px;
  text-align: left;
}

.c-principal .steps-inscription .etape.e-deux .picto-etape {
  margin: 13px 0 2px 138px;
}

.c-principal .steps-inscription .etape.e-deux .pastille-numero {
  margin-left: -22px;
  bottom: -15px;
}

.c-principal .steps-inscription .etape.e-trois {
  padding-left: 38px;
  width: 314px;
  text-align: left;
}

.c-principal .steps-inscription .etape.e-trois .picto-etape {
  margin: 14px 0 11px 76px;
}

.c-principal .steps-inscription .etape.e-trois .pastille-numero {
  margin-left: -20px;
  bottom: -24px;
}

.c-principal .tableau-inscription {
  border-spacing: 0;
  border-collapse: collapse;
  margin: 55px 70px 0 70px;
}

.c-principal .tableau-inscription td {
  padding-top: 29px;
  vertical-align: top;
  height: 411px;
}

.c-principal .tableau-inscription td.span-ou {
  width: 230px;
  vertical-align: middle;
  text-align: center;
}

.c-principal .tableau-inscription h2 {
  margin-bottom: 12px;
  display: inline-block;
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 26px;
  line-height: 20px;
}

.c-principal .tableau-inscription span {
  display: inline-block;
  margin-bottom: 14px;
  font-family: Raleway-Medium, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  color: #9f9f9f;
}

.c-principal .tableau-inscription input {
  padding: 9px 13px;
  margin-bottom: 20px;
  display: block;
  width: 400px;
}

.c-principal .tableau-inscription .span-ou {
  background: url('../img/motif-barre.png') repeat-y center top;
}

.c-principal .tableau-inscription .span-ou span {
  margin-top: -13px;
  background: #ffffff;
  border: 8px solid #ffffff;
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 26px;
  line-height: 22px;
  text-transform: uppercase;
  color: #f3f3f4;
}

.c-principal .tableau-inscription .creation-identifiant {
  padding-left: 0;
  width: 436px;
}

.c-principal .tableau-inscription .connexion-facebook {
  padding-left: 34px;
  width: 410px;
}

.c-principal .tableau-inscription .connexion-facebook .info-reduite {
  font-family: Raleway-Medium, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 12px;
  line-height: 24px;
}

.c-principal .tableau-inscription .creation-identifiant .button {
  padding: 12px 90px 12px 89px;
}

.c-principal .tableau-inscription .connexion-facebook .button {
  padding: 12px 21px;
  margin-bottom: 32px;
}

.c-principal .tableau-inscription .connexion-facebook .button:before {
  content: '';
  margin-right: 21px;
  display: inline-block;
  vertical-align: -5px;
  background: url('../img/icone-facebook.png') 0 0 transparent;
  width: 9px;
  height: 20px;
}

.c-principal #form_connexion .Adresse0EstUnPro {
  margin-bottom: 8px;
}

.c-principal .steps-description {
  margin: 36px 70px 0;
  border-spacing: 0;
  border-collapse: collapse;
  text-align: center;
}

.c-principal .steps-description .etape {
  max-width: 394px;
  vertical-align: bottom;
}

.c-principal .steps-description .etape.non-valide {
  color: #aeafb4;
}

.c-principal .steps-description .picto-etape {
  margin-top: -6px;
}

.c-principal .steps-description .etape .message {
  padding: 0 30px;
  margin-top: 20px;
  display: block;
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 14px;
  line-height: 22px;
}

.c-principal .steps-description .etape:last-child .message {
  padding: 0;
}

.c-principal .steps-description .separateur {
  padding-top: 16px;
  vertical-align: top;
}

.c-principal .comment_ca_marche {
  padding: 46px 0 54px 0;
}

.c-principal .comment_ca_marche h2 {
  margin: 0 0 1px -8px;
}

.c-principal .comment_ca_marche .sous-titre {
  color: #b3b3b7;
}

.c-principal .renseignement-infos-persos {
  padding: 64px 0 21px;
  margin: 0 auto;
}

.c-principal .renseignement-infos-persos h2 {
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 26px;
  line-height: 20px;
  text-align: center;
}

.c-principal .inputs-infos-persos {
  padding: 39px 0;
  margin: 0 auto;  /*width: 400px;*/
  width: 820px;
}

.c-principal .inputs-infos-persos .bloc {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.c-principal .inputs-infos-persos .bloc-gauche, .c-principal .inputs-infos-persos .bloc-droit {
  -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;         /* OLD - Firefox 19- */
  width: 20%;               /* For old syntax, otherwise collapses. */
  -webkit-flex: 1;          /* Chrome */
  -ms-flex: 1;              /* IE 10 */
  flex: 1;
}

.c-principal .inputs-infos-persos .bloc-gauche {
  margin-right: 20px;
}

.c-principal .inputs-infos-persos .bloc-full {
  width: 100%;
}

.c-principal .inputs-infos-persos .bloc-full .tel {
  width: 49%;
}

.c-principal .inputs-infos-persos .bloc-neadly {
  border: solid 1px #e8e8e9;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 19px 19px 43px 19px;
  background: url('../img/neadly-logo-grey.png?v=1') no-repeat bottom 19px  right 19px #fafafb;
}

.c-principal .inputs-infos-persos .bloc-neadly h3 {
  margin-top: 0 !important;
}

.c-principal .inputs-infos-persos .bloc-document h3 {
  margin-bottom: 17px !important;
}

.c-principal .inputs-infos-persos .bloc-document p {
  font-family: Raleway-SemiBold, Arial, sans-serif;
  font-size: 14px;
  margin-top: 0;
  margin-bottom: 17px;
}

.c-principal .inputs-infos-persos .bloc-document .importer-fichier {

  /*padding: 20px 0 16px;*/
}

.c-principal .inputs-infos-persos .bloc-document .importer-fichier .input-url {
  padding: 9px 14px;
  display: block;  /*min-width: 641px;*/
  height: 44px;
  background-color: #ffffff;
  border: 2px solid #e1e3e6;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-family: Raleway-SemiBold, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  line-height: 22px;
  text-align: left;
}

.c-principal .inputs-infos-persos .bloc-document .importer-fichier .input-file {
  display: inline-block;
  vertical-align: top;
  position: relative;
  float: right;
  width: 140px;
  height: 44px;
}

.c-principal .inputs-infos-persos .bloc-document .importer-fichier .import-file {
  display: inline-block;
  vertical-align: top;
  position: relative;
  float: right;
  width: 140px;
  height: 44px;
}

.c-principal .inputs-infos-persos .bloc-document .importer-fichier .import-file input[type="file"] {
  padding: 0;
  width: 90px;
  height: 37px;
  border: none;
  display: initial;
  position: absolute;
  top: -41px;
  right: 2px;
  z-index: 2;
  opacity: 0
}

.c-principal .inputs-infos-persos .bloc-document .importer-fichier .import-file .button {
  padding: 8px 11px;
  font-family: Raleway-Bold, Arial, sans-serif;
  width: 90px;
  height: 37px;
  font-weight: 700;
  font-style: normal;
  font-size: 12px;
  line-height: 20px;
  position: absolute;
  top: -52px;
  right: 4px;
  z-index: 1;
  background-color: #2ecc71;
  color: #fff;
  box-shadow: none;
}

.c-principal .inputs-infos-persos .bloc-document .jq_upload_document {

  /*text-align: right;
  border: solid 2px #e1e2e6;
  background-color: #fff;
  padding: 2px;
  margin-bottom: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;*/
}

.c-principal .inputs-infos-persos .bloc-document .jq_upload_document .custom-file {
  box-shadow: none;
}

.c-principal .inputs-infos-persos .bloc-document a {
  display: inline-block;
  margin-top: 12px;
  color: #f36950;
  text-decoration: none;
}

.c-principal .inputs-infos-persos input {
  padding: 9px 14px;
  margin-bottom: 20px;
  width: 100%;
}

.c-principal .inputs-infos-persos .ville {

  /*width: 65%;*/
  width: 69%;
}

.c-principal .inputs-infos-persos .code-postal {
  width: 30%;  /*float: right;*/
}

.c-principal .inputs-infos-persos ul {
  margin-bottom: 20px;
}

.c-principal .inputs-infos-persos ul span {
  padding: 9px 14px;
}

.c-principal .inputs-infos-persos h3 {
  margin: 24px 0 17px;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
}

.c-principal .inputs-infos-persos .checkbox.ProfilAddresseFact, .c-principal .inputs-infos-persos .checkbox.ProfilCgv {
  margin: -10px 0 -11px;
}

.c-principal .inputs-infos-persos .checkbox.ProfilCgv label {
  color: #404040;
}

.c-principal .inputs-infos-persos hr {
  margin: 20px 0;
}

.c-principal .inputs-infos-persos .button {
  width: 100%;
  text-align: center;
}

.c-principal .fin-creation-adresse {
  margin: 64px auto 0;
}

.c-principal .fin-creation-adresse .bravo {
  margin-bottom: 18px;
  display: block;
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 26px;
  line-height: 20px;
  text-align: center;
  color: #aeafb4;
}

.c-principal .fin-creation-adresse h2 {
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 26px;
  line-height: 20px;
}

.c-principal .tableaux-adresses {
  padding-top: 71px;
  display: block;
  width: 100%;
  background-image: url('../img/bg-inscription.png');
  background-position: center 50px;
  background-repeat: no-repeat;
}

.c-principal .tableaux-adresses .adresse-shopiles, .c-principal .tableaux-adresses .adresse-reexpedition {
  vertical-align: top;
  width: 539px;
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
}

.c-principal .tableaux-adresses .adresse-shopiles {
  float: left;
}

.c-principal .tableaux-adresses .adresse-reexpedition {
  float: right;
}

.c-principal .tableaux-adresses .adresse-shopiles thead h3, .c-principal .tableaux-adresses .adresse-reexpedition thead h3 {
  padding-bottom: 44px;
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 18px;
  line-height: 22px;
  text-transform: uppercase;
}

.c-principal .tableaux-adresses .adresse-shopiles thead h3 {
  margin: 0 0 -3px 4px;
  color: #ff6b50;
}

.c-principal .tableaux-adresses .adresse-shopiles thead h3:before {
  content: '';
  margin-right: 10px;
  display: inline-block;
  vertical-align: -8px;
  background-image: url('../img/adresse-shopiles-title.png');
  width: 34px;
  height: 32px;
}

.c-principal .tableaux-adresses .adresse-reexpedition thead h3 {
  margin: -7px 0 0 -2px;
  color: #21bfd1;
}

.c-principal .tableaux-adresses .adresse-reexpedition thead h3:before {
  content: '';
  margin-right: 8px;
  display: inline-block;
  vertical-align: -3px;
  background-image: url('../img/adresse-reexpedition-title.png');
  width: 40px;
  height: 34px;
}

.c-principal .tableaux-adresses .adresse-shopiles tbody tr, .c-principal .tableaux-adresses .adresse-reexpedition tbody tr {
  background-color: #f9fdfe;
  border-top: 1px solid rgb(243, 243, 244);
  border-top: 1px solid rgba(232, 232, 233, 0.5);
}

.c-principal .tableaux-adresses .adresse-shopiles tbody tr:nth-child(2n+2), .c-principal .tableaux-adresses .adresse-reexpedition tbody tr:nth-child(2n+2) {
  background-color: #ffffff;
}

.c-principal .tableaux-adresses .adresse-shopiles tbody td, .c-principal .tableaux-adresses .adresse-reexpedition tbody td {
  padding: 10px 0 14px;
}

.c-principal .tableaux-adresses .adresse-shopiles .info {
  background-color: #ffffff;
}

.c-principal .tableaux-adresses .adresse-shopiles .info td {
  padding: 21px 0 0 41px;
}

.c-principal .tableaux-adresses .adresse-shopiles .info .info-pict {
  margin-right: 6px;
}

.c-principal .tableaux-adresses .adresse-shopiles .info .info-texte {
  max-width: 84%;
  display: inline-block;
  vertical-align: middle;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  color: #21bfd1;
}

.c-principal .tableaux-adresses .adresse-shopiles .intitule, .c-principal .tableaux-adresses .adresse-reexpedition .intitule {
  padding-left: 41px;
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 16px;
  line-height: 22px;
  text-transform: uppercase;
  color: #a6a6a6;
}

.c-principal .tableaux-adresses .adresse-shopiles .champ, .c-principal .tableaux-adresses .adresse-reexpedition .champ {
  padding-right: 43px;
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 18px;
  line-height: 22px;
  text-align: right;
}

.c-principal .tableaux-adresses .adresse-shopiles .champ {
  color: #ff6b50;
}

.c-principal .tableaux-adresses .adresse-shopiles .id-shopiles {
  color: #404040;
  text-transform: uppercase;
}

.c-principal .tableaux-adresses .adresse-shopiles .infobulle {
  margin-left: 5px;
  display: inline-block;
  vertical-align: 2px;
}

.c-principal .fin-creation-adresse .button {
  padding: 12px 80px;
  margin: 50px auto 59px;
  display: block;
  max-width: 400px;
  text-align: center;
}

/* ========================================= */

/* =============== CONNEXION =============== */

/* ========================================= */
.c-principal .connexion .sous-titre {
  padding: 34px 460px 31px;
  line-height: 24px;
  color: #9f9f9f;
}

.c-principal .zone-connexion {
  width: 400px;
  margin: 0 auto 40px;
}

.c-principal .zone-connexion input, .c-principal .zone-connexion .button {
  margin-bottom: 20px;
  width: 100%;
}

.c-principal .zone-connexion input {
  padding: 9px 14px;
}

.c-principal .zone-connexion .recuppass {
  padding: 5px 0 4px;
  display: inline-block;
  font-family: Raleway-Medium, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  line-height: 22px;
  text-decoration: none;
  color: #949498;
}

.c-principal .zone-connexion hr {
  margin: 20px 0;
}

.c-principal .zone-connexion .button {
  text-align: center;
}

.c-principal .zone-connexion .facebook {
  margin-top: 10px;
  position: relative;
}

.c-principal .zone-connexion .facebook:before {
  content: '';
  position: absolute;
  left: 21px;
  background: url('../img/icone-facebook.png') 0 0 transparent;
  width: 9px;
  height: 20px;
}

/* ========================================= */

/* ========= RECUPERATION PASSWORD ========= */

/* ========================================= */
.c-principal .recup-pass {
  padding: 50px 0;
  margin: 0 auto;
  display: block;
  width: 400px;
  text-align: center;
}

.c-principal .recup-pass img {
  margin: 1px 0 18px 0;
}

.c-principal .recup-pass span {
  margin-bottom: 18px;
  display: inline-block;
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 18px;
  line-height: 22px;
  text-transform: uppercase;
  color: #d9d9d9;
}

.c-principal .recup-pass input {
  padding: 9px 14px;
}

.c-principal .recup-pass input, .c-principal .recup-pass .button {
  width: 100%;
  margin-bottom: 20px;
}

/* ========================================= */

/* ======== MENUS COMPTE ET PANIER ========= */

/* ========================================= */
.c-principal .menu-compte, .c-principal .menu-panier {
  padding: 0;
}

.c-principal .inscription-erreurs {
  color: red;
  margin-bottom: 18px;
  line-height: 24px;
}

.c-principal .menu-compte .payment-steps {
  border-bottom: solid 1px #e8e8e9;
  padding-bottom: 20px;
}

.c-principal .menu-panier .payment-steps {
  border-left: solid 1px #e8e8e9;
  border-right: solid 1px #e8e8e9;
  padding-top: 20px;
  border-radius: 10px 10px 0 0;
  background: url("../img/border-element.png") repeat-x 0 70px;
  height: 71px;
  margin-bottom: 40px;
}

.c-principal .menu-panier .payment-steps .step .inner:after {
  margin: 1px auto 0;
}

.c-principal .menu-compte .carte-vip-bloc {
  margin: 63px auto;
}

.c-principal .menu-panier .carte-vip-bloc {
  margin: 15px 0 20px;
}

.c-principal .menu-panier .add-parcels {
  margin: 25px 0 15px;
}

.c-principal .nav-compte, .c-principal .nav-panier {
  margin-bottom: 30px;
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  table-layout: fixed;
}

.c-principal .nav-compte {
  margin-bottom: 23px;
}

.c-principal .nav-panier {
  margin-bottom: 0;
}

.c-principal .nav-compte td, .c-principal .nav-panier td {
  text-align: center;
  position: relative;
  width: 20%;
}

.c-principal .nav-panier td {
  width: 33.3333%;
}

.c-principal .nav-compte .menu-compte-lien, .c-principal .nav-panier .menu-panier-lien {
  border-right: 1px solid #e8e8e9;
  border-bottom: 1px solid #e8e8e9;
}

.c-principal .nav-compte td:first-child .menu-compte-lien, .c-principal .nav-panier td:first-child .menu-panier-lien {
  border-left: 1px solid #e8e8e9;
  -webkit-border-top-left-radius: 10px;
  -moz-border-top-left-radius: 10px;
  border-top-left-radius: 10px;
}

.c-principal td.neadly {
  width: 136px;
  position: relative;
}

.c-principal td.neadly:after {
  content: '';
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  background: url('/img/beta.png') no-repeat top right;
  background-size: cover;
}

.c-principal td.neadly .menu-compte-lien {
  padding: 25px 0 0
}

.c-principal td.neadly .menu-compte-lien:before {
  background-image: url("../img/neadly-logo-menu.png");
  background-repeat: no-repeat;
  background-position: top left;
  height: 26px;
  width: 69px;
  margin-right: 0;
}

.c-principal td.neadly .menu-compte-lien:hover:before, .c-principal td.neadly .menu-compte-lien:active:before {
  background-position: top right;
}

.c-principal .nav-compte td:last-child .menu-compte-lien, .c-principal .nav-panier td:last-child .menu-panier-lien {
  -webkit-border-top-right-radius: 10px;
  -moz-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
}

.c-principal .nav-compte .notification-compte {
  margin-left: -19px;
  width: 37px;
  height: 37px;
  background-color: #f2395b;
  border: 2px solid #f2395b;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
  -moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
  color: #ffffff;
  position: absolute;
  top: -19px;
  left: 50%;
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 18px;
  line-height: 30px;
  text-align: center;
}

.c-principal .nav-compte .menu-compte-lien {
  padding: 16px 0 9px;
  display: inline-block;
  width: 100%;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  line-height: 46px;
  text-decoration: none;
  text-transform: uppercase;
  color: #404040;
}

.c-principal .nav-compte .menu-compte-lien:hover, .c-principal .nav-compte .menu-compte-lien.active {
  color: #ff6b50;
}

.c-principal .menu-compte .menu-compte-lien:before {
  content: '';
  margin-right: 10px;
  display: inline-block;
  background-image: url('../img/menu-mon-compte.png');
}

.c-principal .nav-compte .mon-compte:before {
  background-position: 0 0;
  width: 26px;
  height: 20px;
  vertical-align: -4px;
}

.c-principal .nav-compte .mes-infos-personnelles:before {
  background-position: -26px 0;
  width: 20px;
  height: 20px;
  vertical-align: -4px;
}

.c-principal .nav-compte .mes-adresses:before {
  background-position: -46px 0;
  width: 27px;
  height: 25px;
  vertical-align: -7px;
}

.c-principal .nav-compte .mes-colis:before {
  background-position: -73px 0;
  width: 28px;
  height: 24px;
  vertical-align: -6px;
}

.c-principal .nav-compte .mes-messages:before {
  background-position: -101px 0;
  width: 29px;
  height: 25px;
  vertical-align: -6px;
}

.c-principal .nav-compte .mon-compte:hover:before, .c-principal .nav-compte .mon-compte.active:before {
  background-position: 0 -25px;
}

.c-principal .nav-compte .mes-infos-personnelles:hover:before, .c-principal .nav-compte .mes-infos-personnelles.active:before {
  background-position: -26px -25px;
}

.c-principal .nav-compte .mes-adresses:hover:before, .c-principal .nav-compte .mes-adresses.active:before {
  background-position: -46px -25px;
}

.c-principal .nav-compte .mes-colis:hover:before, .c-principal .nav-compte .mes-colis.active:before {
  background-position: -73px -25px;
}

.c-principal .nav-compte .mes-messages:hover:before, .c-principal .nav-compte .mes-messages.active:before {
  background-position: -101px -25px;
}

.c-principal .nav-panier .menu-panier-lien {
  padding: 13px 0 12px;
  display: inline-block;
  width: 100%;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  line-height: 46px;
  text-decoration: none;
  text-transform: uppercase;
  color: #404040;
}

.c-principal .nav-panier .menu-panier-lien:hover, .c-principal .nav-panier .active .menu-panier-lien {
  color: #ff6b50;
}

.c-principal .nav-panier .menu-panier-lien:before {
  content: '';
  display: inline-block;
  background-image: url('../img/menu-panier.png');
  margin-right: 11px;
}

.c-principal .nav-panier .resume-commande:before {
  background-position: 0 0;
  width: 26px;
  height: 20px;
  vertical-align: -5px;
}

.c-principal .nav-panier .resume-commande:hover:before, .c-principal .nav-panier .active .resume-commande:before {
  background-position: 0 -23px;
}

.c-principal .nav-panier .validation-commande:before {
  background-position: -26px 0;
  vertical-align: -7px;
  width: 26px;
  height: 23px;
}

.c-principal .nav-panier .validation-commande:hover:before, .c-principal .nav-panier .active .validation-commande:before {
  background-position: -26px -23px;
}

.c-principal .nav-panier .mode-de-paiement:before {
  background-position: -52px 0;
  vertical-align: -4px;
  width: 29px;
  height: 18px;
}

.c-principal .nav-panier .mode-de-paiement:hover:before, .c-principal .nav-panier .active .mode-de-paiement:before {
  background-position: -52px -23px;
}

.c-principal .nav-panier .pastille-etape {
  margin-left: -24px;
  background-image: url('../img/pastille-numero.png');
  width: 46px;
  height: 50px;
  position: absolute;
  bottom: -25px;
  left: 50%;
}

.c-principal .nav-panier .pastille-etape.e-une {
  background-position: 0 0;
}

.c-principal .nav-panier .active .pastille-etape.e-une {
  background-position: 0 -50px;
}

.c-principal .nav-panier .pastille-etape.e-deux {
  background-position: -46px 0;
}

.c-principal .nav-panier .active .pastille-etape.e-deux {
  background-position: -46px -50px;
}

.c-principal .nav-panier .pastille-etape.e-trois {
  background-position: -92px 0;
}

.c-principal .nav-panier .active .pastille-etape.e-trois {
  background-position: -92px -50px;
}

/* ========================================= */

/* =========== MENU REEXPEDITION =========== */

/* ========================================= */
.c-principal .menu-reexpedition {
  padding: 0;
}

.c-principal .nav-reexpedition {
  margin-bottom: 30px;
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  table-layout: fixed;
}

.c-principal .nav-reexpedition td {
  text-align: center;
  position: relative;
  width: 50%;
}

.c-principal .nav-reexpedition .menu-reexpedition-lien {
  border-right: 1px solid #e8e8e9;
  border-bottom: 1px solid #e8e8e9;
}

.c-principal .nav-reexpedition td:first-child .menu-reexpedition-lien {
  border-left: 1px solid #e8e8e9;
  -webkit-border-top-left-radius: 10px;
  -moz-border-top-left-radius: 10px;
  border-top-left-radius: 10px;
}

.c-principal .nav-reexpedition td:last-child .menu-reexpedition-lien {
  -webkit-border-top-right-radius: 10px;
  -moz-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
}

.c-principal .nav-reexpedition .menu-reexpedition-lien {
  padding: 14px 0 12px;
  display: inline-block;
  width: 100%;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  line-height: 46px;
  text-decoration: none;
  text-transform: uppercase;
  color: #404040;
}

.c-principal .nav-reexpedition .menu-reexpedition-lien:hover, .c-principal .nav-reexpedition .menu-reexpedition-lien.active {
  color: #ff6b50;
}

.c-principal .menu-reexpedition .menu-reexpedition-lien:before {
  content: '';
  margin-right: 10px;
  display: inline-block;
  background-image: url('../img/menu-reexpedition.png');
}

.c-principal .menu-reexpedition .lien-poste:before {
  background-position: 0 0;
  width: 33px;
  height: 24px;
  vertical-align: -7px;
}

.c-principal .menu-reexpedition .lien-poste:hover:before, .c-principal .menu-reexpedition .active.lien-poste:before {
  background-position: 0 -33px;
}

.c-principal .menu-reexpedition .lien-fret:before {
  background-position: -33px 0;
  vertical-align: -11px;
  width: 31px;
  height: 33px;
}

.c-principal .menu-reexpedition .lien-fret:hover:before, .c-principal .menu-reexpedition .active.lien-fret:before {
  background-position: -33px -33px;
}

/* ========================================= */

/* ========= MON COMPTE : GENERAL ========== */

/* ========================================= */
.c-principal .menu-compte .sous-titre {
  line-height: 24px;
  color: #9f9f9f;
}

/* ========================================= */

/* ========= MON COMPTE : ACCUEIL ========== */

/* ========================================= */
.c-principal .mon-compte-accueil {
  border-bottom: 1px solid #e8e8e9;
  margin-bottom: 35px;
}

.c-principal .mon-compte-accueil .tableaux-adresses {
  padding: 19px 20px 24px 50px;
  display: block;
  width: 100%;
  background: none;
}

.c-principal .mon-compte-accueil .tableaux-adresses .adresse-shopiles, .c-principal .mon-compte-accueil .tableaux-adresses .reexpedition-colis {
  vertical-align: top;
  width: 539px;
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
}

.c-principal .mon-compte-accueil .tableaux-adresses .adresse-shopiles {
  float: left;
}

.c-principal .mon-compte-accueil .tableaux-adresses .reexpedition-colis {
  margin-top: 2px;
  width: 571px;
  table-layout: initial;
  float: right;
}

.c-principal .mon-compte-accueil .tableaux-adresses .adresse-shopiles thead h3, .c-principal .mon-compte-accueil .tableaux-adresses .reexpedition-colis thead h3 {
  padding-bottom: 44px;
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 18px;
  line-height: 22px;
  text-transform: uppercase;
}

.c-principal .mon-compte-accueil .tableaux-adresses .adresse-shopiles thead h3 {
  margin: 0 0 -3px 4px;
  color: #404040;
}

.c-principal .mon-compte-accueil .tableaux-adresses .reexpedition-colis thead h3 {
  margin: 0 0 0 9px;
  padding-bottom: 45px;
}

.c-principal .mon-compte-accueil .tableaux-adresses .adresse-shopiles thead h3:before {
  content: '';
  margin-right: 10px;
  display: inline-block;
  vertical-align: -8px;
  background-image: url('../img/adresse-shopiles-title.png');
  width: 34px;
  height: 32px;
}

.c-principal .mon-compte-accueil .tableaux-adresses .reexpedition-colis thead h3 sup {
  color: #21bfd1;
}

.c-principal .mon-compte-accueil .tableaux-adresses .adresse-shopiles tbody tr {
  background-color: #f9fdfe;
  border-top: 1px solid rgb(243, 243, 244);
  border-top: 1px solid rgba(232, 232, 233, 0.5);
}

.c-principal .mon-compte-accueil .tableaux-adresses .adresse-shopiles tbody tr:nth-child(2n+2) {
  background-color: #ffffff;
}

.c-principal .mon-compte-accueil .tableaux-adresses .adresse-shopiles tbody td {
  padding: 10px 0 14px;
}

.c-principal .mon-compte-accueil .tableaux-adresses .reexpedition-colis tbody tr {
  background-color: #ffffff;
  border-top: 1px solid rgb(243, 243, 244);
  border-top: 1px solid rgba(232, 232, 233, 0.5);
}

.c-principal .mon-compte-accueil .tableaux-adresses .reexpedition-colis tbody .ligne-colis {
  cursor: pointer;
}

.c-principal .mon-compte-accueil .tableaux-adresses .reexpedition-colis tbody .ligne-colis:hover {
  background-color: #f9fdfe;
}

.c-principal .mon-compte-accueil .tableaux-adresses .reexpedition-colis tbody .ligne-vip {
  border-top: none;
}

.c-principal .mon-compte-accueil .tableaux-adresses .reexpedition-colis tbody .ligne-vip .inner {
  border: 1px solid rgb(243, 243, 244);
  border-radius: 10px;
  padding: 20px;
}

.c-principal .mon-compte-accueil .tableaux-adresses .reexpedition-colis tbody .ligne-vip .inner .h3 {
  font-family: Raleway-ExtraBold;
  font-size: 18px;
  text-align: center;
  text-transform: uppercase;
  padding-bottom: 38px;
}

.c-principal .mon-compte-accueil .tableaux-adresses .reexpedition-colis tbody .ligne-vip .validation-date {
  font-family: Raleway-Light;
  font-size: 16px;
  position: relative;
  padding-left: 130px;
  margin-bottom: 37px;
}

.c-principal .mon-compte-accueil .tableaux-adresses .reexpedition-colis tbody .ligne-vip .validation-date .date {
  display: block;
  font-family: Raleway-Bold;
  font-size: 18px;
}

.c-principal .mon-compte-accueil .tableaux-adresses .reexpedition-colis tbody .ligne-vip .validation-date:before {
  content: "";
  display: inline-block;
  vertical-align: top;
  background: url("../img/vip-card-medium.png") no-repeat;
  width: 110px;
  height: 73px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

/*.c-principal .mon-compte-accueil .tableaux-adresses .reexpedition-colis tbody .ligne-vip .parrainage {
border-top: 1px solid rgb(243,243,244);
border-bottom: 1px solid rgb(243,243,244);
background-color: #f9fdfe;
padding: 21px 27px;
}
.c-principal .mon-compte-accueil .tableaux-adresses .reexpedition-colis tbody .ligne-vip .parrainage .h4{
font-family: Raleway-Bold;
font-size: 20px;
padding-bottom: 8px;
}
.c-principal .mon-compte-accueil .tableaux-adresses .reexpedition-colis tbody .ligne-vip .parrainage p{
color: #00c1d2;
font-family: Raleway-Bold;
font-size: 16px;
padding-bottom: 1px;
}
.c-principal .mon-compte-accueil .tableaux-adresses .reexpedition-colis tbody .ligne-vip .parrainage .code{
font-family: Raleway-ExtraLight;
font-size: 39px;
padding-bottom: 14px;
}
.c-principal .mon-compte-accueil .tableaux-adresses .reexpedition-colis tbody .ligne-vip .parrainage .share .title{
font-family: Raleway-ExtraBold;
font-size: 14px;
text-transform: uppercase;
padding-bottom: 9px;
}*/
.c-principal .mon-compte-accueil .tableaux-adresses .reexpedition-colis tbody td {
  padding: 11px 0 5px 0;
  vertical-align: top;
}

.c-principal .mon-compte-accueil .tableaux-adresses .adresse-shopiles .info {
  background-color: #ffffff;
}

.c-principal .mon-compte-accueil .tableaux-adresses .adresse-shopiles .info td {
  padding: 23px 0 0 41px;
}

.c-principal .mon-compte-accueil .tableaux-adresses .adresse-shopiles .info .info-pict {
  margin-right: 6px;
}

.c-principal .mon-compte-accueil .tableaux-adresses .adresse-shopiles .info .info-texte {
  max-width: 84%;
  display: inline-block;
  vertical-align: middle;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  color: #21bfd1;
}

.c-principal .mon-compte-accueil .tableaux-adresses .adresse-shopiles .intitule {
  padding-left: 41px;
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 16px;
  line-height: 22px;
  text-transform: uppercase;
  color: #a6a6a6;
}

.c-principal .mon-compte-accueil .tableaux-adresses .adresse-shopiles .champ {
  padding-right: 43px;
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 18px;
  line-height: 22px;
  text-align: right;
  color: #ff6b50;
}

.c-principal .mon-compte-accueil .tableaux-adresses .adresse-shopiles tr:first-of-type .champ {
  color: #404040;
}

.c-principal .mon-compte-accueil .tableaux-adresses .adresse-shopiles .id-shopiles {
  color: #404040;
  text-transform: uppercase;
}

.c-principal .mon-compte-accueil .tableaux-adresses .adresse-shopiles .infobulle {
  margin-left: 5px;
  display: inline-block;
  vertical-align: 2px;
}

.c-principal .mon-compte-accueil .tableaux-adresses .reexpedition-colis .notification-colis {
  padding-left: 10px;
  position: relative;
}

.c-principal .mon-compte-accueil .tableaux-adresses .reexpedition-colis .notification-colis img {
  margin-top: 0px;
}

.c-principal .mon-compte-accueil .tableaux-adresses .reexpedition-colis .notif-orange {
  display: block;
  width: 10px;
  height: 10px;
  background-color: #ff6b50;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 13px;
  left: 5px;
}

.c-principal .mon-compte-accueil .tableaux-adresses .reexpedition-colis .infobulle {
  position: absolute;
  top: 14px;
  left: -2px;
}

.c-principal .mon-compte-accueil .tableaux-adresses .reexpedition-colis .danger-colis {
  display: inline-block;
  width: 20px;
  height: 17px;
  background-image: url('../img/mon-compte-danger.png');
  background-position: 0 0;
}

.c-principal .mon-compte-accueil .tableaux-adresses .reexpedition-colis .infobulle:hover .danger-colis {
  background-position: 0 -17px;
}

.c-principal .mon-compte-accueil .tableaux-adresses .reexpedition-colis .type-colis {
  display: block;
  margin: 0 0 0 0;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 10px;
  line-height: 10px;
  text-transform: uppercase;
  color: rgb(176, 176, 176);
  color: rgba(64, 64, 64, 0.5);
}

.c-principal .mon-compte-accueil .tableaux-adresses .reexpedition-colis .numero-colis, .c-principal .mon-compte-accueil .tableaux-adresses .reexpedition-colis .site-colis, .c-principal .mon-compte-accueil .tableaux-adresses .reexpedition-colis .poids-colis, .c-principal .mon-compte-accueil .tableaux-adresses .reexpedition-colis .date-colis {
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 14px;
  line-height: 22px;
}

.c-principal .mon-compte-accueil .tableaux-adresses .reexpedition-colis .numero-colis {
  display: block;
  margin-top: -3px;
  color: #21bfd1;
}

.c-principal .mon-compte-accueil .tableaux-adresses .reexpedition-colis .site-colis {
  font-family: Raleway-Medium, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
}

.c-principal .mon-compte-accueil .tableaux-adresses .reexpedition-colis .poids-colis {
  padding-right: 29px;
  color: rgb(176, 176, 176);
  color: rgba(64, 64, 64, 0.5);
}

.c-principal .mon-compte-accueil .tableaux-adresses .reexpedition-colis .date-colis:after {
  content: '';
  margin-left: 15px;
  display: inline-block;
  vertical-align: -2px;
  background: url('../img/mon-compte-lien-colis.png');
  width: 7px;
  height: 12px;
}

.c-principal .mon-compte-accueil .tableaux-adresses .reexpedition-colis .voir-colis {
  padding: 30px 0;
  text-align: center;
}

.c-principal .mon-compte-accueil .tableaux-adresses .reexpedition-colis .voir-colis .button {
  padding: 12px 26px;
  font-size: 12px;
  line-height: 20px;
}

.c-principal .mon-compte-accueil .tableaux-adresses .reexpedition-colis .infobulle .infobulle-contenu {
  padding: 29px 34px 25px;
  min-width: 449px;
  position: absolute;
  top: 22px;
  left: 26px;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 0 10px 10px 10px;
  -moz-border-radius: 0 10px 10px 10px;
  border-radius: 0 10px 10px 10px;
  text-align: center;
  display: none;
}

.c-principal .mon-compte-accueil .tableaux-adresses .reexpedition-colis .infobulle:hover .infobulle-contenu {
  display: inline-block;
}

.c-principal .mon-compte-accueil .tableaux-adresses .reexpedition-colis .infobulle .infobulle-contenu .infobulle-avert {
  margin-bottom: 25px;
  display: inline-block;
  font-family: Raleway-Medium, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 20px;
  line-height: 16px;
  color: #ffffff;
}

.c-principal .mon-compte-accueil .tableaux-adresses .reexpedition-colis .infobulle .infobulle-contenu .infobulle-avert strong {
  font-family: Raleway-Heavy, Arial, sans-serif;
  font-weight: 900;
}

.c-principal .mon-compte-accueil .tableaux-adresses .reexpedition-colis .infobulle .infobulle-contenu .infobulle-titre {
  margin-bottom: 13px;
  display: inline-block;
  font-family: Raleway-Medium, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
}

/* ========================================= */

/* ==== MON COMPTE : INFOS PERSONNELLES ==== */

/* ========================================= */
.c-principal .menu-compte .infos-personnelles {
  padding-bottom: 61px;
}

.c-principal .menu-compte .infos-personnelles .sous-titre {
  padding: 15px 280px;
}

.c-principal .menu-compte .infos-personnelles .sous-titre-neadly {
  padding: 0;
  text-align: left;
  margin-bottom: 20px;
}

.c-principal .menu-compte .infos-personnelles .label {
  padding-bottom: 5px;
  font-size: 14px;
}

.c-principal .menu-compte .encart-modif-avatar {
  padding: 37px 0 0 4px;
  margin: 0 auto;
  display: block;  /*width: 400px;*/
  width: 820px;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  line-height: 22px;
}

.c-principal .menu-compte .encart-modif-avatar .avatar {
  width: 129px;
  height: 129px;
  margin-right: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 4px solid #f1f1f1;
}

.c-principal .menu-compte .encart-modif-avatar .info-nom-prenom {
  max-width: 60%;
  display: inline-block;
  vertical-align: top;
}

.c-principal .menu-compte .encart-modif-avatar .prenom {
  margin-top: 14px;
  display: block;
  color: #21bfd1;
}

.c-principal .menu-compte .encart-modif-avatar .nom {
  margin-bottom: 17px;
  display: block;
  color: #ff6b50;
}

.c-principal .menu-compte .infos-personnelles .inputs-infos-persos {
  padding: 26px 0 0;
}

.c-principal .menu-compte .infos-personnelles .inputs-infos-persos hr {
  margin: 0 0 20px 0;
}

.c-principal .menu-compte .infos-personnelles .inputs-infos-persos h3 {
  margin: 22px 0 17px;
}

.c-principal .menu-compte .infos-personnelles .inputs-infos-persos .checkbox {
  margin-bottom: 20px;
}

.c-principal .menu-compte .infos-personnelles .inputs-infos-persos .button {
  padding: 11px 0;
  width: 400px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* ========================================= */

/* ======= MON COMPTE : MES ADRESSES ======= */

/* ========================================= */
.c-principal .menu-compte .zone-adresses {
  padding: 12px 20px 0 20px;
}

.c-principal .menu-compte .zone-adresses .sous-titre {
  padding: 25px 240px;
}

.c-principal .menu-compte .liste-adresses {
  margin-top: 21px;
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
  text-align: left;
  width: 100%;
}

.c-principal .menu-compte .liste-adresses tr {
  border-bottom: 1px solid #e8e8e9;
}

.c-principal .menu-compte .liste-adresses .adresse-defaut {
  background-color: #f7f6f6;
}

.c-principal .menu-compte .liste-adresses th, .c-principal .menu-compte .liste-adresses .nom-adresse {
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  color: #9f9f9f;
}

.c-principal .menu-compte .liste-adresses th {
  padding-bottom: 7px;
}

.c-principal .menu-compte .liste-adresses th a {
  text-decoration: none;
  color: #9f9f9f;
}

.c-principal .menu-compte .liste-adresses td {
  padding: 14px 0 14px;
}

.c-principal .menu-compte .liste-adresses .nom-adresse {
  margin: 3px 0;
  display: block;
}

.c-principal .menu-compte .liste-adresses span {
  display: block;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
}

.c-principal .menu-compte .liste-adresses .adresse-defaut-label {
  margin-top: -2px;
  font-family: Raleway-SemiBold, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 12px;
  line-height: 22px;
  color: #2ecc71;
}

.c-principal .menu-compte .liste-adresses .adresse-defaut-label:before {
  content: '';
  margin-right: 6px;
  display: inline-block;
  background-image: url('../img/validation-xsmall.png');
  width: 12px;
  height: 9px;
}

.c-principal .menu-compte .liste-adresses .edition-adresse, .c-principal .menu-compte .liste-adresses .supprimer-adresse {
  margin-top: 3px;
  display: block;
  font-family: Raleway-Medium, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 10px;
  line-height: 22px;
  text-decoration: none;
  text-transform: uppercase;
  color: rgb(176, 176, 176);
  color: rgba(64, 64, 64, 0.5);
}

.c-principal .menu-compte .liste-adresses .edition-adresse {
  margin-top: 0px;
}

.c-principal .menu-compte .liste-adresses .edition-adresse:before {
  content: '';
  margin-right: 4px;
  background-image: url('../img/editer-colis.png');
  vertical-align: -4px;
  display: inline-block;
  width: 14px;
  height: 14px;
}

.c-principal .menu-compte .liste-adresses .supprimer-adresse:before {
  content: '';
  margin-right: 5px;
  background-image: url('../img/icone-suppression.png');
  vertical-align: -4px;
  display: inline-block;
  width: 14px;
  height: 14px;
}

.c-principal .menu-compte .zone-ajout-adresse {
  padding: 40px 0;
  text-align: center;
}

.c-principal .menu-compte .zone-ajout-adresse .button {
  padding: 12px 20px;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 12px;
  line-height: 20px;
}

/* ========================================= */

/* ======== MON COMPTE : MES COLIS ========= */

/* ========================================= */
.c-principal .menu-compte .colis-contenu {
  padding: 0 20px 0 19px;
  margin-top: 22px;
}

.c-principal .menu-compte .colis-contenu .colis-navigation {
  font-size: 0;
  border-bottom: 1px solid #e1e4e5;
}

.c-principal .menu-compte .colis-contenu .colis-navigation a {
  padding: 12px 0;
  display: inline-block;
  vertical-align: bottom;
  width: 49.8%;
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 18px;
  line-height: 22px;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  color: #595959;
}

.c-principal .menu-compte .colis-contenu .colis-navigation a.active {
  background-color: #f9fdfe;
  border: 1px solid #e1e4e5;
  border-bottom: none;
  color: #ff6b50;
}

.c-principal .menu-compte .colis-contenu .colis-navigation sup {
  display: inline-block;
  font-size: 12px;
}

.c-principal .menu-compte .colis-contenu .colis-navigation .active sup {
  color: #21bfd1;
}

.c-principal .menu-compte .colis-contenu .colis-navigation a:before {
  content: '';
  margin-right: 8px;
  display: inline-block;
  background-image: url('../img/menu-mes-colis.png');
}

.c-principal .menu-compte .colis-contenu .colis-navigation .colis-a-reexpedier:before {
  background-position: 0 0;
  width: 24px;
  height: 32px;
  vertical-align: -9px;
}

.c-principal .menu-compte .colis-contenu .colis-navigation .colis-reexpedies:before {
  background-position: -24px 0;
  width: 31px;
  height: 32px;
  vertical-align: -10px;
}

.c-principal .menu-compte .colis-contenu .colis-navigation .colis-a-reexpedier.active:before {
  background-position: 0 -32px;
}

.c-principal .menu-compte .colis-contenu .colis-navigation .colis-reexpedies.active:before {
  background-position: -24px -32px;
}

.c-principal .menu-compte .colis-contenu .astuce {
  padding: 41px 1px 30px;
  display: inline-block;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
  color: #21bfd1;
  text-transform: uppercase;
}

.c-principal .menu-compte .colis-contenu .astuce:before {
  content: '';
  margin-right: 8px;
  display: inline-block;
  vertical-align: middle;
  background-image: url('../img/astuce.png');
  width: 20px;
  height: 20px;
}

.c-principal .menu-compte .colis-contenu .tableau-colis-a {
  margin: 0 0 59px 0;
}

.c-principal .menu-compte .colis-contenu .tableau-colis-a .h2, .c-principal .menu-compte .colis-contenu .tableau-colis-b .h2 {
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 18px;
  color: #ff6b50;
  text-transform: uppercase;
  text-align: left;
}

.c-principal .menu-compte .colis-contenu .tableau-colis-a .h2:before {
  content: '';
  margin-right: 8px;
  display: inline-block;
  background-image: url(../img/menu-mes-colis.png);
  background-position: 0 -32px;
  width: 24px;
  height: 32px;
  vertical-align: -9px;
}

.c-principal .menu-compte .colis-contenu .tableau-colis-b .h2 {
  margin-bottom: 20px;
}

.c-principal .menu-compte .colis-contenu .tableau-colis-b .h2:before {
  content: '';
  margin-right: 8px;
  display: inline-block;
  background-image: url(../img/menu-mes-colis.png);
  background-position: -24px -32px;
  width: 31px;
  height: 32px;
  vertical-align: -10px;
}

.c-principal .menu-compte .colis-contenu .tableau-colis-a .h2 sup, .c-principal .menu-compte .colis-contenu .tableau-colis-b .h2 sup {
  display: inline-block;
  font-size: 12px;
  color: #21bfd1;
}

.c-principal .menu-compte .colis-contenu .tableau-colis-b {
  margin: 55px 0 57px 0;
}

.c-principal .menu-compte .colis-contenu .tableau-colis-b .pr10 {
  padding-right: 10px;
}

.c-principal .menu-compte .colis-contenu .tableau-colis-b .pr35 {
  padding-right: 34px;
}

.c-principal .menu-compte .colis-contenu .tableau-colis-b .pr40 {
  padding-right: 42px;
}

.c-principal .menu-compte .colis-contenu table {
  border-spacing: 0;
  border-collapse: collapse;  /*table-layout: fixed;*/
  width: 100%;
  text-align: left;
}

.c-principal .menu-compte .colis-contenu table tr {
  border-bottom: 1px solid #e8e8e9;
}

/*.c-principal .menu-compte .colis-contenu table tr.is-vip .infos-colis .bloc-left .link:hover img,
.c-principal .menu-panier table tr.is-vip .infos-colis .bloc-left .link:hover img {
filter: blur(0px);
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='2');
transition: filter .2s;
}*/
.c-principal .menu-compte .colis-contenu table tr.is-vip .infos-colis .bloc-left .link:hover:after, .c-principal .menu-panier table tr.is-vip .infos-colis .bloc-left .link:hover:after {
  content: "";
  background: url('../img/camera-icon-white-small.png') no-repeat;
  height: 25px;
  width: 24px;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}

.c-principal .menu-compte .colis-contenu table tr .infos-colis .bloc-left .link:hover:after, .c-principal .menu-panier table tr .infos-colis .bloc-left .link:hover:after {
  content: "vip only";
  color: #ffffff;
  font-family: Raleway-ExtraBold;
  font-size: 10px;
  line-height: 17px;
  text-align: center;
  text-transform: uppercase;
  background-color: #00c1d2;
  border-radius: 8px;
  width: 57px;
  height: 17px;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}

.c-principal .menu-compte .colis-contenu table tr.is-vip .infos-colis .bloc-left .link:hover:before, .c-principal .menu-panier table tr.is-vip .infos-colis .bloc-left .link:hover:before {
  content: "";
  height: 70px;
  width: 70px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, .3);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.c-principal .menu-compte .colis-contenu th, .c-principal .menu-panier th {
  padding-bottom: 12px;
  vertical-align: bottom;
  border-bottom: 1px solid #e1e4e5;
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  color: rgba(64, 64, 64, .4);
}

.c-principal .menu-compte .colis-contenu th .colis-filtre {
  text-decoration: none;
  color: #404040;
}

.c-principal .colis-filtre:after {
  content: '';
  margin-left: 9px;
  display: inline-block;
  vertical-align: 1px;
  background-image: url('../img/arrow-filtre.png');
  width: 12px;
  height: 8px;
  display: none;
}

.c-principal .menu-compte .colis-contenu td {
  padding: 10px 0 20px;
  border: none;
  font-family: Raleway-Medium, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  line-height: 22px;
  text-align: left;
}

.c-principal .menu-compte .colis-contenu .tableau-colis-a td {
  padding: 27px 0 13px;
  vertical-align: top;
}

.c-principal .menu-panier td {
  padding: 15px 0 13px;
}

.c-principal .menu-compte .colis-contenu .tableau-colis-a th.providers, .c-principal .menu-compte .colis-contenu .tableau-colis-a td.providers {
  padding-left: 8px;
}

.c-principal .menu-compte .colis-contenu .tableau-colis-a td.stock .link {
  display: block;
  font-family: Raleway-Bold;
  font-size: 10px;
}

.c-principal .menu-compte .colis-contenu .link-tracking-number, .c-principal .menu-panier .link-tracking-number {
  font-size: 14px;
}

.c-principal .menu-compte .colis-contenu .tableau-colis-b td {
  padding: 28px 0;
  vertical-align: top;
}

.c-principal .menu-compte .colis-contenu th:last-child, .c-principal .menu-compte .colis-contenu td:last-child {
  padding-right: 20px;
}

.c-principal .menu-compte .colis-contenu td strong {
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
}

.c-principal .menu-compte .colis-contenu td .date-reexpedition {
  color: #2ecc71;
}

.c-principal .menu-compte .colis-contenu td .button {
  padding: 2px 7px;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 10px;
  line-height: 22px;
}

.c-principal .menu-compte .colis-contenu td .button.ajout-facture {
  padding: 2px 14px;
  margin-top: 1px;
}

/*.c-principal .menu-compte .colis-contenu*/
.bouton-accordeon {

  /*margin-top: 7px;*/
  margin-top: 24px;
  display: inline-block;
  background-image: url('../img/arrow-accordeon.png');
  width: 12px;
  height: 16px;
  cursor: pointer;
}

.c-principal .menu-compte .colis-contenu .tableau-colis-a .infos-colis, .c-principal .menu-panier .infos-colis {
  margin-top: -7px;
  display: flex;
}

.c-principal .menu-compte .colis-contenu .tableau-colis-a .infos-colis .bloc-left .link, .c-principal .menu-panier .infos-colis .bloc-left .link {
  display: block;
  border: solid 2px #e8e8e9;
  height: 70px;
  width: 70px;
  border-radius: 4px;
  box-sizing: content-box;
  position: relative;
  margin: 0 20px;
  text-decoration: none;
}

/*.c-principal .menu-compte .colis-contenu .tableau-colis-a .infos-colis .bloc-left .link img,
.c-principal .menu-panier .infos-colis .bloc-left .link img{
filter: blur(2px);
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='2');
border-radius: 4px;
transition: filter .2s;
}*/
.c-principal .menu-panier .infos-colis .bloc-right {
  padding-top: 21px;
}

.c-principal .menu-compte .colis-contenu .tableau-colis-b .infos-colis {
  margin-top: 2px;
}

.c-principal .menu-compte .colis-contenu .tableau-colis-b .infos-colis.colis-avion {
  position: relative;
}

.c-principal .menu-compte .colis-contenu .tableau-colis-b .infos-colis.colis-avion:after {
  content: '';
  background-image: url('../img/icone-colis-avion.png');
  width: 22px;
  height: 20px;
  position: absolute;
  top: -18px;
  left: 19px;
}

.c-principal .menu-compte .colis-contenu .infos-colis img, .c-principal .menu-panier .infos-colis img {
  margin: 0 8px 0 0;
}

.c-principal .menu-compte .colis-contenu .numero-colis, .c-principal .menu-panier .numero-colis {
  display: inline-block;
  vertical-align: bottom;
}

.c-principal .menu-compte .colis-contenu .numero-colis span, .c-principal .menu-panier .numero-colis span {
  display: block;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 10px;
  line-height: 10px;
  text-transform: uppercase;
  color: rgb(176, 176, 176);
  color: rgba(64, 64, 64, 0.5);
}

.c-principal .menu-compte .colis-contenu .has-vip-photo-colis .infos-colis {
  position: relative;
}

.c-principal .menu-compte .colis-contenu .has-vip-photo-colis .infos-colis a.img-colis-link {
  text-decoration: none;
  position: absolute;
  top: -7px;
  left: -7px;
}

.c-principal .menu-compte .colis-contenu .has-vip-photo-colis .infos-colis a.img-colis-link img {
  border: solid 2px #e8e8e9;
  border-radius: 4px;
}

.c-principal .menu-compte .colis-contenu .has-vip-photo-colis .numero-colis {
  margin-left: 38px;
}

.c-principal .menu-compte .colis-contenu .numero-colis .numero, .c-principal .menu-panier .numero-colis .numero {
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 14px;
  line-height: 14px;
  color: #21bfd1;
}

.c-principal .menu-compte .colis-contenu .numero-colis .numero.gris {
  color: #9f9f9f;
}

.c-principal .menu-compte .colis-contenu .renommer-colis {
  margin: 9px 0 7px;
}

.c-principal .menu-compte .colis-contenu .renommer-colis a {
  margin: 5px 0 11px;
  display: inline-block;
  vertical-align: top;
  font-family: Raleway-Medium, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 10px;
  line-height: 10px;
  text-transform: uppercase;
  color: #21bfd1;
}

.c-principal .menu-compte .colis-contenu .renommer-colis .selection-nom-colis {
  width: 170px;
  position: relative;
  display: none;
}

.c-principal .menu-compte .colis-contenu .renommer-colis .renommer-colis-input {
  padding: 0 24px 0 6px;
  width: 100%;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 12px;
  line-height: 22px;
}

.c-principal .menu-compte .colis-contenu .renommer-colis .selection-nom-colis img {
  margin: 0;
  position: absolute;
  top: 6px;
  right: 8px;
  cursor: pointer;
}

.c-principal .menu-compte .colis-contenu .temps-colis.colis-perdu {
  color: #ce0606;
}

.c-principal .menu-compte .colis-contenu .temps-colis.colis-perdu:before {
  content: '';
  margin-right: 8px;
  background-image: url('../img/danger-colis.png');
  background-position: -20px 0;
  vertical-align: -3px;
  display: inline-block;
  width: 20px;
  height: 17px;
}

.c-principal .menu-compte .colis-contenu .temps-colis.temps-proche {
  color: #ff6b50;
}

.c-principal .menu-compte .colis-contenu .temps-colis.temps-proche:before {
  content: '';
  margin-right: 8px;
  background-image: url('../img/danger-colis.png');
  background-position: 0 0;
  vertical-align: -3px;
  display: inline-block;
  width: 20px;
  height: 17px;
}

.c-principal .menu-compte .colis-contenu .numero-reexpedition {
  margin-bottom: -18px;
  display: block;
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 14px;
  line-height: 22px;
  color: #21bfd1;
}

.c-principal .menu-compte .colis-contenu .voir-document, .c-principal .menu-compte .colis-contenu .facture-telechargee, .c-principal .menu-compte .colis-contenu .editer-colis {
  margin-top: -10px;
  display: block;
  font-family: Raleway-Medium, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 10px;
  line-height: 22px;
  text-transform: uppercase;
}

.c-principal .menu-compte .colis-contenu .voir-document {
  text-transform: none;
}

.c-principal .menu-compte .colis-contenu .facture-telechargee {
  padding: 4px 8px;
  margin: 0;
  background-color: #2ecc71;
  line-height: 14px;
  color: #FFF;
  display: none;
}

.c-principal .menu-compte .colis-contenu .telecharger-facture {
  padding: 0 22px;
  margin-top: -7px;
  display: block;
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 10px;
  line-height: 18px;
  text-transform: uppercase;
}

.c-principal .menu-compte .colis-contenu .telecharger-facture, .c-principal .menu-compte .colis-contenu .voir-document {
  color: #21bfd1;
}

.c-principal .menu-compte .colis-contenu .editer-colis {
  margin-top: 3px;
  text-decoration: none;
  color: rgb(176, 176, 176);
  color: rgba(64, 64, 64, 0.5);
}

.c-principal .menu-compte .colis-contenu .editer-colis:before {
  content: '';
  margin-right: 4px;
  background-image: url('../img/editer-colis.png');
  vertical-align: -4px;
  display: inline-block;
  width: 14px;
  height: 14px;
}

.c-principal .menu-compte .colis-contenu .renommer-facture {
  margin: 5px 0 7px;
}

.c-principal .menu-compte .colis-contenu .renommer-facture a {
  margin: 5px 0 0;
  display: inline-block;
  vertical-align: top;
  font-family: Raleway-Medium, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  line-height: 14px;
  text-decoration: none;
  color: #21bfd1;
}

.c-principal .menu-compte .colis-contenu .renommer-facture .selection-nom-facture {
  width: 150px;
  margin: 0 auto;
  position: relative;
  display: none;
}

.c-principal .menu-compte .colis-contenu .renommer-facture .renommer-facture-input {
  padding: 0 24px 0 6px;
  width: 100%;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 12px;
  line-height: 22px;
}

.c-principal .menu-compte .colis-contenu .renommer-facture .renommer-facture-input.vide {
  border-color: #f36950;
}

.c-principal .menu-compte .colis-contenu .renommer-facture .selection-nom-facture img {
  margin: 0;
  position: absolute;
  top: 6px;
  right: 8px;
  cursor: pointer;
}

.c-principal .menu-compte .colis-contenu .etat-colis {
  display: inline-block;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  line-height: 14px;
  color: #aeafb4;
  position: relative;
}

.c-principal .menu-compte .colis-contenu .contact-colis, .c-principal .menu-compte .colis-contenu .contact-cmd {
  display: block;
  font-style: normal;
  font-size: 10px;
  line-height: 10px;
  color: #aeafb4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.c-principal .menu-compte .colis-contenu .contact-colis:before, .c-principal .menu-compte .colis-contenu .contact-cmd:before {
  content: '';
  margin-right: 0px;
  display: inline-block;
  background-image: url('../img/menu-mon-compte.png');
  background-position: -143px 0;
  width: 17px;
  height: 15px;
  background-size: 80px;
  flex: 0 0 17px;
}

.c-principal .menu-compte .colis-contenu .contact-colis:before {
  margin-right: 10px;
}

.c-principal .menu-compte .colis-contenu .zone_add_panier .etat-colis.panier {
  display: none;
}

.c-principal .menu-compte .colis-contenu .zone_add_panier.au-panier .etat-colis.panier {
  display: block;
}

.c-principal .menu-compte .colis-contenu .zone_add_panier.au-panier .ajout-panier {
  display: none;
}

.c-principal .menu-compte .colis-contenu .etat-colis.en-attente {
  color: #ff6b50;
}

.c-principal .menu-compte .colis-contenu .etat-colis.reexpedie {
  color: #2ecc71;
}

.c-principal .menu-compte .colis-contenu .etat-colis.reexpedie:before {
  content: '';
  margin-right: 3px;
  display: inline-block;
  vertical-align: 1px;
  background-image: url('../img/validation-small.png');
  width: 14px;
  height: 10px;
}

.c-principal .menu-compte .colis-contenu .accordeon-tr {
  background-color: #fafafa;
  border: none;
}

.c-principal .menu-compte .colis-contenu .accordeon-tr td {
  padding: 0;
}

.c-principal .menu-compte .colis-contenu .accordeon-tr .accordeon-action {
  display: none;
}

.c-principal .menu-compte .colis-contenu .accordeon-action {
  background-color: #f5f5f5;
}

.c-principal .menu-compte .colis-contenu .accordeon-colis tr {
  border: none;
}

.c-principal .menu-compte .colis-contenu .accordeon-colis td {
  padding: 14px 0;
  font-size: 12px;
  line-height: 22px;
}

.c-principal .menu-compte .colis-contenu .tableau-colis-b .accordeon-action {
  padding: 0 60px;
}

.c-principal .menu-compte .colis-contenu .tableau-colis-b .accordeon-colis {
  border-bottom: 1px solid #e8e8e9;
}

.c-principal .menu-compte .colis-contenu .tableau-colis-b .accordeon-colis:last-child {
  border: none;
}

.c-principal .menu-compte .colis-contenu .tableau-colis-b .accordeon-colis .infos-colis {
  margin-top: 8px;
}

.c-principal .menu-compte .colis-contenu .tableau-colis-b .accordeon-colis .infos-colis .numero {
  color: #404040;
}

.c-principal .menu-compte .colis-contenu .tableau-colis-b .accordeon-colis .accordeon-fournisseur {
  font-size: 14px;
  line-height: 22px;
}

.c-principal .menu-compte .colis-contenu .accordeon-colis .titre-accordeon-colis {
  display: block;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 10px;
  line-height: 16px;
  text-transform: uppercase;
  color: #9f9f9f;
}

.c-principal .menu-compte .colis-contenu .accordeon-colis .dimensions-colis {
  margin: 0 11px;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #9f9f9f;
}

.c-principal .menu-compte .colis-contenu .accordeon-colis .numero-suivi {
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 14px;
  line-height: 22px;
  color: #21bfd1;
}

/* ========================================= */

/* ========== MODALE MES MESSAGES ========== */

/* ========================================= */
.c-principal .zone-messagerie {
  padding: 42px 20px 0;
}

.c-principal .zone-messagerie table {
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
  text-align: left;
}

.c-principal .zone-messagerie th {
  padding-bottom: 10px;
  vertical-align: bottom;
}

.c-principal .zone-messagerie th {
  border-bottom: 1px solid #e8e8e9;
}

.c-principal .zone-messagerie td {
  vertical-align: top;
}

.c-principal .zone-messagerie th:first-child, .c-principal .zone-messagerie td:first-child {
  border-right: 1px solid #e8e8e9;
}

.c-principal .zone-messagerie .fil-discussion {
  padding-left: 11px;
  margin-bottom: 7px;
  display: inline-block;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  color: #9f9f9f;
}

.c-principal .zone-messagerie .titre-discussion {
  padding-left: 21px;
  margin-top: 11px;
  display: inline-block;
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 20px;
  line-height: 16px;
}

.c-principal .zone-messagerie .creer-discussion .titre-discussion {
  margin: 5px 0 9px;
}

.c-principal .zone-messagerie .suppression-discussion {
  padding: 7px 10px 9px;
  background-color: #aeafb4;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 10px;
  line-height: 20px;
}

.c-principal .zone-messagerie .liste-discussions li {
  width: 100%;
  border-bottom: 1px solid #e8e8e9;
  position: relative;
}

.c-principal .zone-messagerie .liste-discussions li:hover, .c-principal .zone-messagerie .liste-discussions li.en-cours {
  background-color: #f9fdfe;
}

.c-principal .zone-messagerie .liste-discussions li a {
  padding: 15px 0 13px 20px;
  display: inline-block;
  text-decoration: none;
  width: 100%;
  height: 100%;
}

.c-principal .zone-messagerie .liste-discussions li:hover .fermeture-message {
  display: inline-block;
}

.c-principal .zone-messagerie .liste-discussions .fermeture-message {
  display: initial;
  width: auto;
  height: auto;
  padding: 0;
  position: absolute;
  top: 22px;
  right: 20px;
  display: none;
}

.c-principal .zone-messagerie .liste-discussions .titre-message {
  display: block;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  color: #404040;
  position: relative;
}

.c-principal .zone-messagerie .liste-discussions .notif-non-lu:before {
  content: '';
  background-color: #e9674b;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 7px;
  left: -12px;
}

.c-principal .zone-messagerie .liste-discussions .sujet-message {
  margin-top: -3px;
  display: block;
  font-family: Raleway-Medium, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 10px;
  line-height: 22px;
  text-transform: uppercase;
  color: rgb(176, 176, 176);
  color: rgba(64, 64, 64, 0.5);
}

.c-principal .zone-messagerie .ajout-discussion {
  padding: 22px 0;
  text-align: center;
}

.c-principal .zone-messagerie .ajout-discussion .button {
  padding: 12px 21px;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 12px;
  line-height: 20px;
}

.c-principal .zone-messagerie .bloc-discussion {
  padding: 0 0 0 20px;
  border-bottom: 1px solid #e8e8e9;
}

.c-principal .zone-messagerie .creer-discussion .bloc-discussion {
  padding: 0 0 0 20px;
  border: none;
}

.c-principal .zone-messagerie .bloc-discussion .head-discussion {
  padding: 14px 0 16px;
  border-bottom: 1px solid #e8e8e9;
}

.c-principal .zone-messagerie .bloc-discussion .head-discussion .avatar {
  vertical-align: bottom;
  width: 34px;
  height: 34px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.c-principal .zone-messagerie .bloc-discussion .head-discussion .info-compte {
  margin-left: 7px;
  display: inline-block;
}

.c-principal .zone-messagerie .bloc-discussion .head-discussion .info-compte .nom-compte {
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
}

.c-principal .zone-messagerie .bloc-discussion .head-discussion .info-compte .date-envoi {
  display: block;
  font-family: Raleway-Medium, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 10px;
  line-height: 16px;
  text-transform: uppercase;
  color: rgb(176, 176, 176);
  color: rgba(64, 64, 64, 0.5);
}

.c-principal .zone-messagerie .bloc-discussion a.piece-jointe {
  color: #FF3333;
  margin-bottom: 10px;
  display: inline-block;
}

.c-principal .zone-messagerie .bloc-discussion a.piece-jointe:before {
  width: 24px;
  height: 24px;
  content: '';
  background-image: url('../img/icone-discussion-piece-jointe.png');
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 7px;
  vertical-align: middle;
}

.c-principal .zone-messagerie .bloc-discussion .body-discussion {
  padding: 12px 2px 0px 2px;
}

.c-principal .zone-messagerie .bloc-discussion .body-discussion .wysiwyg p {
  margin-bottom: 28px;
  font-size: 14px;
  line-height: 28px;
}

.c-principal .zone-messagerie .ecriture-message {
  padding: 29px 16px 0 20px;
}

.c-principal .zone-messagerie .creer-discussion .ecriture-message {
  padding: 20px 16px 0 20px;
}

.c-principal .zone-messagerie .ecriture-message .ecriture-message-label {
  display: block;
  margin-bottom: 29px;
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 20px;
  line-height: 16px;
}

.c-principal .zone-messagerie .creer-discussion .ecriture-message .custom-select {
  width: 400px;
  margin-bottom: 20px;
}

.c-principal .zone-messagerie .ecriture-message textarea {
  min-height: 144px;
  height: 144px;
  font-family: Raleway-SemiBold, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  line-height: 22px;
}

.c-principal .zone-messagerie .ecriture-message .importer-fichier {
  padding: 20px 0 16px;
}

.c-principal .zone-messagerie .ecriture-message .importer-fichier .importer-fichier-label {
  padding-top: 11px;
  margin-right: 11px;
  display: inline-block;
  vertical-align: top;
  font-family: Raleway-SemiBold, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  line-height: 22px;
}

.c-principal .zone-messagerie .ecriture-message .importer-fichier .input-url {
  padding: 9px 14px;
  display: inline-block;
  min-width: 641px;
  height: 44px;
  background-color: #ffffff;
  border: 2px solid #e1e3e6;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-family: Raleway-SemiBold, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  line-height: 22px;
  text-align: left;
}

.c-principal .zone-messagerie .ecriture-message .importer-fichier .import-file {
  display: inline-block;
  vertical-align: top;
  position: relative;
  float: right;
  width: 140px;
  height: 44px;
}

.c-principal .zone-messagerie .ecriture-message .importer-fichier .import-file input[type="file"] {
  padding: 0;
  width: 140px;
  height: 44px;
  border: none;
  display: initial;
  position: absolute;
  z-index: 2;
  opacity: 0;
}

.c-principal .zone-messagerie .ecriture-message .importer-fichier .import-file .button {
  padding: 11px 36px 13px 35px;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 12px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
}

.c-principal .zone-messagerie .ecriture-message .envoyer-message {
  padding: 10px 59px 12px;
  margin: 19px 0 60px;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 12px;
  line-height: 20px;
}

.c-principal .zone-messagerie .ecriture-message .annuler-message {
  padding: 11px 61px 13px;
  margin: 19px 20px 60px 0;
  background-color: #aeafb4;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 12px;
  line-height: 20px;
}

.c-principal .zone-messagerie .ecriture-message .aucune-discussion {
  padding: 19px 0 30px;
  display: block;
  font-family: Raleway-SemiBold, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 20px;
  line-height: 16px;
  text-align: center;
}

/* ========================================= */

/* ========== MODALE MES ADRESSES ========== */

/* ========================================= */
.modale-compte {
  padding: 46px 0 24px;
  width: 540px;
  background-color: #ffffff;
  position: relative;
}

.modale-compte .fermeture-modale {
  color: #9f9f9f;
}

.modale-compte .fermeture-modale:after {
  background-image: url('../img/fermeture-modale-grise.png');
}

.modale-compte h2 {
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 18px;
  line-height: 22px;
  text-transform: uppercase;
  text-align: center;
  padding: 0 50px;
}

.modale-compte .subtitle {
  font-family: Raleway-Light;
  font-size: 16px;
  color: #9f9f9f;
  padding: 25px 0 30px;
}

.modale-compte .js_liste_colis {
  max-height: 280px;
  overflow: auto;
  margin: 0 40px 20px;
  border-top: solid 1px rgba(179, 179, 183, .2);
  border-bottom: solid 1px rgba(179, 179, 183, .2);
}

.modale-compte .js_liste_colis + .button {
  width: 400px;
  margin: 0 auto 25px;
}

.modale-compte .js_liste_colis .item-list {
  padding: 10px 0;
  border-bottom: solid 1px rgba(179, 179, 183, .2);
}

.modale-compte .js_liste_colis .item-list:last-of-type {
  border-bottom: none;
}

.modale-compte .js_liste_colis .item-list .infos-colis {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.modale-compte .js_liste_colis .item-list .infos-colis .bloc-left {
  flex: 0 0 90px;
}

.modale-compte .js_liste_colis .item-list .infos-colis .bloc-left img {
  display: block;
  border: solid 2px #e8e8e9;
  height: 70px;
  width: 70px;
  border-radius: 4px;
  box-sizing: content-box;
  margin: 0 0;
  text-decoration: none;
}

.modale-compte .js_liste_colis .item-list .infos-colis .bloc-right {
  flex: 0 0 155px;
  text-align: left;
}

.modale-compte .js_liste_colis .item-list .infos-colis .bloc-right img {
  margin: 0 8px 0 0;
}

.modale-compte .js_liste_colis .item-list .infos-colis .bloc-right .numero-colis {
  display: inline-block;
  vertical-align: bottom;
}

.modale-compte .js_liste_colis .item-list .infos-colis .bloc-right .numero-colis span {
  display: block;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 10px;
  line-height: 10px;
  text-transform: uppercase;
  color: rgba(64, 64, 64, 0.5);
}

.modale-compte .js_liste_colis .item-list .infos-colis .bloc-right .numero-colis .numero {
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 14px;
  line-height: 14px;
  color: #21bfd1;
}

.modale-compte .js_liste_colis .item-list .infos-colis .bloc-right .objet-colis {
  display: block;
  text-align: left;
  padding-top: 7px;
}

.modale-compte .js_liste_colis .item-list .infos-colis .more-infos {
  font-family: Raleway-ExtraLight;
  font-size: 12px;
  flex: 0 0 155px;
}

.modale-compte .js_liste_colis .item-list .infos-colis .more-infos span {
  display: block;
  text-align: left;
  padding-right: 48px;
  padding-bottom: 4px;
}

.modale-compte .js_liste_colis .item-list .infos-colis .more-infos .modale_avantages_carte {
  display: block;
  text-align: left;
  color: #f36950;
  font-family: Raleway-Bold;
  font-size: 10px;
}

.modale-compte .js_liste_colis .item-list .infos-colis .more-infos .days-left br {
  display: none;
}

.modale-compte .js_liste_colis .item-list .infos-colis .more-infos .days-left strong {
  font-family: Raleway-ExtraBold;
}

.modale-compte .js_liste_colis .item-list .infos-colis .link {
  height: 31px;
  width: 30px;
  background: url('../img/states-icons-sprite.png') 0 0;
}

.modale-compte .js_liste_colis .item-list .infos-colis .link:hover {
  cursor: pointer;
}

.modale-compte .js_liste_colis .item-list .infos-colis .link.active {
  background-position: -30px 1px;
}

.modale-compte .inputs-infos-persos {
  padding: 26px 0;
  margin: 0 auto;
  width: 400px;
  text-align: left;
}

.modale-compte .inputs-infos-persos input {
  padding: 9px 14px;
  margin-bottom: 20px;
  width: 100%;
}

.modale-compte .inputs-infos-persos .ville {
  width: 65%;
}

.modale-compte .inputs-infos-persos .code-postal {
  width: 30%;
  float: left;
  margin-right: 18px;
}

.modale-compte .inputs-infos-persos ul {
  margin-bottom: 20px;
}

.modale-compte .inputs-infos-persos ul span {
  padding: 9px 14px;
}

.modale-compte .inputs-infos-persos hr {
  margin: 20px 0;
}

.modale-compte .inputs-infos-persos .button {
  width: 100%;
  text-align: center;
}

.modale-compte .checkbox label {
  color: #404040;
}

/* ========================================= */

/* ========== MODALE AJOUT PANIER ========== */

/* ========================================= */
.modale-ajouter-panier {
  padding: 32px 0 34px;
  width: 549px;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  text-align: center;
  position: relative;
}

.modale-ajouter-panier img {
  margin-bottom: 15px;
}

.modale-ajouter-panier span {
  display: block;
  font-family: Raleway-Medium, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 18px;
  line-height: 26px;
  color: #ffffff;
}

.modale-ajouter-panier strong {
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
}

.modale-ajouter-panier .button {
  padding: 16px 45px;
  margin-top: 19px;
  background-color: #a0a0a0;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  line-height: 12px;
  text-transform: initial;
}

/* ========================================= */

/* ========== MODALE CONFIRMATION ========== */

/* ========================================= */
.confirm {
  padding: 32px 0 34px;
  width: 549px;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  text-align: center;
}

.confirm .confirm-text h3 {
  display: block;
  font-family: Raleway-Medium, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 18px;
  line-height: 26px;
  padding: 0 25px;
  color: #ffffff;
}

.confirm .confirm-buttons {
  text-align: center;
}

.confirm .confirm-buttons .button {
  padding: 16px 45px;
  margin: 19px 20px 0 20px;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  line-height: 12px;
}

/* ========================================= */

/* ======== MODALE : AJOUT FACTURE ========= */

/* ========================================= */
#modale_ajout_facture {

  /*display: none;*/
}

.modale-compte .ligne-ajout-facture {
  width: 50%;
  position: relative;
}

#modale_ajout_facture.modale-compte .btn-ajout-facture {
  position: relative;
  cursor: pointer;
}

#modale_ajout_facture.modale-compte .file_facture {
  padding: 0;
  margin: 0;
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
}

#modale_ajout_facture .value {
  display: inline-block;
  vertical-align: top;
  width: 202px;
  margin-right: 5px;
  margin-bottom: 0;
  text-align: right;
  position: relative;
}

#modale_ajout_facture .value + span {
  display: inline-block;
  line-height: 44px;
  margin-right: 10px;
}

#modale_ajout_facture .value + span + .btn-ajout-facture {
  display: inline-block;
  vertical-align: top;
  width: 160px;
  font-size: 14px;
  text-transform: none;
  font-family: Raleway-Bold;
  background: rgba(64, 64, 64, .5);
  color: #FFFFFF;
}

/* ========================================= */

/* =========== MODALE : GENERAL ============ */

/* ========================================= */
.fermeture-modale {
  position: absolute;
  top: 17px;
  right: 20px;
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 10px;
  line-height: 22px;
  text-decoration: none;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.5);
}

.fermeture-modale:after {
  content: '';
  margin-left: 6px;
  background-image: url('../img/fermeture-modale.png');
  display: inline-block;
  vertical-align: middle;
  width: 17px;
  height: 17px;
}

/* ============================================ */

/* ============== MODALE NEADLY =============== */

/* ============================================ */
.fancybox-neadly {
  background: white;
}

.fancybox-neadly .modale_demande_remboursement {
  padding: 48px;
}

.fancybox-neadly .title {
  font-size: 18px;
  font-family: "Raleway-ExtraBold";
  color: rgb(64, 64, 64);
  text-transform: uppercase;
  margin-bottom: 40px;
}

.fancybox-neadly .texte {
  font-size: 16px;
  font-family: "Raleway-ExtraLight";
  color: rgb(64, 64, 64);
  line-height: 1.375;
  text-align: center;
  padding: 0 7px 30px;
  width: 412px;
}

.fancybox-neadly input {
  width: 100%;
  text-align: center;
  font-size: 18px;
  font-family: "Raleway-Light";
  color: rgb(64, 64, 64);
}

.fancybox-neadly input[type="submit"] {
  padding: 0;
  border: none;
  cursor: pointer;
}

.fancybox-neadly hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #e8e8e9;
  margin: 20px 0;
  padding: 0;
}

.fancybox-neadly .btn {
  display: block;
  background-color: #ff6b50;
  color: white;
  height: 44px;
  box-shadow: 3.536px 3.536px 0px 0px rgba(0, 0, 0, 0.15);
  text-decoration: none;
  border-radius: 4px;
  font-size: 14px;
  font-family: "Raleway-ExtraBold";
  font-weight: bold;
  text-transform: uppercase;
  line-height: 2.929;
  text-align: center;
}

.fancybox-neadly .btn:hover {
  background-color: #f2644b;
}

.fancybox-neadly .fancybox-close {
  background-image: none;
  display: inline-block;
  color: rgb(159, 159, 159);
  top: 20px;
  right: 20px;
  font-size: 10px;
  font-family: "Raleway-ExtraBold";
  font-weight: bold;
  color: rgb(159, 159, 159);
  text-transform: uppercase;
  width: 63px;
  height: 18px;
  text-align: left;
  text-decoration: none;
  padding-top: 1px;
}

.fancybox-neadly .fancybox-close:after {
  content: "";
  position: absolute;
  top: -1px;
  right: 0;
  background-image: url("../img/fancybox-neadly-close.png");
  background-position: top left;
  background-repeat: no-repeat;
  height: 18px;
  width: 17px;
  display: inline-block;
}

.fancybox-neadly .fancybox-close:hover {
  background-position: top right;
  color: #404040;
}

.fancybox-neadly .fancybox-close:hover:after {
  background-position: top right;
}

.fancybox-neadly .modale_demande_remboursement .traduction {
  text-align: left;
  margin-top: 10px !important;
}

/* ========================================= */

/* ============== MON PANIER =============== */

/* ========================================= */
.c-principal .panier-colis {
  padding: 6px 20px 0 21px;
}

.c-principal .step4 .panier-colis {
  padding: 6px 0 0 0;
}

.c-principal .panier-colis .liste-colis-panier {

  /*table-layout: fixed;*/
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}

.c-principal .panier-colis .liste-colis-panier tr:not(.accordeon-tr) {
  border-bottom: 1px solid #f0f0f1;
  border-bottom: 1px solid rgba(179, 179, 183, 0.2);
  font-family: Raleway-ExtraLight;
}

.c-principal .panier-colis .liste-colis-panier tr.is-vip-panier .stock span {
  color: #ff6b50;
  font-family: Raleway-Bold;
}

.c-principal .panier-colis .liste-colis-panier tr.active td {

  /*  font-family: Raleway-ExtraLight;
  font-size: 14px;*/
}

.c-principal .panier-colis .liste-colis-panier td.weight, .c-principal .panier-colis .liste-colis-panier td.stock {
  text-align: center;
}

.c-principal .panier-colis .liste-colis-panier td.stock.validation {
  text-align: right;
}

.c-principal .panier-colis .liste-colis-panier .bouton-accordeon {
  margin-top: 28px;
}

.c-principal .menu-panier .panier-colis .liste-colis-panier .bouton-accordeon {
  margin-top: 0;
}

.c-principal .panier-colis .liste-colis-panier .image-colis-panier {
  vertical-align: top;
  padding: 57px 18px 30px 0;
}

.c-principal .panier-colis .liste-colis-panier .infos-colis-panier {
  padding: 56px 0 0 4px;
  vertical-align: top;
}

.c-principal .panier-colis .liste-colis-panier .type-colis-panier {
  margin: -8px 0 13px;
}

.c-principal .panier-colis .liste-colis-panier .type-colis-panier .type-colis {
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 10px;
  line-height: 20px;
  text-transform: uppercase;
  color: rgb(176, 176, 176);
  color: rgba(64, 64, 64, 0.5);
}

.c-principal .panier-colis .liste-colis-panier .type-colis-panier .objet-colis {
  display: block;
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 28px;
  line-height: 20px;
  color: #21bfd1;
}

.c-principal .panier-colis .liste-colis-panier .detail-colis-panier {
  font-size: 0;
}

.c-principal .panier-colis .liste-colis-panier .detail-colis-panier div {
  padding: 0 50px 0 40px;
  display: inline-block;
  vertical-align: top;
  border-right: 1px solid #d7d7d9;
  border-right: 1px solid rgba(118, 118, 123, 0.31);
}

.c-principal .panier-colis .liste-colis-panier .detail-colis-panier .poids-appro {
  padding-left: 0;
}

.c-principal .panier-colis .liste-colis-panier .detail-colis-panier .fournisseur {
  padding: 0 40px;
}

.c-principal .panier-colis .liste-colis-panier .detail-colis-panier .stockage {
  border: none;
}

.c-principal .panier-colis .liste-colis-panier .detail-colis-panier .label-colis {
  margin-bottom: 12px;
  display: block;
  font-family: Raleway-Medium, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 12px;
  line-height: 12px;
  text-transform: uppercase;
  color: #aeafb4
}

.c-principal .panier-colis .liste-colis-panier .detail-colis-panier .infos-colis {
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 18px;
  line-height: 18px;
}

.c-principal .panier-colis .liste-colis-panier .detail-colis-panier .infos-colis.en-cours {
  color: #ff6b50;
}

.c-principal .panier-colis .liste-colis-panier .detail-colis-panier .infos-colis.fin-delai:after {
  content: '';
  margin-left: 12px;
  display: inline-block;
  vertical-align: -4px;
  background-image: url('../img/danger-colis.png');
  background-position: 0 0;
  width: 20px;
  height: 17px;
}

.c-principal .panier-colis .liste-colis-panier .button {
  padding: 8px 27px;  /*margin-top: 82px;*/

  /*position: absolute;
  top: 82px;
  right: 0;*/
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 10px;
  line-height: 20px;
  background-color: rgb(214, 215, 217);
  background-color: rgba(174, 175, 180, 0.5);
}

.c-principal .menu-panier .panier-colis .liste-colis-panier .button.retirer-liste {
  padding: 8px 16px;
}

.c-principal .menu-panier .panier-colis .liste-colis-panier .vip-line .content {
  display: flex;
  align-items: center;
}

.c-principal .menu-panier .panier-colis .liste-colis-panier .vip-line .content .image {
  margin-right: 20px;
}

.c-principal .menu-panier .panier-colis .liste-colis-panier .vip-line .content .text p {
  font-family: Raleway-ExtraLight;
  font-size: 18px;
  padding-bottom: 9px;
}

.c-principal .menu-panier .panier-colis .liste-colis-panier .vip-line .price {
  font-family: Raleway-Bold;
  font-size: 20px;
  margin-bottom: 9px;
}

.c-principal .menu-panier .panier-colis .liste-colis-panier .vip-line .price span {
  font-family: Raleway-Light;
}

.c-principal .menu-panier .panier-colis .liste-colis-panier .vip-line .text .link {
  color: #404040;
  text-decoration: none;
  font-family: Raleway-ExtraBold;
  font-size: 12px;
  border: solid 1px #e8e8e9;
  padding: 12px 30px;
  display: block;
}

.small-cart .product-list .vip-line img.image {
  display: block;
  border: solid 2px #e8e8e9;
  width: 70px;
  border-radius: 4px;
  box-sizing: content-box;
  position: relative;
  margin: 0 8px 0px 20px;
}

.small-cart .product-list .vip-line .infos-colis {
  margin-top: 0;
}

.c-principal .colis-contenu .tableau-colis-a table tr.accordeon-tr div.accordeon-action table.accordeon-colis {
  table-layout: auto;
}

.c-principal .panier-colis .liste-colis-panier tr.message-important td, .c-principal .colis-contenu .tableau-colis-a table tr.message-important td {
  background-color: #FFF0ED;
  padding: 15px;
  border: 1px solid #FFB5A8;
  color: #FF6B50;
  text-transform: uppercase;
  font-size: 10pt;
}

.c-principal .panier-colis .liste-colis-panier .message-important .message-important-contenu:before, .c-principal .colis-contenu .tableau-colis-a table .message-important .message-important-contenu:before {
  content: '';
  margin-right: 8px;
  background-image: url('../img/danger-colis.png');
  background-position: 0px 0;
  vertical-align: -3px;
  display: inline-block;
  width: 20px;
  height: 17px;
}

.c-principal .panier-colis .accordeon-tr {
  background-color: #fafafa;
  border: none;
}

.c-principal .panier-colis .accordeon-tr td {
  padding: 0;
}

.c-principal .panier-colis .accordeon-tr .accordeon-action {
  display: none;
}

.c-principal .panier-colis .accordeon-colis tr {
  border: none;
}

.c-principal .panier-colis .accordeon-colis td {
  padding: 14px 0;
  font-size: 12px;
  line-height: 22px;
  vertical-align: top;
}

.c-principal .panier-colis .accordeon-colis th:last-child, .c-principal .panier-colis .accordeon-colis td:last-child {
  padding-right: 20px;
}

.c-principal .panier-colis .accordeon-colis td strong {
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
}

.c-principal .panier-colis.accordeon-action {
  padding: 0 60px;
}

.c-principal .panier-colis .accordeon-colis {
  border-bottom: 1px solid #e8e8e9;
  width: 100%;
  border-collapse: collapse;
  background-color: #f9fdfe;
}

.c-principal .panier-colis .accordeon-colis:last-child {
  border: none;
}

.c-principal .panier-colis .accordeon-colis .infos-colis {
  margin-top: 8px;
}

.c-principal .panier-colis .accordeon-colis .infos-colis .numero {
  color: #404040;
}

.c-principal .panier-colis .accordeon-colis .accordeon-fournisseur {
  font-size: 14px;
  line-height: 22px;
}

.c-principal .panier-colis .accordeon-colis .titre-accordeon-colis {
  display: block;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 10px;
  line-height: 16px;
  text-transform: uppercase;
  color: #9f9f9f;
}

.c-principal .panier-colis .accordeon-colis .dimensions-colis {
  margin: 0 11px;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #9f9f9f;
}

.c-principal .panier-colis .accordeon-colis .numero-suivi {
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 14px;
  line-height: 22px;
  color: #21bfd1;
}

.c-principal .panier-colis .panier-colis-commentaire, .c-principal .colis-contenu .colis-commentaire {
  padding: 15px 64px;
  font-size: 12px;
  width: 100%;
}

.c-principal .colis-contenu .colis-commentaire {
  border-top: 1px solid #f0f0f1;
}

.c-principal .panier-colis .panier-colis-commentaire {
  background-color: #f9fdfe;
}

.c-principal .menu-panier .bloc-panier.summary {
  border-bottom: none;
}

.c-principal .panier-colis .bloc-panier {
  display: block;
  padding: 30px 0 30px 18px;
  border-bottom: 1px solid #f0f0f1;
  border-bottom: 1px solid rgba(179, 179, 183, 0.2);
}

.c-principal .panier-colis .bloc-panier.souscrire-assurance {
  padding: 0;
  border-bottom: none;
}

.c-principal .panier-colis .bloc-panier.souscrire-assurance label {
  max-width: 100%;
}

.c-principal .panier-colis .bloc-panier.bg-blue {
  background-color: #f9fdfe;
}

.c-principal .panier-colis .bloc-panier .bloc-panier-titre {
  display: block;
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 18px;
  line-height: 22px;
  text-transform: uppercase;
  color: #aeafb4;
}

.c-principal .panier-colis .bloc-panier .bloc-panier-desc {
  display: inline-block;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  line-height: 16px;
  color: #404040;
}

.c-principal .panier-colis .bloc-panier .panier-prix {
  margin-top: -8px;  /*float: right;*/
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 32px;  /*line-height: 46px;*/
  color: #aeafb4;
}

.c-principal .panier-colis .bloc-panier .panier-prix.red {
  color: #ff6b50;
}

.c-principal .panier-colis .bloc-panier .panier-prix sup {
  display: inline-block;
  font-size: 20px;
}

.c-principal .panier-colis .bloc-panier-promo, .c-principal .panier-colis .bloc-panier-recap {
  display: inline-block;
  vertical-align: top;
  width: 598px;
  margin-top: 35px;
  margin-bottom: 45px;
}

.c-principal .panier-colis .bloc-panier-promo .inner, .c-principal .panier-colis .bloc-panier-recap .inner {
  border: solid 1px #e8e8e9;
  border-radius: 10px;
  padding: 30px 20px;
}

.c-principal .panier-colis .bloc-panier-promo .inner {
  margin-bottom: 100px;
}

.c-principal .panier-colis .bloc-panier-promo .bloc-title, .c-principal .panier-colis .bloc-panier-recap .bloc-title {
  font-family: Raleway-ExtraBold;
  font-size: 18px;
  text-transform: uppercase;
  padding: 0 0 20px 20px;
}

.c-principal .panier-colis .bloc-panier-promo {
  margin-right: 39px;
}

.c-principal .panier-colis .bloc-panier-promo .code-promo .title, .c-principal .panier-colis .bloc-panier-promo .assurance .title {
  font-family: Raleway-ExtraBold;
  font-size: 18px;
  color: #aeafb4;
  text-transform: uppercase;
}

.c-principal .panier-colis .bloc-panier-promo .code-promo {
  margin-bottom: 20px;
}

.c-principal .panier-colis .bloc-panier-promo .code-promo .title {
  padding-bottom: 10px;
}

.c-principal .panier-colis .bloc-panier-promo .code-promo .bloc-panier-desc {
  max-width: 400px;
  display: block;
  vertical-align: middle;
  font-size: 12px;
  padding-left: 5px;
  padding-top: 5px;
}

.c-principal .panier-colis .bloc-panier-promo .code-promo .bloc-panier-desc.avertissement {
  display: block;
  width: 400px;
  font-size: 14px;
  margin-bottom: 5px;
  padding-left: 12px;
  padding-top: 11px;
}

.c-principal .panier-colis .bloc-panier-promo .code-promo .panier-prix {
  font-family: Raleway-Bold;
  font-size: 14px;
  padding-top: 10px;
  color: #ff6b50;
  display: block;
}

.c-principal .panier-colis .bloc-panier-promo .assurance {
  margin-top: 20px;
}

.c-principal .panier-colis .bloc-panier-recap .line {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}

.c-principal .panier-colis .bloc-panier-recap .line.vip {
  flex-wrap: wrap;
}

.c-principal .panier-colis .bloc-panier-recap .line.vip .card-infos {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 1 0 100%;
}

.c-principal .panier-colis .bloc-panier-recap .line.vip .card-infos .card {
  display: flex;
  align-content: center;
}

.c-principal .panier-colis .bloc-panier-recap .line.vip .card-infos .card .image {
  margin-right: 20px;
}

.c-principal .panier-colis .bloc-panier-recap .line.vip .card-infos .card .text .thin {
  display: block;
}

.c-principal .panier-colis .bloc-panier-recap .line.vip .price span {
  display: block;
  font-family: Raleway-ExtraLight;
  font-size: 14px;
}

.c-principal .panier-colis .bloc-panier-recap .line.total {
  border-top: solid 1px #e8e8e9;
  border-bottom: solid 1px #e8e8e9;
  align-items: center;
  padding: 10px 0 20px;
}

.c-principal .panier-colis .bloc-panier-recap .line.total .total-prix {
  font-family: Raleway-ExtraBold;
  font-size: 26px;
  text-transform: uppercase;
}

.c-principal .panier-colis .bloc-panier-recap .line.total .prix-total {
  font-family: Raleway-Bold;
  font-size: 44px;
  color: #ff6b50;
}

.c-principal .panier-colis .bloc-panier-recap .line.total .prix-total .sup {
  display: inline-block;
  vertical-align: top;
  font-size: 24px;
  padding-top: 8px;
}

.c-principal .panier-colis .bloc-panier-recap .line.total .prix-total .sup .total-ttc {
  color: rgba(64, 64, 64, .5);
  font-size: 12px;
  text-transform: uppercase;
  padding-top: 5px;
  display: inline-block;
  vertical-align: top;
}

.c-principal .panier-colis .bloc-panier-recap .line .title {
  font-family: Raleway-ExtraLight;
  font-size: 16px;
}

.c-principal .panier-colis .bloc-panier-recap .line.total .total-ttc {
  color: #404040;
}

.c-principal .panier-colis .bloc-panier-recap .line .title .desc {
  display: block;
  color: rgba(64, 64, 64, .5);
}

.c-principal .panier-colis .bloc-panier-recap .line .price {
  font-family: Raleway-Bold;
  font-size: 20px;
  text-align: right;
}

.c-principal .panier-colis .bloc-panier-recap .line.last {
  flex-wrap: wrap;
}

.c-principal .panier-colis .bloc-panier-recap .line.last.just-card {
  justify-content: flex-end;
}

.c-principal .panier-colis .bloc-panier-recap .line.last label {
  max-width: 100%;
  font-family: Raleway-Bold;
  font-size: 16px;
  margin-bottom: 18px;
}

.c-principal .panier-colis .bloc-panier-recap .line.last label a {
  text-decoration: underline;
}

.c-principal .panier-colis .bloc-panier-recap .line.last .secure-payment-wrapper {
  flex: 1 0 100%;
  text-align: right;
  font-family: Raleway-Bold;
  font-size: 12px;
  margin-top: 30px;
}

.c-principal .panier-colis .bloc-panier-recap .line.last .poids-colis .list .item {
  font-family: Raleway-Bold;
  font-size: 10px;
  color: rgba(64, 64, 64, .5);
  text-transform: uppercase;
  line-height: 1.8;
}

.c-principal .panier-colis .bloc-panier-promo {
  margin-right: 39px;
}

.c-principal .panier-colis .indication-manquante .bloc-panier-titre {
  margin-top: -4px;
}

.c-principal .panier-colis .indication-manquante .bloc-panier-desc {
  margin-top: 13px;
}

.c-principal .panier-colis .indication-manquante .panier-prix {
  margin-top: -20px;
}

.c-principal .panier-colis .code-promo .bloc-panier-titre {
  display: inline-block;
  margin: 12px 12px 0 0;
}

.c-principal .panier-colis .code-promo .code-promo-label {
  display: inline-block  font-family:Raleway-SemiBold, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  line-height: 24px;
}

.c-principal .panier-colis .code-promo .code-promo-input {
  padding: 9px 14px;
  margin-right: 12px;
  width: 400px;
}

.c-principal .panier-colis .choix-mode .logo {
  flex: 0 0 103px;
}

.c-principal .panier-colis .choix-mode .logo .carrier-logo {
  max-width: 103px;
  height: auto;
}

.c-principal .step2 .panier-colis .souscrire-assurance {
  padding: 30px 18px 26px;
}

.c-principal .panier-colis .souscrire-assurance .bloc-panier-titre {
  margin-top: -4px;
}

.c-principal .panier-colis .souscrire-assurance .bloc-panier-desc {
  margin-top: 13px;
}

.c-principal .panier-colis .souscrire-assurance .checkbox {
  margin-top: 15px;
  display: inline-block;
  min-width: 40%;
}

.c-principal .panier-colis .souscrire-assurance .checkbox label {
  margin-left: 5px;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  line-height: 16px;
  color: #404040;
}

.c-principal .panier-colis .souscrire-assurance .panier-prix {
  margin-top: 7px;
}

.c-principal .step2 .panier-colis .souscrire-assurance .panier-prix {
  margin-top: -22px;
}

.c-principal .step2 .panier-colis .choix-adresse {

  /*padding: 30px 18px 25px;*/
}

.c-principal .panier-colis .bloc-panier .link {
  font-family: Raleway-ExtraBold;
  font-size: 12px;
  color: rgba(64, 64, 64, .5);
  text-transform: uppercase;
  margin-left: 15px;
}

.c-principal .panier-colis .choix-adresse .bloc-panier-titre {
  margin-top: -4px;
}

.c-principal .panier-colis .choix-adresse .bloc-panier-desc {
  margin-top: 28px;
}

.c-principal .step2 .panier-colis .choix-adresse .bloc-panier-desc {
  margin-top: 13px;
}

.c-principal .step2 .panier-colis .choix-adresse .adresse-choisie {
  margin-left: 5px;
  display: inline-block;
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 16px;
  line-height: 22px;
  color: #21bfd1;
}

.c-principal .panier-colis .choix-adresse .line-one {
  display: flex;
  justify-content: space-between;
}

.c-principal .panier-colis .choix-adresse .line-one .add-address {
  font-size: 10px;
  padding: 4px 18px;
}

.c-principal .panier-colis .choix-adresse .selection-adresse {
  margin-left: 16px;
  display: inline-block;
  position: relative;
}

.c-principal .panier-colis .choix-adresse .gestion-adresse {
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 10px;
  text-transform: uppercase;
  float: right;
  margin-top: 5px;
  color: #404040;
}

.c-principal .panier-colis .choix-adresse .selection-adresse .custom-select {
  width: 797px;
}

.c-principal .panier-colis .choix-mode .modes_transports_exclus {
  background-color: #FFF0ED;
  padding: 15px;
  border: 1px solid #FFB5A8;
  color: #FF6B50;
  font-size: 10pt;
  margin-top: 15px;
  margin-bottom: -15px;
}

.c-principal .panier-colis .choix-mode .modes_transports_exclus .modes_transports_exclus_contenu:before {
  content: '';
  margin-right: 8px;
  background-image: url('../img/danger-colis.png');
  background-position: 0px 0;
  vertical-align: -3px;
  display: inline-block;
  width: 20px;
  height: 17px;
}

.c-principal .panier-colis .choix-mode .bloc-panier-titre {
  margin-top: -4px;
}

.c-principal .panier-colis .choix-mode .bloc-panier-desc {
  margin-top: 21px;
}

.c-principal .panier-colis .choix-mode .nombre-colis-panier {
  color: #21bfd1;
}

.c-principal .panier-colis .choix-mode .livraison-choisie {
  margin-left: 7px;
  display: inline-block;
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 16px;
  line-height: 22px;
  color: #21bfd1;
}

.c-principal .panier-colis .choix-mode .livraison-choisie .text {
  max-width: 330px;
  display: inline-block;
  vertical-align: top;
}

.c-principal .panier-colis .choix-mode .price-wrapper {
  display: inline-block;
  text-align: right;
  width: 227px;
  float: right;
  padding-top: 10px;
}

.c-principal .panier-colis .choix-mode .price-wrapper .panier-prix {
  display: block;
  font-family: Raleway-Bold;
  font-size: 20px;
  color: #404040;
}

.c-principal .panier-colis .choix-mode .price-wrapper .delivery-info {
  display: block;
  font-family: Raleway-Light;
  font-size: 12px;
}

.c-principal .panier-colis .choix-mode .custom-select {
  margin-left: 7px;
  margin-right: 10px;
  display: inline-block;
  width: 282px;
}

/*.c-principal .panier-colis .choix-mode .nombre-jours {
font-size: 24px;
line-height: 16px;
color: #21bfd1;
}*/
.c-principal .panier-colis .choix-mode .panier-prix-total {
  margin: 0 2px 0 0;
  float: right;
  font-size: 0;
}

.c-principal .panier-colis .choix-mode .panier-prix-total .image-prix-total {
  margin: -2px 11px 0 0;
  display: inline-block;
  vertical-align: top;
}

.c-principal .panier-colis .choix-mode .panier-prix-total .detail-prix-total {
  margin-right: 18px;
  display: inline-block;
  vertical-align: 2px;
}

.c-principal .panier-colis .choix-mode .panier-prix-total .detail-prix-total .label-prix {
  margin-top: -1px;
  display: block;
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 14px;
  line-height: 22px;
  text-transform: uppercase;
  color: rgb(176, 176, 176);
  color: rgba(64, 64, 64, 0.5);
}

.c-principal .panier-colis .choix-mode .panier-prix-total .detail-prix-total .total-prix {
  margin-top: 3px;
  display: block;
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 32px;
  line-height: 22px;
  text-transform: uppercase;
  color: rgb(176, 176, 176);
  color: rgba(64, 64, 64, 0.5);
}

.c-principal .panier-colis .choix-mode .panier-prix-total .prix-total {
  margin: -8px 5px 0 0;
  display: inline-block;
  vertical-align: top;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 54px;
  line-height: 46px;
  color: #ff6b50;
}

.c-principal .panier-colis .choix-mode .panier-prix-total .prix-total sup {
  font-size: 30px;
  margin-left: 7px;
}

.c-principal .panier-colis .choix-mode .panier-prix-total .total-ttc {
  display: inline-block;
  vertical-align: top;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 12px;
  line-height: 12px;
  text-transform: uppercase;
  color: rgb(176, 176, 176);
  color: rgba(64, 64, 64, 0.5);
}

.c-principal .panier-colis .choix-mode .poids-colis {
  vertical-align: middle;
  padding: 13px 0 0 1px;
  display: inline-block;
}

.c-principal .panier-colis .choix-mode .poids-colis .info {
  margin: 3px 10px 0 0;
  display: inline-block;
  vertical-align: middle;
  background: url('../img/infobulle-grise.png') no-repeat 0 0;
  width: 16px;
  height: 16px;
}

.c-principal .panier-colis .choix-mode .poids-colis .labels-poids {
  display: inline-block;
  vertical-align: middle;
}

.c-principal .panier-colis .choix-mode .poids-colis .labels-poids > span {
  margin-right: 15px;
  display: inline-block;
  font-size: 12px;
  line-height: 22px;
  text-transform: uppercase;
  color: #717273;
}

.c-principal .panier-colis .choix-mode .poids-colis .labels-poids .gris {
  color: rgb(176, 176, 176);
  color: rgba(64, 64, 64, 0.5);
}

.c-principal .panier-colis .choix-mode .poids-colis .labels-poids strong {
  padding-left: 0;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  font-style: normal;
  text-transform: lowercase;
}

.c-principal .panier-colis .paiement-securise, .c-principal .panier-colis .montant-commande, .c-principal .panier-colis .choix-moyen-paiement, .c-principal .panier-colis .transaction-reussie {
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #f0f0f1;
  border-bottom: 1px solid rgba(179, 179, 183, 0.2);
}

.c-principal .panier-colis .paiement-securise {
  padding: 56px 0 25px;
}

.c-principal .panier-colis .paiement-securise img {
  display: block;
  margin: 0 auto 10px;
}

.c-principal .panier-colis .paiement-securise .paiement-securise-label {
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 16px;
  line-height: 22px;
  text-transform: uppercase;
  color: #aeafb4;
}

.c-principal .panier-colis .transaction-reussie {
  padding: 44px 0 34px;
}

.c-principal .panier-colis .transaction-reussie img {
  display: block;
  margin: 0 auto 10px;
}

.c-principal .panier-colis .transaction-reussie .transaction-reussie-titre {
  margin: 57px 0 29px;
  display: block;
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 32px;
  line-height: 22px;
  text-transform: uppercase;
  color: #aeafb4;
}

.c-principal .panier-colis .transaction-reussie .transaction-reussie-desc {

  /*padding: 0 36%;*/
  display: inline-block;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
}

.c-principal .panier-colis .montant-commande {
  padding: 30px 20px 30px;
  background-color: #f9fdfe;
  text-align: left;
}

.c-principal .panier-colis .montant-commande .montant-commande-label {

  /*margin-bottom: 17px;*/
  display: inline-block;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 24px;
  line-height: 16px;
}

.c-principal .panier-colis .montant-commande .panier-prix-total {
  display: inline-block;
  vertical-align: bottom;
}

.c-principal .panier-colis .montant-commande .panier-prix-total .prix-total {
  margin: -3px 0 0 0;
  display: inline-block;
  vertical-align: top;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 44px;
  line-height: 46px;
  letter-spacing: -0.6px;
  color: #ff6b50;
}

.c-principal .panier-colis .montant-commande .panier-prix-total .prix-total sup {
  font-size: 26px;
}

.c-principal .panier-colis .montant-commande .panier-prix-total .total-ttc {
  display: inline-block;
  vertical-align: top;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 12px;
  line-height: 12px;
  text-transform: uppercase;
  color: rgb(176, 176, 176);
  color: rgba(64, 64, 64, 0.5);
}

.c-principal .panier-colis .choix-moyen-paiement {
  padding: 41px 0 43px;
}

.c-principal .panier-colis .choix-moyen-paiement .moyen-paiement-label {
  margin-bottom: 41px;
  display: inline-block;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  line-height: 16px;
}

.c-principal .panier-colis .choix-moyen-paiement .choix-carte .paiement-visa, .c-principal .panier-colis .choix-moyen-paiement .choix-carte .paiement-mastercard {
  margin: 0 10px 5px;
  display: inline-block;
  width: 110px;
  height: 68px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}

.c-principal .panier-colis .choix-moyen-paiement .choix-carte .paiement-visa:hover, .c-principal .panier-colis .choix-moyen-paiement .choix-carte .paiement-mastercard:hover, .c-principal .panier-colis .choix-moyen-paiement .choix-carte .paiement-visa:active, .c-principal .panier-colis .choix-moyen-paiement .choix-carte .paiement-mastercard:active {
  margin: -5px 5px 0;
  border: 5px solid #21bfd1;
  width: 120px;
  height: 78px;
}

.c-principal .panier-colis .choix-moyen-paiement .choix-carte .paiement-visa img, .c-principal .panier-colis .choix-moyen-paiement .choix-carte .paiement-mastercard img {
  border: 2px solid #ffffff;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}

/*
* NEADLY MES REMBOURSEMENTS
*/
.c-principal .about-neadly {
  height: 364px;
  background-color: #f6f7fa;
  text-align: center;
  border-bottom: solid 1px #e8e8e9;
}

.c-principal .about-neadly .c-rebord {
  background-color: transparent;
}

.c-principal .about-neadly .menu-compte {
  top: -17px;
}

.c-principal .about-neadly .menu-compte .nav-compte {
  margin-bottom: 50px;
}

.c-principal .about-neadly .menu-compte .menu-compte-lien {
  background-color: #fff;
}

.c-principal .about-neadly .title-h2 {
  margin-bottom: 29px;
}

.c-principal .about-neadly .steps {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  position: relative;
  margin-right: 90px;
}

.c-principal .about-neadly .steps:last-of-type {
  margin-right: 0;
}

.c-principal .about-neadly .steps:after {
  content: "";
  background-image: url("../img/arrow-refund-step.png");
  background-repeat: no-repeat;
  height: 40px;
  width: 40px;
  position: absolute;
  top: 25px;
  right: 0;
  margin: auto;
}

.c-principal .about-neadly .steps:last-of-type:after {
  background-image: none;
}

.c-principal .about-neadly .steps .img-step {
  height: 98px;
}

.c-principal .about-neadly .steps img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.c-principal .about-neadly .steps p {
  font-family: Raleway-Bold, Arial, sans-serif;
  font-size: 14px;
  margin-top: 15px;
}

.c-principal .about-neadly .steps .partenaires img {
  display: inline-block;
}

.c-principal .about-neadly .steps .partenaires img:first-of-type {
  margin-top: 15px;
  margin-right: 26px;
}

.c-principal .about-neadly .steps.step1 {
  width: 230px
}

.c-principal .about-neadly .steps.step1:after {
  right: -73px;
}

.c-principal .about-neadly .steps.step2 {
  width: 146px;
}

.c-principal .about-neadly .steps.step2:after {
  right: -113px;
}

.c-principal .about-neadly .steps.step3 {
  width: 252px;
}

.c-principal .refund-blocs {
  border-bottom: solid 1px #e8e8e9;
  margin-top: 40px;
}

.c-principal .refund-blocs span {
  display: block;
  margin-top: 50px;
  margin-bottom: 33px;
  text-align: left;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-size: 14px;
  text-transform: uppercase;
}

.c-principal .refund-blocs .content-bloc {
  text-align: center;
}

.c-principal .refund-blocs.refund-bloc1 .content-bloc p {
  font-family: Raleway-Bold, Arial, sans-serif;
  font-size: 20px;
  padding: 0 240px;
  margin-top: 27px;
  margin-bottom: 24px;
}

.neadly_widget_remboursement .partenaires {
  margin-bottom: 50px;
}

.c-principal .refund-blocs.refund-bloc-teaser .content-bloc .partenaires img:first-of-type, .c-principal .refund-blocs.refund-bloc1 .content-bloc .partenaires img:first-of-type {
  margin-top: 22px;
  margin-right: 40px;
}

.c-principal .refund-blocs.refund-bloc-teaser .content-bloc .partenaires a:last-of-type img, .c-principal .refund-blocs.refund-bloc1 .content-bloc .partenaires a:last-of-type img {
  margin-right: 0;
}

.c-principal .refund-blocs .panel {
  border: solid 1px rgb(232, 232, 233);
  background-color: rgb(255, 255, 255);
  width: 987px;
  margin: 5px auto 45px;
  position: relative;
  padding: 30px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.c-principal .refund-blocs .panel:before, .c-principal .refund-blocs .panel:after {
  content: "";
  background-image: url("../img/panel-border.png");
  background-repeat: no-repeat;
  width: 959px;
  height: 5px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  left: 0;
  right: 0;
}

.c-principal .refund-blocs .panel:before {
  background-position: center top;
  top: -6px;
}

.c-principal .refund-blocs .panel:after {
  background-position: center bottom;
  bottom: -6px;
}

.c-principal .refund-blocs .panel .panel-title {
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.c-principal .refund-blocs.refund-bloc-teaser .panel .panel-title {
  margin-bottom: 0px;
}

.c-principal .refund-blocs .panel .panel-content {
  margin-bottom: 20px;
  padding: 0 110px;
}

.c-principal .refund-blocs .panel .panel-content, .c-principal .refund-blocs .panel .panel-message {
  font-family: Raleway-Medium, Arial, sans-serif;
  font-size: 14px;
  color: #404040;
}

.c-principal .refund-blocs .panel .panel-message {
  padding: 17px;
}

.c-principal .refund-blocs.refund-bloc-teaser .panel .panel-message {
  font-weight: 400;
}

.c-principal .refund-blocs .panel .panel-message span {
  display: inline;
  color: #00c1d2;
}

.c-principal .refund-blocs .panel.panel-teasing .panel-content {
  margin-bottom: 10px;
}

.c-principal .refund-blocs .panel.panel-teasing img:first-of-type {
  margin-right: 40px;
  margin-top: 20px;
}

.c-principal .refund-blocs .panel.panel-warning .panel-message, .c-principal .refund-blocs .panel.panel-success .panel-message {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.c-principal .refund-blocs .panel.panel-warning .panel-message {
  background-color: rgba(255, 107, 80, 0.051);
}

.c-principal .refund-blocs .panel.panel-success .panel-message {
  background-color: rgba(42, 222, 117, 0.051);
}

.c-principal .refund-blocs .panel .panel-message p {
  position: relative;
  padding-left: 43px;
  margin-right: 15px;
  text-align: left;
  line-height: 1.571;
}

.c-principal .refund-blocs .panel.panel-warning .panel-message p {
  width: 570px;
}

.c-principal .refund-blocs .panel.panel-warning .panel-message p:before, .c-principal .refund-blocs .panel.panel-success .panel-message p:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.c-principal .refund-blocs .panel.panel-warning .panel-message p:before {
  background: url("../img/warning.png") no-repeat;
  height: 32px;
  width: 37px;
}

.c-principal .refund-blocs .panel.panel-success .panel-message p:before {
  background: url("../img/success.png") no-repeat;
  height: 38px;
  width: 38px;
}

.c-principal .refund-blocs .panel.panel-warning .panel-message a.disabled {
  box-shadow: none;
  background-color: #dbdbdd;
  color: #9f9f9f;
}

.c-principal .refund-blocs .panel .panel-message p, .c-principal .refund-blocs .panel .panel-message a {
  display: inline-block;
  vertical-align: middle;
}

.c-principal .refund-blocs .panel .panel-message a {
  max-width: 300px;
  height: 44px;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-size: 12px;
  padding: 5px 15px;
  line-height: 33px;
}

.c-principal .refund-blocs .refund-bloc2 .panel.panel-warning .panel-message p {
  text-align: center;
}

.c-principal .refund-blocs .refund-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 60px;
}

.c-principal .refund-blocs .refund-table tr th {
  font-family: Raleway-Bold, Arial, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  border-bottom: solid 1px #e8e8e9;
  padding: 17px 0;
}

.c-principal .refund-blocs .refund-table tr th:hover {
  cursor: pointer;
}

.c-principal .refund-blocs .refund-table tr th #sorttable_sortfwdind, .c-principal .refund-blocs .refund-table tr th #sorttable_sortrevind {
  display: none;
}

.c-principal .refund-blocs .refund-table tr th:first-child {
  width: 66%;
}

.c-principal .refund-blocs .refund-table tr th p {
  display: inline-block;
}

.c-principal .refund-blocs .refund-table tr td {
  border-bottom: solid 1px #e8e8e9;
}

table.sortable th::after, th.sorttable_sorted::after, th.sorttable_sorted_reverse::after {
  content: " ";
  display: inline-block;
  width: 12px;
  height: 8px;
  margin-left: 10px;
  background: url("../img/arrow-filtre.png");
}

th.sorttable_sorted::after {
  background: url("../img/arrow-filtre.png");
  background-size: contain;
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

th.sorttable_sorted_reverse::after {
  background: url("../img/arrow-filtre.png");
  background-size: cover;
}

.c-principal .refund-blocs .refund-table tr td p {
  padding: 17px 0;
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-size: 14px;
}

.c-principal .refund-blocs .refund-table tr:nth-child(even) {
  background: #f9fdfe;
}

.c-principal .refund-blocs .refund-table  tr:nth-child(odd) {
  background: #FFF;
}

.c-principal .refund-blocs .refund-table tr th:first-child, .c-principal .refund-blocs .refund-table tr td:first-child {
  text-align: left;
  padding-left: 30px;
}

.c-principal .refund-blocs .refund-table tr th:nth-child(2), .c-principal .refund-blocs .refund-table tr th:last-child, .c-principal .refund-blocs .refund-table tr td:nth-child(2), .c-principal .refund-blocs .refund-table tr td:last-child {
  text-align: right;
  padding-right: 20px;
}

.c-principal .refund-blocs .refund-table tr td .infos, .c-principal .refund-blocs .refund-table tr td .success, .c-principal .refund-blocs .refund-table tr td .error {
  font-family: Raleway-Bold, Arial, sans-serif !important;
}

.c-principal .refund-blocs .refund-table tr td .infos {
  color: #00c1d2;
}

.c-principal .refund-blocs .refund-table tr td .success {
  color: #2ade75;
}

.c-principal .refund-blocs .refund-table tr td .error {
  color: #84848d;
}

.c-principal .refund-blocs .refund-table tr td .error span {
  color: #ff6b50;
  display: inline;
  font-size: 12px;
  text-transform: inherit;
  padding-right: 7px;
  position: relative;
}

.c-principal .refund-blocs .refund-table tr td .error span:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -25px;
  margin: auto;
  background-image: url("../img/warning.png");
  background-repeat: no-repeat;
  height: 16px;
  width: 18px;
  -webkit-background-size: 18px 16px;
  background-size: 18px 16px;
}

#form_atos input {
  border: none;
  margin: 0 10px 5px;
  padding: 2px;
  webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}

#form_atos input:hover {
  margin: -5px 5px 0;
  border: 5px solid #21bfd1;
}

.c-principal .panier-colis .information-expedition {
  padding: 44px 0 40px 20px;
  width: 100%;
  text-align: left;
}

.c-principal .panier-colis .information-expedition-desc {
  margin-top: 20px;
  display: block;
  font-family: Raleway-Medium, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  line-height: 24px;
  color: #9f9f9f;
  text-align: left;
}

.c-principal .panier-colis .information-expedition .suivre-commande {
  padding: 18px 54px;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
}

.c-principal .panier-colis .information-expedition .retour-accueil {
  margin: 38px 0 0;
  display: block;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  line-height: 16px;
  color: #21bfd1;
}

.c-principal .panier-colis .etape_suivante {
  padding: 8px 0;
  width: 220px;
  display: block;
  font-size: 16px;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  text-align: center;
}

.c-principal .panier-colis .selection-etape {
  padding: 38px 0 50px;
  width: 100%;
  text-align: right;
}

.c-principal .panier-colis .selection-etape .checkbox {
  margin-top: 15px;
  display: inline-block;
  min-width: 50%;
}

.c-principal .panier-colis .selection-etape .checkbox label {
  margin: -2px 0 0 8px;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  line-height: 16px;
  text-align: left;
  color: #404040;
}

.c-principal .panier-colis .selection-etape .checkbox a {
  text-decoration: underline;
  color: #21bfd1;
}

.c-principal .panier-colis .proceder_paiement {
  padding: 17px 28px 15px;  /*margin-left: 26px;*/

  /*display: inline-block;*/
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
}

.c-principal .panier-colis .proceder_paiement:before {
  content: '';
  margin-right: 8px;
  display: inline-block;
  vertical-align: middle;
  background-image: url('../img/icone-carte-bancaire.png');
  width: 35px;
  height: 24px;
}

.c-principal .panier-colis .commande-terminee {
  padding: 16px 0;
  margin: 50px auto 60px;
  display: block;
  width: 293px;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  text-align: center;
}

.c-principal .panier-colis .commande-terminee:before {
  content: '';
  margin-right: 12px;
  display: inline-block;
  vertical-align: -7px;
  background-image: url('../img/icone-carte-bancaire.png');
  width: 35px;
  height: 24px;
}

.c-principal .panier-vide {
  display: block;
  margin: 63px auto 115px;
  width: 384px;
  text-align: center;
}

.c-principal .panier-vide img {
  display: block;
  margin: 0 auto;
  margin-bottom: 28px;
}

.c-principal .panier-vide .panier-vide-label {
  margin-bottom: 36px;
  display: inline-block;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  line-height: 36px;
}

.c-principal .panier-vide .button {
  padding: 18px 44px;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
}

.c-principal .panier-message {
  display: block;
  margin: 200px auto;
  text-align: center;
}

/*=============================================
=            REMERCIEMENT ET ECHEC            =
=============================================*/
.c-principal .echec .transaction-reussie, .c-principal .remerciement .transaction-reussie {
  border-bottom: none;
}

.c-principal .echec .amount-bloc, .c-principal .remerciement .amount-bloc, .c-principal .echec .vip-bloc, .c-principal .remerciement .vip-bloc {
  display: inline-block;
  vertical-align: top;
}

.c-principal .echec .vip-bloc, .c-principal .remerciement .vip-bloc {
  padding-left: 28px;
  width: 615px;
  margin-bottom: 54px;
}

.c-principal .echec .vip-bloc .carte-vip-bloc-small, .c-principal .remerciement .vip-bloc .carte-vip-bloc-small {
  margin: 20px 0;
}

.c-principal .echec .amount-bloc, .c-principal .remerciement .amount-bloc {
  border-right: solid 1px #e8e8e9;
  padding-right: 28px;
  width: 621px;
}

/*=====  End of REMERCIEMENT ET ECHEC  ======*/

/* ============================ */

/* ========== WYSIWYG ========= */

/* ============================ */
.c-principal .wysiwyg h2 {
  margin-bottom: 23px;
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 22px;
  line-height: 30px;
  text-align: left;
}

.c-principal .wysiwyg h3 {
  margin-bottom: 6px;
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 18px;
  line-height: 22px;
  text-align: left;
  text-transform: uppercase;
  color: #00c1d2;
}

.c-principal .wysiwyg p {
  margin-bottom: 22px;
  font-family: Raleway-Medium, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  line-height: 30px;
}

.c-principal .wysiwyg strong {
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
}

.c-principal .wysiwyg a {
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  text-decoration: none;
  color: #21bfd1;
}

.c-principal .wysiwyg ul {
  list-style-type: initial;
}

.c-principal .wysiwyg li {
  font-family: Raleway-Medium, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  line-height: 30px;
}

/* ============================ */

/* === WYSIWYG RESTRICTIONS === */

/* ============================ */
.c-principal .page-restriction .wysiwyg {
  background-color: #fff9f9;
  background-color: rgba(255, 227, 223, 0.2);
}

.c-principal .page-restriction .wysiwyg h2 {
  padding: 16px 20px 0;
  margin-bottom: 23px;
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 22px;
  line-height: 30px;
  text-align: left;
}

.c-principal .page-restriction .wysiwyg h3 {
  padding: 16px 20px 0;
  margin-bottom: 6px;
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 18px;
  line-height: 22px;
  text-align: left;
  text-transform: uppercase;
  color: #ff6b50;
}

.c-principal .page-restriction .wysiwyg p {
  padding: 0 20px 11px;
  margin-bottom: 11px;
  border-bottom: 1px solid #f0ebec;
  border-bottom: 1px solid rgba(179, 179, 179, 0.2);
  font-family: Raleway-Medium, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  line-height: 30px;
}

.c-principal .page-restriction .wysiwyg strong {
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
}

.c-principal .page-restriction .wysiwyg a {
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  text-decoration: none;
  color: #ff6b50;
}

.c-principal .page-restriction .wysiwyg ul {
  padding: 0 20px;
  list-style-type: initial;
}

.c-principal .page-restriction .wysiwyg li {
  font-family: Raleway-Medium, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  line-height: 30px;
}

/* ============================ */

/* ========= PAGE 404 ========= */

/* ============================ */
.c-principal .page-404 {
  padding: 49px 0 81px;
}

.c-principal .page-404 img {
  display: block;
  margin: 0 auto 62px;
}

.c-principal .page-404 span {
  display: block;
  padding: 0 18%;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  line-height: 36px;
  text-align: center;
}

.c-principal .page-404 a {
  text-decoration: none;
  color: #21bfd1;
}

/* ============================ */

/* ========== FOOTER ========== */

/* ============================ */
footer {
  border-top: 1px solid #f0f0f0;
}

.f-liste-partenaires {
  padding: 48px 0;
  background-color: #9f9f9f;
  background-color: rgba(64, 64, 64, 0.5);
  border-top: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  text-align: center;
}

.f-liste-partenaires ul li {
  margin: 5px 18px;
  display: inline-block;
  vertical-align: middle;
}

.f-temoignages {
  padding: 50px 0 10px 0;
}

.f-temoignages h2 {
  margin-bottom: 26px;
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 30px;
  line-height: 20px;
  text-align: center;
}

.f-temoignages .sous-titre {
  padding: 0 338px;
  margin-bottom: 56px;
  display: block;
  font-family: Raleway-Medium, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  color: #b3b3b7;
}

.f-temoignages ul {
  padding: 0 10px;
  display: block;
  width: 100%;
  font-size: 0px;
}

.f-temoignages ul li {
  padding-left: 80px;
  margin-bottom: 44px;
  display: inline-block;
  vertical-align: top;
  width: 50%;
}

.f-temoignages ul li img {
  vertical-align: top;
  width: 60px;
  height: 60px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.f-temoignages ul li .temoignages {
  margin-left: 20px;
  margin-top: -6px;
  display: inline-block;
  vertical-align: top;
  max-width: 70%;
  font-family: Raleway-Medium, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
}

.f-temoignages ul li .temoignages p {
  padding-bottom: 6px;
  font-size: 14px;
  line-height: 22px;
}

.f-temoignages ul li .temoignages span {
  font-size: 12px;
  line-height: 22px;
  color: #b3b3b7;
}

.f-contact {
  background-color: #fdfdfe;
  background-color: rgba(246, 247, 250, 0.2);
  border-top: 1px solid #f0f0f1;
  border-top: 1px solid rgba(179, 179, 183, 0.2);
  border-bottom: 1px solid #f0f0f1;
  border-bottom: 1px solid rgba(179, 179, 183, 0.2);
  text-align: center;
}

.f-contact .f-section-actu, .f-contact .f-section-contact {
  display: inline-block;
  width: 50%;
  min-height: 237px;
  float: left;
  font-family: Raleway-Medium, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
}

.f-contact .f-section-actu {
  padding: 42px 0 42px 10px;
}

.f-contact .f-section-contact {
  padding: 42px 12px 42px 0;
}

.f-contact .f-section-zone {
  min-height: 137px;
}

.f-contact .f-section-actu h2, .f-contact .f-section-contact h2 {
  margin: 1px 0 24px 0;
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 26px;
  line-height: 20px;
}

.f-contact .f-section-actu p, .f-contact .f-section-actu p a, .f-contact .f-section-contact p {
  margin: 0 auto 4px auto;
  display: block;
  max-width: 90%;
  font-size: 16px;
  line-height: 22px;
}

.f-contact .f-section-actu span, .f-contact .f-section-actu span a, .f-contact .f-section-contact span {
  margin-bottom: 16px;
  display: block;
  font-size: 10px;
  line-height: 22px;
  text-transform: uppercase;
  color: #aeafb4;
}

.f-contact .f-section-actu a {
  color: inherit;
  text-decoration: none;
}

.f-contact .f-section-actu {
  border-right: 1px solid #f0f0f1;
  border-right: 1px solid rgba(179, 179, 183, 0.2);
}

.f-contact .f-section-actu .button {
  color: #ffffff;
}

.f-contact .f-section-contact p {
  max-width: 56%;
}

.f-contact .f-section-contact .button {
  padding: 8px 18px;
}

.c-principal .row.captcha .placeholder {
  width: 35%;
  border: 1px solid #CCC;
  vertical-align: top;
  display: inline-block;
  margin-bottom: 20px;
}

.c-principal .row.captcha .cliquez-ici {
  width: 64%;
  font-size: 13px;
  color: #CCC;
  vertical-align: top;
  display: inline-block;
  margin-bottom: 20px;
  padding-left: 10px;
  padding-top: 3px;
}

.f-restrictions-envoi {
  padding: 23px 0;
  text-align: center;
}

.f-restrictions-envoi h2 {
  margin-bottom: 23px;
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
}

.f-restrictions-envoi ul {
  margin-bottom: 9px;
  display: block;
}

.f-restrictions-envoi ul li {
  margin: 0 40px;
  display: inline-block;
}

.f-restrictions-envoi ul li img {
  display: block;
  margin: 0 auto 3px auto;
  width: 48px;
  height: 48px;
}

.f-restrictions-envoi ul li span {
  display: block;
  font-weight: bold;
  text-transform: uppercase;
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 10px;
  line-height: 20px;
  color: rgba(64, 64, 64, 0.5);
}

.f-social {
  padding: 19px 0 16px 0;
  background-color: #f36950;
  text-align: center;
  color: #ffffff;
}

.f-social .dernier-event, .f-social .rejoindre-communaute {
  display: inline-block;
  width: 50%;
  float: left;
}

.f-social .dernier-event h2, .f-social .rejoindre-communaute h2 {
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  text-align: center;
}

.f-social .dernier-event span, .f-social .rejoindre-communaute span {
  font-family: Raleway-Medium, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  line-height: 22px;
}

.f-social .dernier-event span strong, .f-social .rejoindre-communaute span strong {
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
}

.f-social .dernier-event {
  padding-bottom: 5px;
  border-right: 1px solid #ffa696;
  border-right: 1px solid rgba(255, 255, 255, 0.4);
}

.f-social .dernier-event h2 {
  margin: 5px 0 2px 10px;
}

.f-social .dernier-event span {
  margin-left: 26px;
}

.f-social .rejoindre-communaute {
  padding: 10px 0;
}

.f-social .rejoindre-communaute h2 {
  margin: 1px 0 0 -30px;
  display: inline-block;
  vertical-align: middle;
}

.f-social .rejoindre-communaute h2:after {
  content: '';
  margin-left: 15px;
  background-image: url("../img/fleche-footer.png");
  background-position: -6px 0;
  display: inline-block;
  width: 6px;
  height: 10px;
  vertical-align: -1px;
}

.f-social .rejoindre-communaute ul {
  display: inline-block;
}

.f-social .rejoindre-communaute ul .i-social {
  padding: 7px 15px;
  display: inline-block;
  vertical-align: middle;
  height: 32px;
  border-right: 1px solid #ffa696;
  border-right: 1px solid rgba(255, 255, 255, 0.4);
}

.f-social .rejoindre-communaute ul .i-social a {
  background-image: url("../img/sprites-sociaux-blanc.png");
  display: inline-block;
}

.f-social .rejoindre-communaute ul .i-social.instagram a {
  background-position: 0 0;
  width: 18px;
  height: 18px;
}

.f-social .rejoindre-communaute ul .i-social.facebook a {
  background-position: -18px 0;
  width: 8px;
  height: 18px;
}

.f-social .rejoindre-communaute ul .i-social.twitter a {
  background-position: -26px 0;
  width: 22px;
  height: 18px;
}

.f-social .rejoindre-communaute ul .i-social.youtube {
  border: none;
}

.f-social .rejoindre-communaute ul .i-social.youtube a {
  background-position: -48px 0;
  width: 16px;
  height: 18px;
}

.f-infos-client {
  padding: 23px 0 15px 0;
}

.f-infos-client .paiement-securise, .f-infos-client .service-client, .f-infos-client .livraison-dom-tom {
  display: inline-block;
  vertical-align: top;
  text-align: center;
}

.f-infos-client .paiement-securise {
  margin-left: 224px;
}

.f-infos-client .service-client {
  margin-left: 180px;
}

.f-infos-client .livraison-dom-tom {
  margin-left: 148px;
}

.f-infos-client .paiement-securise h2, .f-infos-client .service-client h2, .f-infos-client .livraison-dom-tom h2 {
  margin-bottom: 3px;
  font-family: Raleway-ExtraBold, Arial, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  text-align: center;
}

.f-infos-client .paiement-securise span, .f-infos-client .service-client span, .f-infos-client .livraison-dom-tom span {
  display: block;
  font-family: Raleway-Medium, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  color: #b3b3b7;
}

.f-infos-client .paiement-securise span.decalage-horaire, .f-infos-client .service-client span.decalage-horaire, .f-infos-client .livraison-dom-tom span.decalage-horaire {
  display: block;
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 9px;
  line-height: 22px;
  text-transform: uppercase;
  color: #f36950;
}

.f-infos-client .paiement-securise img, .f-infos-client .service-client img, .f-infos-client .livraison-dom-tom img {
  margin: 0 3px;
  display: inline-block;
  vertical-align: middle;
}

.f-infos-client .paiement-securise span {
  margin-bottom: 12px;
}

.f-infos-client .service-client span {
  margin-bottom: 2px;
}

.f-infos-client .livraison-dom-tom span {
  margin-bottom: 8px;
}

.f-liens {
  padding: 44px 0 33px 0;
  border-top: 1px solid #f0f0f1;
  border-top: 1px solid rgba(179, 179, 183, 0.2);
}

.f-liens .logo {

  /*margin: 0 160px 0 20px;*/
  margin: 0 98px 0 20px;
  display: inline-block;
  vertical-align: top;
  float: left;
  width: 189px;
  height: 45px;
  background-image: url("../img/logo.png?v=1");
  background-position: 0 -45px;
}

.f-liens ul {
  display: inline-block;
  font-size: 0px;
}

.f-liens ul li {
  margin-bottom: 14px;
  display: inline-block;
  vertical-align: top;
  width: 33.3333%;
}

.f-liens ul li a {
  font-family: Raleway-SemiBold, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 14px;
  line-height: 22px;
  text-decoration: none;
  color: #7e8080;
}

.f-copyright {
  padding: 12px 0;
  background-color: #f6f7fa;
  border-top: 1px solid #e2e2e6;
  border-top: 1px solid rgba(179, 179, 183, 0.3);
  font-family: Raleway-Bold, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 12px;
  line-height: 22px;
  color: #a8a9aa;
  color: rgba(126, 128, 128, 0.7);
}

.f-copyright a {
  text-decoration: none;
  color: #a8a9aa;
  color: rgba(126, 128, 128, 0.7);
}

.c-principal .estimation-zone .infos-colis {
  margin-top: 4px;
}

.c-principal .estimation-zone .infos-colis span {
  margin-bottom: 0px;
}

.liste_expeditions {
  border-collapse: collapse;
  width: 100%;
  margin: 20px 0px;
}

.liste_expeditions th {
  padding: 10px 30px;
  margin-bottom: 12px;
  font-family: Raleway-Medium, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 12px;
  line-height: 12px;
  color: #afb1b5;
  text-transform: uppercase;
}

.liste_expeditions tr:nth-child(even) {
  background-color: #f9fdfe;
}

.liste_expeditions tr .price {
  font-family: Raleway-Bold;
  font-size: 20px;
  margin-bottom: 8px;
}

.liste_expeditions tr:hover .price, .liste_expeditions tr.active .price {
  color: #2ecc71;
}

.liste_expeditions td {
  padding: 10px 30px;
  cursor: pointer;
  text-align: center;
}

.liste_expeditions td .transporteur {
  display: flex;
  align-items: center;
  gap: 12px;
}

.liste_expeditions td .radio_expedition {
  display: none;
}

.liste_expeditions tr .radio_span {
  flex: 0 0 32px;
  height: 32px;
  background-image: url('../img/radio.png');
  background-position: bottom;
}

.liste_expeditions tr .no_radio_span {
  flex: 0 0 32px;
  display: inline-block;
  float: left;
  height: 32px;
  border: solid 2px #e1e2e6;
  border-radius: 50%;
  background-color: rgba(225, 226, 230, .3);
}

.liste_expeditions tr.indisponible:hover, .liste_expeditions tr .no_radio_span:hover {
  cursor: not-allowed;
}

.liste_expeditions tr .infobulle {
  display: inline-block;
}

.liste_expeditions tr .infobulle img {
  display: block;
  vertical-align: initial;
}

.liste_expeditions tr p {
  display: inline-block;
  line-height: 24px;
}

.liste_expeditions tr.indisponible p img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.liste_expeditions tr.active .radio_span {
  background-position: top;
}

.liste_expeditions td:first-child {
  width: 60%;
  text-align: left;  /*border-left: 0px solid #afb1b5;*/
}

.liste_expeditions td:nth-last-child(2) {
  text-align: right;
  padding-right: 15px;
}

.liste_expeditions .delivery-delay {
  font-family: Raleway-Bold;
}

.liste_expeditions .delivery-delay span {
  font-family: Raleway-ExtraLight;
}

.liste_expeditions .vip-price {
  display: block;
  font-size: 12px;
  color: rgba(64, 64, 64, .5);
}

.liste_expeditions .vip-price span {
  display: block;
  font-family: Raleway-Bold;
}

.liste_expeditions .ligne_expedition .vip-card-infos {
  display: flex;
  justify-content: space-between;
}

.liste_expeditions .ligne_expedition .vip-card-infos .vip-card {
  display: flex;
  flex: 0 0 142px;
  height: 26px;
}

.liste_expeditions .ligne_expedition .vip-card-infos .vip-card .image {
  margin-right: 10px;
}

.liste_expeditions .ligne_expedition .vip-card-infos .vip-card .text {
  font-family: Raleway-Bold;
  font-size: 12px;
  text-align: left;
}

.liste_expeditions .ligne_expedition .vip-card-infos .button {
  font-size: 10px;
  padding: 3px 10px;
}

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

/*
* modal de confirmation d'expédition
*/

#confirmationExpedition .buttons {
  display: block;
  text-align: center;
  margin-top: 30px;
}

#confirmationExpedition .buttons a {
  display: inline
}

#confirmationExpedition span {
  color: #ff6b50
}

/* ============================ */

/* === Commentaires | Notes === */

/* ============================ */

.prev_next_buttons {
  position: relative;
}

.zone_com {
  position: absolute;
  top: 0;
  left: 50%;
  width: 364px;
  margin-left: -182px;
}

.conteneur .notation {
  margin-left: 3px;
  display: inline-block;
  vertical-align: -4px;
  width: 104px;
  height: 16px;
  background: url("../img/notation_inactive.png") repeat-x 0 0;
  position: relative;
}

.conteneur .publication {
  display: inline-block;
}

.conteneur .notation .active {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: url("../img/notation_active.png") repeat-x 0 0;
}

.conteneur .notes {
  margin-left: 5px;
  vertical-align: -1px;
  color: #f36950;
}

.conteneur .notes:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 18px;
  background-image: url("../img/notation_active.png");
  background-repeat: no-repeat;
}

.commentaires {
  margin-top: 20px;
  padding: 0 70px;
}

.nav_commentaire .lien-id {
  margin-bottom: 14px;
  display: inline-block;
  font-size: 14px;
  font-weight: 900;
  text-decoration: underline;
  color: #f36950;
}

.commentaires .formulaire .zone-bouton {
  text-align: right;
}

.commentaires .input.textarea {
  margin-top: 10px;
}

.commentaires .formulaire .nom {
  margin-left: -3px;
  display: block;
  font-size: 24px;
  font-weight: 900;
  line-height: 24px;
}

.commentaires .formulaire .zone-bouton .bouton {
  padding: 10px 35px 9px;
  background-color: #f36950;
  color: #FFF;
  margin: 10px 0 15px;
}

.commentaire .auteur .profil {
  margin-right: 12px;
  display: inline-block;
  vertical-align: middle;
  width: 72px;
  height: 72px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.commentaires .liste .commentaire .auteur .infos {
  display: inline-block;
  vertical-align: -12px;
}

.commentaire .auteur .nom {
  display: block;
  font-size: 24px;
  font-weight: 900;
  color: #f36950;
}

.commentaires .liste .commentaire .auteur .is-admin {
  margin-left: 2px;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  color: #4C4C4C;
  top: -1.2em;
}

.commentaires .liste .commentaire .auteur .date {
  display: block;
  font-size: 12px;
  font-weight: 900;
  color: rgba(76, 76, 76, 0.5);
}

.commentaires .liste .commentaire {
  padding: 20px 0 0;
  position: relative;
  border-top: 1px solid #E5E5E5;
}

.commentaires .liste .commentaire .texte {
  padding: 16px 0 0 90px;
}

.commentaires .liste .commentaire .texte .message {
  margin-bottom: 8px;
  display: block;
  font-size: 14px;
  font-weight: 200;
  line-height: 22px;
}

.commentaires .liste .commentaire .texte .repondre {
  margin-bottom: 26px;
  display: inline-block;
  font-size: 12px;
  font-weight: 200;
  text-decoration: underline;
  color: #f36950;
}

.commentaires .liste .commentaire .texte .repondre:before {
  content: "";
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 10px;
  background-image: url("../img/repondre_commentaire.png");
}

.commentaires .liste .commentaire .signaler-abusif {
  font-size: 12px;
  font-weight: 200;
  text-decoration: underline;
  color: #4C4C4C;
  position: absolute;
  top: 30px;
  left: auto;
  bottom: auto;
  right: 0;
}

#modale {
  display: none;
}

.fancybox-skin {
  background-color: #F2F2F2;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  text-align: center;
  position: relative;
}

.modale {
  padding: 80px 100px;
  margin: 0 auto;
}

.modale .titre-section {
  font-size: 32px;
  line-height: 38px;
  color: #000;
  margin-bottom: 30px;
}

.modale .sous-titre-section {
  margin: 8px 0 16px;
  font-size: 18px;
  font-weight: 900;
  line-height: 28px;
}

.modale .input {
  margin-bottom: 20px;
}

.modale .bouton {
  padding: 14px 55px 13px;
  font-size: 14px;
}

.modale .fermeture {
  position: absolute;
  top: 20px;
  left: auto;
  bottom: auto;
  right: 20px;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  color: rgba(76, 76, 76, 0.4);
}

.modale .fermeture:after {
  content: "";
  margin-left: 11px;
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: -3px;
  background-image: url("../img/fermeture_modale.png");
}

.modale .newsletter-input {
  margin: 15px auto 0;
  max-width: 440px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  overflow: hidden;
}

.modale .newsletter-input input {
  display: inline-block;
  vertical-align: top;
  width: -webkit-calc(100% - 107px);
  width: calc(100% - 107px);
  height: 36px;
}

.modale .newsletter-input button {
  display: inline-block;
  vertical-align: top;
  height: 36px;
  padding: 10px 31px 9px;
  background-color: #4C4C4C;
  font-size: 12px;
  text-transform: uppercase;
  color: #FFFFFF;
}

.modale .btn_oui, .modale .btn_non {
  color: #f36950;
}

.loading {
  width: 100%;
  height: 84px;
  background-color: rgba(255, 255, 255, 0.4);
  background-image: url("../img/loader.gif");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 64px 64px;
  display: block;
  clear: both;
}

/*=========================================
=            COUPLAGE FACEBOOK            =
=========================================*/
.compte-reseau-couplage {
  text-align: center;
}

.compte-reseau-couplage .sous-titre {
  font-weight: bold;
  padding: 25px 300px;
}

.compte-reseau-couplage .sous-titre .warning, .compte-reseau-couplage .sous-titre .success {
  text-transform: uppercase;
  padding-bottom: 15px;
}

.compte-reseau-couplage .sous-titre .warning {
  color: #f36950;
}

.compte-reseau-couplage .sous-titre .success {
  color: #48c2d2;
}

.compte-reseau-couplage .comptes {
  background: url("../img/couplage-big.png") no-repeat center center;
}

.compte-reseau-couplage .compte {
  display: inline-block;
  vertical-align: top;
  width: 49.8%;
  padding: 30px;
  color: #404040;
}

.compte-reseau-couplage .compte h2 {
  padding-bottom: 40px;
}

.compte-reseau-couplage .compte h2:before {
  color: #ffffff;
  font-family: Raleway-ExtraBold;
  font-size: 40px;
  background-color: #48c2d2;
  border-radius: 50%;
  border: solid 3px #48c2d2;
  box-shadow: inset 0 0 0 3px #ffffff;
  display: block;
  text-align: center;
  line-height: 53px;
  height: 60px;
  width: 60px;
  margin: 0 auto 30px;
}

.compte-reseau-couplage .compte ul li {
  padding-bottom: 20px;
}

.compte-reseau-couplage .compte ul li label {
  font-family: Raleway-ExtraBold;
}

.compte-reseau-couplage .compte ul li span {
  font-family: Raleway-Light;
}

.compte-reseau-couplage .compte.shopiles {
}

.compte-reseau-couplage .compte.shopiles h2 {
  text-align: center;
}

.compte-reseau-couplage .compte.shopiles h2:before {
  content: "1";
}

.compte-reseau-couplage .compte.facebook {
}

.compte-reseau-couplage .compte.facebook h2 {
  text-align: center;
}

.compte-reseau-couplage .compte.facebook h2:before {
  content: "2";
}

.compte-reseau-couplage .bouton {
  text-align: center;
  margin: 50px auto 100px;
  display: flex;
  justify-content: space-around;
  width: 400px;
  display: -webkit-flex;
  -webkit-justify-content: space-around;
}

.compte-reseau-couplage .bouton .button {
  flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
}

/*=====  End of COUPLAGE FACEBOOK  ======*/

/*=======================================
=            RESEAUX SOCIAUX            =
=======================================*/
.social-icons-list li {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}

.social-icons-list li:last-of-type {
  margin-right: 0;
}

.social-icons-list li .item {
  display: block;
  height: 32px;
  width: 31px;
  background: url('../img/social-icons-sprite.png') no-repeat;
}

.social-icons-list li .item:hover {
  cursor: pointer;
}

.social-icons-list li .item.facebbok {
  background-position: 0 0;
}

.social-icons-list li .item.twitter {
  background-position: -31px 0;
}

/*=====  End of RESEAUX SOCIAUX  ======*/

/*==================================
=            CARTE VIP : AVANTAGES;            =
==================================*/
.vip-advantages h1 {
  padding: 0 220px 39px;
}

.vip-advantages .overlay-slide {
  color: #FFFFFF;
}

.vip-advantages .overlay-slide p {
  font-family: Raleway-ExtraLight;
  font-size: 18px;
}

.vip-advantages h1:before {
  content: "";
  background: url("../img/vip-card-cut.png");
  width: 349px;
  height: 135px;
  display: block;
  margin: 22px auto 26px;
}

.vip-advantages .overlay-slide .conteneur {
  position: relative;
}

.vip-advantages .conteneur.c-rebord {
  padding-top: 390px;
  margin-bottom: 123px;
}

.vip-advantages .conteneur.c-rebord .h3 {
  font-family: Raleway-ExtraBold;
  font-size: 20px;
  letter-spacing: 1px;
  text-align: center;
  padding: 10px 0 60px;
  position: relative;
}

.vip-advantages .conteneur.c-rebord .h3:before, .vip-advantages .conteneur.c-rebord .h3:after {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 143px;
  height: 63px;
}

.vip-advantages .conteneur.c-rebord .h3:before {
  background: url('../img/stars-colors-before.png');
  margin-top: -27px;
}

.vip-advantages .conteneur.c-rebord .h3:after {
  background: url('../img/stars-colors-after.png');
  margin-top: -38px;
}

.vip-advantages .advantages-list {
  position: absolute;
  top: 407px;
  left: 0;
  right: 0;
  text-align: center;
  display: flex;
  justify-content: space-between;
  padding: 0 55px;
  z-index: 1;
}

.vip-advantages .advantages-list .item {
}

.vip-advantages .advantages-list .item .circle {
  color: #FFFFFF;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  background-color: #48c2d2;
  width: 255px;
  height: 255px;
  border-radius: 50%;
  margin: 0 17px 29px;
}

.vip-advantages .advantages-list .item:last-of-type .circle {
  background-color: #f36950;
}

.vip-advantages .advantages-list .item .circle .inner {
  border-radius: 50%;
  border: solid 2px #FFFFFF;
  width: 247px;
  height: 247px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.vip-advantages .advantages-list .item .text-under {
  font-family: Raleway-Light;
  font-size: 16px;
  line-height: 1.85;
  color: #404040;
}

.vip-advantages .advantages-list .item .text-under .hashtag {
  font-family: Raleway-bold;
  display: block;
}

.vip-advantages .advantages-list .item .text {
  font-size: 18px;
  font-family: Raleway-Medium;
  padding: 0 20px;
}

.vip-advantages .advantages-list .item .text:before {
  content: "";
  display: block;
  margin: 0 auto 15px;
}

.vip-advantages .advantages-list .item.one .text:before {
  background: url("../img/pig-icon-white.png") no-repeat;
  width: 86px;
  height: 85px;
}

.vip-advantages .advantages-list .item.two .text:before {
  background: url("../img/parcel-icon-white.png") no-repeat;
  width: 101px;
  height: 67px;
}

.vip-advantages .advantages-list .item.three .text:before {
  background: url("../img/camera-icon-white.png") no-repeat;
  width: 101px;
  height: 77px;
}

.vip-advantages .advantages-list .item.four .text:before {
  background: url("../img/thumb-icon-white.png") no-repeat;
  width: 82px;
  height: 83px;
}

.vip-advantages .advantages-list .item.one .text-under, .vip-advantages .advantages-list .item.two .text-under, .vip-advantages .advantages-list .item.three .text-under {
  padding: 0 18px
}

.vip-advantages .advantages-list .item.two .text-under {
  padding: 0 23px
}

.vip-advantages .other-advantages {
  display: flex;
  justify-content: space-between;
  padding: 0 62px;
  margin-bottom: 106px;
}

.vip-advantages .other-advantages .item {
  text-align: center;
}

.vip-advantages .other-advantages .item .title {
  font-family: Raleway-ExtraBold;
  font-size: 18px;
  padding-bottom: 12px;
}

.vip-advantages .other-advantages .item .text {
  font-family: Raleway-Light;
  font-size: 15px;
  line-height: 1.95;
}

.vip-advantages .other-advantages .item .title:before {
  content: "";
  display: block;
  margin: 0 auto 30px;
}

.vip-advantages .other-advantages .item.one .title:before {
  background: url('../img/picto-camion.png') no-repeat;
  width: 107px;
  height: 77px;
  margin-top: 43px;
}

.vip-advantages .other-advantages .item.two .title:before {
  background: url('../img/picto-balance.png') no-repeat;
  width: 81px;
  height: 116px;
}

.vip-advantages .other-advantages .item.three .title:before {
  background: url('../img/picto-smiley.png') no-repeat;
  width: 120px;
  height: 101px;
  margin-left: 102px;
}

.vip-advantages .other-advantages .item.one .text, .vip-advantages .other-advantages .item.three .text {
  padding: 0 20px;
}

.vip-advantages .other-advantages .item.two .text {
  padding: 0 148px;
}

.vip-advantages .other-advantages .item .hashtag {
  font-family: Raleway-Bold;
}

.vip-advantages .subscription {
  text-align: center;
}

.vip-advantages .subscription .button {
  padding: 5px 51px;
}

.vip-advantages .subscription .link {
  position: relative;
}

.vip-advantages .subscription .link:before, .vip-advantages .subscription .link:after {
  content: "";
  display: block;
  position: absolute;
  background: url("../img/stars-colors-before.png") no-repeat;
  width: 143px;
  height: 63px;
  pointer-events: none;
}

.vip-advantages .subscription .link:before {
  top: -46px;
  left: 242px;
}

.vip-advantages .subscription .link:after {
  top: -75px;
  right: 315px;
}

.vip-advantages .subscription p {
  font-size: 23px;
  padding: 20px 0 37px;
}

.vip-advantages .subscription .image-wrapper {
  margin-bottom: 18px;
}

/*=====  End of CARTE VIP : AVANTAGES;  ======*/

/*======================================
=            CARTE VIP BLOC            =
======================================*/
.carte-vip-bloc {
  background: url('../img/vip-card-bloc-bg.png') left top no-repeat;
  height: 270px;
  width: 1240px;
  border: solid 1px #e8e8e9;
  border-radius: 10px;
  position: relative;
  display: flex;
  margin: 0 auto 20px;
  padding-left: 365px
}

.carte-vip-bloc-small {
  background: url('../img/vip-card-bloc-bg.png') left top no-repeat;
  background-size: contain;
  height: 200px;
  width: 590px;
  border: solid 1px #e8e8e9;
  border-radius: 10px;
  position: relative;
  display: flex;
  padding-left: 260px;
  align-items: center;
  margin: 0 auto 20px;
}

.carte-vip-bloc:before, .carte-vip-bloc:after, .carte-vip-bloc-small:before, .carte-vip-bloc-small:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  border-left: solid 1px #e8e8e9;
  border-right: solid 1px #e8e8e9;
  background: #f9fdfe;
  height: 4px;
  width: 1209px;
}

.carte-vip-bloc-small:before, .carte-vip-bloc-small:after {
  width: 559px;
}

.carte-vip-bloc-small:before, .carte-vip-bloc:before {
  top: -6px;
  border-top: solid 1px #e8e8e9;
}

.carte-vip-bloc-small:after, .carte-vip-bloc:after {
  content: "";
  display: block;
  border-bottom: solid 1px #e8e8e9;
  bottom: -6px;
}

.carte-vip-bloc .h2 {
  color: #00c1d2;
  font-family: Raleway-ExtraLight;
  font-size: 22px;
  margin-bottom: 20px;
}

.carte-vip-bloc-small .h2 {

  /*color: #00c1d2;*/
  font-family: Raleway-ExtraLight;
  font-size: 18px;
  margin-bottom: 12px;
  text-align: left;
}

.carte-vip-bloc-small .h2 span, .carte-vip-bloc .h2 span {
  font-family: Raleway-Bold;
}

.carte-vip-bloc-small .h2 span {
  display: block;
}

.carte-vip-bloc-small .h2 .price {
  font-family: Raleway-Bold;
  font-size: 26px;
  display: inline-block;
  padding-left: 5px;
}

.carte-vip-bloc .list {
  margin-left: 25px;
  line-height: 1.8;
}

.carte-vip-bloc .list li {
  list-style: url('../img/validation.png');
  font-family: Raleway-ExtraLight;
  font-size: 16px;
  padding-left: 6px;
}

.carte-vip-bloc .list li span {
  font-family: Raleway-Bold;
}

.carte-vip-bloc .inner {
  display: flex;
  padding-top: 57px;
  width: 824px;
  justify-content: space-between;
}

.carte-vip-bloc .bloc-right {
  text-align: right;
  padding-top: 3px;
}

.carte-vip-bloc .bloc-right .button {
  margin-bottom: 30px;
  padding: 12px 18px;
  font-size: 12px;
}

.carte-vip-bloc .bloc-right .text {
  width: 390px;
  font-family: Raleway-ExtraLight;
}

.carte-vip-bloc .bloc-right .text span.bold {
  font-family: Raleway-Bold;
}

.carte-vip-bloc .price {
  color: #2ecc71;
  padding-bottom: 13px;
}

.carte-vip-bloc .cart-price {
  font-family: Raleway-Bold;
  font-size: 33px;
}

.carte-vip-bloc .cart-price .sup {
  color: #404040;
  display: inline-block;
  vertical-align: top;
  font-size: 20px;
  font-family: Raleway-ExtraLight;
}

/*=====  End of CARTE VIP BLOC  ======*/

/*==========================================
=            ETAPES DE PAIEMENT            =
==========================================*/
.payment-steps {
  display: flex;
  justify-content: space-between;
}

.payment-steps .step {
  display: inline-block;
  vertical-align: top;
  position: relative;
  flex: 1;
  text-align: center;
  color: #aeafb4;
}

.payment-steps .step:after {
  content: "";
  background: url("../img/arrow-right-step.png") no-repeat;
  height: 26px;
  width: 15px;
  display: inline-block;
  vertical-align: top;
  position: absolute;
  top: 0;
  right: 0;
}

.payment-steps .step:last-of-type:after {
  content: none;
}

.payment-steps .step.active {
  color: #ff6b50;
}

.payment-steps .step .inner {
  position: relative;
}

.payment-steps .step .inner:after {
  content: "";
  display: block;
  background: url('../img/pastille-numero.png') no-repeat;
  height: 50px;
  width: 46px;
  margin: 10px auto 0
}

.payment-steps .step-one .inner:after {
  background-position: 0 0;
}

.payment-steps .step-two .inner:after {
  background-position: -46px 0;
}

.payment-steps .step-three .inner:after {
  background-position: -92px 0;
}

.payment-steps .step-four .inner:after {
  background-position: -138px 0;
}

.payment-steps .active.step-one .inner:after {
  background-position: 0 -50px;
}

.payment-steps .active.step-two .inner:after {
  background-position: -46px -50px;
}

.payment-steps .active.step-three .inner:after {
  background-position: -92px -50px;
}

.payment-steps .active.step-four .inner:after {
  background-position: -138px -50px;
}

.payment-steps .step-one .inner:before, .payment-steps .step-two .inner:before, .payment-steps .step-three .inner:before, .payment-steps .step-four .inner:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
}

.payment-steps .step-one .inner:before {
  background: url('../img/menu-mon-compte.png') no-repeat -73px 0;
  height: 25px;
  width: 28px;
}

.payment-steps .step-two .inner:before {
  background: url('../img/menu-mon-compte.png') no-repeat 0 0;
  height: 20px;
  width: 26px;
}

.payment-steps .step-three .inner:before {
  background: url('../img/menu-panier.png') no-repeat -26px 0;
  height: 23px;
  width: 26px;
}

.payment-steps .step-four .inner:before {
  background: url('../img/menu-panier.png') no-repeat -52px 0;
  height: 23px;
  width: 30px;
}

.payment-steps .active.step-one .inner:before {
  background: url('../img/menu-mon-compte.png') no-repeat -73px -25px;
  height: 25px;
  width: 28px;
}

.payment-steps .active.step-two .inner:before {
  background: url('../img/menu-mon-compte.png') no-repeat 0 -25px;
  height: 20px;
  width: 26px;
}

.payment-steps .active.step-three .inner:before {
  background: url('../img/menu-panier.png') no-repeat -26px -23px;
  height: 23px;
  width: 26px;
}

.payment-steps .active.step-four .inner:before {
  background: url('../img/menu-panier.png') no-repeat -52px -23px;
  height: 23px;
  width: 30px;
}

.payment-steps .step .title {
  display: inline-block;
  text-transform: uppercase;
  font-family: Raleway-Bold;
  font-size: 14px;
  padding-left: 10px;
}

/*=====  End of ETAPES DE PAIEMENT  ======*/

/*===================================
=            MINI PANIER            =
===================================*/
.small-cart {
  border: solid 2px #e8e8e9;
  border-radius: 10px;
  width: 100%;
  position: relative;
  margin: 10px 0 30px;
}

.small-cart:before, .small-cart:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  border-left: solid 1px #e8e8e9;
  border-right: solid 1px #e8e8e9;
  background: #f9fdfe;
  height: 4px;
  width: 90%;
}

.small-cart:before {
  top: -7px;
  border-top: solid 1px #e8e8e9;
}

.small-cart:after {
  content: "";
  display: block;
  border-bottom: solid 1px #e8e8e9;
  bottom: -7px;
}

.small-cart .title {
  font-family: Raleway-ExtraBold;
  font-size: 18px;
  text-transform: uppercase;
  text-align: center;
  color: #404040;
  background-color: #fafafa;
  border-bottom: solid 2px #e8e8e9;
  border-radius: 10px 10px 0 0;
  padding: 16px 0;
}

.small-cart .title:before {
  content: "";
  background: url('../img/download-icon-grey.png') no-repeat;
  display: inline-block;
  vertical-align: middle;
  width: 27px;
  height: 24px;
  margin-right: 13px;
}

.small-cart .product-list li {
  display: none;
}

.small-cart .product-list li.au-panier {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 17px 12px 0;
  border-bottom: solid 1px #e8e8e9;
}

.small-cart .product-list li .link {
  display: block;
  border: solid 2px #e8e8e9;
  height: 70px;
  width: 70px;
  border-radius: 4px;
  box-sizing: content-box;
  position: relative;
  margin: 0 8px 0px 20px;
}

.small-cart .product-list.is-vip li .link:hover:after {
  content: "";
  background: url('../img/camera-icon-white-small.png') no-repeat;
  height: 23px;
  width: 24px;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}

.small-cart .product-list .link:hover:after {
  content: "vip only";
  color: #ffffff;
  font-family: Raleway-ExtraBold;
  font-size: 10px;
  line-height: 17px;
  text-align: center;
  text-transform: uppercase;
  background-color: #00c1d2;
  border-radius: 8px;
  width: 57px;
  height: 17px;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}

.small-cart .product-list.is-vip li .link:hover:before {
  content: "";
  height: 70px;
  width: 70px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, .3);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

/*.small-cart .product-list.is-vip li .link:hover img{
filter: blur(0px);
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');
transition: filter .2s;
}*/
.small-cart .product-list .infos-colis {
  flex: 1;
  margin-top: -18px;
}

.small-cart .product-list .infos-colis .provider {
  font-family: Raleway-Medium;
  font-size: 14px;
  color: #404040;
  padding-top: 13px;
}

.small-cart .notempty {
  display: block;
}

.small-cart.empty .notempty {
  display: none;
}

.small-cart .empty {
  display: none;
}

.small-cart.empty .empty {
  display: block;
}

.small-cart a.delete, .small-cart .product-list .delete {
  background: url('../img/cross-grey-circle.png') no-repeat;
  height: 30px;
  width: 30px;
  display: block;
  transition: opacity .2s;
}

.small-cart .product-list .delete:hover {
  opacity: .7;
  transition: opacity .2s;
}

.small-cart .button {
  width: 90%;
  margin: 20px auto;
  text-align: center;
}

.small-cart .empty {
  text-align: center;
  border-bottom: solid 1px #e8e8e9;
}

.small-cart .empty .img {
  display: block;
  margin: 31px auto 16px;
}

.small-cart .empty .text {
  font-family: Raleway-Bold;
  font-size: 14px;
  padding-bottom: 30px;
  display: block;
}

/*=====  End of MINI PANIER  ======*/

/*===============================
=            VIP ADS            =
===============================*/
.vip-ads {
  display: flex;
}

.vip-ads .text-wrapper {
  margin-top: -6px;
}

.vip-ads .title {
  text-transform: uppercase;
  font-family: Raleway-ExtraBold;
  font-size: 14px;
  margin-bottom: 5px;
}

.vip-ads .img {
  margin-right: 5px;
}

.vip-ads .text {
  font-family: Raleway-ExtraLight;
  font-size: 12px;
  line-height: 1.3;
}

.vip-ads .text span.bold {
  font-family: Raleway-Medium
}

/*=====  End of VIP ADS  ======*/

/*==============================================
=            Autocompletion Adresse            =
==============================================*/
.cadre_adresse {
  padding: 8px 8px 0;
  border: 1px solid #e1e3e6;
  border-radius: 4px;
  margin-top: -10px;
  margin-bottom: 12px;
  background-color: #f1f1f1;
}

.hors-zone {
  display: block;
  position: absolute;
  top: -1000px;
  left: -1000px;
}

.autocompletionadresse .adresse-dom-tom {
  font-size: 14px;
  margin-bottom: 5px;
  margin-left: 1px;
}

.autocompletion-adresse_select_box {
  background-color: white;
  border-radius: 4px;
  border: 2px solid #e1e3e6;
  margin-top: 26px;
  box-shadow: 4px 4px 15px #6666;
}

.autocompletion-adresse_select_box li.select_box_value {
  padding: 4px 8px;
  border-bottom: 1px solid #e1e3e6;
}

.autocompletion-adresse_select_box li.select_box_value:last-child {
  border-bottom: none;
}

.autocompletion-adresse_select_box li.select_box_value a {
  text-decoration: none;
  color: #333;
  font-size: 14px;
}

.autocompletion-adresse_select_box li.select_box_value:hover, .autocompletion-adresse_select_box li.select_box_value.active {
  background-color: #f36950;
  border-radius: 4px;
}

.autocompletion-adresse_select_box li.select_box_value:hover a, .autocompletion-adresse_select_box li.select_box_value.active a {
  color: white;
}

/*==============================================
=            Multi expéditions                 =
==============================================*/
.multiples_expeditions h3 {
  margin-bottom: 12px;
  color: #ff6b50;
}

.multiples_expeditions p {
  color: #3a3a3a;
  font-size: 14px;
  margin-bottom: 16px;
}

.multiples_expeditions a {
  text-transform: inherit !important;
  width: auto !important;
  display: inline-block !important;
  padding: 0px 24px !important;
  font-size: 16px !important;
  box-shadow: 6px 6px 0 0 rgb(0 0 0 / 15%) !important;
}

.multiples_expeditions a:hover {
  margin: 2px 0 -2px 2px !important;
  box-shadow: 4px 4px 0 0 rgb(0 0 0 / 25%) !important;
}

.bloc-panier-titre.expedition {
  color: #ff6b50 !important;
}