@charset "UTF-8";
/*********************************/
/******     À APPRENDRE      *****/
/*********************************/
/*********************************/
/******  FIN : À APPRENDRE   *****/
/*********************************/
/*
EXEMPLE : 

@include keyframes(name) {
0% { value: 1; }
100% { value: 0; }
}
*/
/*********************************/
/******     À APPRENDRE      *****/
/*********************************/
/*********************************/
/******  FIN : À APPRENDRE   *****/
/*********************************/
.m-aside {
  position: relative;
}
.m-aside.-active .m-aside__list {
  display: block;
}
.m-aside.-active .m-aside__select:after {
  content: "2";
}
.m-aside__select {
  padding: 1rem;
  border: 1px solid #ddd;
  margin: 0 !important;
  cursor: pointer;
  position: relative;
}
.m-aside__select:after {
  content: "3";
  font-family: "ElegantIcons";
  position: absolute;
  top: 50%;
  margin-top: -0.8125rem;
  font-size: 1.375rem;
  line-height: 1.5rem;
  right: 1rem;
}
@media only screen and (min-width:64.0625em) {
  .m-aside__select {
    display: none;
  }
}
.m-aside__list {
  top: 0;
  z-index: 10;
  position: relative;
  display: none;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  list-style: none;
  margin: 0 !important;
}
@media only screen and (min-width:64.0625em) {
  .m-aside__list {
    display: block;
    border-top: 1px solid #ddd;
  }
}
.m-aside__item {
  display: inline-block;
  width: 100%;
  transition: 0.5s all ease-in-out;
  background: white;
}
.m-aside__item.-active {
  background: #f2f2f2;
}
.m-aside__item:hover {
  background: #f2f2f2;
  transition: 0.5s all ease-in-out;
}
.m-aside__item:not(:last-of-type) {
  border-bottom: 1px solid #ddd;
}
.m-aside__item > a {
  display: block;
  padding: 1rem;
  text-decoration: none !important;
}

main#main-content {
  background: white;
}
main#main-content > .row {
  max-width: 100% !important;
}
main#main-content .row.row-max {
  max-width: 75rem;
  margin: 0 auto;
}
main#main-content .row.row-max:not(.collapse) {
  padding: 0 1rem !important;
}
main#main-content .row.row-max .row {
  margin: 0 -1rem;
}
main#main-content .row.row-max .row > .columns {
  padding: 1rem;
}
main#main-content .row {
  letter-spacing: 0rem;
  text-align: center;
}
main#main-content .row.vam > .columns {
  vertical-align: middle;
}
main#main-content .row > .columns {
  letter-spacing: normal;
  display: inline-block;
  float: none !important;
  vertical-align: top;
  text-align: left;
}

#main-footer .reassurance-wrapper {
  border-top: #ddd 1px solid;
}

#wrapper-service {
  overflow: hidden;
}
#wrapper-service .a-sprite {
  height: 45px;
  width: 150px;
  background-position: 0 0;
  margin-bottom: 0.25rem;
  display: block;
  background-image: url(/contenu/pagesstatiquesRWD/282/images/sprite.png);
  background-repeat: no-repeat;
}
#wrapper-service .a-sprite.-cb {
  height: 25px;
  background-position: -6px -205px;
}
#wrapper-service .a-sprite.-paypal {
  height: 25px;
  background-position: -6px -310px;
}
#wrapper-service .a-sprite.-carte-maty {
  height: 46px;
  background-position: 0 -576px;
  width: 210px;
}
#wrapper-service .a-sprite.-cheque {
  height: 46px;
  background-position: -6px -433px;
  width: 210px;
}
#wrapper-service .a-sprite.-troisfois {
  background-position: 0 -235px;
  height: 30px;
}
#wrapper-service .a-sprite.-quatrefois {
  background-position: 0 -275px;
  height: 30px;
}
#wrapper-service .a-sprite.-spirit {
  height: 46px;
  background-position: -6px -482px;
}
#wrapper-service .a-sprite.-pacifica {
  height: 27px;
  background-position: -10px -532px;
}
#wrapper-service .a-sprite.-bij {
  height: 58px;
  background-position: 0 -145px;
}
#wrapper-service .a-sprite.-chrono {
  background-position: 0 -45px;
}
#wrapper-service .a-sprite.-mondialRelay {
  height: 55px;
  background-position: 0 -90px;
}
#wrapper-service .a-sprite.-bancontact {
  background-position: -6px -339px;
  height: 35px;
}
#wrapper-service .at-internet-checkbox {
  font-family: "Roboto", Arial, sans-serif;
  color: #333;
  font-size: 0.875rem;
  line-height: 0.875rem;
}
#wrapper-service .maty-com a {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  text-transform: uppercase;
  border: 3px solid #333;
  padding: 5px;
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-decoration: none;
}
#wrapper-service table p {
  margin: 0 !important;
}
#wrapper-service .row:not(.collapse) {
  margin: 0 -0.5rem;
}
#wrapper-service .row:not(.collapse) > .columns {
  padding: 0.5rem;
}
#wrapper-service .center {
  text-align: center;
}
#wrapper-service header {
  background: #f2f2f2;
  margin-bottom: 1rem;
}
#wrapper-service p:not(:last-child) {
  margin-bottom: 1rem;
}
#wrapper-service p,
#wrapper-service li {
  font-size: 0.875rem;
  line-height: 1.125rem;
}
#wrapper-service p a,
#wrapper-service li a {
  text-decoration: underline;
}
#wrapper-service p .a-button {
  text-decoration: none;
}
#wrapper-service ul,
#wrapper-service ol {
  margin-bottom: 1rem;
}
#wrapper-service p + address, #wrapper-service p + ul, #wrapper-service p + ol {
  margin-top: -0.75rem;
}
#wrapper-service .-facilite p span,
#wrapper-service .-facilite p strong {
  font-size: 1.5em;
  line-height: 0.9;
}
#wrapper-service .a-mainTitle {
  font-size: 1.125rem;
  line-height: 1.25rem;
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  margin: 0;
  padding: 1rem;
  color: #666;
}
#wrapper-service .a-title {
  font-size: 1.375rem;
  line-height: 1.5rem;
  font-family: "Roboto", Arial, sans-serif;
  font-stretch: condensed;
  text-transform: uppercase;
  font-weight: bold;
  border-bottom: 1px solid #f2f2f2;
  padding-bottom: 0.1rem;
  margin-bottom: 1rem;
}
#wrapper-service .a-title + .row {
  margin-top: -0.5rem !important;
}
#wrapper-service .a-title.-main {
  font-size: 2.5rem;
  line-height: 2.5rem;
  text-align: center;
  margin-bottom: 2rem;
  border: none;
}
#wrapper-service .a-title.-tiny {
  font-size: 1.25rem;
  line-height: 1.375rem;
  text-transform: inherit;
  color: gray;
  border: none;
}
#wrapper-service .a-subtitle {
  font-size: 1rem;
  line-height: 1rem;
  font-family: "Roboto", Arial, sans-serif;
  font-weight: bold;
  color: gray;
}
#wrapper-service .a-subtitle.-other {
  color: #00A99D;
}
#wrapper-service .m-panel {
  margin: 2.5rem 0;
  background: white;
}
#wrapper-service .m-panel__content {
  padding: 1.25rem 0 0.625rem 0.625rem;
}
#wrapper-service .m-listing {
  margin-bottom: 0;
  list-style: none;
}
#wrapper-service .m-listing.-margin {
  margin-top: 0;
}
#wrapper-service .m-listing__title {
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.125rem;
  font-family: "Roboto", Arial, sans-serif;
  color: #666;
  position: relative;
  margin-bottom: 0.25rem !important;
}
#wrapper-service .m-listing__title:before {
  content: "";
  width: 5px;
  height: 5px;
  background: #666;
  top: 50%;
  margin-top: -3px;
  border-radius: 100%;
  position: absolute;
  left: -0.75rem;
}
#wrapper-service .m-listing > li.columns {
  padding: 1rem 2rem !important;
}
#wrapper-service .m-listing > li:not(:last-of-type) {
  padding: 0 0 1rem;
}
#wrapper-service .m-highlight {
  background: #f2f2f2;
  padding: 1rem;
  margin-bottom: 1rem;
}
#wrapper-service .m-highlight__title {
  margin-bottom: 0.25rem !important;
  font-weight: bold;
}
#wrapper-service .m-highlight p:last-of-type {
  margin: 0;
}
#wrapper-service .m-more {
  padding: 1rem;
  border: 1px solid #ddd;
  margin-bottom: 1rem;
}
#wrapper-service .m-more.-noMarge {
  margin-bottom: 0;
}
#wrapper-service .m-more > div:not(:last-child) {
  margin-bottom: 1rem;
}
@media only screen and (min-width:40.063em) {
  #wrapper-service .m-more.-margin {
    margin-top: 3.5rem;
  }
}
#wrapper-service .o-mentions {
  margin-top: 1rem;
  padding: 1rem;
  background: #f2f2f2;
}
#wrapper-service .o-mentions .a-subtitle {
  font-size: 0.8125rem;
  line-height: 0.9375rem;
}
#wrapper-service .o-mentions p {
  font-size: 0.6875rem;
  line-height: 0.8125rem;
}
#wrapper-service #gerer ul,
#wrapper-service #gerer ol {
  width: 100%;
  max-width: 600px;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
#wrapper-service #gerer ul li,
#wrapper-service #gerer ol li {
  text-align: left;
}

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