/* Chargement des icônes par défaut */
/* Fin chargement des icônes par défaut */
html,
body {
  margin: 0;
  padding: 0;
}
html {
  font-family: 'Roboto', sans-serif;
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
}
body {
  background-color: #f1f1f1;
  font-size: 1.4em;
}
body #main,
body #main #blocMain {
  position: relative;
}
.material-icons {
  font-size: 22px;
}
a,
a:visited {
  text-decoration: none;
  color: #0091EA;
}
#main article a.button[href^=tel],
a[href^=tel],
a[href^=sms] {
  cursor: default;
}
.btn {
  border: none;
  border-radius: 2px;
  position: relative;
  min-width: 64px;
  padding: 0.7em 2em;
  display: inline-block;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 1.1em;
  font-weight: 500;
  text-transform: uppercase;
  overflow: hidden;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  background: #2684D2;
  color: #fff;
  margin: 0.5em;
}
#overlay {
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
  display: none;
}
#popupOverlay {
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 20;
  display: none;
}
#popupContent {
  padding: 5em 1em 1em;
  color: #fff;
  line-height: 1.6em;
  text-align: justify;
  overflow: auto;
  max-height: calc(100% - 6em);
}
#popupContent h3 {
  margin-top: 0;
  text-transform: uppercase;
}
#popupContent img {
  height: 100%;
  width: 100%;
}
#closePopupOverlay {
  bottom: 0;
  right: 0;
  color: #fff;
  padding: 1.2em 1em 0 0;
  position: absolute;
  text-transform: uppercase;
  height: 3em;
  top: 0;
}
.fildArianne {
  font-size: 0.9em;
  padding: 10px 0 10px 5px;
  padding: 1rem 0 1rem 0.5rem;
  color: #666;
  display: none;
  text-align: left;
}
.fildArianne a,
.fildArianne a:visited {
  color: #666;
  text-decoration: none;
}
#main .blocTitre {
  margin-bottom: 10px;
  margin-bottom: 1rem;
  background-color: #fff;
  text-align: center;
}
#main .blocTitre h1 {
  background-color: #0f3d89;
  color: #fff;
  display: inline-block;
  font-size: 1.5em;
  font-weight: 400;
  margin: 5px;
  margin: 0.5rem;
  padding: 5px;
  padding: 0.5rem;
  text-align: center;
  text-transform: uppercase;
  vertical-align: top;
}
#main .blocTitre h2 {
  font-size: 1.2em;
  font-weight: 300;
  margin: 0;
  padding: 0 5px;
  padding: 0 0.5rem;
  text-transform: uppercase;
}
.inapp #main .blocTitre h2 {
  text-align: left;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  padding: 0 1rem;
}
#main .blocTitre .titreHeader {
  background-color: #fff;
  padding: 14px 0;
  padding: 1.4rem 0;
  position: relative;
  text-align: center;
}
.inapp #main .blocTitre .titreHeader {
  padding-top: 0;
  padding-bottom: 0;
}
#main .introContenu {
  background-color: #fff;
  border-bottom: 10px solid #F1F1F1;
  border-bottom: 1rem solid #F1F1F1;
  padding: 1em 0;
}
#main .introContenu ul,
#main .contain ul {
  margin: 0;
  padding: 0;
}
#main .introContenu ul li {
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAAg0lEQVR4Ae3QvQ2CMRRD0dtRMk74W4zOa7HBNw6EAYKQqHgSDTFC4Js6x9IjpZQ+3YGjl78ykJe/P3n5MhB+H/53+f61/JoTzckvDM40D79ieXy90Dy3F+PFxO5Nvkxs5vN1YjZfJrbz+Toxly8T3cA/TVj4OiEMycSXCWFMiL8upXQDujO26ouV5ZIAAAAASUVORK5CYII=') no-repeat;
  font-weight: 300;
  list-style: none;
  margin: 0.5em 14px;
  margin: 0.5em 1.4rem;
  padding: 0 0 0 25px;
  font-size: 1.1em;
  vertical-align: middle;
  background-size: 18px 18px;
  background-position: 0px 1px;
}
#main .contain ul li {
  font-weight: 300;
  list-style: none;
  margin: 5px 0;
  margin: 0.5rem 0;
  position: relative;
  padding: 0 0 0 24px;
}
#main article {
  background-color: #fff;
  color: #37474f;
  padding: 1em 0;
}
#main article .center {
  text-align: center;
}
#main article .imgresp img {
  max-width: 100%;
}
#main article h3,
#main article h4 {
  color: #1565c0;
  font-size: 1.4em;
  font-weight: 500;
  margin: 1em 14px 0.2em;
  margin: 1em 1.4rem 0.2em;
  padding: 0;
  text-transform: uppercase;
}
#main article h4 {
  font-size: 1.3em;
  font-weight: 400;
}
#main article h5 {
  color: #333;
  font-size: 1.2em;
  font-weight: bold;
  margin: 0.8em 14px 0;
  margin: 0.8em 1.4rem 0;
  padding: 0;
}
#main article h3 + h4,
#main article h4 + h5 {
  margin-top: 0;
}
#main article a,
#main article a:visited {
  color: #0091ea;
  text-decoration: none;
}
#main article strong,
#main article b {
  font-weight: 700;
}
#main article ul,
#main article p,
#main article ol {
  font-family: 'Roboto Condensed', sans-serif;
  margin: 0 14px 0.5em;
  margin: 0 1.4rem 0.5em;
  padding: 0;
}
#main article ul.margin-medium,
#main article p.margin-medium {
  margin-top: 1em;
}
#main article ul.margin-large,
#main article p.margin-large {
  margin-top: 2em;
}
#main article ul,
#main article ol {
  padding-left: 15px;
  padding-left: 1.5rem;
}
#main article ul li {
  margin: 0.5em 0;
  padding: 0;
}
#main article button,
#main article .button {
  color: #fff !important;
}
#main aside div.contain {
  color: #fff;
  font-size: 1em;
  font-weight: 500;
  margin: 10px 0 0 0;
  margin: 1rem 0 0 0;
  text-decoration: none;
  text-transform: uppercase;
}
#main aside div.contain > a,
#main aside div.contain > button {
  color: #fff;
  display: block;
  padding: 10px 0;
  padding: 1rem 0;
  text-align: center;
  text-decoration: none;
}
#main aside div.contain > button {
  cursor: pointer;
  width: 100%;
  border-width: 0 0 2px 0;
  font-size: inherit;
  font-weight: inherit;
  text-decoration: inherit;
  text-transform: inherit;
  font-family: inherit;
}
.tabdevis .enteteMob.fixed {
  position: fixed;
  top: 0;
  z-index: 10;
  width: 100%;
  background: #f1f1f1;
  padding-top: 10px;
  padding-top: 1rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  background: #009CEA;
  padding: 0.5em 0;
}
#BlocAR2Contain {
  top: 0;
  position: relative;
  overflow: hidden;
}
#main aside .contain a:before {
  display: inline-block;
  font-family: 'icomoon';
  font-size: 16px;
  margin-right: 10px;
  margin-right: 1rem;
  vertical-align: top;
}
#main aside .contain a.btnDevis:before {
  content: "\e902";
}
#main aside .contain a.btnContact:before {
  content: "\e903";
}
#main aside .contain a.btnTel:before {
  content: "\e90a";
}
#main aside.BlocActionRapide2 div.contain:first-child {
  display: none;
}
body.theme8 #main aside.BlocActionRapide2 div.contain:first-child,
#main aside.BlocActionRapide2 div.contain.containShowEverywhere {
  display: block;
}
#main aside.BlocActionRapide2 div.contain.containShowOnDesktop {
  display: none;
}
#main aside.BlocActionRapide2 div.contain > a,
#main aside.BlocActionRapide2 div.contain > button {
  background-color: #78909c;
  margin-bottom: 6px;
  margin-bottom: 0.6rem;
  position: relative;
  border-radius: 3px;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}
#main aside.BlocActionRapide2 div.contain > a span.sousTitreBtn,
#main aside.BlocActionRapide2 div.contain > button span.sousTitreBtn {
  display: block;
  font-size: 0.7em;
}
#main aside div.contain > a.flecheD,
#main aside div.contain > button.flecheD {
  padding: 10px 30px 10px 10px;
  padding: 1rem 3rem 1rem 1rem;
}
#main aside.BlocActionRapide2 .contain > a.flecheD:after,
#main aside.BlocActionRapide2 .contain > button.flecheD:after {
  content: "\e920";
  display: inline-block;
  font-family: 'icomoon';
  font-size: 20px;
  vertical-align: middle;
  position: absolute;
  right: 10px;
  right: 1rem;
  top: 22%;
}
#main aside.BlocActionRapide2 div#doc.contain {
  background-color: #fff;
  color: #333;
  padding: 10px;
  padding: 1rem;
  text-align: left;
  text-transform: initial;
}
#main aside.BlocActionRapide2 div#doc.contain a {
  color: #0091ea;
  text-transform: none;
}
#main aside.BlocActionRapide2 div.contain div.titredoc {
  border-bottom: 1px solid #37474f;
  color: #37474f;
  padding: 5px;
  padding: 0.5rem;
  text-align: center;
  margin-bottom: 15px;
  margin-bottom: 1.5rem;
  text-transform: uppercase;
}
#main aside.BlocActionRapide2 div#doc.contain ul li:before {
  color: #455a64;
  content: "\e1a6";
  display: inline-block;
  font-family: 'icomoon';
  font-size: 18px;
  vertical-align: middle;
  margin: 0 5px 0 0;
  margin: 0 0.5rem 0 0;
  position: absolute;
  top: 0;
  left: 0;
}
#main aside.BlocActionRapide2 div.contain > div.btnVisuel {
  background-color: #fff;
  border-radius: 0;
  box-shadow: none;
  text-align: center;
  padding: 10px 0;
}
#main aside.BlocActionRapide2 div.contain > div.btnVisuel a {
  text-transform: none;
}
#main aside.BlocActionRapide2 div.contain > div.btnVisuel .titrebtnvisuel {
  color: #0091ea;
  text-transform: none;
  text-shadow: none;
  font-weight: normal;
  margin-top: 0.3em;
  display: block;
}
a.top_link {
  background-color: #ccc;
  bottom: 30px;
  color: #333;
  display: none;
  opacity: 0.95;
  filter: alpha(opacity=95);
  padding: 10px;
  position: fixed;
  right: 15px;
  z-index: 15;
}
#redirectV5msg {
  z-index: 2000;
  text-align: center;
  background: #fff;
  position: fixed;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  width: calc(100% - 4rem);
  padding: 20px 10px;
  padding: 2rem 1rem;
  margin: 0 10px;
  margin: 0 1rem;
  border-radius: 0 0 4px 4px;
}
/* COOKIE */
#cookieChoice {
  background: #E2E2E2;
  color: #37474f;
  font-size: 0.9em;
  padding: 0.5em 30px 0.5em 14px;
  padding: 0.5em 3rem 0.5em 1.4rem;
  position: relative;
  text-align: center;
}
#cookieChoice a.close.icon-close {
  font-size: 1.5em;
  color: #37474f;
  position: absolute;
  right: 0.5em;
  top: 0.2em;
  text-decoration: none;
}
#oups {
  background: url(/images/oups-page-inconnue-701x356.png) no-repeat top center;
  background-size: 100% 100%;
  height: 356px;
  width: 100%;
}
.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media (min-width: 740px) {
  #oups {
    background-size: none;
  }
  .fildArianne {
    display: block;
  }
  .navigationNiv2 ul,
  .navigationNiv2 ul li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .navigationNiv2 ul li {
    border: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 1em;
    margin-bottom: 0;
    vertical-align: top;
  }
  .navigationNiv2 ul li a span {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: auto;
  }
  .navigationNiv2 span.promoMenu {
    left: 3px;
  }
  .fildArianne {
    padding-left: 1rem;
  }
  .tabdevis .enteteMob.fixed {
    width: calc(100% - 4rem);
    padding: 0 1rem;
  }
  #blocContenu {
    margin: 0 1rem;
    position: relative;
  }
  #main .blocTitre {
    margin: 0 1rem 1rem 1rem;
    font-size: 0;
    /* Hack pour désactiver l'espace entre les 2 bloc inline-block */
  }
  #main .blocTitre .titreHeader,
  #main .blocTitre .visuelHeader {
    display: inline-block;
    margin: auto;
    vertical-align: middle;
    width: 50%;
  }
  .inapp #main .blocTitre .titreHeader {
    vertical-align: top;
  }
  #main .introContenu ul li {
    font-size: 1.2em;
    background-size: initial;
    padding: 0 0 0 2em;
    background-position: 0px -1px;
    background-size: 22px 22px;
  }
  #main .blocTitre .visuelHeader {
    padding-bottom: 15%;
  }
  #main .blocTitre h1 {
    font-size: 2.1rem;
  }
  /* rem pour surcharger le hack du font-size à 0 pour le display inline-block */
  #main .blocTitre h2 {
    font-size: 1.7rem;
  }
  #main article h3 {
    font-size: 1.5em;
  }
  #main article h4 {
    font-size: 1.35714em;
  }
  #main article h5 {
    font-size: 1.2em;
  }
  #main aside.BlocActionRapide2 .btnTel {
    display: none;
  }
  #main .introContenu {
    margin: 0 1rem;
  }
}
@media (min-width: 992px) {
  #blocContenu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  #main .blocTitre h1 {
    font-size: 2.8rem;
  }
  /* rem pour surcharger le hack du font-size à 0 pour le display inline-block */
  #main .blocTitre h2 {
    font-size: 2.2rem;
  }
  #main aside.BlocActionRapide2 div.contain.no-margin-top {
    margin-top: 0;
  }
  #main aside.BlocActionRapide2 .contain a,
  #main aside.BlocActionRapide2 .contain button {
    text-align: center;
  }
  #main aside.BlocActionRapide2 div.contain.containShowOnDesktop {
    display: block;
  }
  #blocContenu.active #BlocAR2Contain {
    padding-top: 85px;
  }
  #BlocAR2Contain.fixed {
    position: fixed;
    width: 280px;
    top: 1em;
    background: #F1F1F1;
  }
  #blocContenu article {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  #blocContenu aside {
    width: 280px;
    margin-left: 1rem;
  }
}
@media (min-width: 1366px) {
  body #main {
    margin-left: calc((100% - 1366px)/2);
    margin-right: calc((100% - 1366px)/2);
  }
  #main .blocTitre {
    margin: 0 0 1rem 0;
  }
  #main .introContenu,
  #blocContenu {
    margin: 0;
  }
}
/* --- Variables appli --- */
/* --- Fin Variables appli --- */
/* --- Variables Produit --- */
/* --- Fin Variables Produit --- */
/* --- Variables EspSoc --- */
/* --- Fin Variables EspSoc --- */
@media (max-width: 739px) {
  .hidemob {
    display: none !important;
  }
}
@media (min-width: 740px) and (max-width: 991px) {
  .hidetab {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .hidedesk {
    display: none !important;
  }
}
@media (min-width: 740px) {
  body {
    font-size: 1.4em;
  }
}
#main .blocTitre.blocTitreV2 .titreHeader {
  background: transparent;
  width: 95%;
}
#main .blocTitre.blocTitreV2 h1 {
  background: transparent;
}
#main .blocTitre .titreHeader .descTitre {
  margin-top: 1rem;
  font-size: 1.4rem;
}
#popupIframe {
  position: absolute;
  width: calc(100% - 3em);
  background: #f1f1f1;
  color: #666;
  margin: 0.5em;
  padding: 1em;
  border-radius: 0.3em;
  border: 2px solid #455A64;
  z-index: 25;
}
#popupIframe .icon-close {
  position: absolute;
  font-size: 1.5em;
  top: 0;
  right: 0;
  cursor: pointer;
}
#main .blocEncart {
  margin-bottom: 2rem;
  color: #37474f;
  padding: 1em 0;
}
#main .blocEncart p {
  font-size: 1.7rem;
  margin: 0 1.4rem 0.5em;
  padding: 0;
}
#main .blocEncart .encart-title {
  text-align: center;
}
#main .blocEncart .encart-title h3 {
  color: #1565C0;
  font-size: 1.5em;
  font-weight: 500;
  margin: 1em 1.4rem 0.2em;
}
#main .blocEncart .encart-content {
  text-align: center;
  border-left: 1px solid #696969;
  margin-top: 21px;
}
#main .blocEncart .encart-content .encart-content-blocicone {
  padding: 0.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
#main .blocEncart .encart-content .encart-content-blocicone i {
  margin: auto 0.2em;
}
#main .blocEncart .encart-content .encart-content-blocicone p {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media (min-width: 740px) {
  #main .blocEncart {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  #main .blocEncart .encart-title {
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
  }
  #main .blocEncart .encart-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}
@media screen and (min-width: 1100px) {
  #main .blocEncart {
    max-width: 1076px;
    margin-left: auto;
    margin-right: auto;
  }
}
.icon:before {
  font-family: 'icomoon';
  font-size: 20px;
}
.icon.circle_arrow_left:before {
  content: "\e941";
}
.icon.aidetwipsy:before {
  content: "\e92e";
}
.icon.sort.aidetwipsy:before {
  content: "\e942";
  font-size: 16px;
}
@media (min-width: 740px) {
  #main article .containerflex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  #main article .flex {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  #main article .flex.centerV {
    margin: auto;
  }
  #main article .flex2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
  }
  #main article .flex3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3;
  }
}
.btn-float {
  padding: 0.8em;
  border-radius: 50%;
  position: fixed;
  bottom: 90px;
  right: 14px;
  color: #fff;
  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);
  z-index: 2;
  background: #0094ff;
}
.btn-float i {
  color: #fff;
}
.white {
  background: #fff;
}
#conteneurProgressbar {
  padding: 0.5em 1em;
}
#progressbar {
  width: calc(100% - 2px);
  height: 20px;
  height: 2rem;
  background-color: #f9f9f9;
  border: 1px #e2e2e2 solid;
  border-radius: 10px;
  border-radius: 1rem;
}
#fillprogressbar {
  height: 20px;
  height: 2rem;
  background-color: #1565C0;
  text-align: right;
  line-height: 20px;
  border-radius: 10px;
  border-radius: 1rem;
  color: #fff;
}
#fillprogressbar span {
  padding-right: 4px;
}
#titreEtapeProgressbar {
  padding: 0.5em 0;
  color: #455A64;
  font-size: 1.3em;
  font-weight: 400;
  position: relative;
}
@media (min-width: 740px) {
  #conteneurProgressbar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row-reverse;
  }
  #progressbar {
    width: 340px;
  }
  #titreEtapeProgressbar {
    padding: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}
#frise {
  margin: 0 1.4rem 4em;
  display: flex;
}
#main #frise.etape2 > div:nth-child(2),
#main #frise.etape3 > div:nth-child(3),
#main #frise.etape4 > div:nth-child(4),
#main #frise.etape5 > div:nth-child(5),
#main #frise.etape6 > div:nth-child(6),
#main #frise.etape7 > div:nth-child(7),
#main #frise.etape8 > div:nth-child(8) {
  margin-right: 0 !important;
}
@media (min-width: 992px) {
  .menuespsoc ~ article #frise {
    width: calc(100% - 12.8em);
  }
}
.hidden,
.cache {
  display: none !important;
}
.center,
.btnpost {
  text-align: center;
}
strong,
b {
  font-weight: 500;
}
.floatRight {
  float: right;
}
/* --- LIENS --- */
#main article {
  color: #37474f;
}
#main article a,
#main article a:visited {
  color: #0091EA;
}
#main article .linkField a.actif:before {
  content: "\e93d" !important;
  color: #00b517;
}
#main article .linkField a:before {
  content: "\e93c" !important;
  font-family: 'icomoon' !important;
  font-size: 18px;
  color: #a9a9a9;
  vertical-align: -2px;
  margin-right: 5px;
}
#main article a#closeMapModal:before {
  content: "\e209";
  font-family: 'icomoon';
  font-size: 25px;
}
#main article a#closeMapModal i {
  display: none;
}
/* --- FIN LIENS --- */
/* Bloc Texte */
@media screen and (min-width: 1100px) {
  #bloc_texte,
  .bloc_texte {
    max-width: 1076px;
    margin-left: auto;
    margin-right: auto;
  }
}
/* Sous-titre, soussoustitre et sous l�gende */
#main article .soustitre {
  font-size: 1.3em;
  margin: 0 1.4rem 0 1.4rem;
}
#main article .soustitre.soustitreSouligne {
  border-bottom: 1px solid #37474f;
  font-size: 1.8em;
  margin: auto;
  padding: 0.3em 0;
  text-align: center;
}
#main article .soustitre.margintop {
  margin-top: 1.5em;
}
#main article .soussoustitre {
  font-size: 1.2em;
  margin: 0.5em 1.4rem 0 1.4rem;
}
#main article .soussoustitre.margintop {
  margin-top: 1.5em;
}
#main article .souslegende {
  font-weight: 500;
  margin: 0.5em 1.4rem 0.5em 1.4rem;
}
#main article .titreFormulaire {
  text-align: center;
  margin: 1.4rem;
  color: #1565C0;
  font-size: 1.4em;
  padding: 0.5em;
  font-weight: 700;
}
#main article .titre-S,
#main article .titre-M,
#main article .titre-L,
#main article .titre-XL {
  color: #1565C0;
  font-weight: 700;
}
#main article .titre-S {
  font-size: 1em;
}
#main article .titre-M {
  font-size: 1.2em;
}
#main article .titre-L {
  font-size: 1.4em;
}
#main article .titre-XL {
  font-size: 1.6em;
}
@media (min-width: 740px) {
  #main article .soustitre.soustitreSouligne {
    width: 60%;
  }
}
/* Liste */
#main article ul {
  padding: 0 1em 0 3em;
  margin: 1em 0;
}
#main article ul.sanspuce li {
  list-style: none;
}
#main article ul.checkList {
  padding-left: 0.2em;
}
#main article ul.checkList li {
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAAg0lEQVR4Ae3QvQ2CMRRD0dtRMk74W4zOa7HBNw6EAYKQqHgSDTFC4Js6x9IjpZQ+3YGjl78ykJe/P3n5MhB+H/53+f61/JoTzckvDM40D79ieXy90Dy3F+PFxO5Nvkxs5vN1YjZfJrbz+Toxly8T3cA/TVj4OiEMycSXCWFMiL8upXQDujO26ouV5ZIAAAAASUVORK5CYII=') no-repeat;
  background-size: 18px 18px;
  font-weight: 300;
  list-style: none;
  margin: 0.5em 16px;
  margin: 0.5em 1.6rem;
  padding: 0 0 0 1.5em;
  vertical-align: middle;
}
#main article ul.checkList li:first-child {
  margin-top: 0;
}
hr {
  margin: 1em;
  border: none;
  background: #e2e2e2;
  height: 1px;
}
#main article div.iconetexte i {
  margin-right: 0.5em;
}
#main article div.iconetexte {
  margin: 0.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  justify-content: center;
}
#main article div.iconetexte span {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: left;
}
#main article .boxV1 {
  border: 1px solid #1565C0;
  padding: 0.5em 1em;
  border-radius: 3px;
  color: #1565C0;
  font-weight: 700;
  display: inline-block;
}
/* --- DATE DE VALIDIT� D'UN DEVIS --- */
.datevalidite {
  color: #878787;
  margin: 1em;
}
/* --- FIN DATE DE VALIDIT� D'UN DEVIS --- */
.txtpara {
  margin: 10px 0 20px 0;
}
.txtpara p,
.blocindent {
  margin: 1em;
}
.listeInfosImage div {
  padding: 0.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.listeInfosImage div img,
.listeInfosImage div i {
  margin: auto 0.2em;
}
.listeInfosImage div p {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.listeInfosImage .mailBox:hover {
  cursor: pointer;
}
.listeInfosImage .mailBox span {
  display: flex;
  flex-direction: column;
}
.listeInfosImage .mailBox p {
  margin: 0;
  margin-left: 1.4rem;
  align-self: center;
}
.listeInfosImage .mailBox {
  border-bottom: 2px #f1f1f1 solid;
  margin: 0 1em 0.3rem;
}
.listeInfosImage .nonlu {
  background-color: #f1f1f1;
}
.listeInfosImage .nonlu p span {
  font-weight: bolder;
}
.listeInfosImage .mailBox .mailboxCustom::before {
  content: "\e933";
}
.listeInfosImage .nonlu .mailboxCustom::before {
  content: "\e90b";
}
.listeInfosImage .lignedevis {
  background-color: #ffffff;
}
@media (min-width: 740px) {
  .listeInfosImage div {
    border-bottom: 1px #D3E1FF solid;
  }
  .listeInfosImage div:last-child {
    border-bottom: 0;
  }
}
/* Fieldset */
fieldset {
  border: 0;
  margin: 1em 0;
  padding: 1em 0;
  position: relative;
  background: #fff;
}
@media (max-width: 739px) {
  fieldset.fieldsetCondensed {
    padding-top: 0;
    margin-top: 0;
  }
  fieldset.fieldsetSuperCondensed {
    padding-top: 0;
    margin: 0;
  }
}
#main article fieldset p {
  margin: 0.5em 1.4rem;
}
/* Legende du formulaire */
#main article legend {
  padding: 0 1.4rem;
  color: #1565C0;
  font-size: 1.5em;
  font-weight: 500;
}
@media (min-width: 740px) {
  fieldset {
    padding-left: 1em;
    padding-right: 1em;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    border-radius: 2px;
    -moz-border-radius: 2px;
    margin: 2em 1.4rem;
    min-height: 2rem;
  }
  #main article legend {
    position: absolute;
    top: 0.5em;
  }
  #global #main article legend + * {
    margin-top: 5rem;
  }
}
.recap-title {
  color: #fff;
  font-size: 1.4em;
  font-weight: 500;
  margin: 3em 1.4rem 1.6em;
  padding: 0.5em 0;
  text-transform: uppercase;
  text-align: center;
}
#main article .titreOptions {
  border-bottom: 2px solid #1565C0;
  font-size: 1.2em;
  font-weight: 500;
  margin: 1em;
  padding: 0.5em 0;
}
/* --- BLOC INFOS --- */
#main article .blocInfos {
  background-color: #fff;
  margin-top: 3em;
}
#main article .blocInfos legend,
#main article .blocInfos h2 {
  background-color: #f8f8f8;
  border-bottom: 1px solid #e2e2e2;
  color: #37474f;
  font-weight: 500;
  text-align: center;
  font-size: 1.2em;
  text-transform: uppercase;
  width: 100%;
  padding: 0.5em 1em;
  box-sizing: border-box;
}
#main article .blocInfos legend i.icon-mode_edit,
#main article .blocInfos h2 i.icon-mode_edit {
  float: right;
  cursor: pointer;
  height: 100%;
  padding-top: 5px;
}
#main article .blocInfos .txtlight {
  margin-left: 0;
}
#main article .blocInfos h4 {
  color: #37474f;
  text-align: center;
  font-size: 1.4em;
  text-transform: uppercase;
  margin: 1em 0;
}
#main article .blocInfos .listeIcone {
  list-style: none;
  padding-left: 1em;
}
#main article .blocInfos .listeIcone i {
  vertical-align: middle;
  color: #1565C0;
  margin-right: 0.5em;
}
/* AbTasty devis auto */
#main article .blocInfos.fieldsetcolorboderbottom.fieldsetH2 {
  padding: 0;
}
#main article .blocInfos.fieldsetcolorboderbottom.fieldsetH2 h2 {
  margin: 0 0 1em 0;
}
/* Fin */
#main article .conteneurBlocsContact {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  justify-content: space-around;
  text-align: center;
  padding: 0 1em;
}
#main article .conteneurBlocsContact > div:first-child {
  margin-right: 1em;
}
#main article .conteneurBlocsContact:nth-child(n+2) {
  margin-top: 1em;
}
@media (max-width: 740px) {
  #main article .conteneurBlocsContact {
    -webkit-flex-flow: row wrap;
    padding: 0;
  }
  #main article .conteneurBlocsContact > div:first-child {
    margin-right: 0;
    margin-bottom: 1em;
  }
}
#main article .blocInfos.avecFond {
  background-color: #f9f9f9;
  box-shadow: none;
}
#main article .blocInfos.sansLegend {
  padding-top: 1em;
  margin-top: 1em;
}
@media (min-width: 740px) {
  #main article .blocInfos legend {
    top: 0;
    left: 0;
  }
  #main article .blocInfos h5 {
    color: inherit;
  }
}
/* --- FIN BLOC INFOS --- */
/* --- FIELDSET COLLAPSE --- */
#main article fieldset.fieldsetPlusMoins legend,
#main article fieldset.fieldsetPlusMoins .listeInfosImage {
  cursor: pointer;
  width: calc(100% - 3.4rem);
  background: #f1f1f1;
  padding-right: 4rem;
  top: 0;
}
#main article fieldset.fieldsetPlusMoins .listeInfosImage p span {
  color: #1565C0;
  font-size: 1.1em;
  font-weight: 500;
}
#main article fieldset.fieldsetPlusMoins .listeInfosImage p span.titre-M {
  font-size: 1.2em;
  font-weight: 700;
}
#main article fieldset.fieldsetPlusMoins {
  padding-bottom: 0;
}
#main article fieldset.fieldsetPlusMoins .txtFieldsetPlus,
#main article fieldset.fieldsetPlusMoins .txtFieldsetMoins {
  color: #0091EA;
  display: none;
  position: absolute;
  right: 60px;
  top: 30px;
}
#main article fieldset.fieldsetPlusMoins.fieldsetPlus legend:after,
#main article fieldset.fieldsetPlusMoins.fieldsetMoins legend:after,
#main article fieldset.fieldsetPlusMoins.fieldsetPlus .listeInfosImage:after,
#main article fieldset.fieldsetPlusMoins.fieldsetMoins .listeInfosImage:after {
  font-family: "icomoon";
  font-size: 24px;
  cursor: pointer;
  position: absolute;
  right: 2rem;
  top: 0.1em;
}
#main article fieldset.fieldsetPlusMoins.fieldsetPlus div.listeInfosImage:after,
#main article fieldset.fieldsetPlusMoins.fieldsetMoins div.listeInfosImage:after {
  top: 1em;
}
#main article fieldset.fieldsetPlusMoins legend:after,
#main article fieldset.fieldsetPlusMoins .listeInfosImage:after {
  content: "\e10f";
  transition: transform 0.5s ease-in-out;
}
#main article fieldset.fieldsetPlusMoins.fieldsetMoins legend:after,
#main article fieldset.fieldsetPlusMoins.fieldsetMoins .listeInfosImage:after {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
#main article fieldset.fieldsetPlusMoins.fieldsetPlus .txtPlusMoins {
  display: none;
}
#main article fieldset.fieldsetPlusMoins.fieldsetMoins .txtPlusMoins {
  display: block;
}
.fieldsetInfo ul li {
  list-style: none;
  overflow: hidden;
}
@media (max-width: 739px) {
  #main article fieldset.fieldsetPlusMoins legend {
    position: relative;
    min-height: 30px;
  }
  #main article fieldset.fieldsetPlusMoins.fieldsetPlus.fieldsetMobileReverse legend:after {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
  }
  #main article fieldset.fieldsetPlusMoins.fieldsetMoins.fieldsetMobileReverse legend:after {
    transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
  }
  #main article fieldset.fieldsetPlusMoins.fieldsetPlus.fieldsetMobileReverse .txtPlusMoins {
    display: block;
  }
  #main article fieldset.fieldsetPlusMoins.fieldsetMoins.fieldsetMobileReverse .txtPlusMoins {
    display: none;
  }
}
@media (min-width: 740px) {
  #main article fieldset.fieldsetPlusMoins legend {
    position: absolute;
    top: 0.5em;
    left: 1.4rem;
    width: calc(100% - 4rem);
    background-color: #fff;
  }
  #main article fieldset.fieldsetPlusMoins .listeInfosImage {
    background: none;
  }
  #main article fieldset.fieldsetPlusMoins.fieldsetPlus .txtFieldsetPlus,
  #main article fieldset.fieldsetPlusMoins.fieldsetMoins .txtFieldsetMoins {
    display: block;
  }
  .fieldsetInfo ul {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
  #main article fieldset.fieldsetPlusMoins {
    padding-bottom: 1em;
  }
}
@media (min-width: 992px) {
  .fieldsetInfo ul {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }
}
/* --- FIN FIELDSET COLLAPSE --- */
/* --- EL�MENTS DE FORMULAIRE --- */
#main article .field {
  padding: 1em;
  margin: 0;
}
#main article .field > button,
#main article .field > .button {
  margin: 0 1em;
  padding: 0.6em 1em;
  vertical-align: top;
}
#main article table .field {
  padding: 0;
}
/* Champs Input, Select, Textarea */
.inputTextField input,
.selectField select,
#main article select,
textarea {
  color: #455A64;
  background: #fff;
  border: 1px solid #cccccc;
  padding: 0.5em 0.8em;
  border-radius: 3px;
  margin: 2px 0;
  width: calc(100% - 4em);
  font-size: 16px;
  font-size: 1.6rem;
  font-family: 'Roboto', sans-serif;
}
.selectField select,
#main article select {
  width: calc(100% - 2.4em);
}
#main article ul.listeBlocPaire li a.btnContact {
  position: relative;
  width: auto;
}
#main article select:invalid {
  color: #A9A9AB;
}
#main article select:invalid option:not([value='']) {
  color: #455A64;
}
.inputTextField input:focus,
.selectField select:focus,
#main article select:focus,
textarea:focus {
  border: 1px solid #cccccc;
  box-shadow: 0 0 10px rgba(0, 156, 234, 0.5);
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(82, 168, 236, 0.6);
  outline: 0;
  outline: thin dotted \9;
}
.textareaField textarea {
  height: 6em;
  width: calc(100% - 2em);
}
.inputTextField .readonly,
.selectField .readonly,
.readonly {
  border: 1px solid #e2e2e2;
  color: #878787;
  cursor: not-allowed;
}
.inputTextField .large {
  padding: 1.6em;
}
#main article .field > button.btnInputInside,
#main article .field > .button.btnInputInside {
  padding: 0.3em 0.2em 0.3em;
  margin: 0.3em 0.2em 0.2em -2.5em;
  background: #fff;
  outline: none;
}
#main article .field > button.btnInputInside.large,
#main article .field > .button.btnInputInside.large {
  padding: 1.4em 0.2em 1.4em;
}
.inputTextField input.taille1 {
  width: 1.2em;
}
.inputTextField input.taille2 {
  width: 4em;
}
#main article .inputTextField input.taille3 {
  width: 6em;
}
#main article .inputTextField input.taille4 {
  width: 8em;
}
#main article .selectField select.taille1 {
  width: 3.3em;
}
#main article .selectField select.taille2 {
  width: 6.1em;
}
#main article .selectField select.taille3 {
  width: 8.1em;
}
#main article .selectField select.taille4 {
  width: 10.1em;
}
@media (min-width: 740px) {
  .inputTextField input,
  .selectField select,
  #main article select,
  textarea {
    width: auto;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 0.5em 1em;
  }
  #main article .field > button.btnInputInside,
  #main article .field > .button.btnInputInside {
    padding: 0.1em 0.2em 0.3em;
    margin: 0.3em 0.2em 0.2em -2.5em;
  }
  #main article .field > button.btnInputInside.large,
  #main article .field > .button.btnInputInside.large {
    padding: 1.1em 0.2em 1.4em;
  }
  #main article .inputTextField input.taille5 {
    width: 10em;
  }
  #main article .inputTextField input.taille6 {
    width: 13em;
  }
  #main article .inputTextField input.taille7 {
    width: 16em;
  }
  #main article .inputTextField input.taille8 {
    width: 19em;
  }
  #main article .inputTextField input.taille9 {
    width: 22em;
  }
  #main article .inputTextField input.taille10 {
    width: 24.5em;
  }
  #main article .inputTextField input.taille11 {
    width: 27em;
  }
  #main article .selectField select.taille5 {
    width: 12.1em;
  }
  #main article .selectField select.taille6 {
    width: 15.1em;
  }
  #main article .selectField select.taille7 {
    width: 18.1em;
  }
  #main article .selectField select.taille8 {
    width: 21.1em;
  }
  #main article .selectField select.taille9 {
    width: 24.1em;
  }
  #main article .selectField select.taille10 {
    width: 26.6em;
  }
  #main article .selectField select.taille11 {
    width: 29.1em;
  }
}
/* Force du mot de passe */
.pwdStrengthInput {
  position: relative;
}
.pwdContainer {
  display: inline-block;
  margin-left: -60px;
}
.pwdBar {
  display: inline-block;
  overflow: hidden;
  background-color: #e6ecf0;
  vertical-align: middle;
  border-radius: 4px;
  width: 50px;
}
.pwdStrength {
  display: block;
  height: 8px;
  transition: width 0.8s, background-color 0.8s;
}
.pwdShort:after {
  content: "Au moins 8 caract�res !";
  font-size: 14px !important;
  margin-left: 20px;
  color: #e54646;
  vertical-align: middle;
  display: inline-block;
}
#main article .field.pwdStrengthInput.fieldChecked::after {
  margin-left: 20px;
}
@media (max-width: 739px) {
  .pwdContainer {
    transform: translateY(-50%);
    right: auto;
    left: 480px;
  }
}
/* Champs Input Number */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
/* Box Increment */
.boxIncrement,
.radioBtnField .panelradio > div.boxIncrement {
  display: inline-block;
  border: 1px solid #e2e2e2;
  border-radius: 3px;
  flex: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.boxIncrement .btnDecrement,
.boxIncrement .btnIncrement,
.boxIncrement .valueInputIncrement {
  display: inline-block;
  width: 3em;
  background: #f1f1f1;
  text-align: center;
  line-height: 2.7em;
  font-size: 1em;
  transition: background 0.5s ease;
}
.boxIncrement .valueInputIncrement {
  background: #fff;
  padding: 0;
  border: none;
  margin: 0;
  height: 2.5em;
  font-family: inherit;
}
.boxIncrement .btnDecrement,
.boxIncrement .btnIncrement {
  cursor: pointer;
}
.boxIncrement .btnDecrement:hover,
.boxIncrement .btnIncrement:hover {
  background: #e2e2e2;
}
.boxIncrement .btnDecrement:before {
  content: "-";
}
.boxIncrement .btnIncrement:before {
  content: "+";
}
/* TxtLight */
.txtlight {
  color: #999;
  display: block;
  margin: 0 1.4rem 0 1.4rem;
}
.labelradio .txtlight,
label .txtlight {
  display: block;
  font-size: 0.9em;
  margin-left: 0;
}
/* Champs CheckBox, RadioButton */
/* SA : suite � probl�me avec iOS retrait temporaire de "appearance" 
input[type="checkbox"]{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

input[type="checkbox"]:before {
    font-family: 'icomoon';
    font-size: 3rem;
    content: @icon-check_box_outline_blank;
    color:#37474f;
	cursor: pointer;
}

input[type="checkbox"]:checked:before {
    content: @icon-check_box;
}
*/
.checkboxField {
  display: inline-block;
}
.panelradio {
  display: inline-block;
}
.panelradio em {
  display: block;
  font-style: normal;
  padding: 0 0 0 24px;
}
.radioBtnField .labelradio,
.checkboxBtnField .labelcheckbox,
.inputIncrementField label {
  display: block;
  margin: 0.2em 0 0.7em 0;
  width: auto;
}
.radioBtnField .panelradio {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.radioBtnField .panelradio.radioTexteIcone,
.radioBtnField .panelradio.radioBloc {
  display: block;
}
.radioBtnField .panelradio.radioBloc {
  -ms-flex-flow: column;
  flex-flow: column;
}
.checkboxBtnField .checkboxField {
  width: 100%;
}
.radioBtnField .panelradio div,
.checkboxBtnField .checkboxField div {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0 0.5em 0.5em 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.checkboxBtnField .checkboxField div {
  margin: 0.5em 0;
}
.radioBtnField .panelradio div.boxIncrement div {
  display: inline-block;
  flex: none;
  margin-right: 0;
}
.radioBtnField .panelradio.radioTexteIcone div,
.checkboxBtnField .checkboxField.radioTexteIcone div {
  min-width: 100%;
  margin-bottom: 0.5em;
}
.radioBtnField .panelradio.radioTexteIcone div label span.radioBtnField_icone,
.checkboxBtnField .checkboxField.radioTexteIcone div label span.checkboxBtnField_icone {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  margin-right: 0.5em;
}
.radioBtnField .panelradio.radioTexteIcone div label span.radioBtnField_texte,
.checkboxBtnField .checkboxField.radioTexteIcone div label span.checkboxBtnField_texte {
  text-align: left;
  text-transform: none;
}
.radioBtnField .panelradio.radioTexteIcone div label span.radioBtnField_texte b,
.checkboxBtnField .checkboxField.radioTexteIcone div label span.checkboxBtnField_texte b {
  text-transform: uppercase;
  display: block;
}
.radioBtnField .radioBloc > div {
  min-width: 100%;
  margin-bottom: 0.5em;
}
.radioBtnField .radioBloc .label {
  background-color: #f1f1f1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  position: relative;
}
.radioBtnField .radioBloc .label label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: none;
  padding: 0;
}
.radioBtnField .radioBloc .label .labelContent {
  flex-flow: column wrap;
  padding: 1rem;
  margin: auto 0;
}
.radioBtnField .radioBloc .label .labelContent b {
  text-transform: uppercase;
}
.radioBtnField .radioBloc .label .blocFin {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  padding: 0.5em;
  background-color: #37474f;
  text-align: center;
  color: #fff;
  width: 8em;
  margin-bottom: 0;
}
.radioBtnField .radioBloc .label .blocFin span {
  margin: auto;
}
.radioBloc .tarif {
  font-size: 2em;
}
.radioBtnField input[type="radio"]:checked ~ .label {
  background-color: #1565C0;
  color: #fff;
}
.radioBtnField input[type="radio"]:checked ~ .label .blocFin {
  background-color: #0091EA;
}
.radioBtnField .panelradio div:last-child,
.checkboxBtnField .checkboxField div:last-child {
  margin-right: 0;
}
.radioBtnField .panelradio div input[type="radio"],
.checkboxBtnField .checkboxField div input[type="checkbox"],
.checkboxOptionTarifField input[type="checkbox"] {
  opacity: 0;
  position: absolute;
  cursor: pointer;
}
.radioBtnField .panelradio div label,
.checkboxBtnField .checkboxField div label {
  width: calc(100% - 1em);
  display: block;
  color: #37474f;
  font-weight: 300;
  padding: 0 2px 0 2px;
  text-decoration: none;
  font-family: inherit;
  background-color: #f1f1f1;
  padding: 10px;
  padding: 1rem;
  text-align: left;
  cursor: pointer;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-radius: 0.3em;
  font-size: 1.2em;
}
.radioBtnField.BtnBorder .panelradio div label,
.checkboxBtnField.BtnBorder .checkboxField div label {
  border: 2px solid #f1f1f1;
}
.radioBtnField.BtnBorderBottom .panelradio div label,
.checkboxBtnField.BtnBorderBottom .checkboxField div label {
  border-bottom: 4px solid #f1f1f1;
}
.radioBtnField .panelradio div label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  text-align: center;
}
.checkboxBtnField .checkboxField div label:before {
  display: inline-block;
  font-family: 'icomoon';
  font-size: 20px;
  margin-right: 10px;
  margin-right: 1rem;
  content: "\e93c";
  vertical-align: top;
}
.radioBtnField .panelradio div label span {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: auto;
}
.checkboxBtnField .checkboxField div label span {
  display: inline-block;
  vertical-align: middle;
}
.radioBtnField .panelradio div .icomoon,
.checkboxBtnField .checkboxField div .icomoon {
  font-size: 32px;
  color: #1565C0;
}
.radioBtnField input[type="radio"]:checked ~ label,
.checkboxBtnField input[type="checkbox"]:checked ~ label {
  background-color: #1565C0;
  color: #fff;
}
.radioBtnField input[type="radio"]:checked ~ label .txtlight,
.checkboxBtnField input[type="checkbox"]:checked ~ label .txtlight {
  color: #fff;
}
.radioBtnField.BtnBorder input[type="radio"]:checked ~ label,
.checkboxBtnField.BtnBorder input[type="checkbox"]:checked ~ label,
.radioBtnField.BtnBorderBottom input[type="radio"]:checked ~ label,
.checkboxBtnField.BtnBorderBottom input[type="checkbox"]:checked ~ label {
  background-color: #f1f1f1;
  border-color: #1565C0;
  color: #37474f;
}
.radioBtnField input[type=radio]:checked ~ label .icomoon {
  color: #fff;
}
.radioBtnField.BtnBorder input[type=radio]:checked ~ label .icomoon,
.radioBtnField.BtnBorderBottom input[type=radio]:checked ~ label .icomoon {
  color: #1565C0;
}
.checkboxBtnField input[type="checkbox"]:checked ~ label:before {
  content: "\e93d";
}
.radioBtnField.tailleS .panelradio div label {
  flex-direction: column;
  font-size: 1.2rem;
  min-height: 35px;
  padding: 0.6rem 0.2rem 0.4rem;
}
.radioBtnField.tailleS .panelradio div,
.checkboxBtnField.tailleS .checkboxField div {
  margin: 0 2px 0 0;
}
.radioBtnField.tailleS .panelradio div label .formule {
  height: 2.4rem;
  line-height: 1.2rem;
  margin-bottom: 0.4rem;
  font-weight: 700;
}
/* V2 Checkbox Options */
#main article .field.checkboxOptionTarifField.checkboxOptionV2 {
  width: calc(100% - 3em);
  margin: 0 1em 1em;
  border: 1px solid #e2e2e2;
  border-radius: 3px;
  padding: 0.5em;
  min-height: 6em;
}
#main article .field.checkboxOptionTarifField.checkboxOptionV2.actif {
  border-color: #1565C0;
}
.checkboxOptionTarifField.checkboxOptionV2 > label .CBFPrice {
  position: relative;
  display: inline-block;
  padding: 0.2em 0.5em;
  margin: 0.5em 1rem;
  width: auto;
  border-radius: 3px;
}
.checkboxOptionTarifField.checkboxOptionV2 > label .CBFDescription {
  margin-left: 0.5em;
  width: calc(100% - 1em);
}
.checkboxOptionTarifField.checkboxOptionV2 > label .CBFTitre {
  width: calc(100% - 4.5em);
  vertical-align: top;
  margin-left: 0.5em;
}
.checkboxOptionTarifField.checkboxOptionV2 .CBTMultiplePrice {
  margin-left: 0;
}
.checkboxOptionTarifField input[type="checkbox"]:checked ~ label .CBFPrice.aPartir {
  display: none;
}
.checkboxOptionTarifField .CBTMultiplePrice label > span + span {
  border: none;
}
@media (min-width: 740px) {
  .checkboxOptionTarifField.checkboxOptionV2 > label .CBFDescription {
    width: calc(100% - 17em);
  }
  .checkboxOptionTarifField.checkboxOptionV2 > label .CBFPrice {
    position: absolute;
    top: 0;
  }
  .checkboxOptionTarifField.checkboxOptionV2 > label .CBFTitre {
    width: calc(100% - 18em);
  }
  #main article .field.checkboxOptionTarifField.checkboxOptionV2 {
    width: calc(100% - 2em);
  }
}
@media (min-width: 740px) {
  #main article .field.checkboxOptionTarifField {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
  }
  #main article .field.BtnField_2Choix,
  #main article .field.BtnField_3Choix {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .radioBtnField.BtnField_2Choix .labelradio,
  .checkboxBtnField.BtnField_2Choix .labelcheckbox,
  .radioBtnField.BtnField_3Choix .labelradio,
  .checkboxBtnField.BtnField_3Choix .labelcheckbox {
    margin-top: auto;
    margin-bottom: auto;
    width: 22em;
  }
  .radioBtnField.BtnField_2Choix .panelradio,
  .checkboxBtnField.BtnField_2Choix .checkboxField,
  .radioBtnField.BtnField_3Choix .panelradio,
  .checkboxBtnField.BtnField_3Choix .checkboxField {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 28em;
  }
  .radioBtnField.BtnField_2Choix .labelradio + .panelradio,
  .checkboxBtnField.BtnField_2Choix .labelcheckbox + .checkboxField,
  .radioBtnField.BtnField_3Choix .labelradio + .panelradio,
  .checkboxBtnField.BtnField_3Choix .labelcheckbox + .checkboxField {
    margin-left: 0.5rem;
  }
  .checkboxBtnField .checkboxField {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .checkboxBtnField .checkboxField div {
    margin: 0 0.5em 0.5em 0;
  }
  .field.field2Column .checkboxField div {
    flex: 40%;
  }
  .field.field2Column .checkboxField div:nth-child(2n) {
    margin-right: 0;
  }
  .radioBtnField .panelradio.radioTexteIcone div,
  .checkboxBtnField .checkboxField.radioTexteIcone div {
    min-width: calc(20% - 1em);
    margin-bottom: 0;
  }
  .radioBtnField .panelradio.radioTexteIconeTailleFixe div {
    max-width: calc(20% - 1em);
  }
  .radioBtnField .panelradio div {
    margin-right: 1em;
  }
  .checkboxBtnField .checkboxField.radioTexteIcone div label,
  .radioBtnField .panelradio.radioTexteIcone div label {
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    min-height: 20px;
    min-width: 25%;
    margin-bottom: 1em;
  }
  .checkboxBtnField .checkboxField.radioTexteIcone div label span.checkboxBtnField_icone,
  .radioBtnField .panelradio.radioTexteIcone div label span.radioBtnField_icone {
    margin: 0 auto;
  }
  .checkboxBtnField .checkboxField.radioTexteIcone div label span.checkboxBtnField_icone i,
  .radioBtnField .panelradio.radioTexteIcone div label span.radioBtnField_icone i {
    font-size: 48px;
  }
  .checkboxBtnField .checkboxField.radioTexteIcone div label span.checkboxBtnField_texte,
  .radioBtnField .panelradio.radioTexteIcone div label span.radioBtnField_texte {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    text-align: center;
    margin-top: 1em;
    width: 100%;
  }
  .radioBtnField .panelradio.radioTexteIcone {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  #main article .field.checkboxOptionTarifField {
    width: calc(50% - 1.2em);
  }
  #main article .flex > .field.checkboxOptionTarifField {
    /* correctif temporaire pour g�rer la r�trocompatibilit� de la structure HTML du composant option de garanties */
    width: calc(100% - 1em);
  }
  .checkboxBtnField .checkboxField div label:before {
    margin: 0 1rem 0 0;
  }
}
.radioBtnField .panelradio.radioTexteIcone.radioTexteIconeColonne {
  -webkit-column-gap: 2em;
  -moz-column-gap: 2em;
  column-gap: 2em;
}
.radioBtnField .panelradio.radioTexteIconeTailleFixe.radioTexteIconeColonne .txtaide {
  margin: 0.7em;
}
@media (min-width: 740px) {
  .radioBtnField .panelradio.radioTexteIcone.radioTexteIconeColonne {
    display: block;
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
  }
  .radioBtnField .panelradio.radioTexteIconeTailleFixe.radioTexteIconeColonne div {
    min-width: 100%;
    max-width: inherit;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    break-inside: avoid-column;
    overflow: hidden;
  }
}
@media (min-width: 992px) {
  .radioBtnField .panelradio.radioTexteIcone.radioTexteIconeColonne {
    -webkit-columns: 3;
    -moz-columns: 3;
    columns: 3;
  }
}
/* Nouvel input radio */
#main article .panelradio.iconeInput input[type="radio"] {
  all: unset;
  font-size: 20px;
  display: inline-block;
  color: #455A64;
  font-family: icomoon;
  vertical-align: middle;
}
#main article .panelradio.iconeInput input[type="radio"]:before {
  content: "\e836";
}
#main article .panelradio.iconeInput input[type="radio"]:checked:before {
  content: "\e9d8";
}
/* Fin Nouvel input radio */
/* Nouvel input checkbox */
#main article .field.iconeInput .checkboxField > div {
  padding-bottom: 0.5em;
}
#main article .field.iconeInput input[type="checkbox"] {
  all: unset;
  font-size: 24px;
  display: inline-block;
  color: #455A64;
  font-family: icomoon;
  vertical-align: middle;
}
#main article .field.iconeInput input[type="checkbox"]:before {
  content: "\e93c";
}
#main article .field.iconeInput input[type="checkbox"]:checked:before {
  content: "\e93d";
}
/* Fin Nouvel input checkbox */
/* INPUT RANGE */
input[type=range] {
  /*removes default webkit styles*/
  -webkit-appearance: none;
  /*fix for FF unable to apply focus style bug */
  border: 1px solid #fff;
  /*required for proper track sizing in FF*/
  width: 100%;
  cursor: pointer;
  margin: 15px 0;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 10px;
  background: #e2e2e2;
  border: none;
  border-radius: 3px;
}
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background-color: #0091EA;
  margin-top: -11px;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #e2e2e2;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 10px;
  background: #e2e2e2;
  border: none;
  border-radius: 3px;
}
input[type=range]::-moz-range-thumb {
  border: none;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background: #0091EA;
}
/*hide the outline behind the border*/
input[type=range]:-moz-focusring {
  outline: 1px solid #fff;
  outline-offset: -1px;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 10px;
  margin: 5px 0;
  /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
  background: transparent;
  /*leave room for the larger thumb to overflow with a transparent border */
  border-color: transparent;
  border-width: 6px 0;
  /*remove default tick marks*/
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #777;
  border-radius: 10px;
}
input[type=range]::-ms-fill-upper {
  background: #ddd;
  border-radius: 10px;
}
input[type=range]::-ms-thumb {
  border: none;
  height: 30px;
  width: 30px;
  border-radius: 100%;
  background: #0091EA;
}
input[type=range]:focus::-ms-fill-lower {
  background: #888;
}
input[type=range]:focus::-ms-fill-upper {
  background: #ccc;
}
#valueRange {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  border: 1px #e2e2e2 solid;
  padding: 10px;
  background-color: #f9f9f9;
  color: #AAA;
  margin: 10px 0;
}
#infoRange {
  -webkit-box-flex: 2;
  -webkit-flex: 2;
  -ms-flex: 2;
  flex: 2;
}
#bonusRange {
  -webkit-box-flex: 3;
  -webkit-flex: 3;
  -ms-flex: 3;
  flex: 3;
  text-align: right;
}
#bonusRange,
.titreBonus {
  color: #0091EA;
  font-weight: normal;
  font-size: 1.4em;
}
#bonusRange,
.titreBonus + div.txtaide {
  background-repeat: no-repeat;
  height: 22px;
}
#valueRange .bonusSup {
  color: #0091EA;
  font-weight: normal;
  font-size: 1.4rem;
  display: block;
}
#valueRange .bonusSup.hidden {
  display: none;
}
/* FIN INPUT RANGE */
/* Checkbox Option Tarif Field */
.checkboxOptionTarifField.readonly {
  color: #37474f;
  cursor: auto;
  border: none;
}
.checkboxOptionTarifField > label {
  vertical-align: top;
  position: relative;
  display: block;
  cursor: pointer;
  padding: 0.3em 0;
  min-height: 2.6em;
}
.checkboxOptionTarifField.readonly > label {
  cursor: unset;
}
.checkboxOptionTarifField > label .CBFTitre {
  width: calc(100% - 11em);
  display: inline-block;
}
.checkboxOptionTarifField > label .CBFDescription {
  display: block;
  margin-left: 2.8rem;
  color: #455A64;
  font-size: 0.85714em;
  width: calc(100% - 13em);
}
.checkboxOptionTarifField > label .CBFPrice {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  padding: 0.8rem;
  width: 7em;
  text-align: center;
  border: 1px solid #e2e2e2;
}
.checkboxOptionTarifField > label:before {
  display: inline-block;
  font-family: 'icomoon';
  font-size: 20px;
  vertical-align: top;
  content: "\e93c";
  margin-left: 0.5rem;
}
.checkboxOptionTarifField.readonly > label:before {
  content: "\e908";
  font-size: 24px;
  margin: -5px 0 0 0;
}
.checkboxOptionTarifField input[type="checkbox"]:checked ~ label .CBFPrice {
  background: #1565C0;
  color: #fff;
}
.checkboxOptionTarifField input[type="checkbox"]:checked ~ label:before {
  content: "\e93d";
}
.checkboxOptionTarifField input[type="checkbox"]:checked ~ label:before {
  content: "\e93d";
}
.checkboxOptionTarifField input[type="checkbox"]:not(:checked) ~ .CBTMultiplePrice {
  display: none;
}
.checkboxOptionTarifField .CBTMultiplePrice input[type="radio"] {
  display: none;
}
.checkboxOptionTarifField .CBTMultiplePrice {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  flex-flow: row wrap;
  margin-left: 20px;
}
.checkboxOptionTarifField .CBTMultiplePrice label {
  color: #37474f;
  font-weight: 300;
  padding: 0 2px 0 2px;
  font-family: 'Roboto';
  background-color: #f1f1f1;
  padding: 10px;
  padding: 1rem;
  text-align: left;
  cursor: pointer;
  font-size: 1.4rem;
  margin: 0.5rem;
  width: calc(25% - 3rem);
  border-radius: 3px;
}
.checkboxOptionTarifField .CBTMultiplePrice label > span {
  display: block;
  text-align: center;
}
.checkboxOptionTarifField .CBTMultiplePrice label > span + span {
  border-top: 1px solid #bbbbbb;
  font-size: 0.9em;
}
.checkboxOptionTarifField .CBTMultiplePrice input[type="radio"]:checked + label {
  background-color: #1565C0;
  color: #fff;
}
@media (max-width: 991px) {
  .checkboxOptionTarifField .CBTMultiplePrice label {
    width: calc(50% - 3rem);
  }
}
/* Radio Bloc 2 Choix*/
.radioBloc_2Choix > div:nth-child(odd) {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  border-radius: 2px;
}
.radioBloc_2Choix > div:nth-child(even) {
  width: 10rem;
  font-size: 2rem;
  margin: auto;
  color: #e2e2e2;
  text-align: center;
}
.radioBloc_2Choix input[type="radio"] {
  opacity: 0;
  position: absolute;
  cursor: pointer;
}
.radioBloc_2Choix .label {
  border: 2px solid transparent;
  padding-bottom: 4em;
  position: relative;
  height: calc(100% - 4em);
}
.radioBloc_2Choix .label label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: none;
  padding: 0;
  z-index: 1;
  cursor: pointer;
}
.radioBloc_2Choix .label .labelContent {
  width: 100%;
}
.radioBloc_2Choix .label .labelTitle {
  font-size: 1.4em;
  padding: 0.5em 1.5em;
  position: relative;
  text-align: center;
  text-transform: uppercase;
}
.radioBloc_2Choix .label .labelContent:before,
.radioBloc_2Choix .label .labelContent:after {
  content: '';
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  border-radius: 50%;
  left: 0;
  right: 0;
}
.radioBloc_2Choix .label .labelContent:before {
  width: 2rem;
  height: 2rem;
  border: 1px solid #b3b3b3;
  background: #fff;
  bottom: 2rem;
}
.radioBloc_2Choix .label .labelContent span.CBFPrice {
  border: 2px solid #1565C0;
  color: #1565C0;
  display: block;
  font-size: 1.1em;
  font-weight: 500;
  margin: 0.3em auto 1em auto;
  padding: 0.5em 0;
  text-align: center;
  width: 8.5em;
}
.radioBloc_2Choix input[type="radio"]:checked ~ .label .labelContent span.CBFPrice {
  background-color: #1565C0;
  color: #fff;
}
.radioBloc_2Choix input[type="radio"]:checked ~ .label .labelContent:after {
  width: 1.4rem;
  height: 1.4rem;
  background-color: #8e8e8e;
  bottom: 2.4rem;
}
.radioBloc_2Choix .label .labelTitle > span {
  display: inline-block;
}
.radioBloc_2Choix .label .labelDetails {
  text-align: center;
}
.radioBloc_2Choix .label .labelDetails .icomoon {
  font-size: 2rem;
  color: #008630;
}
.radioBloc_2Choix .label .labelDetails .infoplus {
  color: #008630;
}
.radioBloc_2Choix .label .labelDetails .txtaide {
  z-index: 2;
}
.radioBloc_2Choix .label .labelDetails p + .description {
  padding-left: 2rem;
  font-size: 1.2rem;
  margin-top: -0.5em;
}
.radioBloc_2Choix .label .labelDetails p:last-child {
  margin-bottom: 2rem;
}
.radioBloc_2Choix input[type=radio]:checked ~ .label {
  background-color: #fff;
  border-color: #1565C0;
  color: inherit;
}
@media (max-width: 739px) {
  .radioBloc_2Choix > div {
    width: 100%;
  }
  .radioBloc_2Choix > div:nth-child(even) {
    padding: 1rem 0;
  }
}
@media (min-width: 740px) {
  .radioBloc_2Choix {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .radioBloc_2Choix > div:nth-child(odd) {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}
/* Labels */
.inputTextField label,
.selectField label,
.textareaField label,
.labelradio,
.labelcheckbox {
  display: block;
  padding: 0 0 2px 1px;
}
.textareaField label {
  vertical-align: top;
}
.labelradio,
.labelcheckbox {
  vertical-align: top;
}
label,
input[type="checkbox"],
input[type="radio"] {
  vertical-align: middle;
}
@media (min-width: 740px) {
  .inputTextField label,
  .selectField label,
  .textareaField label,
  .labelradio,
  .labelcheckbox,
  .inputIncrementField label {
    display: inline-block;
    width: 22em;
  }
}
/* Label D�cal� */
#main article .labeldecale {
  padding-left: 2em;
  width: 20em;
}
#main article .labeldecale:before {
  content: "\e111";
  font-family: "icomoon";
  color: #666;
  font-size: 8px;
  padding-right: 0.5em;
}
/* Label avec erreur */
#main article .field.fieldError {
  background: #F8E5E5;
}
#main article .field.fieldCheckedError:after,
#main article .field.fieldError:not(".radioBtnField"):after,
#main article .field.fieldError:not(tr):after {
  content: "\e93f";
  font-family: 'icomoon';
  font-size: 28px;
  margin-left: 4px;
  color: #d9534f;
  vertical-align: middle;
  display: inline-block;
}
#main article .field.fieldChecked:after {
  content: "\e908";
  font-family: 'icomoon';
  font-size: 28px;
  margin-left: 4px;
  color: #97BE0B;
  vertical-align: middle;
  display: inline-block;
}
#main article .field.fieldError .inputError {
  border-color: #d9534f;
  color: #d9534f;
}
#main article .field.fieldError .inputError:focus {
  border-color: #d9534f;
  -webkit-box-shadow: 0 0 6px #f8b9b7;
  -moz-box-shadow: 0 0 6px #f8b9b7;
  box-shadow: 0 0 6px #f8b9b7;
}
/* Label obligatoire */
.obligatoire {
  color: #FF0039;
}
/* Elements Radio */
.panelradio > div {
  margin: 0 0 4px 0;
}
/* Label large */
@media screen and (min-width: 1100px) {
  .inputTextField label.labellarge,
  .selectField label.labellarge,
  .textareaField label.labellarge,
  .labelradio.labellarge,
  .labelcheckbox.labellarge,
  .inputIncrementField label.labellarge,
  .radioBtnField.BtnField_2Choix .labelradio.labellarge,
  .checkboxBtnField.BtnField_2Choix .labelcheckbox.labellarge {
    width: 38em;
  }
  .radioBtnField.BtnField_3Choix .labelradio.labellarge {
    width: 38em;
  }
}
/*  Devoir de conseil */
#main article .conseil {
  background: url(/images/conseil-matmut-espsoc.gif) no-repeat;
  margin: 10px 40px;
  padding: 30px 16px 10px;
  border-bottom: 3px solid #e2e2e2;
  border-right: 3px solid #e2e2e2;
  position: absolute;
  width: auto;
  left: 0;
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.4);
  display: none;
  z-index: 1;
}
#main article .conseil .fermer {
  position: absolute;
  top: 5px;
  right: 10px;
  color: #cccccc;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
}
/* Champs condens�s */
#main article .field.fieldCondensed {
  padding: 0 1em;
}
#main article .field.fieldCondensed .panelradio div {
  margin-top: 2px;
  margin-bottom: 2px;
}
.radioBtnField.fieldCondensed .panelradio div label,
.checkboxBtnField.fieldCondensed .checkboxField div label {
  padding: 5px;
  padding: 0.5rem;
  font-size: 14px;
  font-size: 1.4rem;
}
/* Vous acceptez d'�tre inform� des offres commerciales du Groupe Matmut et de ses partenaires */
.opecom {
  color: #666;
  padding: 14px 0 0 0;
}
.pre-wrap {
  white-space: pre-wrap;
}
/* --- FIN EL�MENTS DE FORMULAIRE --- */
/* --- LES BOUTONS --- */
#main article button,
#main article .button,
#main .blocEncart button {
  border: none;
  border-radius: 20px;
  position: relative;
  min-width: 64px;
  padding: 0.7em 2em;
  display: inline-block;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 1.1em;
  font-weight: 500;
  overflow: hidden;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  background: #28b6f6;
  color: #fff;
  margin: 0.5em;
  vertical-align: middle;
}
#main article button.btnM,
#main article .button.btnM {
  font-size: 1em;
  padding: 0.4em 1em;
  min-width: 32px;
}
#main article button.btnaction,
#main article .button.btnaction {
  background-color: #ff9501;
}
#main article button.btnlite,
#main article .button.btnlite,
#main .blocEncart button.btnlite {
  background-color: #fff;
  color: #37474f !important;
}
#main article button.btnxlite,
#main article .button.btnxlite {
  background-color: transparent;
  color: #455A64 !important;
  box-shadow: none;
  padding-right: 1em;
  padding-left: 1em;
}
#main article button .icomoon,
#main article .button .icomoon {
  vertical-align: top;
  line-height: 1.8rem;
  font-size: 2.2rem;
  display: inline-block;
  padding-right: 0.2em;
  padding-top: 1px;
}
#main article button.btnM .icomoon,
#main article .button.btnM .icomoon {
  font-size: 1.6rem;
  line-height: 1.6rem;
  padding-top: 2px;
}
#main article button.inactif,
#main article button:disabled,
#main article .button.inactif,
#main article .button:disabled {
  cursor: not-allowed;
}
#main article button:not(.btnxlite).inactif,
#main article button:not(.btnxlite):disabled,
#main article .button:not(.btnxlite).inactif,
#main article .button:not(.btnxlite):disabled {
  background: #cccccc;
}
/* BOUTONS DE NAVIGATION */
/* V1 */
.buttonNav {
  border: none;
  border-radius: 4px;
  min-width: 64px;
  cursor: pointer;
  text-decoration: none;
  margin: 1em;
  vertical-align: middle;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  background: #f1f1f1;
  max-width: 21em;
  box-sizing: border-box;
  align-items: center;
}
.buttonNav.center {
  margin: 1em auto;
}
.buttonNav span {
  padding: 0.7em 2em;
  margin: auto;
  color: #0091EA;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  pointer-events: none;
}
.buttonNav i {
  background: #0091EA;
  color: #fff;
  padding: 0.5em;
  vertical-align: middle;
  border-radius: 4px 0 0 4px;
  pointer-events: none;
}
.buttonNav.btnM {
  max-width: 18em;
}
.buttonNav.btnM span {
  padding: 0.4em 1em;
}
.buttonNav.btnM i {
  padding: 0.2em;
}
/* V2 */
.buttonNav.btnv2 {
  border: 2px solid #0091EA;
  background: #fff;
}
.buttonNav.btnv2 span {
  text-align: center;
  background: #fff;
}
html[data-useragent*="Trident"] .buttonNav.btnv2 span {
  flex: 1 1 auto;
}
.buttonNav.btnv2 i {
  border-radius: 0;
}
#main article .buttonNav.buttonPrimaire {
  border-color: #ff9501;
}
#main article .buttonNav.buttonPrimaire span {
  color: #ff9501;
}
#main article .buttonNav.buttonPrimaire i {
  background-color: #ff9501;
}
#main article .buttonNav.buttonSecondaire {
  border-color: #68c3a3;
}
#main article .buttonNav.buttonSecondaire span {
  color: #68c3a3;
}
#main article .buttonNav.buttonSecondaire i {
  background-color: #68c3a3;
}
/* V3 */
.buttonNav.btnv3 {
  background: #f9f9f9;
  color: #37474f;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
  max-width: 26em;
  min-height: 6em;
}
.buttonNav.btnv3.btnM {
  max-width: 21em;
}
.buttonNav.btnv3 i.iconLeft {
  background: #e2e2e2;
  color: #37474f;
  border-radius: 50%;
  margin: auto 0.5em;
  padding: 0.5em;
}
.buttonNav.btnv3.btnM i.iconLeft {
  margin: auto 0.5em;
}
.buttonNav.btnv3 i {
  border-radius: 0 4px 4px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 3rem 0.5em;
}
.buttonNav.btnv3 span {
  color: #37474f;
  font-weight: 700;
  padding-left: 1em;
  padding-right: 1em;
}
.buttonNav.btnv3 span span {
  display: block;
  padding: 0.2em 0 0 0;
  font-size: 0.9em;
  font-weight: 400;
}
/* --- FIN LES BOUTONS --- */
/* --- MESSAGES APR�S UNE VALIDATION --- */
.alerte,
.alerteAlt {
  color: #d9534f;
  margin: 1em;
  background-color: #F8E5E5;
  border-left: 3px solid #d9534f;
  text-align: center;
  padding: 1em;
}
.alertesuccess {
  margin: 1.4rem;
  background-color: #FFF5EC;
  text-align: center;
  padding: 1em;
  font-size: 1.2em;
  color: #455A64;
  border-left: 3px solid #ff9501;
}
.alertesuccess.msgLong {
  background-color: #fff;
  font-size: 1em;
}
.alertesuccess.msgLong:before {
  background: #2ECC71;
  border-radius: 50%;
  color: #fff;
  content: "\e908";
  display: block;
  font-family: 'icomoon';
  font-size: 36px;
  margin: 0 auto 1rem auto;
  padding: 1rem;
  width: 36px;
}
.alertesuccess.msgLong .titleSuccess {
  font-size: 1.3em;
  font-weight: bold;
}
@media (min-width: 740px) {
  .alertesuccess.msgLong {
    align-items: center;
    display: flex;
    font-family: 'Roboto Condensed', sans-serif;
    justify-content: center;
  }
  .alertesuccess.msgLong:before {
    margin: 0 0.5em;
    width: auto;
  }
}
/* --- FIN MESSAGES APR�S UNE VALIDATION --- */
/* Formbox */
#main article .formbox {
  background: none repeat scroll 0 0 #f9f9f9;
  border: 1px solid #e2e2e2;
  margin: 1em 0;
  padding: 1em;
}
#main article .formbox {
  margin-left: 1.4rem;
  margin-right: 1.4rem;
}
/* Bloc Warning */
#main article .warning,
#main article .infoSup {
  padding: 1em 1em 1em 4.4em;
  border-radius: 4px;
  margin: 1em 1.4rem;
  position: relative;
  background: #fff;
  line-height: 1.4;
}
#main article .warning:before,
#main article .infoSup:before {
  color: #0091EA;
  content: "\e919";
  font-family: 'icomoon';
  font-size: 2.2em;
  vertical-align: middle;
  position: absolute;
  left: 1.4rem;
  top: 0.05em;
}
/* Bloc Bon � savoir */
#main article .BonASavoir {
  background-color: #f1f1f1;
  color: #37474f;
  font-size: 1em;
  margin: 0 1em 0.5em;
  padding: 0.5em 0.5em 0.5em 3.5em;
  position: relative;
}
#main article .BonASavoir.BonASavoirV2 {
  background-color: #fff;
}
@media (min-width: 992px) {
  #main article .BonASavoir.BonASavoirV2 {
    padding: 1.5em 0.5em 0.5em 8em;
  }
}
#main article .BonASavoir:before {
  background-color: #455A64;
  color: #f1f1f1;
  content: "\e2cb";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: 'icomoon';
  font-size: 2em;
  height: 100%;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  left: 0;
  margin-right: 1.5em;
  padding: 0 0.2em;
  position: absolute;
  top: 0;
  vertical-align: middle;
}
#main article .BonASavoir.BonASavoirV2:before {
  background-color: #1565C0;
  content: "\e9dd";
  font-size: 36px;
}
#main article .BonASavoir .titreBonASavoir {
  font-weight: bold;
}
#main article .infoSup:before {
  content: "\e2cb";
}
.tarifUnique {
  font-family: "Roboto Condensed";
  font-weight: normal;
  font-size: 20px;
  font-size: 2rem;
  background-color: #0091EA;
  color: #fff;
  padding: 10px;
  padding: 1rem;
  text-align: center;
  margin: 10px;
  margin: 2rem 1rem;
  line-height: 24px;
  line-height: 2.4rem;
}
.tarifUnique strong {
  padding: 0 20px;
  padding: 0 2rem;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 24px;
  line-height: 2.4rem;
}
/* Bloc r�sultat Tarif */
#main article .BlocResultatTarif .ConditionsTarif {
  background-color: #f9f9f9;
  text-align: center;
}
#main article .BlocResultatTarif .ConditionsTarif p {
  font-size: 1.2em;
  font-weight: 700;
  padding: 0.5em 0;
}
#main article .BlocResultatTarif .ResultatTarif {
  background-color: #2ecc71;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 2.5em;
  padding: 0.2em 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
}
/* Fin Bloc r�sultat Tarif */
#main article ul.listeBloc {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;
}
#main article ul.listeBloc li {
  display: inline-block;
  padding: 1em;
  background-color: #f1f1f1;
  text-align: center;
  vertical-align: top;
  margin: 0.5em;
  position: relative;
  border-radius: 2px;
  width: calc(100% - 3em);
  overflow: hidden;
}
#main article ul.listeBloc li i {
  color: #455A64;
}
#main article ul.listeBloc li hr {
  margin: 0.5em 0;
  background: #e2e2e2;
  height: 0.1em;
  border: 0;
}
#main article ul.listeBloc li a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: block;
}
#main article ul.listeBloc li a > span {
  background: rgba(0, 0, 0, 0.8);
  color: #FFF;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: -100%;
  position: absolute;
  -webkit-transition: all 1s ease-in;
  transition: all 0.3s ease-in;
}
#main article ul.listeBloc li a > span span {
  margin: auto;
  padding: 1em;
}
#main article ul.listeBloc li a:hover > span {
  top: 0;
}
#main article .blocInfos.avecFond > ul.listeBloc li {
  background-color: #fff;
}
@media (min-width: 740px) {
  #main article ul.listeBloc {
    text-align: left;
  }
  #main article ul.listeBloc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  #main article ul.listeBloc li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: calc(33% - 3em);
    max-width: calc(33% - 3em);
  }
}
/* Bloc souscrire en ligne */
#main article .bloccontainer {
  background-color: #fff;
  margin: 0 1em;
  padding-bottom: 1em;
}
#main article .bloccontainer.fondBackground {
  background-color: #2ECC71;
  color: #fff;
  padding: 1em 1em 0 1em;
}
#main article .bloccontainer.fondBackground .soustitre.soustitreSouligne {
  border-bottom: 1px solid #FFF;
}
#main article .bloccontainer .containerflex .blocVosPlus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  margin: 0;
  min-height: 100px;
  padding: 0;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}
#main article .bloccontainer .containerflex .blocVosPlus .infotitle {
  font-size: 1.8rem;
}
#main article .bloccontainer .containerflex .blocVosPlus > div {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  margin: 0.5em;
}
#main article .bloccontainer .containerflex .blocVosPlus > div:first-child {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}
#main article .bloccontainer .containerflex .blocVosPlus > div > i {
  font-size: 36px;
}
#main article .bloccontainer .containerflex .blocVosPlus.fondIcone > div > i {
  padding: 2rem;
  color: #f1f1f1;
  border-radius: 50px;
  background: #37474f;
}
#main article .bloccontainer .containerflex .blocVosPlus.iconeLarge {
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
}
@media (min-width: 740px) {
  #main article .bloccontainer .containerflex {
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
  }
  #main article .flex {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  #main article .bloccontainer .containerflex .blocVosPlus {
    margin: 0.5em;
    max-width: 30%;
    padding: 0.5em;
  }
  #main article .bloccontainer .containerflex .blocVosPlus > div {
    margin: 0.5em 1em;
  }
  #main article .bloccontainer .containerflex .blocVosPlus > div > i {
    font-size: 48px;
  }
  #main article .bloccontainer .containerflex .blocVosPlus.iconeLarge {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    text-align: center;
  }
  #main article .bloccontainer .containerflex .blocVosPlus.iconeLarge > div {
    margin: 0.5em auto;
  }
  #main article .bloccontainer .containerflex .blocVosPlus .infotitle {
    margin: 0.5em 0;
  }
}
@media (min-width: 1100px) {
  #main article .bloccontainer .containerflex .blocVosPlus > div {
    margin: 0.5em;
  }
  #main article .bloccontainer .containerflex .blocVosPlus.iconeLarge.fondIcone {
    margin-top: 2em;
  }
  #main article .bloccontainer .containerflex .blocVosPlus.iconeLarge.fondIcone .infotitle {
    margin-top: 2em;
  }
}
@media (min-width: 1200px) {
  #main article .bloccontainer .containerflex .blocVosPlus {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
/* BLOC PROMO */
#main .offrePromoBanniere {
  border: 0;
  background-color: #f1f1f1;
  height: 100%;
  margin: 0 1em;
}
#main .offrePromoBanniere .conteneurVisuel {
  text-align: center;
  color: white;
  background-color: #ff9501;
}
#main .offrePromoBanniere .conteneurVisuel:before {
  background: -webkit-linear-gradient(left bottom, #ff9501 50%, rgba(0, 0, 0, 0) 50%);
  background: linear-gradient(to right top, #ff9501 50%, rgba(0, 0, 0, 0) 50%);
}
#main .offrePromoBanniere .conteneurVisuel:after {
  background: -webkit-linear-gradient(left top, #ff9501 50%, rgba(0, 0, 0, 0) 50%);
  background: linear-gradient(to right bottom, #ff9501 50%, rgba(0, 0, 0, 0) 50%);
}
#main .offrePromoBanniere .conteneurVisuel .icomoon {
  font-size: 40px;
  margin: 10px;
}
#main .offrePromoBanniere .conteneurVisuel .textePromo {
  text-transform: uppercase;
  font-size: 1.5em;
  padding: 1em 0;
}
#main .offrePromoBanniere .flechepromo {
  display: none;
}
#main .offrePromoBanniere .titreBanniere {
  color: #ff9501;
  font-size: 2.2em;
  font-weight: bold;
  margin-top: 0.2em;
  text-align: center;
  text-transform: uppercase;
}
#main .offrePromoBanniere .conteneurBouton {
  display: none;
  height: 100%;
  margin: 0;
  padding: 0;
  margin: auto;
}
#main .offrePromoBanniere .conteneurTitre {
  margin: 1em;
  text-align: center;
}
#main .offrePromoBanniere .sousTitreBanniere {
  font-size: 1.1em;
  color: #37474f;
}
#main .offrePromoBanniere .conteneurTitre .titreBanniere span {
  font-size: 0.6em;
  text-transform: initial;
}
#main .offrePromoBanniere .conteneurBouton {
  text-align: center;
  margin-bottom: 15px;
}
#main .titreBanniere {
  font-family: inherit;
  color: #ff9501;
  font-weight: 300;
}
#main .fielsetOffrePromo {
  padding-bottom: 0px;
}
#main .fielsetOffrePromo .containerflex {
  margin-bottom: 0px;
  padding-top: 4px;
}
#main .iframeBlocPromo {
  width: 330px;
  height: 200px;
  border: none;
}
@media (min-width: 740px) {
  #main .offrePromoBanniere {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  #main .offrePromoBanniere .conteneurVisuel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    position: relative;
    margin-right: 30px;
  }
  #main .offrePromoBanniere .conteneurVisuel .textePromo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    margin: auto;
  }
  #main .offrePromoBanniere .conteneurVisuel:before,
  #main .offrePromoBanniere .conteneurVisuel:after {
    width: 30px;
    height: 50%;
    position: absolute;
    left: 100%;
    content: "";
    top: 0px;
  }
  #main .offrePromoBanniere .conteneurVisuel:after {
    top: 50%;
  }
  #main .offrePromoBanniere .conteneurTitre {
    height: 100%;
    margin: auto;
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
  }
  #main .offrePromoBanniere .conteneurBouton {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: auto 10px;
  }
}
/* FIN BLOC PROMO */
#loaderFullScreen {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background: rgba(255, 255, 255, 0.8);
  display: none;
}
#loaderFullScreen.actif {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.loaderFSAnimation,
.loaderFSAnimation:before,
.loaderFSAnimation:after {
  background: #37474f;
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  width: 1em;
  height: 4em;
}
.loaderFSAnimation:before,
.loaderFSAnimation:after {
  position: absolute;
  top: 0;
  content: '';
}
.loaderFSAnimation:before {
  left: -1.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loaderFSAnimation {
  color: #37474f;
  text-indent: -9999em;
  margin: auto;
  position: relative;
  font-size: 11px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loaderFSAnimation:after {
  left: 1.5em;
}
@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}
@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}
.loaderBtn {
  color: white;
  background: white;
  font-size: 3px;
  position: absolute;
  right: 10px;
  top: calc((100% - 13px)/2);
}
.loaderBtn:before,
.loaderBtn:after {
  color: white;
  background: white;
}
.loader {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: transparent url(/common/images/chargement-16x16.gif) no-repeat;
  vertical-align: middle;
  margin-left: 6px;
}
/* --- LES LOADERS --- */
.ajaxLoader {
  height: 4px;
  width: 60%;
  position: relative;
  overflow: hidden;
  background-color: #e2e2e2;
  margin: 1rem 20%;
}
.ajaxLoader:before {
  display: block;
  position: absolute;
  content: "";
  left: -200px;
  width: 200px;
  height: 4px;
  background-color: #28b6f6;
  animation: loading 2s linear infinite;
}
@keyframes loading {
  from {
    left: -200px;
    width: 30%;
  }
  50% {
    width: 30%;
  }
  70% {
    width: 70%;
  }
  80% {
    left: 50%;
  }
  95% {
    left: 120%;
  }
  to {
    left: 100%;
  }
}
/* --- FIN LES LOADERS --- */
/* --- PAGINATION --- */
#main article ul.pagination {
  margin: 1em 0;
  padding: 0;
  text-align: center;
  background: #fff;
  border-radius: 4px;
}
#main article ul.pagination li {
  display: inline-block;
}
#main article ul.pagination li a {
  text-align: center;
  color: #808080;
  padding: 8px 14px;
  margin: 0;
  cursor: pointer;
  font-size: 16px;
  vertical-align: middle;
  display: inline-block;
}
#main article ul.pagination li a:hover {
  background: #f1f1f1;
  color: #0091EA;
  text-decoration: none;
}
#main article ul.pagination li a.active {
  background: #0091EA;
  color: #fff;
}
#main article ul.pagination li a.active:hover {
  color: #fff;
}
#main article ul.pagination li a.inactive,
ul.pagination li a.inactive:hover {
  color: #D0D0D0;
  cursor: default;
}
ul.pagination li a.goto_previous:before {
  content: "\e110";
}
ul.pagination li a.goto_next:before {
  content: "\e111";
}
ul.pagination li a.goto_previous,
ul.pagination li a.goto_next {
  font-family: "icomoon";
  font-size: 22px;
  background: transparent;
  border: none;
}
/* --- FIN PAGINATION --- */
/* --- TABLEAUX --- */
.tabdevis,
.tabmsg,
.tabespsoc {
  margin: 0;
  padding: 0;
  position: relative;
  background: #fff;
}
.tabdevis > table,
.tabmsg > table,
.tabespsoc > table {
  border: medium none;
  margin: 0;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  font-family: "Roboto";
  width: auto;
}
@media (min-width: 740px) {
  .tabdevis,
  .tabmsg,
  .tabespsoc {
    padding: 1em;
    border-radius: 4px;
  }
  .tabdevis > table,
  .tabmsg > table,
  .tabespsoc > table {
    width: 100%;
  }
}
/* --- FIN TABLEAU --- */
/* --- DOCUMENTS -- */
/* Tableau de Pi�ces Jointes */
.tabespsoc > table th {
  background-color: #f9f9f9;
  border: none;
  color: #37474f;
  height: 40px;
  padding-left: 0.7em;
  font-size: 1.1em;
  border-bottom: 1px solid #e2e2e2;
  text-align: left;
}
.tabespsoc > table td {
  background-color: #fff;
  border: none;
  color: #37474f;
  padding: 10px;
  border-bottom: 1px solid #e2e2e2;
}
.tabespsoc.tabv2 > table th {
  background-color: #455A64;
  color: #fff;
  font-weight: 500;
  text-transform: uppercase;
}
.tabespsoc > table th.taille5 {
  width: 5%;
}
.tabespsoc > table th.taille10 {
  width: 10%;
}
.tabespsoc > table th.taille15 {
  width: 15%;
}
.tabespsoc > table th.taille20 {
  width: 20%;
}
.tabespsoc > table th.taille25 {
  width: 25%;
}
.tabespsoc > table th.taille30 {
  width: 30%;
}
.tabespsoc > table th.taille35 {
  width: 35%;
}
.tabespsoc > table th.taille40 {
  width: 40%;
}
.tabespsoc > table th.taille45 {
  width: 45%;
}
.tabespsoc > table th.taille50 {
  width: 50%;
}
.tabespsoc > table th.taille60 {
  width: 60%;
}
.tabespsoc > table th.taille70 {
  width: 70%;
}
.tabespsoc > table th.taille80 {
  width: 80%;
}
.tabespsoc.tabPJ > table tr.erreurPJ td {
  background: #F8E5E5;
  color: #d9534f;
}
.tabPJ table img {
  max-width: 80px;
  max-height: 100px;
}
.tabPJ .btnpj {
  text-decoration: none;
  font-size: 24px;
  color: #999;
}
.tabPJ .btnpj span {
  display: none;
  text-decoration: none;
}
.tabPJ .btnpj:before {
  font-family: 'icomoon';
}
.tabPJ .btnpj.btnsup:before {
  content: "\e92e";
}
.tabPJ .btnpj.btnannuler:before {
  font-family: 'icomoon';
  content: "\e93f";
  color: #d9534f;
}
/* Ajouter une pi�ce jointe et t�l�charger document */
.ajoutPJ {
  padding: 0.5em 1em;
}
.ajoutPJ:before {
  content: "\e912";
  font-family: 'icomoon';
  font-size: 2rem;
  vertical-align: bottom;
  margin-right: 0.5em;
}
.btntelechargerdoc {
  background: #37474f;
}
a.btntelechargerdoc,
a:visited.btntelechargerdoc {
  display: inline-block;
  border: 1px solid #D9D9D9;
  background: #F2F2F2;
  padding: 8px 30px;
  margin: 18px 0;
  color: #37474f;
  border-radius: 2px;
  font-size: 13px;
  margin: 0 5px;
}
a.btntelechargerdoc:hover {
  text-decoration: none;
  border-color: #c6c6c6;
  background: #F4F4F4;
}
a.btntelechargerdoc:before {
  color: #0091EA;
  content: "\e940";
  font-family: 'icomoon';
  vertical-align: middle;
  margin-right: 0.5em;
  font-size: 18px;
  color: #808080;
}
/* --- FIN DOCUMENTS --- */
/* --- PANIER POUR LES DEVIS --- */
#main article .souscription-panier {
  background-color: #e7e7e7;
  color: #333;
  text-align: left;
  text-transform: initial;
  font-weight: normal;
  position: relative;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
#main article .souscription-panier .panier-body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
}
/* Loader  */
#main article .souscription-panier .panier-loader {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background: rgba(255, 255, 255, 0.8);
  display: none;
}
#main article .souscription-panier .panier-loader.actif {
  display: flex;
}
/* Boutons */
#main article .souscription-panier .panier-body [class^=btn] {
  padding-right: 20px;
  padding: 0.8em;
  font-size: 0.9em;
  border: none;
  border-radius: 2px;
  position: relative;
  display: inline-block;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  overflow: hidden;
  cursor: pointer;
  text-align: center;
  min-width: 64px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  margin: 0.5em;
  color: #fff !important;
}
/* Bloc D�tails */
#main article .souscription-panier .panier-body .panier-details {
  padding: 1rem;
}
#main article .souscription-panier .panier-body .panier-details .lignepanier .ligneprix {
  width: calc(100% - 14rem);
  display: inline-block;
  margin-top: 1rem;
}
#main article .souscription-panier .panier-body .panier-details > .lignepanier > * {
  vertical-align: middle;
}
#main article .souscription-panier .panier-body .panier-details > .lignepanier:not(:first-child) {
  border-top: solid #9fa3a5 1px;
}
#main article .souscription-panier .panier-body .panier-details .lignepanier .option {
  font-size: 0.9em;
  width: calc(100% - 10rem);
  display: inline-block;
}
#main article .souscription-panier .panier-body .panier-details .lignepanier .option,
#main article .souscription-panier .panier-body .panier-details .lignepanier .pricepermonth {
  font-weight: bold;
}
#main article .souscription-panier .panier-body .panier-details .pricepermonth {
  display: inline-block;
  width: 10rem;
  vertical-align: top;
}
#main article .souscription-panier .panier-body .panier-details .totaloptions {
  padding-left: 1em;
}
#main article .souscription-panier .panier-body .panier-details .lignepanier .totaloptions .option,
#main article .souscription-panier .panier-body .panier-details .lignepanier .totaloptions .pricepermonth {
  font-weight: normal;
  font-style: italic;
}
#main article .souscription-panier .panier-body .panier-details .lignepanier .totaloptions .option:before {
  content: "- ";
}
#main article .souscription-panier .panier-body .panier-details .lignepanier .totaloptions .lignepanier:last-child {
  margin-bottom: 0.5rem;
}
/* Bloc Prix / Souscription */
#main article .souscription-panier .panier-body .panier-price {
  background-color: #1565C0;
  color: #fff;
  padding: 1rem;
}
#main article .souscription-panier .panier-body .panier-price .panier-price-text {
  margin: 1em 0;
}
#main article .souscription-panier .panier-body .panier-price .panier-price-infos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#main article .souscription-panier .panier-body .panier-price .panier-price-infos .panier-price-tarifs {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
#main article .souscription-panier .panier-body .panier-price .panier-price-infos .panier-price-tarifs .tarifCotisation {
  font-size: 2.5em;
}
#main article .souscription-panier .panier-body .panier-price .panier-price-infos .panier-price-tarifs .tarifCotisationSmall {
  font-size: 0.9em;
}
#main article .souscription-panier .panier-body .panier-price .panier-price-infos .pastilleDetail {
  background-color: #b7b7b7;
  height: 1.8rem;
  padding: 1.8em 0.9em;
  border-radius: 4em;
  cursor: pointer;
  user-select: none;
  color: #37474f;
}
#main article .souscription-panier .panier-body .panier-price .panier-price-subscribe .btnSouscription {
  background-color: #ff9501;
  max-width: 25rem;
  padding: 2rem;
  font-size: 1.5rem;
  font-weight: normal;
}
#main article .souscription-panier .panier-body .panier-details .btnOption {
  background-color: #ff9501;
  width: 12rem;
  padding: 0.5em;
  vertical-align: top;
}
/* Footer */
#main article .souscription-panier.fixed:not(.details-mob-hidden) .panier-footer {
  display: none;
}
#main article .souscription-panier .panier-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
  background-color: #6d7f89;
  color: #fff;
}
#main article .souscription-panier #conditions_generales {
  -webkit-box-ordinal-group: 3;
  -moz-box-ordinal-group: 3;
  -ms-flex-order: 3;
  -webkit-order: 3;
  order: 3;
}
#main article .souscription-panier #conditions_generales .flex {
  padding: 1em 0.5em;
  text-align: center;
}
#main article .souscription-panier #conditions_generales .flex:first-child {
  border-right: 1px solid #e2e2e2;
}
#main article .souscription-panier #conditions_generales .flex > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
#main article .souscription-panier #conditions_generales .flex > div > span {
  margin: auto 1em auto 0;
}
#main article .souscription-panier .panier-footer .panier-footer-content {
  background-color: #495e68;
  padding: 2rem 0 2rem 2rem;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
}
#main article .souscription-panier .panier-footer .panier-footer-content .panier-footer-content-btn {
  margin-top: 1rem;
}
#main article .souscription-panier .panier-footer .panier-footer-content a.btnSave {
  border: 2px solid #fff;
  padding: 0.5rem 2rem;
  color: #fff;
  border-radius: 4px;
  font-size: 1.2rem;
  cursor: pointer;
  position: relative;
}
#main article .souscription-panier .panier-footer .panier-footer-content a.btnSave .loaderBtn {
  right: 50%;
}
#main article .souscription-panier .panier-footer .panier-footer-content a.btnSave:not(.actif) .loaderBtn {
  display: none;
}
#main article .souscription-panier .panier-footer .panier-footer-content a.btnSave.actif .libelleBtn {
  visibility: hidden;
}
#main article .souscription-panier .panier-footer .panier-footer-content a.btnSave:hover,
#main article .souscription-panier .panier-footer .panier-footer-content a.btnSave:active {
  color: #495e68;
  background-color: #fff;
}
#main article .souscription-panier .panier-footer .panier-footer-content a.btnSave:hover .loaderBtn,
#main article .souscription-panier .panier-footer .panier-footer-content a.btnSave:hover .loaderBtn:before,
#main article .souscription-panier .panier-footer .panier-footer-content a.btnSave:hover .loaderBtn:after {
  color: #495e68;
  background: #495e68;
}
#main article .souscription-panier .panier-footer .panier-footer-close {
  text-align: center;
  width: 5rem;
  cursor: pointer;
  position: relative;
}
#main article .souscription-panier .panier-footer .panier-footer-close i {
  position: absolute;
  margin-left: -1rem;
  margin-top: -1rem;
  left: 50%;
  top: 50%;
}
@media (max-width: 739px) {
  #main article .souscription-panier .panier-body .panier-details .lignepanier .ligneprix {
    width: 100%;
  }
}
@media (max-width: 991px) {
  #main article .souscription-panier .panier-body {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #main article .souscription-panier .panier-details {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }
  #main article .souscription-panier .panier-price {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #main article .souscription-panier .panier-body .panier-details .lignepanier .option {
    width: calc(100% - 11rem);
  }
  #main article .souscription-panier .panier-body .panier-details .lignepanier .btnOption {
    margin-left: 0;
  }
  #main article .souscription-panier .panier-body .panier-price .panier-price-text,
  #main article .souscription-panier .panier-body .panier-price .panier-price-infos,
  #main article .souscription-panier .panier-body .panier-price .panier-price-subscribe {
    width: 100%;
  }
  #main article .souscription-panier .panier-body .panier-price .panier-price-subscribe .btnSouscription {
    padding: 1.5rem;
    width: 100%;
  }
  #main article .souscription-panier .panier-price .panier-price-infos .panier-price-tarifs .tarifCotisationSmall {
    display: block;
  }
  #main article .souscription-panier.details-mob-hidden .panier-details,
  #main article .souscription-panier.details-mob-hidden .panier-save {
    display: none !important;
  }
}
@media (min-width: 992px) {
  #main article .souscription-panier .panier-body .panier-price {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
  }
  #main article .souscription-panier .panier-body .panier-price .panier-price-text,
  #main article .souscription-panier .panier-body .panier-price .panier-price-infos,
  #main article .souscription-panier .panier-body .panier-price .panier-price-subscribe {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  #main article .souscription-panier .panier-body .panier-price .panier-price-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
  }
  #main article .souscription-panier .panier-body .panier-price .panier-price-text p {
    margin: auto;
  }
  #main article .souscription-panier .panier-body .panier-details {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  #main article .souscription-panier.fixed .panier-body .panier-details .lignepanier .option.collapser:after {
    content: "\e91e";
    font-family: 'icomoon';
    vertical-align: middle;
    margin-left: 0.4rem;
    font-size: 20px;
    color: #808080;
    font-weight: normal;
    cursor: pointer;
  }
  #main article .souscription-panier.fixed .panier-body .panier-details .lignepanier .option.collapser.moins:after {
    content: "\e9c5";
  }
  #main article .souscription-panier.fixed .panier-body .panier-details .totaloptions:not(.active) {
    display: none !important;
  }
  #main article .souscription-panier .panier-body .panier-price .panier-price-infos .pastilleDetail {
    display: none;
  }
  #main article .souscription-panier .panier-body .panier-price .panier-price-subscribe .btnSouscription {
    width: calc((100% - 2em) - 20px);
    background-color: #ff9501;
    max-width: 25rem;
  }
}
/* --- FIN PANIER POUR LES DEVIS --- */
/* BLOCK WITH PRICE */
.block_with_price {
  border-radius: 2px;
  margin: 2em 0;
}
.block_with_price .block_header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  text-align: center;
  font-size: 2rem;
  background-color: #1565C0;
  position: relative;
}
.block_with_price .block_header > .block_title {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: #445a65;
  padding: 1rem 0;
  border-right: 1px solid #fff;
  text-transform: uppercase;
}
.block_with_price .block_header > .block_title + .block_price {
  width: 14rem;
  padding: 1rem 0;
  margin: auto;
  font-size: 1.7rem;
}
.block_with_price .block_header .block_price_loader {
  width: 14rem;
  right: 0;
  font-size: 1rem;
  z-index: 1;
  position: absolute;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  display: none;
}
.block_with_price .block_header .block_price_loader .loaderFSAnimation {
  font-size: 6px;
}
.block_with_price .linepricepermonth {
  position: relative;
}
.block_with_price .linepricepermonth .price_loader {
  width: 100%;
  right: 0;
  top: 0;
  font-size: 1rem;
  z-index: 1;
  position: absolute;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  display: none;
}
.block_with_price .linepricepermonth .price_loader .loaderFSAnimation {
  left: 50%;
  font-size: 5px;
  position: absolute;
}
.block_with_price .block_header .block_price_loader.actif,
.block_with_price .linepricepermonth .price_loader.actif {
  display: flex;
}
.block_with_price .linepricepermonth {
  position: relative;
}
.block_with_price .linepricepermonth .price_loader {
  width: 100%;
  right: 0;
  font-size: 1rem;
  z-index: 1;
  position: absolute;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  display: none;
}
.block_with_price .linepricepermonth .price_loader .loaderFSAnimation {
  left: 50%;
  font-size: 5px;
  position: absolute;
}
.block_with_price .block_body {
  background-color: #fff;
  padding-top: 1em;
  padding-bottom: 1em;
}
#main article .block_with_price h3,
#main article .txtpara h3 {
  color: #555;
  text-transform: none;
  font-size: 1.8rem;
  display: block;
  margin: 0 1rem;
  margin-bottom: 1rem;
}
#main article .block_with_price h4 {
  color: #777;
  text-transform: none;
  font-size: 1.7rem;
  display: block;
}
#main article .block_with_price h3 + h4 {
  margin-top: 1.8rem;
}
@media (min-width: 740px) {
  .block_with_price {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  }
  .block_with_price .block_body {
    padding: 1em;
  }
  .block_with_price .block_body .containerflex .flex {
    border-right: 1px solid #e2e2e2;
  }
  .block_with_price .block_body .containerflex .flex:last-child {
    border: 0;
  }
}
@media (min-width: 992px) {
  .block_with_price {
    margin-left: 1.4rem;
    margin-right: 1.4rem;
  }
}
/* FIN BLOCK WITH PRICE*/
/* BLOCK WITH PRICE avec un fieldset */
fieldset .block_with_price {
  box-shadow: none;
  padding-bottom: 2em;
  margin: 0;
}
/* FIN BLOCK WITH PRICE avec un fieldset */
/* --- TABLEAU POUR LE DEVIS IARD --- */
.floatingHeader {
  position: fixed;
  top: 0;
  z-index: 1;
  visibility: hidden;
  margin-top: 0 !important;
}
.tabdevis .enteteMob {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1em;
  top: 0;
}
.tabdevis .enteteMob .blocEntete {
  background: #1565C0;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 1em 0;
}
.tabdevis .enteteMob .goto_previous,
.tabdevis .enteteMob .goto_next {
  font-family: "icomoon";
  margin: auto;
  padding: 0.5em;
  font-size: 2.2em;
  cursor: pointer;
}
.tabdevis .enteteMob .goto_previous:before {
  content: "\e110";
}
.tabdevis .enteteMob .goto_next:before {
  content: "\e111";
}
.tabdevis .enteteMob .titreEnTete {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  margin: auto;
  padding: 0 0 0.5em 0;
}
.tabdevis .formule,
.tabdevis .formulesmall {
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  font-size: 1.5em;
  display: block;
  font-weight: 400;
  margin: 0 0.5em;
}
/* SA 13/03/19 : d�pr�ci� (pour faire le titre "NOS FORMULES) */
.tabdevis table thead tr th.titreColonne {
  width: 63%;
  background: transparent;
  border: none;
}
/* FIN SA 13/03/19 : d�pr�ci� (pour faire le titre "NOS FORMULES) */
.tabdevis table thead tr th.titreColonne div:before {
  content: " ";
  border-bottom: 2px solid #455A64;
  display: block;
  padding-top: 1em;
}
.tabdevis table thead tr th.titreColonne div span {
  background: #fff;
  top: -0.9em;
  position: relative;
  width: 8em;
  display: inline-block;
  font-weight: 700;
  font-size: 1.4em;
}
.tabdevis .tarifMensuel {
  font-size: 2.4em;
  display: block;
  font-weight: 500;
  padding: 0.2em 0;
}
.tabdevis .formule + .tarifMensuel {
  padding: 0.3em 0;
}
.tabdevis .tarifMensuel small {
  color: #455A64;
  font-size: 0.6em;
  font-weight: 300;
}
.tabdevis .tarifAnnuel {
  color: #455A64;
  display: block;
  font-weight: 400;
}
.tabdevis th.colActif .tarifAnnuel,
.tabdevis .enteteMob .tarifAnnuel,
.tabdevis .colActif .tarifMensuel small,
.tabdevis .enteteMob .tarifMensuel small {
  color: #fff;
}
.tabdevis td.tabSelect {
  width: 9em;
}
.tabdevis .titretab {
  color: #0091EA;
  text-align: center;
  background: white;
  font-weight: 300;
  vertical-align: middle;
  font-size: 1.6em;
  text-transform: uppercase;
  width: 40%;
}
.tabdevis thead th,
.tabdevis tfoot th {
  border-top-style: solid;
  border-top-color: #d2d2d2;
  border-left-style: solid;
  border-left-color: #d2d2d2;
  border-right-style: solid;
  border-right-color: #d2d2d2;
  background-color: #fff;
  padding: 0;
  vertical-align: top;
  border: none;
  position: relative;
}
.tabdevis tbody tr:first-child td:not(.titresection) {
  border-top-style: solid;
  border-top-color: #d2d2d2;
  border-top-width: 1px;
}
.tabdevis thead th .infoFormule,
.tabdevis tfoot th .infoFormule {
  padding: 0.5em 0;
}
.tabdevis thead th.colActif .infoFormule,
.tabdevis tfoot th.colActif .infoFormule {
  border: none;
}
#main article .tabdevis thead th .button,
#main article .tabdevis .titreEnTete .button {
  padding: 0.5em;
  font-size: 0.9em;
  min-width: 10em;
}
#main article .tabdevis thead th .button.btnIcone,
#main article .tabdevis .titreEnTete .button.btnIcone {
  padding-right: 20px;
}
#main article .tabdevis thead th .button.btnIcone i,
#main article .tabdevis .titreEnTete .button.btnIcone i {
  position: absolute;
  right: 0;
  font-size: 15px;
  top: 50%;
  transform: translateY(-50%);
}
#main article .tabdevis thead th .button.dlDevis,
#main article .tabdevis .titreEnTete .button.dlDevis {
  background-color: #fff;
  color: #0091EA !important;
}
.tabdevis tr > :not(:first-child):not(.colActif):not(.colMobSelected) {
  display: none;
}
.tabdevis table,
.tabdevis table thead,
.tabdevis table thead th,
.tabdevis table thead tr,
.tabdevis table tfoot,
.tabdevis table tfoot th,
.tabdevis table tfoot tr,
.tabdevis .leftNav,
.tabdevis .rightNav {
  display: block;
}
.tabdevis td {
  width: 100%;
  min-width: 90px;
}
.tabdevis .garantie img {
  width: 25px;
  height: 25px;
  vertical-align: middle;
}
.tabdevis .leftNav,
.tabdevis .rightNav {
  top: 0;
  height: 100%;
  width: 40px;
  position: absolute;
  cursor: pointer;
}
.tabdevis .leftNav .arrow,
.tabdevis .rightNav .arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-left: -4px;
}
.tabdevis .leftNav {
  left: 0;
}
.tabdevis .rightNav {
  right: 0;
}
.tabdevis th:nth-child(2) .leftNav,
.tabdevis th:last-child .rightNav {
  display: none;
}
#main .tabdevis .tabSelect select {
  width: 100%;
  font-size: 12px;
  font-size: 1.2rem;
}
@media (min-width: 740px) {
  .tabdevis .rightNav,
  .tabdevis .leftNav {
    display: none;
  }
  .tabdevis tr > :not(:first-child):not(.colActif):not(.colMobSelected) {
    display: table-cell;
  }
  .tabdevis table {
    display: table;
  }
  .tabdevis table thead,
  .tabdevis table tfoot {
    display: table-header-group;
  }
  .tabdevis table thead th,
  .tabdevis table tfoot th {
    display: table-cell;
  }
  .tabdevis table thead tr,
  .tabdevis table tfoot tr {
    display: table-row;
  }
  .tabdevis thead th,
  .tabdevis tfoot th {
    border-top: 1px solid #d2d2d2;
    border-left: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2;
  }
}
.tabdevis thead th p {
  margin: 0.5em 0;
}
.tabdevis tr.selectformule td {
  background: #ff9501;
  color: #fff;
}
.tabdevis .garantie,
.tabdevis .tabPuce,
.tabdevis .tabNone,
.tabdevis .tabCheck,
.tabdevis .tabSelect,
.tabdevis .tabTexte {
  border-bottom-style: solid;
  border-bottom-color: #d2d2d2;
  border-left-style: solid;
  border-left-color: #d2d2d2;
  border-right-style: solid;
  border-right-color: #d2d2d2;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
}
.tabdevis .garantie {
  padding: 0.8em 0.5em;
}
.tabdevis .tddecale {
  padding-left: 1.5em;
}
#main article .tabdevis .soustitre {
  font-size: 1em;
  font-weight: bold;
  margin: 0;
}
.tabdevis .tabPuce {
  padding-bottom: 2px;
  padding-top: 5px;
  text-align: center;
}
.tabdevis .tabPuce:before {
  font-family: "icomoon";
  content: "\e908";
  color: #2ECC71;
  font-size: 2em;
}
.tabdevis .tabNone {
  background: #fff;
  padding-bottom: 2px;
  padding-top: 5px;
  text-align: center;
}
.tabdevis .tabNone:before {
  font-family: "icomoon";
  content: "\e209";
  color: #e2e2e2;
  font-size: 2.2em;
}
.tabdevis .tabCheck,
.tabdevis .tabSelect,
.tabdevis .tabPuce,
.tabdevis .tabTexte,
.tabdevis .garantie {
  background: #fff;
}
.tabdevis .tabCheck,
.tabdevis .tabSelect {
  background: #fff;
  padding: 0.5em;
  text-align: center;
}
.tabdevis .tabCheck input[type="checkbox"] {
  cursor: pointer;
  opacity: 0;
  position: absolute;
}
.tabdevis .tabCheck label {
  cursor: pointer;
  display: block;
  font-size: 1em;
  font-weight: 300;
  padding: 1em;
  text-decoration: none;
}
.tabdevis .tabCheck label:before {
  content: "\e93c";
  display: inline-block;
  font-family: 'icomoon';
  font-size: 1.5em;
  margin-right: 0.2em;
  vertical-align: middle;
}
.tabdevis .tabCheck label span {
  vertical-align: middle;
}
.tabdevis .tabCheck input[type="checkbox"]:checked ~ label:before {
  content: "\e93d";
}
.tabdevis .tabPuceRouge {
  background: url("/images/v-devis3.gif") no-repeat scroll center center #ffffff;
  border-left: 2px solid #fff;
  border-right: 2px solid #fff;
  padding-bottom: 2px;
  padding-top: 5px;
  text-align: center;
}
.tabdevis .tabTexte {
  text-align: center;
  padding: 5px;
}
.tabdevis .tabField {
  padding: 5px;
}
.tabdevis .tabTexte img {
  height: auto;
  max-width: 100%;
}
.tabdevis .sansbordure {
  border-bottom: none;
  border-right: 1px solid #fff;
}
.tdrappeltitre {
  background-color: #0091EA;
  border-bottom: 2px solid #fff;
  border-top: 0;
  border-left: 2px solid #fff;
  border-right: 2px solid #fff;
  color: #fff;
  padding-bottom: 5px;
  padding-top: 5px;
  text-align: center;
  font-family: BebasNeue;
  font-weight: normal;
  font-size: 20px;
}
.tdtarifsanscouleur {
  border-bottom: 4px solid #fff;
  border-top: 1px solid #cccccc;
  border-left: 2px solid #fff;
  border-right: 2px solid #fff;
  padding-bottom: 5px;
  padding-top: 5px;
  text-align: center;
}
.tdtarifsanscouleur > b {
  font-size: 1em;
  line-height: 2em;
}
.tabdevis tbody td.vergue {
  width: 700px;
  padding: 0;
}
.tabdevis tbody th {
  background: #f9f9f9;
  border-bottom: 1px solid #e2e2e2;
  color: #0091EA;
  font-size: 1.2em;
  font-weight: normal;
  padding-left: 8px;
  line-height: 30px;
  text-align: left;
  width: 700px;
}
.tabdevis tbody th:before {
  font-family: "icomoon";
  content: "\e111";
  font-size: 24px;
  padding-right: 8px;
  vertical-align: top;
}
.tabdevis tbody th.btnplus,
.tabdevis tbody th.btnmoins .tabdevis tbody th.btnplusmoins {
  cursor: pointer;
}
.tabdevis tbody th.btnplus:before {
  content: "\e112";
}
.tabdevis tbody th.btnmoins:before {
  content: "\e10f";
}
.tabdevis tbody th.btnplusmoins:hover {
  background-color: #f1f1f1;
}
.tabdevis .titreconseil {
  background: #FEDA60;
  color: #37474f;
  font-weight: 300;
  font-style: normal;
  padding: 0.3em 0;
  height: 1.8rem;
  line-height: 1.8rem;
}
.tabdevis .enteteMob .titreconseil {
  text-align: center;
}
.tabdevis .titrestandard {
  display: block;
  font-weight: 500;
  margin-bottom: 1em;
  padding: 0.7em 0;
  position: relative;
  height: 18px;
}
.tabdevis .titresection {
  font-size: 1.2em;
  padding: 0.5em;
}
.invisible {
  visibility: hidden;
}
.tabdevis .titrenone {
  display: none;
  border: none;
  position: relative;
  height: 1.8rem;
  padding: 0.3em 0;
}
.tabdevis .colActif .titrenone {
  display: block;
}
.tabdevis .tdaction {
  background: #f9f9f9;
  font-size: 1.1em;
  color: #455A64;
  padding: 0.8em 0;
  text-transform: uppercase;
  text-align: center;
  border-top: 2px solid #e2e2e2;
  border-bottom: 2px solid #e2e2e2;
}
.tabdevis .tabaction {
  background: #f8f8f8;
  text-align: center;
  border-top: 2px solid #e2e2e2;
  border-bottom: 2px solid #e2e2e2;
}
.titreformulesmall {
  font-size: 1.5em;
  border-top: 1px solid #37474f;
  border-bottom: 1px solid #37474f;
  margin: 0 0.5em;
  padding: 0.2em 0;
}
.titreformule,
.titreformulesmall {
  display: block;
  font-weight: 300;
}
.tabdevis .tabField {
  padding: 5px 0;
}
@media screen and (max-width: 739px) {
  .tabdevis .tabInfo:not(.selected) {
    display: none;
  }
  .tabdevis .tabBtn td:first-child {
    display: none;
  }
  .tabdevis .tabBtn td {
    background: #fff;
    width: calc(100% + 8em + 5px);
    display: block;
  }
}
@media (min-width: 740px) {
  #main article .tabdevis thead {
    display: table-header-group;
  }
  #main article .tabdevis .enteteMob {
    display: none;
  }
  #main article .tabdevis thead th .button.btnIcone {
    width: calc((100% - 2em) - 20px);
  }
}
@media screen and (min-width: 740px) {
  .tabdevis .titrenone {
    display: block;
  }
  #main .tabdevis .tabSelect select {
    width: inherit;
    font-size: inherit;
  }
  .tabdevis table thead th:not(:first-child) {
    width: 21%;
  }
  .tabdevis .titresection,
  .tabdevis .garantie {
    padding-left: 20px;
    padding-left: 2rem;
  }
  .tabdevis .titreconseil {
    font-size: 0.9rem;
  }
  .titreformule {
    font-size: 1em;
  }
  .tabdevis .tarifMensuel {
    font-size: 1.6em;
  }
}
@media (min-width: 992px) {
  .tabdevis .titreconseil {
    font-size: 0.9em;
    letter-spacing: 0;
  }
  .titreformule {
    font-size: 1.2em;
  }
  .tabdevis .tarifMensuel {
    font-size: 2em;
  }
}
/* --- FIN TABLEAU POUR LE DEVIS IARD --- */
/* --- TABLEAU V2 --- */
.tabdevis-v2 .titreconseil {
  background: #1565C0;
  color: #fff;
  margin-bottom: 6px;
  height: auto;
  text-transform: uppercase;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
  min-height: 18px;
  line-height: 18px;
}
.tabdevis-v2 .titreconseil:after {
  border: none;
}
.tabdevis-v2 thead th {
  background: #e2e2e2;
  border: none;
  border-left: 2px solid white;
}
.tabdevis-v2 .reductionformule {
  margin: 0 10px;
  padding: 0;
  color: #DA537E;
  background-color: #e2e2e2;
}
.tabdevis-v2 .titreReductionFormule {
  display: block;
  color: #37474f;
  padding: 0.2em;
  font-size: 16px;
  font-size: 1.6rem;
}
.tabdevis-v2 .titreReductionFormule i {
  font-weight: 300;
}
.tabdevis-v2 .reductionPourcentage {
  color: #DA537E;
  font-size: 1.6em;
  vertical-align: middle;
}
#main article .tabdevis-v2 thead th .button.dlDevis,
#main article .tabdevis-v2 .titreEnTete .button.dlDevis {
  box-shadow: none;
  text-transform: initial;
  background: transparent;
  font-size: 12px;
  font-size: 1.2rem;
}
#main article .tabdevis-v2 thead th .button,
#main article .tabdevis .titreEnTete .button {
  margin-top: 0.2em;
  margin-bottom: 0;
}
.tabdevis-v2 .enteteMob,
.tabdevis-v2 .enteteMob.fixed {
  background: #e2e2e2;
}
.tabdevis-v2 .enteteMob {
  color: #37474f;
}
.tabdevis-v2 .tarifMensuel {
  padding: 0 0 0.3em 0;
}
.tabdevis-v2 .titreformule,
.tabdevis-v2 .titreformulesmall {
  font-size: 16px;
  font-weight: bold;
  color: #37474f;
}
.tabdevis-v2 .tarifMensuel {
  color: #37474f;
}
.tabdevis .garantie .icomoon {
  vertical-align: middle;
  margin-right: 10px;
  margin-right: 1rem;
  color: #455A64;
}
.tabdevis .titresection .icomoon {
  vertical-align: middle;
  margin-right: 10px;
  margin-right: 1rem;
}
.tabdevis .tabTexte .icomoon {
  color: #cccccc;
}
.tabdevis .tabTexte i.icon-lens:first-child {
  color: #84d0ff;
}
.tabdevis .tabTexte i.icon-lens:nth-child(2n) {
  color: #51bdff;
}
.tabdevis .tabTexte i.icon-lens:nth-child(3n) {
  color: #1ea9ff;
}
.tabdevis .tabTexte i.icon-lens:nth-child(4n) {
  color: #0091EA;
}
.tabdevis .tabTexte i.icon-lens:nth-child(5n) {
  color: #0071b7;
}
.tabdevis .tabTexte i.icon-lens:nth-child(6n) {
  color: #005284;
}
.tabdevis .tabRecommandation {
  background: #D0DFF2;
  border-bottom: 1px solid #e7f0fb;
}
.tabdevis-v2 .titretab {
  width: 30%;
}
.tabdevis .ligneEnAvant {
  font-weight: bold;
}
.tabdevis .ligneEnAvant {
  font-weight: bold;
}
.tabdevis .ligneEnAvant .tabTexte {
  background: rgba(255, 149, 1, 0.15);
}
.tabdevis .ligneEnAvant .tabTexte.tabRecommandation {
  background: rgba(255, 149, 1, 0.2);
}
.tabdevis-v2 .tarifMensuel {
  padding-top: 0;
}
/* --- FIN TABLEAU V2 --- */
/* --- BANDEAU MARKETING --- */
.bandeau-operation {
  background-color: #e7e7e7;
  margin: 1em 0 2em 0;
  padding: 1em;
}
.bandeau-operation .bandeau-operation-content,
.bandeau-operation .bandeau-content {
  -webkit-box-flex: 2.2;
  -webkit-flex: 2.2;
  -ms-flex: 2.2;
  flex: 2.2;
  padding: 0 1rem 0 0;
  border-right: 2px solid #fff;
}
.bandeau-operation .bandeau-content {
  margin: auto;
  padding: 1em;
}
.bandeau-operation .bandeau-content .icomoon {
  vertical-align: middle;
}
.bandeau-operation .bandeau-operation-aside {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  margin: auto;
}
.bandeau-operation:before {
  font-size: 3em;
  font-family: 'icomoon';
  color: #8e8e8e;
}
.bandeau-operation .bandeau-operation-title {
  font-size: 1.2em;
}
.bandeau-operation .bandeau-operation-bloc {
  margin-top: 1rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.bandeau-operation .bandeau-operation-bloc > [class^=bandeau-operation-opera] {
  text-align: center;
  margin: auto;
}
.bandeau-operation .bandeau-operation-bloc > .bandeau-operation-operant {
  flex: 3;
  -webkit-box-flex: 3;
  -webkit-flex: 3;
  -ms-flex: 3;
  font-style: italic;
}
.bandeau-operation .bandeau-operation-bloc > .bandeau-operation-operator {
  flex: 1;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  font-size: 3rem;
  color: #9a9a9a;
}
@media (min-width: 992px) {
  .bandeau-operation {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin: 1em;
  }
}
@media (max-width: 991px) {
  .bandeau-operation:before {
    display: none;
  }
  .bandeau-operation .bandeau-operation-content {
    display: none;
  }
}
/* --- FIN BANDEAU MARKETING --- */
/* --- DOCUMENT A LIRE --- */
.pdfbox {
  width: calc(100% - 2.8rem);
  height: 400px;
  margin: 1em 1.4rem;
}
.pdfboxdetail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0.5em 0;
}
.lienpdf {
  line-height: 20px;
}
.lienpdf a,
.lienpdf a:visited {
  color: #5990D5;
}
.pdfcompteur {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: right;
  min-width: 4em;
}
/* --- FIN DOCUMENT A LIRE --- */
/* --- MENTIONS LEGALES --- */
.infoSociete {
  color: #878787;
  margin: 0 0 1em 0;
}
@media (min-width: 740px) {
  .infoSociete {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 10% 1em;
  }
  .infoSociete p {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}
/* --- FIN MENTIONS LEGALES --- */
/* --- Card --- */
#main article .card-container {
  /** Messagerie PDF Preview **/
  /** Fin Messagerie PDF Preview **/
}
#main article .card-container .card {
  background-color: #fff;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  margin: 1em;
  padding-bottom: 0.2em;
  position: relative;
  border-radius: 2px;
}
#main article .card-container .card > div {
  padding-top: 1em;
}
#main article .card-container .card .titrecard {
  background: #f8f8f8;
  color: #37474f;
  border-bottom: 1px solid #e2e2e2;
  padding: 0.5em;
  border-radius: 2px 2px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#main article .card-container .card .titrecard i {
  display: inline-block;
  font-size: 1.4em;
  margin-right: 0.5em;
  vertical-align: middle;
}
#main article .card-container .card .titrecard span {
  display: inline-block;
  vertical-align: middle;
}
#main article .card-container .card ul {
  margin: 1.5em 0;
}
#main article .card-container .card ul li {
  margin: 0.5em 0;
  list-style-type: none;
}
#main article .card-container .card ul li:before {
  font-family: "icomoon";
  content: "\e908";
  margin-right: 0.5em;
}
#main article .card-container .card .card-button {
  margin: 1em;
  text-align: right;
}
#main article .card-container .card .card-button .btn-icon {
  background: #f1f1f1;
  border-radius: 50%;
  color: #37474f;
  display: inline-block;
  margin-left: 0.5em;
  padding: 0.6em;
  vertical-align: middle;
  z-index: 2;
  transition: 0.5s all ease;
}
#main article .card-container .card .card-button .btn-icon .icomoon {
  color: #37474f;
}
#main article .card-container .card .card-button .btn-icon.btn-icon-light {
  background: transparent;
}
#main article .card-container .card .card-button .btn-icon.btn-icon-light:hover {
  background: #f1f1f1;
}
#main article .card-container .card .card-button.card-button-header {
  margin-top: 0;
  text-align: left;
}
#main article .card-container .cardpj {
  height: 360px;
}
#main article .card-container .cardpj .imgprevsize {
  max-width: 90px;
  max-height: 125px;
}
#main article .card-container .cardpj #pdfprev {
  content: url("/images/visuel-pdf-90x125.png");
}
@media (min-width: 740px) {
  #main article .card-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 2em 1.4rem 2em 0;
  }
  #main article .card-container .card {
    margin: 0 0 1em 1em;
    -webkit-box-flex: 1;
    -ms-flex: 1 40%;
    flex: 1 40%;
  }
  #main article .card-container .card .titrecard {
    font-size: 1.2em;
  }
  #main article .card-container .card.smallCard {
    max-width: calc(50% - 1em);
  }
  #main article .card-container.card-container-4-desktop .card {
    flex: 1 20%;
    max-width: 251.5px;
  }
}
/* ---- FIN CARD --- */
#main article .conteneurBlocsAccueil {
  -webkit-column-count: 1;
  -moz-column-count: 1;
  column-count: 1;
  -webkit-column-gap: 0;
  -moz-column-gap: 0;
  column-gap: 0;
  text-align: center;
  padding: 0 1em;
}
#main article .blocAccueil {
  display: inline-block;
  background: #f9f9f9;
  vertical-align: top;
  width: 100%;
  margin: 0 0 1em;
  text-align: left;
}
#main article .blocAccueil .titreBlocAccueil {
  background: #e2e2e2;
  font-family: 'Roboto';
  font-weight: 300;
  text-transform: uppercase;
  font-size: 1.1em;
}
#main article .blocAccueil .titreBlocAccueil i {
  width: 50px;
  line-height: 50px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  background-color: #37474f;
  margin-right: 1em;
  color: #fff;
}
#main article .blocAccueil ul.listBlocAccueil {
  margin: 0;
  padding: 0;
  list-style: none;
}
#main article .blocAccueil ul.listBlocAccueil li {
  margin: 0;
  border-bottom: 1px #e2e2e2 solid;
}
#main article .blocAccueil ul.listBlocAccueil li i {
  vertical-align: middle;
  margin-right: 0.5em;
}
#main article .blocAccueil ul.listBlocAccueil li a {
  padding: 1em 4em 1em 1em;
  display: block;
  font-family: 'Roboto', sans-serif;
  position: relative;
  font-size: 1em;
  color: #37474f;
}
#main article .blocAccueil ul.listBlocAccueil li a:after {
  content: "\e111";
  font-family: 'icomoon';
  position: absolute;
  right: 0.8em;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  padding: 0.2em;
  background-color: #e2e2e2;
  color: #fff;
  border-radius: 50%;
  font-size: 24px;
}
#main article .blocAccueil ul.listBlocAccueil li a.iconTel:after {
  content: "\e90a";
  color: #37474f;
}
#main article .blocAccueil ul.listBlocAccueil li a.sombre:before {
  color: #37474f;
}
#main article .blocAccueil ul.listBlocAccueil li strong {
  color: #fff;
  font-weight: normal;
  background-color: #37474f;
  padding: 0.5em 0.8em;
  margin: 0 0.5em;
}
#main article .blocAccueil ul.listBlocAccueil li .compteur {
  color: #1565C0;
}
#main article .blocAccueil ul.listBlocAccueil li .detailContratInaccessible {
  padding: 1em 4em 1em 1em;
}
#main article .blocAccueil ul.listBlocAccueil li .detailContratInaccessible p {
  margin: 0 1em;
}
@media (min-width: 740px) {
  #main article .conteneurBlocsAccueil {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 1em;
    -moz-column-gap: 1em;
    column-gap: 1em;
    text-align: inherit;
    padding: 0 1em;
  }
  #main article .blocAccueil {
    width: 100%;
    margin: 0 0 1em;
  }
  #main article .blocAccueil.enLigne {
    width: calc(100% - 2em);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0 1em 1em;
  }
  #main article .blocAccueil.enLigne .titreBlocAccueil {
    width: 50px;
    height: 50px;
    overflow: hidden;
  }
  #main article .blocAccueil.enLigne ul.listBlocAccueil {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  #main article .blocAccueil.enLigne ul.listBlocAccueil li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-bottom: 0;
    border-right: 1px #e2e2e2 solid;
  }
  #main article .blocAccueil.enLigne ul.listBlocAccueil li a {
    padding: 0 1em;
    line-height: 50px;
  }
  #main article .blocAccueil.enLigne ul.listBlocAccueil li a:after {
    line-height: initial;
  }
  #main article .blocAccueil.enLigne ul.listBlocAccueil li:last-child {
    border-right: 0;
  }
}
/* --- SNACK BAR --- */
.snackbar {
  padding: 1em;
  background-color: #37474f;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 21;
  width: calc(100% - 2em);
  color: #fff;
  display: none;
}
@media (min-width: 740px) {
  .snackbar {
    max-width: 700px;
    margin-left: calc((100% - 700px - 2em)/2);
    border-radius: 3px 3px 0 0;
    border: 2px solid #fff;
    border-bottom: none;
  }
}
/* FIN SNACK BAR*/
/* --- STICKY --- */
.sticky-content.fixed {
  position: fixed !important;
  top: 0;
  z-index: 19;
  overflow: auto;
  max-height: 100%;
}
/* Utilisation du flex pour d�placer le bandeau sticky en bas du conteneur afin de g�rer les mode iframe (Cardif) */
.sticky-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.sticky-container .sticky-elem,
.sticky-container .non-sticky-elem {
  width: 100%;
}
/* --- FIN STICKY --- */
/* --- POPIN Formulaire --- */
.popInOverlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: calc(100% - 2rem);
  padding: 1rem;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 30;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  align-items: center;
  align-content: center;
}
.popInOverlay .popInForm {
  min-width: 200px;
  min-height: 200px;
  background: #fff;
  z-index: 50;
  padding: 2em 1em 1em;
  margin: auto;
  overflow: auto;
  max-height: 100%;
  position: relative;
  border-radius: 1rem;
}
.popInOverlay .popInForm .closePopInForm {
  width: 32px;
  height: 32px;
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  cursor: pointer;
}
.popInOverlay .popInForm .closePopInForm:before {
  content: "\e209";
  font-size: 32px;
  color: #455a64;
  font-family: 'icomoon';
}
@media (min-width: 740px) {
  .popInOverlay .popInForm {
    min-width: 700px;
  }
}
/* --- FIN POPIN Formulaire --- */
/* AutoComplete */
.ui-autocomplete {
  background: #fff;
  max-width: calc(100% - 4rem);
  border: 1px solid #cccccc;
  border-radius: 4px;
  margin: 0;
  padding: 0;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.ui-autocomplete li {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #f1f1f1;
  list-style: none;
}
.ui-autocomplete li div {
  padding: 0.5em;
  cursor: pointer;
}
.ui-autocomplete li div:hover {
  background: #f1f1f1;
}
.ui-autocomplete li .misEnAvant {
  color: #0091EA;
}
.ui-autocomplete li:last-child {
  border-bottom: none;
}
@media (min-width: 740px) {
  .ui-autocomplete {
    max-width: 30.2em;
  }
}
/* Fin AutoComplete */
/*
.hide{
	display:none !important;
}*/
.vsb-menu {
  cursor: pointer;
  z-index: 100;
  display: none;
  position: absolute;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  border-radius: 4px;
}
/*.vsb-js-search-zone{
	position:absolute;
    z-index:101;
	width: 80%;
	min-height:1.8em;
	padding: 2px;
	background-color: #fff;
}
.vsb-js-search-zone input{
	border: 1px solid grey;margin-left: 2px;width: 96%;border-radius: 4px;
}*/
.vsb-main {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
#main article .vsb-menu ul {
  user-select: none;
  list-style: none;
  white-space: nowrap;
  padding: 0;
  margin: 0;
  cursor: pointer;
  overflow-y: auto;
}
#main article .vsb-menu li {
  display: list-item;
  min-height: 1.4em;
  margin: 0;
  padding: 0.5em;
}
#main article .vsb-main button {
  background: white !important;
  color: #455A64 !important;
  border: 1px solid #cccccc;
  width: 13em;
  padding: 0.5em 1.5em 0.5em 1em;
  box-shadow: none;
  cursor: default;
  border-radius: 3px;
  text-transform: initial;
  font-size: 1.4rem;
  font-weight: 400;
  text-align: left;
  margin: -2px 0 2px 0;
  height: 3.7rem;
}
#main article .vsb-main .title {
  margin-right: 6px;
  user-select: none;
  overflow: hidden;
  display: block;
}
#main article .vsb-main li:hover {
  background: #f1f1f1;
}
.vsb-menu .multi li {
  font-size: 14px;
  min-height: 1.4em;
  padding: 0.2em 2em 0.2em 26px;
}
#main article .vsb-main .caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  top: 8px;
}
.vsb-menu .multi li::before {
  content: "\e93c";
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  color: #455a64;
  font-size: 18px;
  vertical-align: top;
  margin-right: 0.5rem;
}
.vsb-menu .multi li.active::before {
  content: "\e93d";
}
.ligneEtape {
  background-color: #fff;
  margin: 1em;
}
.ligneEtape > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  max-width: 500px;
}
.ligneEtape > div:first-of-type {
  margin-top: 2em;
}
.iconeEtape {
  position: relative;
  width: 52px;
}
.iconeEtape:after {
  content: "";
  position: absolute;
  left: 19px;
  height: 100%;
  bottom: 0;
  width: 0;
  border-left: 2px dashed #d2d2d2;
}
.ligneEtape div:last-child .iconeEtape:after {
  display: none;
}
.etapeOK .iconeEtape:after {
  border-left: 2px solid #1565C0;
}
.iconeEtape .icomoon {
  border: 2px solid #1565C0;
  border-radius: 22px;
  padding: 4px;
  color: #1565C0;
  font-size: 28px;
  background: #fff;
  z-index: 2;
  position: absolute;
}
.etape .iconeEtape .icomoon {
  border-color: #d2d2d2;
  background: #fff;
  color: #fff;
}
.etapeEnCours .iconeEtape .icomoon {
  background: #1565C0;
  color: #fff;
  font-size: 24px;
  line-height: 28px;
  padding-left: 6px;
}
.etapeEnCours .iconeEtape:before {
  content: "\e2c8";
  font-family: icomoon;
  color: #1565C0;
  display: block;
  position: absolute;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  left: -8px;
  font-size: 68px;
  top: -14px;
}
.descEtape {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: 2em;
  padding: 0.5em 0;
  position: relative;
  margin-bottom: 1em;
  min-height: 2em;
  cursor: pointer;
}
.etape .descEtape {
  box-shadow: none;
  cursor: default;
}
.etapeOK .descEtape,
.etapeEnCours .descEtape {
  border-bottom: 1px solid #d2d2d2;
}
.descEtape:after {
  background: #0091EA;
  border-radius: 50%;
  color: #fff;
  content: "\e10f";
  font-family: 'icomoon';
  line-height: 26px;
  padding: 3px 2px 1px 3px;
  position: absolute;
  right: 10px;
  font-size: 24px;
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  transition: -webkit-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
  top: 5px;
}
.showDesc .descEtape {
  border-bottom: 0;
}
.showDesc .descEtape:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.etape .descEtape:after {
  display: none;
}
.ligneEtape .txtLignePlus,
.ligneEtape .txtLigneMoins {
  color: #0091EA;
  display: none;
  position: absolute;
  right: 50px;
  top: 13px;
  z-index: 1;
}
.titreEtape {
  color: #1565C0;
  display: block;
  font-size: 1.3em;
  font-weight: 700;
  padding-right: 2em;
}
.etape .titreEtape {
  color: #cccccc;
  font-weight: 400;
}
.dateEtape {
  font-size: 0.7em;
}
.descCompleteEtape {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height ease 0.6s, margin ease 0.4s;
  transition: margin ease 0.4s;
  padding-top: 0.5em;
}
.showDesc .descCompleteEtape {
  border-top: 1px solid #d2d2d2;
  max-height: none;
  margin-top: 0.5em;
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-name: ligneEtapeShowDesc;
  animation-name: ligneEtapeShowDesc;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
}
@keyframes ligneEtapeShowDesc {
  0% {
    max-height: 0;
  }
  70% {
    max-height: 200px;
  }
  100% {
    max-height: none;
  }
}
@-webkit-keyframes ligneEtapeShowDesc {
  0% {
    max-height: 0;
  }
  70% {
    max-height: 200px;
  }
  100% {
    max-height: none;
  }
}
@media (min-width: 740px) {
  .ligneEtape {
    margin: auto;
    padding: 1.5em;
  }
  .ligneEtape > div {
    margin: 0 auto;
  }
  .ligneEtape .showDesc .txtLignePlus,
  .ligneEtape .txtLigneMoins {
    display: none;
  }
  .ligneEtape .showDesc .txtLigneMoins,
  .ligneEtape .txtLignePlus {
    display: block;
  }
}
.formConv {
  padding-top: 1em;
}
#main article .formConv fieldset {
  margin: 1em;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  border-radius: 4px;
}
#main article .formConv legend {
  position: absolute;
  top: 0.5em;
}
#main article .formConv fieldset .field {
  margin-top: 5rem;
  min-height: 198px;
  display: none;
}
#main article .formConv fieldset .field.fieldEnCours {
  display: block;
}
.formConv .inputTextField label,
.formConv .labelcheckbox,
.formConv .labelradio,
.formConv .selectField label,
.formConv .textareaField label {
  font-size: 1.6rem;
  margin-bottom: 1em;
  display: block;
  line-height: 2.4rem;
}
#main article .formConv .selectField select,
#main article .formConv .inputTextField input,
#main article .formConv .textareaField textarea {
  border: none;
  border-bottom: 1px solid #cccccc;
  border-radius: 0;
  font-size: 1.8rem;
  padding: 0;
  width: 100%;
  font-weight: 300;
  padding-bottom: 0.2em;
}
#main article .formConv .fieldError.selectField select,
#main article .formConv .fieldError.inputTextField input,
#main article .formConv .fieldError.textareaField textarea {
  border-color: #e48481;
  color: #d9534f;
}
#main article .formConv .inputTextField input:focus,
#main article .formConv .selectField select:focus,
#main article .formConv .textareaField textarea:focus {
  border: none;
  border-bottom: 2px solid #d2d2d2;
  margin-bottom: 1px;
  box-shadow: none;
}
#main article .formConv .fieldError.inputTextField input:focus,
#main article .formConv .fieldError.selectField select:focus,
#main article .formConv .fieldError.textareaField textarea:focus {
  border-bottom: 2px solid #e48481;
}
#main article .formConv .inputTextField input::placeholder {
  color: #cccccc;
}
.formConv .btnFormConv {
  margin-top: 1em;
}
#main article .formConv .btnFormConv .button {
  padding-right: 0.5em;
  margin-left: 0;
  box-shadow: none;
  border-radius: 20px;
}
#main article .formConv .btnFormConv .button:focus {
  outline: none;
}
.formConv .btnFormConv span {
  font-size: 0.9em;
  opacity: 0.7;
}
.formConv .navFormConv {
  display: flex;
  min-height: 5em;
}
.formConv .navFormConv > div {
  flex: 1;
}
#main article .navFormConv button.btnxlite:focus {
  outline: none;
}
.formConv .friseFormConv {
  flex: 1;
  margin-right: 0.5em;
  margin-left: 1em;
  padding: 0.2em 0.5em 0.5em;
  border-radius: 4px;
}
.formConv .friseVisuel {
  background: #dbebf4;
  height: 4px;
  border-radius: 4px;
  margin-top: 4px;
}
.formConv span.nbQuestionsFormConv {
  font-size: 1.2rem;
  padding-top: 1.2rem;
  display: block;
}
.formConv .formConvBtnContinuer {
  text-align: center;
}
#main article .formConv .formConvBtnContinuer button.btnM {
  margin-top: 4px;
}
.formConv .txtaide {
  vertical-align: top;
  width: 62px;
}
.formConv .txtaide:after {
  content: "Détail";
  background: #0091EA;
  color: #fff;
  font-size: 14px;
  vertical-align: top;
  padding: 2px 8px 2px 6px;
  border-radius: 0 12px 12px 0;
  position: absolute;
  top: 0;
  left: 20px;
  line-height: 16px;
}
.formConv .txtaide:before {
  border: 2px solid #0091EA;
  border-radius: 12px 0 0 12px;
  color: #0091EA;
  content: "i";
  padding: 0 4px 0 8px;
  font-family: roboto;
  line-height: 16px;
  font-size: 14px;
  vertical-align: middle;
  height: 16px;
  display: block;
  font-weight: 500;
}
.formConv #friseVisuelProgression {
  background: #7AB6D5;
  height: 4px;
  border-radius: 4px;
  transition: width ease 1s;
}
.formConv .ajaxLoader {
  margin: 1rem 0;
  width: 100%;
}
.formConv .ajaxLoader:before {
  animation: loading 0.5s linear infinite;
}
.friseProg1-2,
.friseProg2-4,
.friseProg3-6,
.friseProg4-8 {
  width: 50%;
}
.friseProg2-2,
.friseProg3-3,
.friseProg4-4,
.friseProg5-5,
.friseProg6-6,
.friseProg7-7,
.friseProg8-8 {
  width: 100%;
}
.friseProg1-3,
.friseProg2-6 {
  width: 33%;
}
.friseProg2-3,
.friseProg4-6 {
  width: 66%;
}
.friseProg1-4,
.friseProg2-8 {
  width: 25%;
}
.friseProg3-4,
.friseProg6-8 {
  width: 75%;
}
.friseProg1-5 {
  width: 20%;
}
.friseProg2-5 {
  width: 40%;
}
.friseProg3-5 {
  width: 60%;
}
.friseProg4-5 {
  width: 80%;
}
.friseProg1-6 {
  width: 16%;
}
.friseProg5-6 {
  width: 83%;
}
.friseProg1-7 {
  width: 14%;
}
.friseProg2-7 {
  width: 29%;
}
.friseProg3-7 {
  width: 43%;
}
.friseProg4-7 {
  width: 57%;
}
.friseProg5-7 {
  width: 71%;
}
.friseProg6-7 {
  width: 86%;
}
.friseProg1-8 {
  width: 12%;
}
.friseProg3-8 {
  width: 37%;
}
.friseProg5-8 {
  width: 62%;
}
.friseProg7-8 {
  width: 87%;
}
.formConvAide {
  display: none;
}
#main article .navFormConv > div:first-child {
  text-align: center;
}
.formConvErreur {
  background: #d9534f;
  display: inline-block;
  margin: 1em 0;
  padding: 0.5em 1em;
  color: #fff;
  border-radius: 4px;
  display: none;
}
#main article .formConv .fieldError {
  background: transparent;
}
#main article .formConv .fieldError .formConvErreur {
  display: inline-block;
}
@media (min-width: 740px) {
  #main article .formConv fieldset {
    padding-left: 0;
    padding-right: 0;
    flex: 3;
    margin-right: 0;
    border-radius: 4px 0 0 4px;
  }
  #main article .formConv .labelcheckbox + .checkboxField,
  #main article .formConv .labelradio + .panelradio {
    margin-left: 0;
    max-width: 50em;
  }
  #main article .formConv .labelradio,
  #main article .formConv .labelcheckbox {
    margin-bottom: 0.7em;
    width: auto;
  }
  #main article .formConv .field.BtnField_2Choix,
  #main article .formConv .field.BtnField_3Choix {
    display: none;
  }
  #main article .formConv .fieldEnCours.BtnField_2Choix,
  #main article .formConv .fieldEnCours.field.BtnField_3Choix {
    display: block;
  }
  .formConv label {
    display: block;
  }
  .formConv {
    display: flex;
  }
  .formConvAide {
    display: block;
    flex: 2;
    background: #f5f9fe;
    margin: 1em 1em 1em 0;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    border-radius: 0 4px 4px 0;
    padding: 4em 1em 1em;
  }
  .formConv .txtaide {
    display: none;
  }
}
@media (min-width: 992px) {
  body .formConv {
    background-image: url(/aide/maquette/mpo/img/header-prestations.jpg);
    padding: 12em 1rem 0;
    margin-bottom: 2em;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: -1rem;
    margin-right: -1rem;
  }
  body #main article .formConv legend {
    top: 1em;
  }
  body #main article .formConv fieldset {
    padding-left: 1em;
    padding-top: 2em;
  }
}
@media (min-width: 1366px) {
  body .formConv {
    margin-left: -145px;
    margin-right: -145px;
    padding: 12em 3em 0;
  }
}
/* Block Info */
.block_infos {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  border-radius: 2px;
  margin: 2em 0;
}
.block_infos .block_header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  font-size: 1.8rem;
  background-color: #90a4ad;
  color: #fff;
  padding: 1rem 1rem 1rem 2rem;
  position: relative;
}
.block_infos .block_header .blockModify {
  cursor: pointer;
  padding-left: 1rem;
}
.block_infos .block_body {
  padding: 1.5em;
}
.block_infos .icomoon {
  font-size: 1em;
}
@media (min-width: 740px) {
  .block_infos .block_body .containerflex .flex {
    border-right: 1px solid #e2e2e2;
  }
  .block_infos .block_body .containerflex .flex:last-child {
    border: 0;
  }
}
@media (min-width: 992px) {
  .block_infos {
    margin-left: 1.4rem;
    margin-right: 1.4rem;
  }
}
@media (max-width: 739px) {
  .blockPlusMoins.blockPlus .block_header:after,
  .blockPlusMoins.blockMoins .block_header:after {
    font-family: "icomoon";
    font-size: 24px;
    cursor: pointer;
    position: absolute;
    right: 1em;
    top: calc(50% - 12px);
  }
  .blockPlusMoins.blockPlus .block_header:after {
    content: "\e10f";
  }
  .blockPlusMoins.blockMoins .block_header:after {
    content: "\e112";
  }
  .blockPlusMoins.blockPlus .block_body {
    display: none;
  }
}
@media (min-width: 740px) {
  .block_infos {
    margin-left: 1.4rem;
    margin-right: 1.4rem;
  }
  .block_infos .block_header .blockModify {
    font-size: 1.4rem;
    position: absolute;
    right: 2rem;
    top: 0.8em;
  }
  .block_infos .block_header .blockModify i {
    display: none;
  }
  .block_infos .block_header .blockModify:before {
    content: "Modifier";
  }
}
/* --- FIN FIELDSET COLLAPSE -- */
/* --- TITRE BLOC --- */
#main article p.titrebloc {
  margin: 1em 1.4rem 0 2.5rem;
}
.titrebloc {
  padding: 0;
  color: #0091EA;
  font-size: 1.3em;
  margin: 1em;
  text-transform: uppercase;
}
/* --- FIN TITRE BLOC --- */
/* --- TITRE SANS FIELDSET --- */
/* Bulle */
#main article .bulle {
  -moz-border-radius: 2px;
  background: none repeat scroll 0 0 #ffffff;
  border: 1px solid #D3E1FF;
  margin: 1em;
  padding: 20px 1em;
  border-radius: 2px;
  position: relative;
}
.fieldset bulle {
  margin: 5px 0 10px;
}
.bulle a.close {
  position: absolute;
  top: 5px;
  right: 10px;
  color: #cccccc;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
}
/* --- FIN TITRE SANS FIELDSET --- */
/* --- TABLEAU POUR LA MESSAGERIE --- */
.tabmsg > table th {
  background-color: #f9f9f9;
  border: none;
  color: #cccccc;
  height: 40px;
  padding: 0 0 0 10px;
  font-weight: normal;
  letter-spacing: -1px;
  font-size: 15px;
  border-bottom: 1px #7AB6D5 solid;
  font-family: arial;
  text-align: left;
}
.tabmsg > table th .sort {
  font-size: 12px;
  margin-left: 6px;
  visibility: hidden;
}
.tabmsg > table th:hover .sort {
  visibility: visible;
}
.tabmsg > table th a {
  color: #cccccc;
}
.tabmsg > table th a:hover {
  text-decoration: none;
  color: #0091EA;
}
.tabmsg > table th.col1 {
  width: 5%;
}
.tabmsg > table th.col2 {
  width: 3%;
}
.tabmsg > table th.col3 {
  width: 12%;
}
.tabmsg > table th.col4 {
  width: 63%;
}
.tabmsg > table th.col5 {
  width: 17%;
}
.tabmsg > table td {
  background-color: #f1f1f1;
  border: none;
  color: #222222;
  padding: 6px 10px 6px 10px;
  border-bottom: 1px solid #E5E5E5;
  cursor: pointer;
}
.tabmsg > table td.iconpj {
  padding: 0 0 0 6px;
  text-align: center;
  color: #455A64;
}
.tabmsg > table tr td a,
.tabmsg > table tr td a:visited {
  color: #222;
}
.tabmsg > table tr td a:hover {
  text-decoration: none;
}
.tabmsg > table tr.nonlu td {
  font-weight: bold;
  background-color: #fff;
}
.tabmsg > table tr.checked td {
  background-color: #FFFFCC;
}
.tabmsg > table td.date {
  text-align: right;
}
/* Boutons pour tableau de messagerie*/
.btnmsg a.icon.iconnav:before {
  content: "\e110";
}
.btnmsg a.icon.iconnav:last-child:before {
  content: "\e111";
}
.btnmsg a.icon.iconnav:before {
  font-size: 24px;
}
.btnmsg {
  width: 49%;
  display: inline-block;
}
.btnmsg div,
.btnmsg a.icon {
  display: inline-block;
  background: #F2F2F2;
  border: 1px solid #D9D9D9;
  text-align: center;
  color: #808080;
  padding: 6px 30px;
  margin: 0 10px 0 0;
  cursor: pointer;
}
.btnmsg a.icon:hover {
  text-decoration: none;
}
.btnmsg div a {
  width: auto;
  display: block;
}
.btnmsg div.iconnav,
.btnmsg a.iconnav {
  padding: 6px 10px;
  margin: 0 4px 0 0;
}
.btnmsg a.icon.circle_arrow_left:before {
  content: "\e941";
}
.btnmsg a:first-child,
.btnmsg div:first-child {
  margin-left: 20px;
}
.btnmsg div:hover,
.btnmsg a.icon:hover {
  background: #F4F4F4;
  border: 1px solid #c6c6c6;
  color: #0091EA;
}
.btnmsg.alignright {
  text-align: right;
}
.btnmsg > span {
  font-size: 14px;
  padding: 0 10px;
  font-family: arial;
}
/* Consultation de message */
.consultmsg {
  margin: 10px 20px;
}
.consultmsg .objet {
  background-color: #f9f9f9;
  color: #455A64;
  font-size: 15px;
  border-bottom: 1px #7AB6D5 solid;
  font-family: arial;
  padding: 10px 30px;
  font-weight: bold;
}
.consultmsg .corp {
  padding: 10px 30px;
  border-bottom: 1px solid #E5E5E5;
}
.consultmsg .infomsg {
  padding: 4px 0 0 0;
}
.consultmsg .infomsg span {
  font-weight: bold;
  display: inline-block;
  min-width: 80px;
  margin-left: 30px;
}
.consultmsg .pj {
  margin: 10px 30px;
}
.consultmsg .pj a {
  display: inline-block;
  border: 1px solid #D9D9D9;
  background: #F4F4F4;
  padding: 4px 10px;
  margin-right: 10px;
  color: #37474f;
  border-radius: 2px;
  font-size: 12px;
}
.consultmsg .pj a:before {
  font-family: 'icomoon';
  content: "\e0c0";
  font-size: 16px;
}
.consultmsg .pj a:hover {
  text-decoration: none;
  border-color: #c6c6c6;
}
.consultmsg .pj a:hover span {
  color: #0091EA;
}
.consultmsg .pj a span,
td.iconpj span {
  font-family: 'icomoon';
  margin-right: 5px;
  font-size: 18px;
  vertical-align: top;
  font-weight: normal;
}
td.iconpj span:before {
  content: "\e0c0";
}
/* --- FIN TABLEAU POUR LA MESSAGERIE --- */
/* --- FIN BLOC INFO FIN DE PAGE --- */
.infosImage div {
  width: calc(100% - 1em);
  text-align: center;
  margin: 0.5em;
  margin-bottom: 2em;
}
.infosImage i {
  padding: 2rem;
  background: #f1f1f1;
  display: inline-block;
  border-radius: 50px;
}
@media (min-width: 740px) {
  .infosImage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .infosImage div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}
/* --- FIN BLOC INFO FIN DE PAGE --- */
/* --- BLOC INFO FIN DE PAGE V2 --- */
.infosImagev2 {
  background-color: #f9f9f9;
  margin-left: 1.4rem;
  margin-right: 1.4rem;
  padding: 2rem 0;
}
.infosImagev2 div {
  width: calc(100% - 1em);
  text-align: center;
  margin: 0.5em;
  margin-bottom: 2em;
}
.infosImagev2 i {
  padding: 2rem;
  color: #f1f1f1;
  display: inline-block;
  border-radius: 50px;
  font-size: 4rem;
  background: #37474f;
}
@media (min-width: 740px) {
  .infosImagev2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .infosImagev2 div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}
/* --- FIN BLOC INFO FIN DE PAGE V2 --- */
/* --- BANDEAU 12 FOIS SANS FRAIS --- */
#bandeau12fsf span {
  display: inline-block;
}
#bandeau12fsf {
  position: relative;
  padding: 1em;
}
#bandeau12fsf span span.bandeaumin {
  font-size: 0.8em;
}
@media (max-width: 739px) {
  #btn12foissansfrais {
    display: none;
  }
  #bandeau12fsf {
    background: none repeat scroll 0 0 #fcf8e3;
  }
}
@media (min-width: 740px) {
  #btn12foissansfrais {
    display: inline-block;
    top: 0;
    position: absolute;
    margin-left: 20px;
  }
  #bandeau12fsf {
    background: none;
  }
}
/* --- FIN BANDEAU 12 FOIS SANS FRAIS --- */
/* --- FIN LISTE BLOC 50% --- */
#main article ul.listeBlocPaire {
  list-style: none;
  padding: 0 1em 0 0;
  margin: 0;
  text-align: center;
}
#main article ul.listeBlocPaire li {
  display: inline-block;
  padding: 1em;
  background-color: #f1f1f1;
  text-align: center;
  vertical-align: top;
  margin: 0.5em 0em 0.5em 1em;
  position: relative;
  border-radius: 2px;
  width: calc(100% - 3em);
  overflow: hidden;
}
#main article ul.listeBlocPaire li i {
  color: #455A64;
}
#main article ul.listeBlocPaire li hr {
  margin: 0.5em 0;
  background: #e2e2e2;
  height: 0.1em;
  border: 0;
}
#main article ul.listeBlocPaire li a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: block;
}
#main article ul.listeBlocPaire li a > span {
  background: rgba(0, 0, 0, 0.8);
  color: #FFF;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: -100%;
  position: absolute;
  -webkit-transition: all 1s ease-in;
  transition: all 0.3s ease-in;
}
#main article ul.listeBlocPaire li a > span span {
  margin: auto;
  padding: 1em;
}
#main article ul.listeBlocPaire li a:hover > span {
  top: 0;
}
#main article .blocInfos.avecFond > ul.listeBlocPaire li {
  background-color: #fff;
}
@media (min-width: 740px) {
  #main article ul.listeBlocPaire {
    text-align: left;
  }
  #main article ul.listeBlocPaire {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  #main article ul.listeBlocPaire li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: calc(50% - 3em);
    max-width: calc(50% - 3em);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  }
}
/* --- FIN LISTE BLOC 50% --- */
/* --- TITRE ESP SOC --- */
#titreEspSoc {
  background-color: #e2e2e2;
  margin: 0 1em 1rem;
}
#titreEspSoc span {
  text-transform: uppercase;
  font-weight: 300;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
  font-size: 1.2em;
  padding: 0.5em 0;
  width: calc(100% - 7rem);
}
#titreEspSoc .icomoon {
  color: #fff;
  width: 40px;
  line-height: 55px;
  display: inline-block;
  text-align: center;
  margin-right: 1.8rem;
  background-color: #1565C0;
  vertical-align: middle;
}
@media (min-width: 740px) {
  #titreEspSoc span {
    font-size: 1.5em;
    padding: 0;
  }
  #titreEspSoc .icomoon {
    line-height: 40px;
  }
}
/* --- FIN TITRE ESP SOC --- */
/* POPUPS */
#popupOverlay.popupOverlayV2 {
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 40;
  top: 0;
  opacity: 0;
  right: 100%;
  transition: 0s right 0.4s ease, opacity 0.4s ease;
  display: block;
}
#popupOverlay.popupOverlayV2.affichePopup {
  opacity: 1;
  right: 0;
  transition: 0s right 0s ease, opacity 0.4s ease;
}
.popupOverlayV2 #closePopupOverlay {
  top: 0;
  right: -4em;
  color: #fff;
  padding: 0;
  position: fixed;
  text-transform: uppercase;
  height: 3em;
  transition: 0.4s right 0.4s ease;
  width: 100%;
  text-align: right;
  height: calc(100% - 70% - 2em);
  display: none;
}
.popupOverlayV2.affichePopup #closePopupOverlay {
  right: 0;
  display: block;
}
.popupOverlayV2 #closePopupOverlay .icomoon {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
}
.popupOverlayV2 #popupContent {
  padding: 1em;
  line-height: 1.6em;
  text-align: justify;
  overflow: auto;
  background: #fff;
  position: fixed;
  height: 70%;
  bottom: -100%;
  transition: bottom 0.4s ease;
  color: #000;
  width: calc(100% - 2em);
}
.popupOverlayV2.affichePopup #popupContent {
  bottom: 0;
}
/* FIN POPUPS */
/* --- POPIN ASSISTANCE --- */
.PopinAssistance {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 20;
  width: 100%;
  transition: width 0.25s ease, right 0.25s ease, bottom 0.25s ease 0.25s;
}
.PopinAssistance .titrePopinAssistance {
  background: #0091EA;
  line-height: 5rem;
  color: #fff;
  font-size: 1.1em;
  padding: 0 1rem;
  cursor: pointer;
}
.PopinAssistance .titrePopinAssistance:after {
  content: "\e20b";
  position: absolute;
  right: 2rem;
  font-family: 'icomoon';
  font-size: 2em;
}
.PopinAssistance .titrePopinAssistance .icomoon {
  background: #fff;
  border-radius: 50%;
  color: #0091EA;
  padding: 0.5rem;
  line-height: 4rem;
  vertical-align: middle;
  transition: all ease 0.5s;
  /* FIX IE 11 */
  line-height: 24px;
  height: 24px;
  width: 24px;
  display: inline-block;
}
.PopinAssistance .titrePopinAssistance span {
  vertical-align: middle;
  padding-left: 1rem;
  opacity: 1;
}
.PopinAssistance .containPopinAssistance {
  background: #fff;
  height: 200px;
  padding: 1em;
}
@media (max-width: 739px) {
  .PopinAssistance.normal {
    bottom: -228px;
  }
  .PopinAssistance.normal .titrePopinAssistance {
    transition: background-color 0.25s ease 0.5s;
  }
  .PopinAssistance.mini:not(.miseEnAvant) {
    bottom: -222px;
    right: calc(-100% + 54px);
    transition: width 0.25s ease 0.25s, right 0.25s ease 0.25s, bottom 0.25s ease;
  }
  .PopinAssistance.mini:not(.miseEnAvant) .titrePopinAssistance {
    border-radius: 4px 0 0 4px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  }
  .PopinAssistance.mini:not(.miseEnAvant) .containPopinAssistance {
    visibility: hidden;
  }
  .PopinAssistance.miseEnAvant {
    right: 0;
    bottom: -222px;
  }
  .PopinAssistance.miseEnAvant .titrePopinAssistance:after {
    content: "\e20a";
  }
  .PopinAssistance.miseEnAvant .containPopinAssistance {
    visibility: hidden;
  }
}
@media (min-width: 740px) {
  .PopinAssistance {
    width: 340px;
    right: 4px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  }
  .PopinAssistance .titrePopinAssistance {
    border-radius: 4px 4px 0 0;
  }
  .PopinAssistance.mini {
    bottom: -228px;
    width: 230px;
    transition: width 0.25s ease 0.25s, bottom 0.25s ease;
  }
  .PopinAssistance.mini .titrePopinAssistance:after {
    content: "\e20a";
  }
}
/* --- FIN POPIN ASSISTANCE --- */
/* --- Tooltip --- */
/*bulle*/
a.bubble {
  text-decoration: none;
  cursor: help;
  background: url(/images/popupbubble-12x12.gif) no-repeat;
  width: 14px;
  height: 12px;
}
div.bubble,
span.bubble {
  cursor: help;
  display: inline-block;
  width: 24px;
  height: 20px;
  vertical-align: middle;
  font-weight: normal;
  position: relative;
}
div.bubble:before,
span.bubble:before {
  content: "\e9d5";
  font-family: 'icomoon';
  font-size: 18px;
  margin-left: 2px;
  color: #0091EA;
  font-weight: normal;
}
/* fin bulle*/
/* messagerie */
#main article .card-container div p b {
  word-wrap: break-word;
}
/* fin messagerie */
/*aide*/
.txtaide {
  cursor: help;
  display: inline-block;
  width: 24px;
  height: 20px;
  vertical-align: middle;
  font-weight: normal;
  position: relative;
}
.txtaide:before {
  content: "\e9d5";
  font-family: 'icomoon';
  font-size: 18px;
  margin-left: 2px;
  color: #0091EA;
  font-weight: normal;
}
.txtaide div,
.txtaide span {
  display: none;
}
/*fin aide*/
/*tooltip*/
.opentip img {
  width: 100%;
}
.opentip-container,
.opentip-container * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.opentip-container {
  position: absolute;
  max-width: 400px;
  z-index: 100;
  -webkit-transition: -webkit-transform 1s ease-in-out;
  -moz-transition: -moz-transform 1s ease-in-out;
  -o-transition: -o-transform 1s ease-in-out;
  -ms-transition: -ms-transform 1s ease-in-out;
  transition: transform 1s ease-in-out;
  pointer-events: none;
  -webkit-transform: translateX(0) translateY(0);
  -moz-transform: translateX(0) translateY(0);
  -o-transform: translateX(0) translateY(0);
  -ms-transform: translateX(0) translateY(0);
  transform: translateX(0) translateY(0);
}
.opentip-container.ot-fixed.ot-hidden.stem-top.stem-center,
.opentip-container.ot-fixed.ot-going-to-show.stem-top.stem-center,
.opentip-container.ot-fixed.ot-hiding.stem-top.stem-center {
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
}
.opentip-container.ot-fixed.ot-hidden.stem-top.stem-right,
.opentip-container.ot-fixed.ot-going-to-show.stem-top.stem-right,
.opentip-container.ot-fixed.ot-hiding.stem-top.stem-right {
  -webkit-transform: translateY(-5px) translateX(5px);
  -moz-transform: translateY(-5px) translateX(5px);
  -o-transform: translateY(-5px) translateX(5px);
  -ms-transform: translateY(-5px) translateX(5px);
  transform: translateY(-5px) translateX(5px);
}
.opentip-container.ot-fixed.ot-hidden.stem-middle.stem-right,
.opentip-container.ot-fixed.ot-going-to-show.stem-middle.stem-right,
.opentip-container.ot-fixed.ot-hiding.stem-middle.stem-right {
  -webkit-transform: translateX(5px);
  -moz-transform: translateX(5px);
  -o-transform: translateX(5px);
  -ms-transform: translateX(5px);
  transform: translateX(5px);
}
.opentip-container.ot-fixed.ot-hidden.stem-bottom.stem-right,
.opentip-container.ot-fixed.ot-going-to-show.stem-bottom.stem-right,
.opentip-container.ot-fixed.ot-hiding.stem-bottom.stem-right {
  -webkit-transform: translateY(5px) translateX(5px);
  -moz-transform: translateY(5px) translateX(5px);
  -o-transform: translateY(5px) translateX(5px);
  -ms-transform: translateY(5px) translateX(5px);
  transform: translateY(5px) translateX(5px);
}
.opentip-container.ot-fixed.ot-hidden.stem-bottom.stem-center,
.opentip-container.ot-fixed.ot-going-to-show.stem-bottom.stem-center,
.opentip-container.ot-fixed.ot-hiding.stem-bottom.stem-center {
  -webkit-transform: translateY(5px);
  -moz-transform: translateY(5px);
  -o-transform: translateY(5px);
  -ms-transform: translateY(5px);
  transform: translateY(5px);
}
.opentip-container.ot-fixed.ot-hidden.stem-bottom.stem-left,
.opentip-container.ot-fixed.ot-going-to-show.stem-bottom.stem-left,
.opentip-container.ot-fixed.ot-hiding.stem-bottom.stem-left {
  -webkit-transform: translateY(5px) translateX(-5px);
  -moz-transform: translateY(5px) translateX(-5px);
  -o-transform: translateY(5px) translateX(-5px);
  -ms-transform: translateY(5px) translateX(-5px);
  transform: translateY(5px) translateX(-5px);
}
.opentip-container.ot-fixed.ot-hidden.stem-middle.stem-left,
.opentip-container.ot-fixed.ot-going-to-show.stem-middle.stem-left,
.opentip-container.ot-fixed.ot-hiding.stem-middle.stem-left {
  -webkit-transform: translateX(-5px);
  -moz-transform: translateX(-5px);
  -o-transform: translateX(-5px);
  -ms-transform: translateX(-5px);
  transform: translateX(-5px);
}
.opentip-container.ot-fixed.ot-hidden.stem-top.stem-left,
.opentip-container.ot-fixed.ot-going-to-show.stem-top.stem-left,
.opentip-container.ot-fixed.ot-hiding.stem-top.stem-left {
  -webkit-transform: translateY(-5px) translateX(-5px);
  -moz-transform: translateY(-5px) translateX(-5px);
  -o-transform: translateY(-5px) translateX(-5px);
  -ms-transform: translateY(-5px) translateX(-5px);
  transform: translateY(-5px) translateX(-5px);
}
.opentip-container.ot-fixed .opentip {
  pointer-events: auto;
}
.opentip-container.ot-hidden {
  display: none;
}
.opentip-container .opentip {
  position: relative;
  /*font-size: 13px;
  line-height: 120%;*/
  padding: 9px 14px;
  /*color: #4f4b47;
  text-shadow: -1px -1px 0px rgba(255,255,255,0.2);*/
  text-align: left;
}
.opentip-container .opentip .header {
  margin: 0;
  padding: 0;
}
.opentip-container .opentip .ot-close {
  pointer-events: auto;
  display: block;
  position: absolute;
  top: -12px;
  left: 60px;
  color: rgba(0, 0, 0, 0.5);
  background: rgba(0, 0, 0, 0);
  text-decoration: none;
}
.opentip-container .opentip .ot-close span {
  display: none;
}
.opentip-container .opentip .ot-content h3 {
  margin-top: 0;
  text-transform: uppercase;
}
.opentip-container .opentip .ot-loading-indicator {
  display: none;
}
.opentip-container.ot-loading .ot-loading-indicator {
  width: 30px;
  height: 30px;
  font-size: 30px;
  line-height: 30px;
  font-weight: bold;
  display: block;
}
.opentip-container.ot-loading .ot-loading-indicator span {
  display: block;
  -webkit-animation: otloading 2s linear infinite;
  -moz-animation: otloading 2s linear infinite;
  -o-animation: otloading 2s linear infinite;
  -ms-animation: otloading 2s linear infinite;
  animation: otloading 2s linear infinite;
  text-align: left;
}
.opentip-container.style-dark .opentip,
.opentip-container.style-alert .opentip {
  color: #f8f8f8;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);
}
.opentip-container.style-glass .opentip {
  padding: 15px 25px;
  color: #317cc5;
  text-shadow: 1px 1px 8px rgba(0, 94, 153, 0.3);
}
.opentip-container.ot-hide-effect-fade {
  -webkit-transition: -webkit-transform 0.5s ease-in-out, opacity 1s ease-in-out;
  -moz-transition: -moz-transform 0.5s ease-in-out, opacity 1s ease-in-out;
  -o-transition: -o-transform 0.5s ease-in-out, opacity 1s ease-in-out;
  -ms-transition: -ms-transform 0.5s ease-in-out, opacity 1s ease-in-out;
  transition: transform 0.5s ease-in-out, opacity 1s ease-in-out;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.opentip-container.ot-hide-effect-fade.ot-hiding {
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.opentip-container.ot-show-effect-appear.ot-going-to-show,
.opentip-container.ot-show-effect-appear.ot-showing {
  -webkit-transition: -webkit-transform 0.5s ease-in-out, opacity 1s ease-in-out;
  -moz-transition: -moz-transform 0.5s ease-in-out, opacity 1s ease-in-out;
  -o-transition: -o-transform 0.5s ease-in-out, opacity 1s ease-in-out;
  -ms-transition: -ms-transform 0.5s ease-in-out, opacity 1s ease-in-out;
  transition: transform 0.5s ease-in-out, opacity 1s ease-in-out;
}
.opentip-container.ot-show-effect-appear.ot-going-to-show {
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.opentip-container.ot-show-effect-appear.ot-showing {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.opentip-container.ot-show-effect-appear.ot-visible {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
@-moz-keyframes otloading {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes otloading {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes otloading {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes otloading {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes otloading {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* --- Fin Tooltip --- */
/* Fix autoCheck */
form label.error {
  display: none !important;
}
/* Fin fix autoCheck*/
/* --- FRISE --- */
#frise {
  margin: 1em auto 5em auto;
  position: relative;
  width: calc(100% - 5em);
}
#frise:before {
  content: "";
  width: calc(100% - 2em);
  border-bottom: 3px solid #d2d2d2;
  display: inline;
  position: absolute;
  left: 1em;
  top: 12px;
}
#frise > div {
  background: #fff;
  border-radius: 50%;
  height: 26px;
  width: 26px;
  z-index: 1;
}
#frise > div .elementFrise {
  display: none;
}
#frise > div:before {
  content: "1";
  color: #d2d2d2;
  font-weight: 500;
  text-align: center;
  line-height: 20px;
  width: 20px;
  height: 20px;
  border: 3px solid #d2d2d2;
  border-radius: 50%;
  display: inline-block;
  background-color: #fff;
}
#frise > div:nth-child(2):before {
  content: "2";
}
#frise > div:nth-child(3):before {
  content: "3";
}
#frise > div:nth-child(4):before {
  content: "4";
}
#frise > div:nth-child(5):before {
  content: "5";
}
#frise > div:nth-child(6):before {
  content: "6";
}
#frise > div:nth-child(7):before {
  content: "7";
}
#frise > div:nth-child(8):before {
  content: "8";
}
#frise > div:nth-child(9):before {
  content: "9";
}
#frise > div.etapeValide:before {
  border-color: #1565C0;
  color: #1565C0;
}
#frise > div.etapeValide:after {
  content: "";
  border-bottom: 3px solid #1565C0;
  position: absolute;
  top: 12px;
}
#frise > div.friseon {
  background: #1565C0;
  height: 32px;
  margin-top: -3px;
  width: 32px;
}
#frise > div.friseon .elementFrise {
  color: #37474f;
  display: block;
  position: absolute;
  top: 2.5em;
  width: 100%;
  left: 0;
  font-weight: 500;
  text-align: center;
}
#frise > div.friseon:before {
  border-color: #1565C0;
  color: #fff;
  background-color: #1565C0;
  width: 26px;
  height: 26px;
  margin-top: 0;
  line-height: 26px;
  font-size: 1.1em;
}
#frise.etape2 > div {
  margin-right: calc(100% - 60px);
}
#frise.etape2 > div.etapeValide:after {
  width: calc(100% - 60px);
}
#frise.etape3 > div {
  margin-right: calc((100% - 86px)/2);
}
#frise.etape3 > div.etapeValide:after {
  width: calc((100% - 86px)/2);
}
#frise.etape4 > div {
  margin-right: calc((100% - 112px)/3);
}
#frise.etape4 > div.etapeValide:after {
  width: calc((100% - 112px)/3);
}
#frise.etape5 > div {
  margin-right: calc((100% - 138px)/4);
}
#frise.etape5 > div.etapeValide:after {
  width: calc((100% - 138px)/4);
}
#frise.etape6 > div {
  margin-right: calc((100% - 164px)/5);
}
#frise.etape6 > div.etapeValide:after {
  width: calc((100% - 164px)/5);
}
#frise.etape7 > div {
  margin-right: calc((100% - 190px)/6);
}
#frise.etape7 > div.etapeValide:after {
  width: calc((100% - 190px)/6);
}
#frise.etape8 > div {
  margin-right: calc((100% - 216px)/7);
}
#frise.etape8 > div.etapeValide:after {
  width: calc((100% - 216px)/7);
}
#frise.etape9 > div {
  margin-right: calc((100% - 242px)/8);
}
#frise.etape9 > div.etapeValide:after {
  width: calc((100% - 242px)/8);
}
@media (min-width: 740px) {
  #frise > div > .elementFrise {
    color: #878787;
    display: block;
    margin-top: 0.5em;
    margin-left: -2em;
    min-width: 85px;
    text-align: center;
  }
  #frise > div.etapeValide:after {
    margin-left: 26px;
  }
  #frise > div.friseon .elementFrise {
    position: relative;
    top: 0;
    margin-top: 0.3em;
  }
}
@media (min-width: 992px) {
  #frise.etape8 > div > .elementFrise {
    margin-left: -4rem;
    min-width: 11rem;
  }
  #frise.etape7,
  #frise.etape6 {
    width: calc(100% - 8em);
  }
  #frise.etape7 > div > .elementFrise {
    margin-left: -5rem;
    min-width: 12rem;
  }
  #frise.etape6 > div > .elementFrise {
    margin-left: -6rem;
    min-width: 14rem;
  }
  #frise.etape5 {
    width: calc(100% - 10em);
  }
  #frise.etape5 > div > .elementFrise {
    margin-left: -7rem;
    min-width: 17rem;
  }
  #frise.etape4 {
    width: calc(100% - 10em);
  }
  #frise.etape4 > div > .elementFrise {
    margin-left: -7rem;
    min-width: 17rem;
  }
  #frise.etape3 {
    width: calc(100% - 14em);
  }
  #frise.etape3 > div > .elementFrise {
    margin-left: -9rem;
    min-width: 21rem;
  }
}
/* --- ELEMENTS DE BASE --- */
#main article ul,
#main article p,
#main article ol {
  font-family: inherit;
}
#main article .field > button,
#main article .field > .button {
  padding: 0.4em 1em;
  margin-top: 2px;
  margin-left: 0.2em;
  min-width: auto;
}
@media (min-width: 740px) {
  #main article {
    background: transparent;
  }
}
/* --- FIN ELEMENTS DE BASE --- */
/* --- BLOC TITRE --- */
.blocTitre.blocTitreV2 {
  background-image: linear-gradient(#1858c2, #0f3d8a);
  color: #fff;
}
/* --- FIN BLOC TITRE --- */
/* --- FIELDSET --- */
#main article fieldset.fieldsetPlusMoins legend {
  width: calc(100% - 5rem);
}
@media (min-width: 740px) {
  #main article fieldset.fieldsetPlusMoins legend {
    width: calc(100% - 8rem);
  }
}
/* --- FIN FIELDSET --- */
/* --- BANDEAU OPERATION --- */
#main article .bandeau-operation button,
#main article .bandeau-operation .button {
  font-size: 1.3rem;
}
/* --- FIN BANDEAU OPERATION --- */
/* --- BLOC INFOS --- */
#main article .conteneurBlocsContact .blocContact {
  width: 100%;
  border: 1px solid #e2e2e2;
  background: #fff;
}
#main article .conteneurBlocsContact .blocContact .titreContact {
  background: #37474f;
  color: #fff;
  height: 40px;
  line-height: 40px;
  padding: 0.2em 1.4rem;
  border-bottom: 1px #e2e2e2 solid;
  text-transform: uppercase;
  font-size: 1.2em;
  font-weight: 300;
}
#main article .conteneurBlocsContact .blocContact .centrerNousAppeler {
  margin-top: 10%;
}
.recap-title {
  background-color: #5e6b72;
}
/* --- FIN BLOC INFOS --- */
/* --- BLOC HORAIRES D'APPEL --- */
#main article #tabHoraires table {
  margin: 1em 14px;
  margin: 1em 1.4rem;
  width: calc(100% - 15px);
}
.horaires_v {
  background-color: #358400;
}
.horaires_o {
  background-color: #F27F00;
}
.horaires_r {
  background-color: #D02727;
}
.horaires_f {
  background-color: #808080;
}
#tabHoraires .legende {
  color: #fff;
}
#tabHoraires .legende span {
  padding: 5px;
}
span#actu-periode-couleur {
  padding-right: 30px;
  margin-left: 10px;
}
/* --- FIN BLOC HORAIRES D'APPEL --- */
/* --- BLOC CONTACTEZ AUSSI --- */
#opticiensPartenaires {
  font-size: 0.8em;
  font-weight: normal;
  text-transform: initial;
}
#main article #sourdline p {
  display: inline-block;
  margin: 1em 0 1em 14px;
  margin: 1em 0 1em 1.4rem;
  vertical-align: top;
  width: 50px;
}
#main article #sourdline p:last-child {
  padding-left: 0;
  width: 62%;
}
/* --- FIN BLOC CONTACTEZ AUSSI --- */
/* --- TABLEAU POUR LE DEVIS IARD --- */
#main article .tabdevis .field.choixFormuleDevis {
  display: none;
}
.tabdevis .colActif {
  background-color: #f0f6fd;
}
.tabdevis thead th.colActif {
  background-color: #1565C0;
  color: #fff;
}
.titreformule {
  margin: 0 0.5em;
  padding: 0.2em 0;
}
.titreformule i {
  vertical-align: middle;
  background: #fff;
  color: #1565C0;
  padding: 2px;
  border-radius: 50%;
}
.tabdevis thead th.colActif .titreformule {
  border-color: #fff;
}
.tabdevis .tabBtn td {
  background: #37474f;
}
.tabdevis .tabBtn td.sansbordure {
  background: transparent;
}
#main .tabdevis .tabBtn td button {
  background: #37474f;
  box-shadow: none;
  font-size: 0.9em;
  text-transform: initial;
  font-weight: 400;
  border: 2px solid #fff;
  padding: 0.2em 0.5em;
  border-radius: 3px;
}
.tabdevis table tfoot {
  display: none;
}
/* --- FIN TABLEAU POUR LE DEVIS IARD --- */
/* --- TABLEAU MRSQ */
.tabdevis .titresection {
  background-color: #455A64;
  color: #fff;
}
/* --- FIN TABLEAU MRSQ */
/* --- ESPACEDEVIS --- */
#main article .card-container {
  /*** MRSQ ***/
  /*** SANTE ***/
  /*** MGAR ***/
  /*** SCOL ***/
  /*** EPARGNE CREDIT ***/
  /*** PROS ***/
  /*** JEUNES ***/
}
#main article .card-container .card ul {
  padding: 0 1em;
}
#main article .card-container .card.mrsq .titrecard {
  background: #004d9d;
  color: #fff;
}
#main article .card-container .card.mrsq .titrecard i:before {
  content: "\e230";
}
#main article .card-container .card.sante .titrecard {
  background: #6BB3B3;
  color: #fff;
}
#main article .card-container .card.sante .titrecard i:before {
  content: "\e900";
}
#main article .card-container .card.mgar .titrecard {
  background: #004d9d;
  color: #fff;
}
#main article .card-container .card.mgar .titrecard i:before {
  content: "\e914";
}
#main article .card-container .card.scol .titrecard {
  background: #6BB3B3;
  color: #fff;
}
#main article .card-container .card.scol .titrecard i:before {
  content: "\e923";
}
#main article .card-container .card.epargne .titrecard {
  background: #e5004b;
  color: #fff;
}
#main article .card-container .card.epargne .titrecard i:before {
  content: "\e915";
}
#main article .card-container .card.pros .titrecard {
  background: #56AF31;
  color: #fff;
}
#main article .card-container .card.pros .titrecard i:before {
  content: "\e95a";
}
#main article .card-container .card.jeunes .titrecard {
  background: #FFA000;
  color: #fff;
}
#main article .card-container .card.jeunes .titrecard i:before {
  content: "\e923";
}
@media (min-width: 1200px) {
  #main article.espacedevis div.listedevis {
    text-align: center;
  }
}
/* ---  FIN ESPACEDEVIS --- */