@font-face {
  font-family: "PlutoSansDPDLight-Web";
  src: url("fonts/PlutoSansDPDLight-Web.eot");
  src: url("fonts/PlutoSansDPDLight-Web.eot?#iefix") format("embedded-opentype"), url("fonts/PlutoSansDPDLight-Web.woff") format("woff"),
  url("fonts/PlutoSansDPDLight-Web.ttf") format('truetype'); 
  
  }
@font-face {
  font-family: "PlutoSansDPDRegular-Web";
  src: url("fonts/PlutoSansDPDRegular-Web.eot");
  src: url("fonts/PlutoSansDPDRegular-Web.eot?#iefix") format("embedded-opentype"), 
  url("fonts/PlutoSansDPDRegular-Web.woff") format("woff"),
  url("fonts/PlutoSansDPDRegular-Web.ttf") format('truetype');

  }
a {
  color: #009ADF; }

i {
  font-style: normal; }

.out {
  position: absolute;
  top: -3000px;
  left: -3000px; }

.flex {
  display: flex;
  justify-content: space-between; }

.ie10 flex {
  -ms-flex-direction: row; }

@media (max-width: 979px) {
  .no-flex {
    display: block; } }
.cs-container .left {
  float: left; }

.right {
  float: right; }

.hide {
  display: none; }

.w120 {
  width: 12rem; }

.w130 {
  width: 13rem; }
  
.w150 {
width: 15rem; }

.w180 {
  width: 18rem; }

.w-full {
  width: 100%; }

.m-auto {
  margin: 0 auto; }

.ml-45 {
  margin-left: 4.5rem; }

.ml-40 {
  margin-left: 4rem; }

@media (max-width: 979px) {
  .no-ml-40 {
    margin-left: 0; } }
.mt-10 {
  margin-top: 1rem; }

.mt-20 {
  margin-top: 2rem; }
  
.mt-21 {
  margin-top: 0rem; }
  
.mt-30 {
  margin-top: 3rem; }

.mt-40 {
  margin-top: 4rem; }

.mb-20 {
  margin-bottom: 2rem; }

.ml-20 {
  margin-left: 2rem; }

@media (max-width: 979px) {
  .no-ml-20 {
    margin-left: 0; } }

.mr-05 {
  margin-right: .5rem; }
  
.mr-20 {
  margin-right: 2rem; }

.pad-10 {
  padding: 1rem; }

.pad-19 {
    padding: 1.9rem; }

.pad-20 {
  padding: 2rem; }

.padt-20 {
  padding-top: 2rem; }

.padl-20 {
  padding-left: 2rem; }

.padr-10 {
  padding-right: 1rem; }

.padt-70 {
  padding-top: 7rem; }

.padb-10 {
  padding-bottom: 1rem; }

.relative {
  position: relative; }

.inline {
  display: inline-block; }

.blue {
  color: #009ADF; }

.transparent {
  background-color: transparent; }

.bg-dark {
  background-color: #E6E7E8; }

.bg-gold {
  background-color: #cac4be; }

.bg-light {
  background-color: #f4f4f4; }

.bg-blue {
  background-color: #009ADF; }

.bg-darkblue {
  background-color: #0060A2; }

.border {
  border: 1px solid #E6E7E8; }

.border5 {
  border: 5px solid #E6E7E8; }

.border5-light {
  border: 5px solid #f4f4f4; }

.border5-selected {
  border: 5px solid #0060A2; }

.border-top5 {
  border-top: 5px solid #E6E7E8; }

.border-top-1 {
  border-top: 1px solid #E6E7E8; }

@media (max-width: 979px) {
  .border5.no-border {
    border: 0; }

  .bg-dark.no-bg {
    background-color: transparent; } }
.return {
  position: absolute;
  right: 1rem;
  top: 1rem;
  height: 3rem;
  width: 3rem; }
  .return svg {
    width: 3rem;
    height: 3rem;
    fill: #009ADF; }

.title-big {
  font-size: 3.6rem;
  color: #0060A2;
  text-align: center;
  max-width: 80%;
  margin: 0 auto; }

.s-title {
  font-size: 2.2rem;
  color: #808285;
  line-height: 1;
  margin: 2rem 0 1rem;   
}

.title-s {
  font-size: 1.2rem;
  line-height: 1.5;
  display: inline-block;
  color: #414042; }
  @media (max-width: 979px) {
    .title-s {
      font-size: 1.4rem; } }

.titleh3 {
  font-size: 1.8rem;
  font-family: PlutoSansDPDRegular-Web; }
  .titleh3 .picto-tools {
    font-family: PlutoSansDPDLight-Web; }

.title-h3-recap {
  font-size: 2.6rem;
  font-family: PlutoSansDPDRegular-Web;
  color: #0060A2; }

.small-g {
  font-size: 1.2rem;
  color: #808285; }

.txt-14 {
  font-size: 1.4rem; }

.around {
  justify-content: space-around; }

.start {
  justify-content: flex-start; }

.wrap {
  flex-wrap: wrap; }

.center {
  text-align: center; }

.middle {
  align-items: center; }

.txt-center {
  align-items: center;
  font-size: 1.4rem; }

.full-center {
  justify-content: center; }

.stretch {
  align-items: stretch; }

.txt-right {
  text-align: right; }

.txt-left {
  text-align: left; }

.txt-middle {
  vertical-align: middle; }

.a-table {
  display: table; }

.a-cell {
  display: table-cell;
  vertical-align: middle;
  font-size: 1.4rem; }
  .a-cell strong {
    display: block; }

.picto-link {
  font-family: PlutoSansDPDRegular-Web;
  color: #009ADF;
  font-size: 1.4rem; }

.picto svg {
  width: 2.5rem;
  height: 2.5rem; }

.picto-tools {
  color: #009ADF;
  font-size: 1.4rem;
  display: inline-block;
  margin-left: 2rem; }
  .picto-tools svg {
    fill: #009ADF;
    vertical-align: middle; }
    @media (max-width: 979px) {
      .picto-tools {
          display: block; }
      }
.info {
  margin-right: 2rem; }
  .info svg {
    width: 4rem;
    height: 4.5rem; }

.info-small svg {
  display: inline-block;
  width: 2.5rem;
  height: 2rem;
  vertical-align: middle;
  margin-right: 1rem;
  margin-left: -0.2rem; }

.ie10 .info-small {
  display: table; }
  .ie10 .info-small svg, .ie10 .info-small span {
    display: table-cell; }

.carnet, .calendar {
  position: absolute;
  display: block;
  right: 0;
  top: 0.5rem;
  z-index: 10; }
  .carnet:hover svg, .calendar:hover svg {
    fill: #009ADF; }
  .carnet svg, .calendar svg {
    fill: #cac4be; }

.calendar {
  top: 0.8rem;
  right: -1rem; }

.slide {
  overflow: hidden;
  transition-property: all;
  transition-duration: .3s;
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
  max-height: 100%;
  opacity: 1; }

.slide-off {
  max-height: 0;
  opacity: 0;
  transition-duration: .3s; }

@media (max-width: 979px) {
  .duplicate {
    padding-left: 0.5rem; }
    .duplicate + a {
      display: block;
      text-align: right;
      margin-top: 0.5rem; } }
@media (min-width: 640px) and (max-width: 979px) {
  .duplicate + a {
    display: inline-block; } }
.duplicate svg {
  width: 2rem;
  height: 1.7rem; }

.delete {
  transition-duration: 0.1s; }
  .delete svg {
    width: 1.3rem;
    height: 1.3rem; }

.add svg {
  width: 1.5rem;
  height: 1.5rem; }

.proformat svg {
  height: 3rem;
  width: 2.2rem;
  vertical-align: middle;
  display: inline-block;
  margin-right: 1rem; }

.point svg {
  width: 5rem;
  height: 5rem; }

.edit svg {
  width: 1.5rem;
  height: 1.5rem;
  fill: #009ADF;
  display: inline-block;
  margin-right: 0.5rem;
  vertical-align: middle; }

.help {
  position: absolute;
  right: 0;
  top: 0; }
  .help svg {
    width: 2rem;
    height: 2rem; }
  .help .cs-tooltip ~ span {
    bottom: 1rem;
    right: 0rem;
    min-width: 20rem;
    max-width: 40rem; }
    .help .cs-tooltip ~ span:after {
      right: 1rem; }

.cs-tooltip {
  position: absolute;
  right: 0;
  top: 1rem;
  z-index: 10;
  width: 2.6rem;
  height: 2.6rem; }
  .cs-tooltip:hover ~ span {
    opacity: 1; }
  .cs-tooltip ~ span {
    opacity: 0;
    position: absolute;
    right: -2rem;
    bottom: 4.5rem;
    max-width: 20rem;
    padding: 1rem;
    background-color: #414042;
    color: #fff;
    font-size: 1.2rem;
    transition-duration: 0.3s; }
    .cs-tooltip ~ span:hover {
      opacity: 1;
      transition-duration: 0.3s; }
    .cs-tooltip ~ span:after {
      content: "\25BC";
      position: absolute;
      right: 2rem;
      bottom: -1.8rem;
      color: #414042;
      font-size: 2rem; }

.mod-teasing {
  display: none;
  padding: 1rem 5rem;
  border: 1px solid #cac4be; }
  @media (max-width: 979px) {
    .mod-teasing {
      padding: 1rem; }
      .mod-teasing .mod-teasing-txt {
        width: 60%; } }
  .mod-teasing a {
    color: inherit;
    display: flex;
    align-items: center; }
    @media (max-width: 979px) {
      .mod-teasing a span {
        width: 40%;
        padding-right: 1rem; } }
  .mod-teasing img {
    margin-right: 4rem; }
  .mod-teasing h3 {
    font-size: 2.2rem; }
    @media (max-width: 979px) {
      .mod-teasing h3 {
        font-size: 1.8rem; } }
  .mod-teasing span {
    font-size: 1.4rem;
    color: #808285;
    font-family: PlutoSansDPDRegular-Web; }
    .mod-teasing span strong {
      color: #009ADF;
      font-weight: normal; }

.type-label {
  font-size: 1.4rem;
  font-family: PlutoSansDPDRegular-Web;
  display: inline-block;
  margin-right: 1rem; }

.googleMap h3 {
  text-transform: capitalize; }
.googleMap .infos2 {
  color: #808285;
  margin: 1rem 0; }
  .googleMap .infos2 span {
    text-transform: capitalize; }
.googleMap .distance {
  color: #009ADF; }

.grid-15 {
  width: 15%; }

.grid-18 {
  width: 18%; }

.grid-20 {
  width: 20%; }

.grid-25 {
  width: 25%; }

.grid-33 {
  width: 33%; }

.grid-40 {
  width: 40%; }

.grid-50 {
  width: 50%; }

.grid-55 {
  width: 55%; }

.grid-60 {
  width: 60%; }

.grid-66 {
  width: 66%; }

.grid-75 {
  width: 75%; }

.grid-90 {
  width: 90%; }

.grid-xx {
  width: 90%; }
  
.cs-container {
  max-width: 94rem;
  margin: 1rem auto 0; }

.cs-header {
  margin-bottom: 3rem; }
  @media (max-width: 979px) {
    .cs-header {
      padding: 0 2rem; } }
  @media (max-width: 979px) {
    .cs-header img {
      width: 70%; } }
  .cs-header div {
    max-width: 80%; }

.barre {
  margin-bottom: 7rem; 
}

@media (max-width: 979px) {
    .barre {
      display: none; } }
  .barre ul {
    justify-content: space-between; }
  .barre li {
    text-align: center;
    font-size: 1.6rem;
    font-family: PlutoSansDPDRegular-Web;
    border: 1px solid #cac4be;
    padding: 2rem;
    width: 31%; }
  .barre img {
    margin-top: 1rem; }

@media (max-width: 979px) {
  .cs-container .menu {
    position: absolute;
    top: 7rem;
    right: 0;
    z-index: 100;
    background-color: #fff;
    width: 100%;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 0px 0 rgba(0, 0, 0, 0.12), 0 5px 1px -2px rgba(0, 0, 0, 0.1); } }
.cs-container .menu li {
  line-height: 1.5;
  font-family: PlutoSansDPDRegular-Web;
  display: inline-block;
  margin-left: 1rem;
  font-size: 1.4rem; }
  @media (max-width: 979px) {
    .cs-container .menu li {
      margin: 0;
      display: block;
      font-size: 1.6rem;
      border-top: 1px solid #E6E7E8; } }
.cs-container .menu a {
  display: block; }
  @media (max-width: 979px) {
    .cs-container .menu a {
      color: #414042;
      padding: 1.5rem; }
      .cs-container .menu a:focus {
        background-color: #009ADF;
        color: #fff; } }

#burger {
  display: none; }
  #burger:before {
    content: "\2261";
    position: absolute;
    top: 2.7rem;
    left: 0.7rem;
    font-size: 6rem;
    text-align: center;
    line-height: 0; }
  @media (max-width: 979px) {
    #burger {
      display: block;
      background-color: #009ADF;
      color: #fff;
      position: relative;
      width: 3.7rem;
      height: 3.7rem; }
      #burger:before {
        font-size: 4.4rem;
        top: 1.9rem;
        left: 0.6rem;
        font-family: sans; } }

.cs-content {
  max-width: 94rem;
  margin: 1rem auto 1rem;
  padding-left: 4rem;
  position: relative; }
  @media (max-width: 979px) {
    .cs-content {
      margin: 0 1rem; } }
  .cs-content:not(.cs-home):before {
    content: "";
    position: absolute;
    left: 1.5rem;
    top: 0rem;
    width: 1px;
    height: calc(100% - 2rem);
    border-left: 1px solid #E6E7E8; }
  .cs-content li {
    list-style: none; }
  .cs-content .fieldset-content {
    margin-bottom: 1rem; }
  .cs-content fieldset {
    margin-bottom: 2rem;
    position: relative; }
  .cs-content.cs-home {
    padding-left: 0;
    margin-top: 5rem;
    /*.cs-form-block{
    	padding-left: 0
    	}*/ }
      .cs-content.cs-home .cs-number {
        visibility: hidden;
      }
    .cs-content.cs-home fieldset:before {
      position: inherit;
      height: inherit;
      border: inherit;
      width: auto; }
    .cs-content.cs-home label {
      font-weight: normal; }
    .cs-content.cs-home legend {
      position: static;
      margin: 2rem 0 0 2.4rem; }
    .cs-content.cs-home ul {
      padding: 0;
      margin: 0; }
    .cs-content.cs-home fieldset {
      margin: 0;
      padding: 0; }
    .cs-content.cs-home h2, .cs-content.cs-home h3 {
      margin: 0;
      font-weight: normal; }
    .cs-content.cs-home .cs-table-colis {
      margin-top: 0.5rem; }
      .cs-content.cs-home .cs-table-colis li {
        padding-top: 0.5rem; }
    .cs-content.cs-home .cs-submit {
      margin: 2rem 0 1.5rem; }
    .cs-content.cs-home .cs-form-row p {
      margin-bottom: 1rem; }
    .cs-content.cs-home .cs-checkbox {
      padding-top: 1.5rem; }
    @media (max-width: 979px) {
      .cs-content.cs-home .type-envoi li {
        margin-left: 1rem; } }
  .cs-content legend {
    margin-bottom: inherit;
    border: 0;
    padding: 0 2rem 0 0;
    color: #0060A2;
    position: relative;
    margin-bottom: 2rem;
    left: 0;
    font-family: PlutoSansDPDLight-Web;
    font-size: 2.8rem;
    font-weight: 200;
    line-height: 1; }
    @media (max-width: 979px) {
      .cs-content legend {
        font-size: 2.6rem; } }
    .cs-content legend i {
      color: #009ADF;
      font-style: normal; }
    .cs-content legend span {
      position: absolute;
      left: -4rem;
      top: -0.3rem;
      background-color: #0060A2;
      border-radius: 50%;
      width: 3.2rem;
      height: 3.2rem;
      line-height: 3.2rem;
      text-align: center;
      font-size: 2rem;
      color: #fff; }
      @media (max-width: 979px) {
        .cs-content legend span {
          font-size: 1.8rem;
          width: 2.8rem;
          height: 2.8rem;
          line-height: 2.8rem; } }
      .cs-content legend span.actif {
        background-color: #009ADF; }
    .cs-content legend.title-light {
      font-size: 2.2rem;
      color: #808285; }
      .cs-content legend.title-light span {
        background-color: #808285;
        width: 2.8rem;
        height: 2.8rem;
        line-height: 2.8rem;
        font-size: 1.8rem; }

.basket {
  position: fixed;
  top: 8.7rem;
  right: 0;
  display: flex;
  z-index: 99; }
  @media (max-width: 979px) {
    .basket {
      bottom: 0;
      top: inherit;
      display: block;
      width: 100%; } }

.basket-tab {
  display: block;
  min-width: 7.5rem; }
  @media (max-width: 979px) {
    .basket-tab {
      width: 100%;
      display: flex; } }
  .basket-tab .quant {
    display: block;
    height: 7rem;
    padding-top: 0.8rem;
    padding-left: calc(30% - 2.2rem / 2);
    background-color: #414042;
    background-image: url(../images/bg-basket.png);
    background-repeat: no-repeat;
    background-position: center;
    font-size: 2rem;
    font-family: PlutoSansDPDRegular-Web;
    text-align: center; }
    @media (max-width: 979px) {
      .basket-tab .quant {
        height: 4rem;
        width: 50%;
        padding-left: 25%;
        background-size: 4rem;
        background-position: 20% 50%;
        text-align: left; } }
  .basket-tab .price {
    display: block;
    background-color: #0060A2;
    padding: 0.5rem;
    text-align: center;
    color: #fff;
    font-size: 1.6rem;
    font-family: PlutoSansDPDRegular-Web;
    line-height: 1; }
    @media (max-width: 979px) {
      .basket-tab .price {
        font-size: 1.4rem;
        width: 50%; } }
    .basket-tab .price i {
      display: block;
      margin: 0.5rem auto 0;
      width: 20%;
      font-size: 60%;
      line-height: 1;
      text-transform: uppercase;
      font-family: PlutoSansDPDLight-Web; }
      @media (max-width: 979px) {
        .basket-tab .price i {
          display: inline-block;
          margin: 1.5rem 0 0 0.5rem; } }
  .basket-tab .open {
    display: block;
    height: 3rem;
    background-color: #009ADF;
    color: #fff;
    position: relative;
    font-size: 3rem;
    font-family: Sans-serif; }
    .basket-tab .open:before {
      content: "\2039";
      position: absolute;
      left: calc(50% - 0.5rem);
      top: calc(50% - 3.5rem / 2);
      line-height: 1; }
    .basket-tab .open strong {
      position: absolute;
      top: -3000px;
      left: -3000px; }
    @media (max-width: 979px) {
      .basket-tab .open {
        display: none; } }
  .basket-tab .close:before {
    content: "\203A"; }

.basket-content {
  width: 38.5rem;
  display: none;
  opacity: 1; }
  @media (max-width: 979px) {
    .basket-content {
      width: 100%; } }
  .basket-content h1 {
    background-color: #0060A2;
    color: #fff;
    font-size: 2.6rem;
    padding: 1rem;
    line-height: 1; }
    @media (max-width: 979px) {
      .basket-content h1 {
        font-size: 2.2rem; } }
  .basket-content ul {
    background-color: #f4f4f4;
    border-top: 1px solid #fff;
    padding: 1rem; }
    .basket-content ul:first-of-type {
      border-top: 0; }
  .basket-content li {
    display: flex;
    justify-content: space-between;
    font-family: PlutoSansDPDRegular-Web;
    font-size: 1.8rem; }
    @media (max-width: 979px) {
      .basket-content li {
        font-size: 1.4rem; } }
    .basket-content li a {
      color: #414042; }
    .basket-content li.blue a {
      color: #009ADF; }
    .basket-content li span {
      text-align: right; }
      .basket-content li span i {
        font-size: 1.2rem;
        text-transform: uppercase; }
  .basket-content .resum {
    background-color: #0060A2;
    padding: 1rem;
    font-family: PlutoSansDPDRegular-Web;
    align-items: center; }
    .basket-content .resum p:nth-child(1) {
      color: #fff;
      font-size: 1.6rem; }
      @media (max-width: 979px) {
        .basket-content .resum p:nth-child(1) {
          font-size: 1.4rem; } }
    .basket-content .resum p:nth-child(2) {
      color: #B1E0F5;
      font-size: 1.2rem;
      font-family: PlutoSansDPDLight-Web;
      text-transform: uppercase; }
      @media (max-width: 979px) {
        .basket-content .resum p:nth-child(2) {
          font-size: 1rem; } }
    .basket-content .resum p:nth-child(3) {
      color: #fff;
      font-size: 1.8rem;
      text-transform: uppercase; }
      @media (max-width: 979px) {
        .basket-content .resum p:nth-child(3) {
          font-size: 1.4rem; } }

.cs-close {
  display: none;
  opacity: 0;
  transition-duration: 0.5s; }

.cs-open {
  transition-duration: 0.5s;
  opacity: 1; }

.cs-form-block {
  padding: 1.5rem 1rem 1rem 5.5rem; }
  @media (max-width: 979px) {
    .cs-form-block {
      padding: 1.5rem 1rem 1rem 0.5rem; } }

.cs-form-row {
  position: relative; }
  .cs-form-row p {
    position: relative;
    margin-bottom: 1.2rem; }

.cs-form-row-mod {
  padding: 0.5rem 4rem 1.5rem 4rem; }
  @media (max-width: 979px) {
    .cs-form-row-mod {
      padding: 0 0.5rem 1.5rem 0.5rem; } }

.cs-form-col {
  width: calc(50% - 0.5rem / 2);
  margin: 0 auto 0;
  position: relative; }
  @media (max-width: 979px) {
    .cs-form-col {
      width: auto;
      margin: 0 0.5rem; } }

.cs-form-col-title {
  width: 100%;
  font-size: 1.8rem;
  font-family: PlutoSansDPDRegular-Web;
  padding: 1rem 0 1rem 5.5rem; }
  @media (max-width: 979px) {
    .cs-form-col-title {
      padding-left: 2rem; } }
  .cs-form-col-title svg {
    display: inline-block;
    width: 4.7rem;
    height: 4.7rem;
    vertical-align: middle;
    margin-right: 1rem; }
  .cs-form-col-title span {
    font-size: 1.2rem; }
  .cs-form-col-title strong {
    font-weight: normal;
    font-size: 1.8rem;
    margin-right: 1rem; }
    .cs-form-col-title strong + svg {
      width: 3rem;
      height: 3rem; }

.mod-select {
  background-color: #f4f4f4;
  border-left: 1.5rem solid transparent;
  transition-duration: 0.3s; }
  @media (max-width: 979px) {
    .mod-select {
      border-left: 0; } }

.mod-default {
  background-color: #f4f4f4;
  border-left: 1.5rem solid transparent; }
  @media (max-width: 979px) {
    .mod-default {
      border-left: 0; } }

.cs-active {
  background-color: #fff;
  border-color: #B1E0F5;
  transition-duration: 0.3s; }

.type-envoi ul {
  justify-content: flex-start;
  width: 76.47059%;
  align-items: center; }
  @media (max-width: 979px) {
    .type-envoi ul {
      width: auto;
      margin-left: 1rem; } }
.type-envoi h2 {
  width: 23.52941%; }
  @media (max-width: 979px) {
    .type-envoi h2 {
      width: auto; } }
.type-envoi li {
  width: 35.29412%; }
  @media (max-width: 979px) {
    .type-envoi li {
      width: auto;
      margin-bottom: 1rem; } }
.type-envoi .cs-form-col-title {
  padding-left: 0; }

.cs-table-colis {
  width: 100%;
  min-height: 5.5rem;
  justify-content: flex-start;
  margin-top: 0.5rem; }
  .cs-table-colis.mod-select {
    border-left: 0; }
  .cs-table-colis li {
    padding-bottom: 1rem;
    position: relative; }
    @media (max-width: 979px) { 
      .cs-table-colis li.grid-20 {
      width: 60%;
      float: left; }
    .cs-table-colis li .w120 {
      width: 85%; } }
  @media (max-width: 979px) {
    .cs-table-colis:after, .cs-table-colis:before {
      content: "";
      display: table;
      clear: both;
      width: 100%; }
    .cs-table-colis {
      *zoom: 1; }
    .cs-table-colis .grid-55 {
      float: left;
      width: 70%; } }

.cs-table-colis-choice {
  align-items: flex-start; }
  .cs-table-colis-choice .cs-table-colis-head {
    min-height: 8rem; }

.cs-table-colis-head {
  width: calc(20% - 2rem);
  padding-left: 1.5rem;
  margin-right: 2rem;
  background-color: #E1F3FB;
  font-size: 2rem;
  min-height: 5.5rem;
  display: flex;
  align-items: center;
  padding-bottom: 0 !important; }
  .cs-table-colis-head span {
    display: inline-block;
    margin-left: 2rem;
    font-size: 5rem;
    color: #009ADF;
    font-family: PlutoSansDPDLight-Web; }
    @media (max-width: 979px) {
      .cs-table-colis-head span {
        display: block;
        margin: 0 auto;
        font-size: 3rem; } }
    @media (max-width: 979px) {
          .cs-table-colis-head {
          width: 23%;
          height: 27rem;
          float: left;
          display: block;
          padding-left: 0;
          padding-top: 1rem;
          text-align: center; }
        
          /*.cs-table-colis-head-step5 is meant to update the height attribute parcel list item at the summary step*/
          .cs-table-colis-head-step5 {
          height: 15rem;
         } 
        }
      @media (min-width: 640px) and (max-width: 979px) {
            .cs-table-colis-head {
              height: 27rem; } 
              /*.cs-table-colis-head-step5 is meant to update the height attribute parcel list item at the summary step*/
            .cs-table-colis-head-step5 {
              height: 15rem;
           } 
       }

@media (max-width: 979px) {
  .cs-table-colis.cs-table-colis-mob .cs-table-colis-head {
    font-size: 1.6rem; }
    .cs-table-colis.cs-table-colis-mob .cs-table-colis-head span {
      font-size: 2.6rem; } }
@media (max-width: 979px) {
  .cs-table-colis.cs-table-colis-mob .cs-mod-price {
    display: inline-block;
    width: 100%; }
    .cs-table-colis.cs-table-colis-mob .cs-mod-price:after, .cs-table-colis.cs-table-colis-mob .cs-mod-price:before {
      content: "";
      display: table;
      clear: both;
      width: 100%; }
    .cs-table-colis.cs-table-colis-mob .cs-mod-price {
      *zoom: 1; }
    .cs-table-colis.cs-table-colis-mob .cs-mod-price p {
      margin-top: 1rem; } }
.cs-table-colis.cs-table-colis-mob .type-label {
  font-size: 1.2rem; }

.table-head-selected {
  background-color: #B1E0F5; }

.cs-table-colis-tools {
  position: absolute;
  right: 0.5rem;
  bottom: 0.5rem; }
  .cs-table-colis-tools svg {
    display: inline-block;
    fill: #009ADF;
    vertical-align: middle;
    margin-right: 0.5rem; }

.cs-submit {
  display: flex;
  justify-content: flex-end; }
  @media (max-width: 979px) {
    .cs-submit {
      display: block;
      text-align: center; } }

.cs-mod {
  padding: 1rem 0 0;
  background: #E6E7E8; }

  .cs-mod-offers {
     margin-bottom: 1rem;
  }
  
.cs-mod-content {
  font-family: PlutoSansDPDRegular-Web; }

.cs-mod-content-body {
  padding-left: 6rem; }
  @media (max-width: 979px) {
    .cs-mod-content-body {
      padding: 1rem 1rem 1rem;
      width: auto; }
      .cs-mod-content-body p {
        margin-top: 0; } }

.cs-mod-content-head {
  margin: 0 1rem 0 7.5rem; }
  @media (max-width: 979px) {
    .cs-mod-content-head {
      margin-left: 2rem; } }
  .cs-mod-content-head h3 {
    font-size: 2rem;
    line-height: 1;
    margin-bottom: 1rem; }
    @media (max-width: 979px) {
      .cs-mod-content-head h3 {
        white-space: nowrap; }
        .cs-mod-content-head h3 span {
          width: 25%;
          display: inline-block; } }
  .cs-mod-content-head p {
    font-size: 1.4rem;
    margin-bottom: 1rem; }
  .cs-mod-content-head.flex {
    align-items: center;
    flex: 1 1 0; }
  .cs-mod-content-head.a-table {
    margin-bottom: 1rem; }

@media (max-width: 979px) {
  .cs-mod-price-full {
    display: table;
    width: 100%; }
    .cs-mod-price-full p {
      display: table-cell;
      vertical-align: middle; } }
.cs-mod-content-body-offert {
  padding: 2rem 0 2rem 7.5rem;
  background-color: #f4f4f4; }
  @media (max-width: 979px) {
    .cs-mod-content-body-offert {
      padding-left: 3rem; } }

.cs-mod-content-offers li {
  position: relative;
  font-size: 1.4rem;
  line-height: 1.5;
  color: #808285;
  max-width: 40rem;
  padding-left: 2rem; }
  .cs-mod-content-offers li::before {
    content: "\2713";
    position: absolute;
    top: 0;
    left: 0;
    color: #009ADF;
    font-size: 1.8rem;
    line-height: 1; }
  .cs-mod-content-offers li strong {
    color: #414042; }

.cs-mod-content-head-offers {
  max-width: 40rem; }

.bloc-colis-titre {
  line-height: 8px;
  margin-bottom: 1.25rem;
}
@media (max-width: 979px) {
  .bloc-colis-titre {
    line-height: 14px; 
  }
}

.cs-mod-offers-price {
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  top: 8%;
  right: 7.5rem;
  min-height: 16rem;
  width: 30rem;
  background-color: #0060A2; }
  @media (max-width: 979px) {
    .cs-mod-offers-price {
      position: static;
      width: auto; } }

.cs-mod-offers-price-top strong, .cs-mod-price strong, .cs-mod-esd-price strong {
  display: block;
  color: #fff;
  font-weight: normal;
  text-align: center;
  font-family: PlutoSansDPDRegular-Web; }
  .cs-mod-offers-price-top strong span, .cs-mod-price strong span, .cs-mod-esd-price strong span {
    color: #B1E0F5;
    font-family: PlutoSansDPDLight-Web;
    text-transform: uppercase; }

.cs-mod-offers-price-top p > span, .cs-mod-price p > span, .cs-mod-esd-price p > span {
  display: block;
  color: #B1E0F5;
  text-align: center;
  font-family: PlutoSansDPDRegular-Web; }
  .cs-mod-offers-price-top p > span span, .cs-mod-price p > span span , .cs-mod-esd-price p > span span{
    color: #E6E7E8;
    text-transform: uppercase; }

.cs-mod-offers-price-top {
  width: 100%;
  min-height: 11rem;
  display: flex;
  justify-content: center;
  align-items: center; }
  .cs-mod-offers-price-top strong {
    font-size: 2.6rem; }
    .cs-mod-offers-price-top strong span {
      font-size: 1.4rem; }
  .cs-mod-offers-price-top p > span {
    font-size: 2.2rem; }
    .cs-mod-offers-price-top p > span span {
      font-size: 1.2rem; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .cs-mod-offers-price-top {
    min-height: 12rem; } }
.cs-mod-offers-price-action {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #009ADF; }
  @media (max-width: 979px) {
    .cs-mod-offers-price-action {
      justify-content: flex-start; } }
  .cs-mod-offers-price-action button {
    display: inline-block;
    width: 100%;
    background-color: transparent;
    color: #fff;
    font-size: 1.8rem;
    font-weight: normal;
    font-family: PlutoSansDPDLight-Web;
    cursor: pointer; }
  .cs-mod-offers-price-action.selected {
    background-color: #B1E0F5; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .cs-mod-offers-price-action {
    padding: 1rem 0; } }
.ie10 .cs-mod-offers-price-action {
  -ms-flex-direction: row; }

.cs-mod-offers-price-action-message {
  font-size: 1.4rem;
  display: flex;
  width: 85%;
  padding: 1rem;
  line-height: 2.2;
  color: #009ADF; }
  @media (max-width: 979px) {
    .cs-mod-offers-price-action-message {
      position: relative;
      width: auto;
      padding: 1.2rem 1rem 1rem 5.5rem; 
      line-height: 1;} }
  .cs-mod-offers-price-action-message::before {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.5rem;
    height: 3rem;
    content: "\2713";
    background-color: #009ADF;
    margin-right: 1rem;
    color: #fff; }
    @media (max-width: 979px) {
      .cs-mod-offers-price-action-message::before {
        position: absolute;
        left: 1rem;
        top: 0.2rem; } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .cs-mod-offers-price-action-message {
    padding: 0; } }
.ie10 .cs-mod-offers-price-action-message {
  -ms-flex-direction: row;
  -ms-flex: 0 1 auto;
  width: 95%; }

.cs-mod-price {
  background-color: #0060A2;
  min-height: 6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 0 !important; }
  .cs-mod-price strong {
    font-size: 1.8rem; }
    .cs-mod-price strong span {
      font-size: 1.4rem; }
  .cs-mod-price p > span {
    font-size: 1.6rem; }
    .cs-mod-price p > span span {
      font-size: 1.4rem; }

.cs-mod-content-body-inter > div {
  width: 50%; }
  @media (max-width: 979px) {
    .cs-mod-content-body-inter > div {
      width: 100%; } }
  .cs-mod-content-body-inter > div:first-child {
    padding-right: 6rem; }
    @media (max-width: 979px) {
      .cs-mod-content-body-inter > div:first-child {
        padding-right: 0; } }
  .cs-mod-content-body-inter > div p {
    margin-bottom: 1rem; }

@media (max-width: 979px) {
  .options .cs-table-colis-head {
    height: auto; } }

#optrelais {
  display: none;
  min-height: 7.5rem; }

@media (max-width: 979px) {
  .map {
    display: none; } }

.list-relais p {
  font-size: 1.4rem; }
.list-relais.cs-radio li {
  margin-top: 2rem;
  justify-content: flex-start;
  align-items: flex-start; }
  .list-relais.cs-radio li label {
    padding-left: 0;
    position: relative;
    z-index: 6; }
    .list-relais.cs-radio li label span {
      display: block;
      padding-left: 3.5rem; }
.list-relais .horaires {
  display: none;
  margin-top: 1rem; }
  .list-relais .horaires li:first-child {
    position: relative;
    padding-bottom: 1rem; }
  .list-relais .horaires svg {
    position: absolute;
    right: 0;
    fill: #009ADF;
    width: 2rem;
    height: 2rem;
    cursor: pointer; }
.list-relais .affiche-horaires {
  display: block;
  text-align: right;
  margin-top: 1rem;
  font-size: 1.4rem; }

.resp-tabs-list input.tab-selector-1:checked ~ .resp-tabs-container.resp-tabs-container-1, .resp-tabs-list input.tab-selector-2:checked ~ .resp-tabs-container.resp-tabs-container-2 {
  z-index: 100;
  display: block;
  transition-duration: 0.5; }
.resp-tabs-list input.tab-selector:checked + label {
  border-color: #009ADF; }
  .resp-tabs-list input.tab-selector:checked + label span {
    position: absolute;
    top: calc(50% - 1rem);
    left: 1rem;
    height: 0.9rem;
    width: 0.9rem;
    background-color: #009ADF;
    border-radius: 50%; }
.resp-tabs-list input:checked + label {
  background-color: #fff; }
.resp-tabs-list .tab-label {
  display: inline-block;
  height: 100%;
  cursor: pointer;
  padding: 1rem 1rem 1rem 4rem;
  font-size: 1.8rem;
  width: 49.85%;
  position: relative;
  border-top: 5px solid transparent;
  font-family: PlutoSansDPDRegular-Web; }
  .resp-tabs-list .tab-label:after, .resp-tabs-list .tab-label:before {
    content: "";
    display: table;
    clear: both;
    width: 100%; }
  .resp-tabs-list .tab-label {
    *zoom: 1; }
  @media (max-width: 979px) {
    .resp-tabs-list .tab-label {
      width: 100%;
      font-size: 1.6rem; } }
  .resp-tabs-list .tab-label:before {
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 1.5rem);
    left: 0.5rem;
    height: 1.3rem;
    width: 1.3rem;
    border-radius: 50%;
    border: 3px solid #009ADF;
    text-align: center;
    vertical-align: middle;
    margin-right: 0.5rem; }
  .resp-tabs-list .tab-label svg {
    vertical-align: middle;
    margin-right: 0.5rem;
    float: left; }

.tab-label-1 svg {
  height: 5rem;
  width: 5rem; }

.tab-label-2 svg {
  height: 5rem;
  width: 5rem; }

.tab-selector {
  position: absolute;
  left: -9000px;
  z-index: -1; }

.resp-tabs-container {
  width: 100%;
  background-color: #fff;
  padding: 2rem 0 0 0;
  display: none;
  transition-duration: 0.5; }
  .resp-tabs-container .cs-form-col {
    align-items: center;
    height: 100%;
    margin: 0; }
  .resp-tabs-container .resp-tabs-container-content {
    padding: 0 4rem; }
    @media (max-width: 979px) {
      .resp-tabs-container .resp-tabs-container-content {
        padding: 0 0.5rem;
        margin-bottom: 1rem; } }
    .resp-tabs-container .resp-tabs-container-content > p {
      font-size: 1.4rem;
      font-family: PlutoSansDPDRegular-Web;
      margin-bottom: 1rem; }

.resp-tab-content {
  display: none; }

.resp-tabs-container-1 .info-small {
  font-size: 1.4rem;
  margin-left: 0.5rem; }
  .resp-tabs-container-1 .info-small span {
    width: 90%; }
@media screen and (min-width: 0\0) {
  .resp-tabs-container-1 .resp-tabs-container-content .info-small {
    max-width: 32rem; } }
.resp-tabs-container-1 .resp-tabs-container-content .info-small span {
  font-size: 1.4rem;
  width: 91%; }
.resp-tabs-container-1 .results {
  margin-top: 2rem; }

.ie10 .resp-tabs-container-1 .resp-tabs-container-content .info-small {
  display: table; }
  .ie10 .resp-tabs-container-1 .resp-tabs-container-content .info-small svg, .ie10 .resp-tabs-container-1 .resp-tabs-container-content .info-small span {
    display: table-cell; }

@media (max-width: 979px) {
  .resp-tabs-container-2 .border {
    margin: 1rem; } }
.resp-tabs-container-content-search {
  margin-right: 2rem; }
  @media (max-width: 979px) {
    .resp-tabs-container-content-search {
      margin-left: 0.5rem; } }

.horaires {
  margin-top: -2.5rem;
  padding: 1rem;
  background-color: #E6E7E8;
  position: relative;
  z-index: 3;
  text-align: left; }
  .horaires li {
    display: flex;
    line-height: 0;
    padding-top: 1rem;
    margin-top: 1rem;
    border-top: 1px solid #cac4be;
    font-size: 1.2rem; }
    .horaires li:first-child {
      padding-top: 0;
      margin-top: 0;
      border: 0; }
    .horaires li strong {
      display: block;
      margin-right: auto; }

.mod-hours > span {
  font-size: 1.6rem;
  font-family: PlutoSansDPDRegular-Web;
  padding-top: 1.5rem; }
.mod-hours p {
  width: 10rem;
  margin: 0 0.8rem; }

.mod-identity {
  padding: 2rem;
  background-color: #f4f4f4; }
  @media (max-width: 979px) {
    .mod-identity {
      padding: 1rem;
      border: 5px solid #E6E7E8;
      margin-bottom: 1rem; }
      .mod-identity.grid-33 {
        width: auto; }
      .mod-identity > div {
        width: auto;
        margin: 0 auto 2rem; }
        .mod-identity > div:after, .mod-identity > div:before {
          content: "";
          display: table;
          clear: both;
          width: 100%; }
        .mod-identity > div {
          *zoom: 1; }
        .mod-identity > div .grid-40 {
          width: auto;
          margin-top: 4rem; } }
  .mod-identity:first-child {
    border: 0; }
    @media (max-width: 979px) {
      .mod-identity:first-child {
        border: 5px solid #E6E7E8; } }
  .mod-identity > div svg {
    width: 4.5rem;
    height: 4.5rem; }
    @media (max-width: 979px) {
      .mod-identity > div svg {
        float: left;
        margin-right: 1rem;
        margin-bottom: 1rem; } }
  .mod-identity > div p svg {
    width: 3rem;
    height: 3rem;
    vertical-align: middle; }
  .mod-identity h2 {
    font-size: 1.8rem;
    font-family: PlutoSansDPDRegular-Web;
    margin: 2rem auto;
    width: 60%; }
    @media (max-width: 979px) {
      .mod-identity h2 {
        margin: 0.5rem auto; } }
  
  .mod-identity h3 {
    font-size: 1.4rem;
    font-family: PlutoSansDPDRegular-Web;
    margin: 2rem auto;
    width: 60%; }
    @media (max-width: 979px) {
      .mod-identity h2 {
        margin: 0.5rem auto;
    } 
  }

  .mod-identity p {
    font-size: 1.4rem;
    font-family: PlutoSansDPDRegular-Web;
    margin-bottom: 1rem; }
  .mod-identity .cs-submit {
    justify-content: center; }

.mod-identity-form {
  background-color: inherit; }
  @media (max-width: 979px) {
    .mod-identity-form {
      width: auto; } }

.mod-identity-form-half {
  width: 50%; }

#user, #newuser {
  display: none; }

.cs-recap-table-colis {
  font-size: 1.4rem;
  background-color: #f4f4f4; }
  .cs-recap-table-colis li {
    min-height: 100%;
    text-align: center;
    padding-bottom: 0; }
    @media (max-width: 979px) {
      .cs-recap-table-colis li {
        width: 30%;
        float: left;
        min-height: 4rem;
        padding-top: 1rem; }
        .cs-recap-table-colis li.edit {
          width: 60%;
          text-align: right; } }
  @media (max-width: 979px) {
    .cs-recap-table-colis .cs-table-colis-head span {
      font-size: 3rem; } }

.edit:first-child {
  padding-top: 2rem; }
.edit p {
  font-size: 1.4rem; }
  .edit p a {
    float: right;
    display: block;
    margin-top: -2rem; }
.edit .label-edit {
  display: block;
  margin: 0.5rem 0 1rem; }

.pos-edit {
  position: absolute;
  top: calc(50% - 1.5rem / 2);
  right: 2rem; }
  @media (max-width: 979px) {
    .pos-edit {
      top: inherit; } }

.modify .middle .cs-table-colis-head {
  height: 100%; }

.recap-price-offers strong, .recap-price-offer-small strong {
  display: block;
  font-weight: normal;
  text-align: center;
  font-family: PlutoSansDPDRegular-Web; }
  .recap-price-offers strong span, .recap-price-offer-small strong span {
    color: #808285;
    font-family: PlutoSansDPDLight-Web;
    text-transform: uppercase; }

.recap-price-offers p > span, .recap-price-offer-small p > span {
  display: block;
  color: #808285;
  text-align: center;
  font-family: PlutoSansDPDRegular-Web; }
  .recap-price-offers p > span span, .recap-price-offer-small p > span span {
    color: #808285;
    text-transform: uppercase; }

@media (max-width: 979px) {
  .no-grid .grid-75, .no-grid .grid-25, .no-grid .grid-33 {
    width: 100%; }
  .no-grid .bg-gold, .no-grid .bg-blue {
    padding: 1rem; }
  .no-grid .picto-tools {
    display: block; }
  .no-grid .cs-table-colis-head {
    height: 8.8rem; }
    .no-grid .cs-table-colis-head span {
      font-size: 3rem; }
  .no-grid .title-s {
    display: block;
    padding-left: 0.5rem;
    font-family: PlutoSansDPDRegular-Web; } }
.recap-price-offers.bg-darkblue strong {
  color: #fff; }
.recap-price-offers.bg-darkblue span {
  color: #fff; }
.recap-price-offers strong {
  font-size: 2.2rem; }
  .recap-price-offers strong span {
    font-size: 1.4rem; }
.recap-price-offers p > span {
  font-size: 1.6rem; }
  .recap-price-offers p > span span {
    font-size: 1.2rem; }

.recap-price-offer-small.bg-blue strong {
  color: #fff; }
.recap-price-offer-small.bg-blue span {
  color: #fff; }
.recap-price-offer-small strong {
  font-size: 2.2rem; }
  .recap-price-offer-small strong span {
    font-size: 1.4rem; }
.recap-price-offer-small p > span {
  font-size: 1.6rem; }
  .recap-price-offer-small p > span span {
    font-size: 1.2rem; }

.type-paye {
  padding: 2rem 0;
  justify-content: center; }
  .type-paye p {
    font-size: 1.2rem;
    margin-bottom: 1rem; }
  .type-paye div {
    padding: 0 4.4rem; }
    .type-paye div a {
      display: block;
      line-height: 0;
      margin-left: -0.5rem; }

.cs-container footer {
  text-align: center;
  padding-top: 5rem;
  margin: 7rem 0 1rem;
  border-top: 1px solid #E6E7E8; }
  .cs-container footer ul.flex {
    justify-content: center;
    font-size: 1.2rem; }
  .cs-container footer li {
    padding: 0 0.5rem;
    border-left: 1px solid #a5a6a8;
    line-height: 1; }
    .cs-container footer li:first-child {
      border-left: 0; }
    @media (max-width: 979px) {
      .cs-container footer li {
        border-left: 0;
        margin-bottom: 5rem; } }

@media (max-width: 979px) {
  .mod-links {
    width: auto;
    text-align: center; } }

.mod-links .submit {
  margin-left: 0.5rem; }
  .mod-links .submit:first-child {
    margin-left: 0; }
  @media (max-width: 979px) {
    .mod-links .submit {
      margin: 0 auto 1rem; }
      .mod-links .submit:first-child {
        margin: 0 auto 1rem; } }

.thanks {
  margin-bottom: 6rem;
  display: block; }
  .thanks svg {
    height: 11.5rem;
    width: 12.7rem; }

.mod-thanks {
  margin: 3rem 0 0 3rem; }
  @media (max-width: 979px) {
    .mod-thanks {
      margin: 3rem 2rem 0; } }
  .mod-thanks h1 {
    font-size: 2.6rem; }
    @media (max-width: 979px) {
      .mod-thanks h1 {
        margin-bottom: 2rem;
        text-align: center; } }
  .mod-thanks p {
    font-size: 1.8rem; }
    @media (max-width: 979px) {
      .mod-thanks p {
        text-align: left; } }
      
.liste-thanks{
  display:flex;}  
  @media (max-width: 979px) {
    .liste-thanks {
      text-align: center;
      display:block; } }


@media (max-width: 979px) {
    .liste-thanks p:not(.answer-thanks){
          text-align: center;} }

.question-thanks{
  padding-left: 12px;
  color: #009ADF;}
  @media (max-width: 979px) {
    .question-thanks {
      text-align: center; } }

.answer-thanks{
    padding-left: 12px;}
    @media (max-width: 979px) {
      .answer-thanks {
        padding-left: unset; } }

.download-link {
  font-size: 1.4rem;
  margin-left: 9.5rem; }
  @media (max-width: 979px) {
    .download-link {
      text-align: center;
      margin-top: 1.3rem;
      margin-left: unset;
      justify-content: center; } }
 
.download-link svg {
    width: 1.7rem;
    height: 1.6rem;
    margin-right: 0.5rem;
    vertical-align: middle; }

.cols-middle h2 {
  font-size: 1.8rem;
  text-align: center;
  margin-bottom: 3rem; }
.cols-middle img {
  margin-bottom: 2rem; }
.cols-middle p {
  font-size: 1.4rem;
  font-family: PlutoSansDPDRegular-Web; }
@media (max-width: 979px) {
  .cols-middle > div {
    width: 90%;
    margin: 0 auto 2rem; } }

input, select, textarea, button {
  border: 0;
  font-family: PlutoSansDPDLight-Web; }

input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="reset"]).cs-input, textarea {
  background-color: transparent;
  border-bottom: 1px solid #cac4be;
  font-size: 1.4rem;
  -webkit-appearance: none;
  border-radius: 0;
  -webkit-autofill: transparent; }
  input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="reset"]):not([type="submit"]):focus.cs-input, textarea:not([type="submit"]):focus {
    outline: none;
    border: 0;
    border-bottom: 1px solid #cac4be;
    -webkit-box-shadow: 0px 0px 0px #fff; }
  input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="reset"]):focus.cs-input, textarea:focus {
    border: 0; }

.cs-content label {
  font-size: 1.4rem; }
  .cs-content label i {
    color: #009ADF; }
span.error-align{
  width: 18%;}
.cs-content span.cs-error, .cs-content span.cs-info {
  position: absolute;
  display: block;
  font-size: 1rem; 
 }
  @media (max-width: 979px) {
    .cs-content span.cs-error, .cs-content span.cs-info {
      font-size: 1rem;} 
      span.error-align{
        width: auto;}
  }
.cs-content input.cs-error {
  outline: 0;
  box-shadow: inherit;
  border-bottom: 2px solid red !important; }
.cs-content .cs-submit span.cs-error, .cs-content .cs-submit span.cs-info {
  position: static;
  display: inline-block;
  align-self: center;
  vertical-align: middle;
  padding-right: 1rem;
  max-width: 50%; }

.cs-content span.cs-error {
  color: red; }

.cs-content span.cs-info {
    color: grey;
    font-style: italic; }
 
.submit, .submit-small, .back, .reset, button.disabled {
  display: inline-block;
  text-align: center;
  padding: 3px;
  line-height: 2;
  font-family: PlutoSansDPDLight-Web;
  font-size: 20px;
  transition-duration: 0.3s;
  cursor: pointer; }
  @media (max-width: 979px) {
    .submit, .submit-small, .back, .reset, button.disabled {
      font-size: 1.6rem;
      padding: 1rem 2rem;
      line-height: 1.2; } }
  .submit:hover, .submit-small:hover, .back:hover, .reset:hover {
    transition-duration: 0.3s; }

.submit {
  background-color: #009ADF;
  color: #fff; 
  width: 247.34px;
  height: 47px;}

.back {
  width: 247.34px;
   height: 47px;}

button.disabled {
  width: 247.34px;
   height: 47px;}

.submit:hover {
  background-color: #13b6ff; }

.submit-small {
  background-color: #009ADF;
  color: #fff;
  line-height: 1.5;
  font-size: 1.6rem; }
  
.back, .reset {
  color: #009ADF;
  border: 1px solid #009ADF; }
  @media (max-width: 979px) {
    .back, .reset {
      margin-bottom: 1rem; } }
  .back:hover, .reset:hover {
    border-color: #13b6ff;
    color: #13b6ff; }
  .back ~ .submit, .reset ~ .submit, .back ~ button.disabled {
    margin-left: 2rem; }


button.disabled {
  border: 1px solid #808285;
  background-color: #F0F0F0;
  cursor: default;
}


.reset {
  background-color: #fff; }

.disabled label {
  display: none; }
.disabled input {
  color: #789;
  cursor: not-allowed; }

.cs-radio li {
  position: relative;
  align-items: center; }
  .cs-radio li label {
    display: block;
    margin-top: -2rem;
    padding: 0 0 0 3.5rem;
    cursor: pointer; }
  .cs-radio li .cs-check {
    position: relative;
    z-index: 1;
    border: 3px solid #808285;
    border-radius: 100%;
    height: 20px;
    width: 20px;
    transition: border .25s linear; }
    .cs-radio li .cs-check::before {
      position: absolute;
      z-index: 5;
      content: '';
      border-radius: 100%;
      height: 10px;
      width: 10px;
      top: 2px;
      left: 2px; }
  .cs-radio li:hover .cs-check {
    border: 3px solid #009ADF;
    cursor: pointer; }
  .cs-radio li input[type=radio] {
    visibility: hidden;
    position: absolute;
    left: -3000px; }
  .cs-radio li input[type=radio]:checked ~ .cs-check {
    border: 3px solid #009ADF; }
  .cs-radio li input[type=radio]:checked ~ .cs-check::before {
    background-color: #009ADF; }

.type-envoi .cs-radio label {
  font-size: 1.8rem;
  line-height: 1;
  position: relative;
  z-index: 6; }
  @media (max-width: 979px) {
    .type-envoi .cs-radio label {
      font-size: 1.6rem;
      padding-left: 3rem; } }

.cs-checkbox input[type=checkbox] {
  visibility: hidden;
  position: absolute;
  left: -3000px; }
  .cs-checkbox input[type=checkbox]:checked + label:before {
    background-color: #009ADF;
    color: #fff;
    border-color: transparent; }
.cs-checkbox label {
  color: inherit;
  font-family: PlutoSansDPDRegular-Web; }
  .cs-checkbox label:before {
    content: "\2713";
    display: inline-block;
    margin-right: 0.8rem;
    line-height: 100%;
    font-size: 1.4rem;
    background-color: #fff;
    border: 2px solid #DCD8D5;
    color: #fff;
    text-align: center;
    padding: 0 0.2rem;
    border-radius: 3px; }

.ie10 .cs-checkbox label:before {
  height: 1.5rem;
  width: 1.5rem;
  font-size: 1.8rem;
  line-height: 1; }

.cs-content .nice-select {
  width: 100%;
  height: 4rem;
  position: relative;
  outline: 0;
  padding: 0.5rem;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  border-bottom: 1px solid #cac4be; }
  .cs-content .nice-select:after {
    content: url(../images/down.png);
    position: absolute;
    top: 0.5rem;
    right: 0;
    width: 2.5rem;
    height: 2.5rem;
    padding-top: 0.7rem;
    cursor: pointer;
    color: #808285;
    font-size: 2rem;
    text-align: center; }
  .cs-content .nice-select.open:after {
    content: url(../images/down.png);
    transform: rotate(180deg); }
  .cs-content .nice-select.open .list {
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto; }
  .cs-content .nice-select .list {
    width: 100%;
    max-height: 30rem;
    background-color: #FFF;
    overflow: auto;
    transform-origin: 50% 0;
    pointer-events: none;
    transform: translateY(-100px);
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    font-size: 1.4rem;
    font-family: PlutoSansDPDLight-Web; }
    @media (max-width: 979px) {
      .cs-content .nice-select .list {
        width: calc(100% - 2rem); } }
  .cs-content .nice-select .option {
    transition: all 0.2s;
    padding: 1rem;
    line-height: 1.5;
    border-bottom: 1px solid #E6E7E8; }
    .cs-content .nice-select .option:hover {
      background-color: #E6E7E8;
      cursor: pointer; }
  .cs-content .nice-select .current {
    line-height: 3;
    font-size: 1.4rem;
    display: inline-block; }
    .cs-content .nice-select .current i {
      color: #009ADF; }
  .cs-content .nice-select.disabled {
    cursor: not-allowed; }
    .cs-content .nice-select.disabled .current {
      color: #DCD8D5; }
      .cs-content .nice-select.disabled .current i {
        color: #DCD8D5; }
    .cs-content .nice-select.disabled:after {
      display: none; }
    .cs-content .nice-select.disabled .list {
      display: none; }

.cs-label {
  position: absolute;
  z-index: 2;
  display: block;
  font-size: 1.8rem;
  transform: translateY(1rem);
  padding-left: 0.5rem;
  color: #414042;
  transition: all 0.5s; }
  @media (max-width: 979px) {
    .cs-label {
      padding-left: 0; } }

.cs-label-fixed {
  display: block;
  font-size: 1.8rem;
  transform: translateY(1rem);
  padding-left: 0.5rem;
  color: #414042;
  transition: all 0.5s; }

.cs-input {
  position: relative;
  z-index: 1;
  padding: 1.5rem 0.5rem 0;
  height: 4rem;
  color: #414042;
  font-size: 1.4rem; }

@media (max-width: 979px) {
  .slide .cs-input.w130 {
    width: 8rem; } }

textarea.cs-input {
  height: 5rem;
  font-family: PlutoSansDPDLight-Web; }

.cs-div {
  padding: 3rem 0 0 0;
  position: relative; }

.is-active .cs-label {
  color: #414042; }

.is-completed .cs-label {
  transform: translateY(0);
  font-size: 1.2rem;
  color: #cac4be; }

.onoffswitch {
  position: relative;
  width: 55px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }

.onoffswitch-checkbox {
  display: none; }
  .onoffswitch-checkbox:checked + .onoffswitch-label {
    background-color: #fff; }
  .onoffswitch-checkbox:checked + .onoffswitch-label, .onoffswitch-checkbox .onoffswitch-checkbox:checked + .onoffswitch-label:before {
    background-color: #DCD8D5; }
  .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0; }
  .onoffswitch-checkbox:checked + .onoffswitch-label:before {
    right: 0px;
    border-color: #009ADF; }
  .onoffswitch-checkbox:checked + .onoffswitch-label span {
    right: 5px;
    background-color: #009ADF; }

.onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  height: 20px;
  padding: 0;
  line-height: 20px;
  background-color: #DCD8D5;
  border-radius: 3rem; }
  .onoffswitch-label:before {
    content: "";
    display: block;
    width: 3rem;
    margin: -5px;
    background: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 3.1rem;
    border: 3px solid #DCD8D5;
    border-radius: 50%; }
  .onoffswitch-label span {
    width: 20px;
    height: 20px;
    margin: -5px;
    position: absolute;
    top: 5px;
    bottom: 0;
    right: 3.6rem;
    background-color: gris2;
    border-radius: 50%; }

.mess-obli {
  position: absolute;
  right: 1rem;
  top: 0.5rem; }
  .mess-obli i {
    color: #009ADF; }

.lostpass {
  display: none; }
.connectBox {
  height: 130px;
  } @media (max-width: 979px) {
  .connectBox {
    height:initial;
  } }

.connectBoxLabel {
  height: 70px;
  } @media (max-width: 979px) {
  .connectBox {
    height:initial;
  } }

  input.disabled {
    color:#789;
  }

.cnil-mention {
    font-size: 9px;
    font-style: italic;
    padding: 0.5rem;
    text-align: justify;
}

.clear {
    clear: both;
}

.help-message .desktop a {
    position: absolute;
    width: 150px;
    right: 0;
    bottom: 5px;	
}

.help-message .desktop, .help-message .mobile {
    position: relative;
    height: 100%;
}

.help-message .mobile span {
    width: 150px;
    margin-right: 15px;
}

.help-message {
    float: right;
    height: 52px;	
}

.help-message svg {
    width: 2rem;
    height: 2rem;
}

.help-message .cs-tooltip {
	bottom: 5px;
	top: inherit;
}

.title-help {
	float : left;
}

.cs-mod-esd-price {
  width: 100%;
  min-height: 14.2rem;
  display: flex;
  justify-content: center;
  align-items: center; 
  background-color: #0060A2;
  position: relative;
  right: 0px; }

.cs-mod-esd-price strong {
    font-size: 2.6rem; }
    .cs-mod-esd-price strong span {
      font-size: 1.4rem; }
  .cs-mod-esd-price p > span {
    font-size: 2.2rem; }
    .cs-mod-esd-price p > span span {
      font-size: 1.2rem; }

@media (max-width: 979px){
  .cs-mod-esd-price{
    min-height: 6rem;
  }
  .cs-mod-esd-price strong {
    font-size: 1.8rem; }
  .cs-mod-esd-price strong span {
      font-size: 1.4rem; }
  .cs-mod-esd-price p > span {
    font-size: 1.6rem; }
    .cs-mod-esd-price p > span span {
      font-size: 1.4rem; }
}
@media (max-width: 533px){
	.option-predict-title{
	   text-align: center;
	}
	.option-predict-img{
		display: flex !important;
		position: relative;
		margin-left: 34%;
		margin-top: 4px;
		width: unset !important;
	}
}

.upper_case {
  text-transform:uppercase;
}

.laposte_no_display {
  display: none;
}

.chrono_no_display {
  display: none;
}

.bandlaposte {
  height: 65px;
  border-radius: 40px;
  border: 1px solid var(--bandeau-background-color);
  padding: 0.5% 3%;
  font-size: 1.4rem;
  /*background: #a3e7c2;*/
  background: var(--bandeau-background-color);
  font-weight: bold;
  color: var(--bandeau-text-color);
  margin: 20px 5px;
}
.bandlaposte p {
  padding: 0.5rem;
}

.bandlaposte ul {
  font-size: 1.2rem;
  padding: 0.5rem;
}

.bandlaposte li {
  padding: 0.3rem 1rem;
  border-left: 1px solid #a5a6a8;
  line-height: 1;
}

@media (max-width: 979px) {
  .bandlaposte {
    height: unset;
    font-size: 1.6rem;
    padding: 2% 3%;
  }
  .bandlaposte li {
    border-left: none; 
    padding-left: 0;
    margin-left: 1rem;
  }
  .bandlaposte ul {
    font-size: 1.3rem;
    padding: 0.5rem;
  }
}

.bandlaposte li:first-child {
  border-left: none; 
  padding-left: 0;
}
.no_margin_bottom{
  margin-bottom: unset;
}

input#pdest::-webkit-calendar-picker-indicator {
  opacity: 100;
}

@media(max-width:979px){
  .buttons-flex-box { 
    display: flex;
    flex-direction: column-reverse;
  }
  .back ~ .submit, .reset ~ .submit, .back ~ button.disabled {
    margin:0 auto; }
  .back {
    width: 217.5px;
    height: 42px;
    margin:1rem auto;
  }

  button.disabled , .submit{
    width: 217.5px;
    height: 42px;
  }
}

.cs-content updatepassword span.cs-error {
  position: relative;
}