.articleContent{
  color: #666666;
}

  .articleContent h1 {
    color: #fe5815;
        margin-top: 37px;
  }

  .articleContent h2 {
    padding: 5px 0;
    margin-bottom: 0;
    margin-top: 0;
  }

  .articleContent h2[class^="title_"] {
    padding-left: 10px;
    }
  .articleContent #corp{
    padding-right:30px
  }

  .articleContent .page {
    margin-top: 0px;
  }

  .articleContent .tittle-article {
    color: #005bbb;
    font-family: Frutiger, Helvetica, sans-serif;
    font-size: 2.5em;
  }

  .articleContent .lien-article {
    color: #005bbb;
    text-decoration: underline;
    display: initial;
    font-size: 1em;
  }

  .articleContent .subtitle {
    font-family: Frutiger, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 1.5em;
  }

  .articleContent .chapo {
    font-family: Frutiger, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 1.38em;
  }

  .articleContent .list-article {
    margin-bottom: 20px;
  }

  .articleContent .list-article-2 {
    margin-top: 80px;
  }

  .articleContent .contenu-article ul li {
    padding: 0 51.5px;
  }

  .articleContent .img_left {
    float: left;
    margin-right: 20px;
  }

  .articleContent .dot_list {
    margin-right: 10px;
    margin-bottom: 2px;
  }

  .articleContent .title_list_article {
    font-family: Frutiger, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 1.25em;
    margin-bottom: -15px;
  }

  .articleContent #table {
    margin-bottom: 80px;
    margin-top: 80px;
  }

  .articleContent #separate {
    border-bottom: solid 1px #dcdcdc;
  }

  .articleContent .title_table_article {
    font-family: Frutiger, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 1.25em;
  }

  .articleContent #ligne_1 {
    margin-bottom: 20px;
  }

  .articleContent #ligne_2 {
    margin-top: 20px;
  }

  .articleContent .ligne_table {
    padding-right: 30px;
  }

  .articleContent #ligne-1 {
    border-right: solid 1px #dcdcdc;
    padding-right: 50px;
  }

  .articleContent #ligne-2 {
    border-right: solid 1px #dcdcdc;
    padding-right: 50px;
  }

  .articleContent .col2 {
    padding-left: 50px;
  }

  .articleContent .chevron {
    margin-right: 10px;
  }

  .articleContent .bloc_side {
    background-color: #f8f8f8;
    margin-bottom: 45px;
  }

  .articleContent .img_bloc {
    width: 100%;
  }

  .articleContent .text-bloc {
    padding: 0 11px 10px 35px;
  }

  .articleContent .bloc_title {
    font-family: Frutiger, Helvetica, sans-serif;
    color: #fe5815;
    font-size: 1.25em;
    text-transform: uppercase;
  }

  .articleContent .bloc_content {
    font-family: Frutiger, Helvetica, sans-serif;
    color: #484848;
  }

  .articleContent #bloc-infographie {
    background-color: #f0f3f4;
  }

  .articleContent .bloc_infographie {
    background-color: #f0f3f4;
  }

  .articleContent .text_encadre_1 {
    font-family: Frutiger, Helvetica, sans-serif;
    font-weight: bold;
    color: #ffffff;
    font-size: 1.13em;
    text-transform: uppercase;
  }

  .articleContent .text_encadre_2 {
    font-family: Frutiger, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 1.13em;
  }

  .articleContent .text_encadre_3 a {
    font-family: Frutiger, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 1.1em;
    margin-top: 40px;
    text-align: left;
  }

  .articleContent .bloc_mag {
    background-color: #fff;
  }

  .articleContent hr {
    background-color: #E5E5E5;
    height: 1px;
    border: none;
  }

  .articleContent a {
    font-family: Frutiger, Helvetica, sans-serif;
    text-align: left;
  }

.bloc_content.text.textimage-text.wysiwyg-text{
    color: #b4b4b4;
}
/****************************** MEDIA QUERIES ****************************************/

@media screen and (max-width: 768px) {
    .articleContent #corp {
        padding-right: 0;
    }
}

#simplePage .wrap {
    max-width: 1145px;
    margin-left: auto;
    margin-right: auto;
}

#simplePage .breadcrumb{
    margin-top: 15px;
}

#simplePage h1 {
    color: #fe5815;
    margin-top: 37px;
    margin-bottom: 31px;
}



@media screen and (max-width: 1024px) {
    #simplePage .wrap_padding{
        padding-left: 20px;
        padding-right: 20px;
    }
}

.articlepagewithoutbloc{
  color: #666666;
}

.articlepagewithoutbloc h1 {
    color: #fe5815;
}

.articlepagewithoutbloc h2 {
    padding: 5px 10px;
    margin-bottom: 0;
}

.articlepagewithoutbloc .page {
  margin-top: 15px;
}

.articlepagewithoutbloc .tittle-article {
  color: #005bbb;
  font-size: 2.5em;
}

.articlepagewithoutbloc .lien-article {
  color: #005bbb;
  text-decoration: underline;
  display: initial;
  font-size: 1em;
}

.articlepagewithoutbloc .subtitle {
  font-family: Frutiger, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 1.5em;
}

.articlepagewithoutbloc .chapo {
  font-family: Frutiger, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 1.38em;
}

.articlepagewithoutbloc .list-article {
  margin-bottom: 20px;
}

.articlepagewithoutbloc .list-article-2 {
  margin-top: 80px;
}

.articlepagewithoutbloc .contenu-article ul li {
  padding: 0 51.5px;
}

.articlepagewithoutbloc .img_left {
  float: left;
  margin-right: 20px;
}

.articlepagewithoutbloc .dot_list {
  margin-right: 10px;
  margin-bottom: 2px;
}

.articlepagewithoutbloc .title_list_article {
  font-family: Frutiger, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 1.25em;
  margin-bottom: -15px;
}

.articlepagewithoutbloc #table {
  margin-bottom: 80px;
  margin-top: 80px;
}

.articlepagewithoutbloc #separate {
  border-bottom: solid 1px #dcdcdc;
}

.articlepagewithoutbloc .title_table_article {
  font-family: Frutiger, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 1.25em;
}

.articlepagewithoutbloc #ligne_1 {
  margin-bottom: 20px;
}

.articlepagewithoutbloc #ligne_2 {
  margin-top: 20px;
}

.articlepagewithoutbloc .ligne_table {
  padding-right: 30px;
}

.articlepagewithoutbloc #ligne-1 {
  border-right: solid 1px #dcdcdc;
  padding-right: 50px;
}

.articlepagewithoutbloc #ligne-2 {
  border-right: solid 1px #dcdcdc;
  padding-right: 50px;
}

.articlepagewithoutbloc .col2 {
  padding-left: 50px;
}

.articlepagewithoutbloc .chevron {
  margin-right: 10px;
}

.articlepagewithoutbloc .bloc_side {
  background-color: #f8f8f8;
  margin-bottom: 45px;
}

.articleContent .img_bloc {
  width: 100%;
}

.articlepagewithoutbloc .text-bloc {
  padding: 0 11px 10px 35px;
}

.articlepagewithoutbloc .bloc_title {
  font-family: Frutiger, Helvetica, sans-serif;
  color: #fe5815;
  font-size: 1.25em;
  text-transform: uppercase;
}

.articlepagewithoutbloc .bloc_content {
  font-family: Frutiger, Helvetica, sans-serif;
  color: #484848;
  font-size: 1.13em;
}

.articlepagewithoutbloc #bloc-infographie {
  background-color: #f0f3f4;
}

.articlepagewithoutbloc .bloc_infographie {
  background-color: #f0f3f4;
}

.articlepagewithoutbloc .text_encadre_1 {
  font-family: Frutiger, Helvetica, sans-serif;
  font-weight: bold;
  color: #ffffff;
  font-size: 1.13em;
  text-transform: uppercase;
}

.articlepagewithoutbloc .text_encadre_2 {
  font-family: Frutiger, Helvetica, sans-serif;
  color: #ffffff;
  font-size: 1.13em;
}

.articlepagewithoutbloc .text_encadre_3 a {
  font-family: Frutiger, Helvetica, sans-serif;
  color: #ffffff;
  font-size: 1.1em;
  margin-top: 40px;
  text-align: left;
}

.articlepagewithoutbloc .bloc_mag {
  background-color: #fff;
}

.articlepagewithoutbloc hr {
  background-color: #E5E5E5;
  height: 1px;
  border: none;
}

.articlepagewithoutbloc a {
  display: inline;
  font-family: Frutiger, Helvetica, sans-serif;
  font-size: inherit;
}

.articlepagewithoutbloc a:visited {
  display: inline;
}

#afe_accomodation-error,
#afe_insured-error {
  width: 80vw;
  padding: 0;
}

#afe_accomodation-error {
  margin-top: 1.5em;
  font-size: .95em;
}

#afe_insured label.error {
  font-size: .95em;
}

#afe_insured-error {
  margin-top: 5px;
}

#afe_insured .l-flex .form_row {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
}

#afe_insured .form_row .formulaire_leftcol,
#afe_insured .form_row .formulaire_rightcol {
  width: auto;
}

#afe_insured .form_row .formulaire_leftcol {
  flex: 0 1 auto;
  min-width: 7em;
}

#afe_insured .form_row .formulaire_rightcol {
  flex: 1;
}

#afe_insured .checkbox .bloc_checkbox {
  display: flex;
  align-items: center;
}

#afe_insured .custom-input {
  display: block;
  padding: 10px 10px 10px 15px;
  outline: none;
  border: solid 1px #cccccc;
  height: 50px;
  width: 100%;
  font-size: 15px;
  line-height: 16px;
  color: #666666;
  background-color: #ffffff;
  box-sizing: border-box;
}

#afe_insured .custom-input.gray-calendar {
  background: #ffffff url("assets/img/icons/calendar_grey@2x.png") no-repeat center right 10px;
  background-size: 27px 31px;
}

.ui-datepicker .ui-datepicker-title select {
  -webkit-writing-mode: horizontal-tb !important;
  text-rendering: auto;
  color: black;
  letter-spacing: normal;
  word-spacing: normal;
  text-transform: none;
  text-indent: 0px;
  text-shadow: none;
  display: inline-block;
  text-align: start;
  -webkit-appearance: menulist;
  box-sizing: border-box;
  align-items: center;
  white-space: pre;
  -webkit-rtl-ordering: logical;
  background-color: white;
  cursor: default;
  margin: 0em;
  font: 400 13.3333px Arial;
  border-radius: 0px;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(169, 169, 169);
  border-image: initial;
}

#afe_insured .info-msg .ico {
  display: inline-block;
  vertical-align: middle;
  width: 26px;
  height: 20px;
  background: url("assets/img/icons/ico_info@2x.png") no-repeat center center;
  background-size: 20px 20px;
}


#afe_insured_list .checkbox {
  margin-bottom: 30px;
}

#bloc-form {
  margin-bottom:105px;
}
.form-top {
  margin-top:30px;
  margin-bottom:30px;
}
#form-field {
  border:none;
  padding:0;
}
#form-field span, #form-field label{
  width:auto;
  display:inline;
  margin:0;
  padding:0;
}
#champs-content {
  margin-top:16px;
}
#form-field p {
  margin-bottom:33px;
}

form .title {
    margin-top: 15px;
    margin-bottom: 15px;
}

form .form_row {
    width: 100%;
    display: table;
    margin: 10px 0;
}

form .form_row .form_legendary {
    font-style: italic;
    font-size: 13px;
}

form .form_row .form_legendary {
    font-style: italic;
    font-size: 13px;
}

form .form_error {
    color: red;
}

form .form_row .formulaire_leftcol, form .form_row .form_leftcol {
    width: 28%;
    display: table-cell;
}
form .form_leftcolmark {
  float: left;
  padding-left: 2px;
  font-weight: bold;
}

form .form_leftcollabel {
  /*float: left;*/
  font-weight: bold;
}

form .form_row .formulaire_rightcol label.error{
  display:none;
}

form .form_row .formulaire_rightcol, form .form_row .form_rightcol {
    width: 70% !important;
    display: table-cell;
    padding-right: 10%;
}

form .form_row  #form_message textarea{
    width: 100%;
}


form .form_row input[type=text], form .form_row input[type="password"] {
    background-color: #eff2f4;
    height: 47px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    margin-bottom: 5px;
    border : none;
    width: 100%;
    box-sizing: border-box;
}

form .form_row input.error, span.error {
    border: 1px solid #F00;
}

form .form_row select {
    background-color: #eff2f4;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 45px;
    padding-left: 5px;
    margin-bottom: 5px;
    border : none;
    width: 100%;
}

form .form_row select::-ms-expand {
    display: none;
}

form .form_row input[type="text"][disabled] {
    background-color: #E1E5E8;
}

form .form_row label, form .form_row span.label {
    display: block;
    margin-left: 20px;
}

form .form_row label.nomargin {
  margin: 0;
}

form .form_row .formulaire_rightcol label.error {
    margin-left: 0;
}

form .form_row fieldset {
  border: none;
}

form .form_row legend {
  display: none;
}

form .form_row .other_label {
     display: inline;
    margin-left: 0;
}

form .form_row .disabled {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    background: rgba(225,225,225,0.5);
}

form .hide {
    display: none !important;
}

form .form_button_simple_blue {
    border: none;
    width: 230px;
    height: 60px;
    display: block;
    line-height: 1.3;
    font-family: Frutiger, Helvetica, sans-serif;
    color: #ffffff;
    background-color: #032492;
}

form .form_button_simple_grey {
    border: none;
    width: 230px;
    height: 60px;
    display: block;
    line-height: 1.3;
    font-family: Frutiger, Helvetica, sans-serif;
    color: #ffffff;
    background-color: #6a6a6a;
}

form .form_button_submit {
    float: right;
    border: none;
    width: 210px;
    height: 60px;
    display: block;
    line-height: 1.3;
    font-family: Frutiger, Helvetica, sans-serif;
    color: #ffffff;
    background-color: #032492;
}

form .form_button_reset {
    float: right;
    border: none;
    width: 210px;
    height: 60px;
    margin-right: 17px;
    margin-bottom: 42px;
    display: block;
    line-height: 1.3;
    font-family: Frutiger, Helvetica, sans-serif;
    color: #ffffff;
    background-color: #C0C0C0;
}
form .form_button_submit.i-chevron-right:before,
form .form_button_reset.i-chevron-right:before {
    font-size: .7em;
    padding-right: 5px;
}

form .section.end .form_rightcol {
    float: right !important;
    display: inline !important;
    clear: none !important;
    width: 100%;
}

.section.end .form_row {
    width: 100%;
}

.breadcrumb div div a, a[class*="lien_langue"] {
  display:inline;
}

/** Fixes above property for liseraiBlocContent component **/
.btn_liserai_bloc_content a.btn_liserai_bloc_content_link {
    display: block;
}

.encadre-content {
  background-color:#f3f3f3;
  padding:20px;
}

p[class*="footer"] {
  color: #ffffff;
}

.fond-gris {
  color:#474747;
  margin-bottom:20px;
}
.encadre-blanc {
  color:#474747;
  margin-left:23px;
  padding-top:20px;
}
.title-encadre-gris {
  font-size:1.38em;
  margin-bottom: 20px;
}
.text-gris {
  font-size:0.813em;
  color:#aeaeae;
  margin-top:-17px;
}
.input-style {
  width:30px;
  margin-right:10px;
}
.bloc_encadre{

}
.title_encadre{
  font-family: Frutiger, Helvetica, sans-serif;
  font-weight: bold;
  color:  #c4d600;
  font-size: 1.13em;
  text-transform: uppercase;
}
.text_encadre_1{
  font-family: Frutiger, Helvetica, sans-serif;
  font-weight: bold;
  color:  #ffffff;
  font-size: 1.13em;
  text-transform: uppercase;
}
.text_encadre_2{
  font-family: Frutiger, Helvetica, sans-serif;
  color:  #ffffff;
  font-size: 1.13em;
}
.text_encadre_3 a{
  font-family: Frutiger, Helvetica, sans-serif;
  color:  #ffffff;
  font-size: 1.1em;
  margin-top: 40px;
  text-align: left;
}

#bloc-mag{
  background-color:#ffffff;
  padding-bottom: 35px;
}

.text-light {
  font-family: Frutiger, Helvetica, sans-serif;
}

.autocomplete{
  background-color: #ededed;
  cursor: pointer;
}

.radio_accomodation{
  padding-top:23px;
}

.bloc_afe{
  padding:10px;
}



.zone_afe_holder{

}

.popup_afe{
  padding:20px;
  height: 435px;
  width:900px;
  background-color:white;
  left: 10%;
  top:0;
  border:2px solid #EFF2F4;
  position: absolute;
  z-index: 99999;
    /*--Les différentes définitions de Box Shadow en CSS3--*/
  -webkit-box-shadow: 0 0 20px #000;
  -moz-box-shadow: 0 0 20px #000;
  box-shadow: 0 0 20px #000;
  /*--Coins arrondis en CSS3--*/
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

#fade { /*--Masque opaque noir de fond--*/
  display: none; /*--masqué par défaut--*/
  cursor: pointer;
  display: none; /*--masqué par défaut--*/
  background: #000;
  position: fixed; left: 0; top: 0;
  width: 100%; height: 100%;
  opacity: .80;
  z-index: 9999;
}

.popup_afe .label_afe_holder_civi{
  vertical-align: middle;
}

.radio .bloc_radio{
  margin-left:20px;
  display:table;
  margin-bottom: 5px;
  margin-top: 5px;
}

.radio .bloc_radio .radio_validation{
  display:table-cell;
  vertical-align: middle;
  margin-right:5px;
}

.radio .bloc_radio .other_label{
  display:table-cell;
  vertical-align: middle;
  padding-left: 5px;
}

.checkbox .bloc_checkbox{
  /* margin-left:20px; */
  padding: 2px 0;
  display:table;
}

.checkbox .bloc_checkbox .checkbox_validation{
  vertical-align: middle;
  margin-right:5px;
}

.checkbox .bloc_checkbox .other_label{
  display:table-cell;
  vertical-align: middle;
  padding-left: 5px;
}

@media only screen and (max-width: 768px) {
  form.stepContent .validationButton {
    padding-bottom: 10px;
  }

  form .form_row .formulaire_leftcol, form .form_row .form_leftcol {
    width: 29%;
    display: table-cell;
  }
}


.trait {
  background-color: white;
  box-shadow: 0 1px 0 #b8bbbb;
}

.subpage_faq {padding-right: 30px;}

.FAQPage {margin-top: 0;}


.FAQSubSection.page {
  margin-top: 0;
  padding-top: 10px;
}

.text_faq_blue {color: #001A70;}
.text_faq_orange {color: #fe5815;}

.title_faq {
  height: 53px;
  color: #fe5815;
  font-size: 2.5em;
  font-weight: lighter;
  margin: 10px 0;
}

.h1 {margin: 0;}

.search_faq {
  background-color: #EFEEEC;
  border: 0;
  margin-bottom: 28px;
  padding: 10px 15px;
}

.faq_search_nb_results {margin-bottom: 28px;}

.search_faq_input {
  background-color: #EFEEEC;
  border: 0;
  height: 30px;
  width: 80%;
}

.search_faq .i-search {
  border: 0;
  height: 30px;
  width: 30px;
  padding: 0;
  float: right;
  cursor: pointer;
  color: #005bbb;
  font-size: 1.05em;
  background: none;
}

.faq_search_reinit {
  height: 20px;
  width: 20px;
  padding: 0;
  margin: 5px 15px 5px 5px;
  float: right;
  cursor: pointer;
  background: url("assets/img/icons/close.png") no-repeat scroll 50%;
}

.theme_faq {
  color: #474747;
  font-weight: bold;
  font-size: 1.625em;
  line-height: 50px;
  margin-top: 25px;
  margin-bottom: 0;
}

.question_faq {
  color: #001A70;
  background-color: white;
  font-size:  1.125em;
  line-height: 18px;
  font-weight: 400;
  padding-left:10px;
  margin-top: 0;
  margin-bottom: 15px;
  min-height:10px;
}

.subtheme_faq {
  color: #001A70;
  background-color: white;
  font-size: 1.125em;
  font-weight: 400;
  line-height: 24px;
  min-height: 31px;
  padding-left:10px;
  padding-top:13px;
  padding-bottom:2px;
  margin-top: 0;
  margin-bottom: 15px;
  -webkit-box-shadow: 0 0 6px #ccc;
  -moz-box-shadow: 0 0 6px #ccc;
  -ms-box-shadow: 0 0 6px #ccc;
  -o-box-shadow: 0 0 6px #ccc;
  box-shadow: 0 0 6px #ccc;
}

.subtheme_faq:hover, .question_faq:hover {cursor: pointer;}

.question_faq.current, .subtheme_faq.current {color: #fe5815;}

.question_faq.current img, .subtheme_faq.current img {
  /* Overwrite image dimension because it is not the exact same size with the blue arrow. */
  width: 20px;
  height: 20px;
  margin-top: 1px;
  margin-right: 1px;
}

.question_faq > .sp-chevron_faq,
.subtheme_faq > .sp-chevron_faq {
  float: left;
  display: block;
  background-position: -80px -85px;
  margin-right: 13px;
  width: 21px;
  height: 21px;
}
.question_faq.current > .sp-chevron_faq,
.subtheme_faq.current > .sp-chevron_faq {background-position: -148px -85px;}

.faq-nav .left {float:left;}
.faq-nav .right {float:right;}

.answer_faq_img img {
  max-width: 100%;
  margin-top: 20px;
  margin-right: 15px;
  margin-left: 15px;
  margin-bottom: 10px;
}

.parbase.textimage.section.FAQComponent {
  clear: both;
}

.answer_faq_text_with_img {padding-left: 5px;}

.answer_faq_text_with_img ul li {list-style:none;}

.answer_faq_text_with_img ul li:before {
  color: black;
  content: "\2022";
  font-size: 1.5em;
  padding-right: .25em;
  position: relative;
  top: .1em;
}

.answer_faq {
  padding-left:42px;
  margin-bottom: 20px;
}

.answer_faq.body, .body.collapse {
/* 	padding-left:40px; */
  background-color: white;
}

.list_faq {margin-bottom: 50px;}

.list_faq ul li a {
  color: #474747;
  font-size: 16px;
  text-align: left;
  text-transform: uppercase;
}
.list_faq ul li a img {margin-right: 20px;}

.btn_faq {
  margin-bottom: 50px;
  display: -webkit-inline-box;
}
.btn_faq a {
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  background-color: #09357a;
  width: -moz-max-content;
  padding: 20px 50px;
  text-transform: uppercase;
}

/*============================ ACCORDION ============================*/
.faq-nav-element {
  cursor: pointer;
  list-style: none;
  background-color: #001A70;
  min-height: 58px;
  margin: 0 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
}

.parsysSection {
  margin-top: 20px;
  margin-bottom: 20px;
}

.faq-nav-element:hover.current {
  background-color: #fe5815;
  cursor: text;
}

.faq-nav-element:hover {
  background-color: #fe5815;
  cursor: pointer;
}

.faq-nav-element.current {
  background-color: #fe5815;
  cursor: pointer;
}

.faq-nav-element > a, .faq-nav-element > span {
  color: white;
  font-size: 0.875em;
  text-decoration: none;
  text-align: center;
}
.faq-nav-element > a:hover {color: white;}

.menu-nav {display: none;}
.collapse.in {display:none;}
.collapse.out {display:block;}

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


/*========================== PUSH SECTION ===========================*/
.section-push-wrap {
  background-color: #F3F3F3;
  padding-bottom: 58px;
}
.section-push {
  max-width: 1145px;
  margin : 0 auto;
  width: 100%;
}
.section-push .chevron-two-columns {
  height: 70px;
  text-align: center;
}
.section-push .chevron-two-columns img {margin-top: 28px;}

#pushtwocolumns {padding-bottom: 25px;}
.section-push .content {
  top: 30px;
  left: 51px;
  position: absolute;
}
.section-push .block .content .title {text-transform: uppercase;}
.section-push .block img {
    width: 100%;
    height: 100%;
}

#pushtwocolumns a .text {width: 10%;}
#pushonecolumns a .text {width: 15%;}
#pushtwocolumns .block, #pushonecolumns .block {
  position: relative;
  color: white;
}
#pushtwocolumns .left {margin-right: 12.5px;}
#pushtwocolumns .right {margin-left: 12.5px;}
.section-push .ico {
  width: 10px;
  height: 15px;
}
/*===================================================================*/




/*========================= MEDIA QUERIES ===========================*/
@media screen and (max-width: 47.999em) {

  .page_faq .right_bloc{
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .page_faq .right_bloc .image {
    float: left;
    padding-right: 20px;
  }

  #pushtwocolumns .content {width: 55%;}

  #pushtwocolumns a .text {width: 26%;}

  #pushtwocolumns .content {
    top: 5px;
    left: 10px;
    position: absolute;
  }

  #pushonecolumns .content {
    top: 14px;
    left: 35px;
    position: absolute;
  }
}

@media screen and (max-width: 79.99em) {
  .faq-nav-element > span {
    font-size: 75%;
    padding: 0;
  }
  .faq-nav-element.current>span {
    font-size: 90%;
    padding: 0;
  }
}

/* THIS RUPTURE POINT DOES NOT EXIST ! */

@media screen and (max-width: 60em) {
  .faq-nav-element > span {font-size: 61%;}
}
/*===================================================================*/

/* id starts with "innovplayeryoutube" and ends with "player" */
div[id^="innovplayeryoutube"][id$="player"] {
  position:relative;
  padding-bottom:56.25%;
  height:0;
  overflow:hidden;
}

/* id starts with "innovplayeryoutube" and ends with "player" */
div[id^="innovplayeryoutube"][id$="player"] iframe, div[id^="innovplayeryoutube"][id$="player"] object, div[id^="innovplayeryoutube"][id$="player"] embed{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
.two_columns_bloc_gray_background {
    background-color: #EFF2F4;
}

.two_columns_bloc_white_background {
    background-color: #FFFFFF;
}

.twoColumnsBloc {
    margin-bottom: 45px;

}

.twoColumnsBloc .centerBlock{
    margin-left: auto;
    margin-right: auto;
}

.twoColumnsBloc .rightSpaceWhite {
    border-right: 10px solid white;
}

.twoColumnsBloc .rightSpaceGray {
    border-right: 2px solid #EFF2F4;
}

.twoColumnsBloc .alignBottom {
    display: flex;
    flex-direction: column-reverse;
    padding-bottom: 0px;
}

.twoColumnsBloc .heightChfBloc {
    min-height: 275px;
}

@media all and (max-width: 768px) {
    .display_none {
        display: none;
    }
    .twoColumnsBloc .rightSpaceGray.borderNone {
        border-right: 0px;
    }
}

@media screen and (max-width: 768px) {
    .twoColumnsBloc .rightSpace {
        padding-bottom: 20px;
    }
}

@media screen and (min-width: 1024px) {
    .twoColumnsBloc .rightSpace {
        padding-right: 10px;

    }
}

.true-button {
  border: none;
  height: 50px;
  color: white;
  margin-right: 20px;
}

.truebutton .btn_article.btn_article_lightGray {
    background-color: #dddddd;
    color: #666666;
}

.truebutton .btn_article.btn_article_gray {
    background-color: #6a6a6a;
}

.truebutton .btn_article.btn_article_lightBlue {
    background-color: #005bbb;
}

.truebutton .btn_article.btn_article_blue {
    background-color: #001A70;
}

.truebutton .btn_article.btn_article_lightGreen {
    background-color: #c4d600;
    color: #666666;
}

.truebutton .btn_article.btn_article_green {
    background-color: #509e2f;
}

.truebutton .btn_article.btn_article_lightOrange {
    background-color: #ffa02f;
    color: #666666;
}

.truebutton .btn_article.btn_article_orange {
    background-color: #fe5815;
}

.content_component_tooltip {
    background-color: #EFF2F4;
    box-shadow: 0 4px 40px -10px #808080;
    margin-top: 10px;
    position: absolute;
    z-index: 2;
    width: 100%;
}

.content-tooltip {
    padding: 15px;
}

.content_component_tooltip .tooltip-arrow-div {
    /*height: 24px;*/
    left: 25%;
    position: relative;
    width: 58px;
}

.content_component_tooltip .tooltip-arrow {
    height: 30px;
    position: absolute;
    bottom: 14px;
}

.content_component_tooltip .ico-close-tooltip {
    width: 14px;
    height: 14px;
    float: right;
}

.content_component_tooltip .close_tooltip {
    float: right;
}

.tooltip_content {
    position: relative;
}

.ico-close-tooltip {
    cursor: pointer;
}

.textimage {
    margin: 20px 0;
}

.textimageCmpnt {
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.textimageCmpnt:after {
    content: "";
    display: table;
    clear: both;
}

.x-color-palette {
    width: 300px;
    height: 92px;
    cursor: pointer;
}

.bloc_encadre {
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

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

.botBorder {
    border-bottom: 1px solid #DCDCDC;
}

.leftBorder {
    border-left: 1px solid #DCDCDC;
}

.rightBorder {
    border-right: 1px solid #DCDCDC;
}

.cq-colctrl-lt0 p {
    padding-right: 50px;
}

.cq-colctrl-lt1 p {
    padding-right: 50px;
}

.textimage-style-black {
    color: #000000;
}

.textimage-style-orange {
    color: #FD5816;
}

.textimage-style-light-grey {
    color: #ACACAC;
}

.textimage-style-blue {
    color: #015BBB;
}

.textimageCmpnt .image {
    text-align: center;
    display: table-cell;
    margin-left: 20px;
    margin-top: 20px;
}

/*necessaire pour empecher la disparition des images sur chrome en dessous de 1280px*/
.textimageCmpnt .image img {
    max-width: initial;
}

.contentBloc .image img {
    max-width: 90%;
}

.textimageCmpnt .text {
    padding: 10px;
    display: table-cell;
    float: none !important;
    margin: 0 0 8px 20px;
    color: #666;
    width: 100%;
}

.textimageCmpnt .align_table-cell {
    display: table-cell;
}

.textimageCmpnt .image_top {
    vertical-align: top;
    margin-top: -30px;
}

.textimageCmpnt .image_verticalCenter {
    vertical-align: middle;
}

.textimageCmpnt .image_verticalCenter > img {
    display: inline;
}

.textimageCmpnt .image_bottom {
    vertical-align: bottom;
    margin-bottom: 20px;
}

.textimageCmpnt .image_center.image_top, .textimageCmpnt .image_center.image_verticalCenter, .textimageCmpnt .image_center.image_bottom {
    display: block;
}

a.linkBgImage {
    display: block;
    font-size: 16px;
}

#dashboard-kernel-component .dashboard__push .twoColumnsBloc .tcb_col {
    padding-right: 0px;
}

#dashboard-kernel-component .textimageCmpnt .image {
    margin-left: 0px;
}

.bloc404 a:hover{
    color: #FE5815;
}

.wysiwyg-text a {
	font-family: "Frutiger", sans-serif;
	font-size: 1rem;
	line-height: 1.375rem;
	color: #005bbb;
	text-decoration: none;
	text-align: left;
	background-size: 24px 24px;
	background-repeat: no-repeat;
	background-position: center left;
}

.wysiwyg-text img {
	max-width: 100%;
	height: auto;
}

.wysiwyg-text a:hover{
	color: #fe5815;
}

.textComponent {
    min-height: 10px;
    letter-spacing: 0;
}

.hideBorder table, .hideBorder table td{
    border: 0px!important;
}

.txt-responsive.text-mobile {
  display: none;
}

/*(nul : 0px ; Petit : 12 px ; Deprecated : 16 px ; Moyen : 30px ; Grand : 40px ; Mega : 48 px) par d�faut 0 px*/

/* TOP MARGIN */
.txt-responsive.deprecated-top {
  margin-top: 16px;
}

.txt-responsive.default-margin-top {
  margin-top: 0;
}

.txt-responsive.sm-margin-top {
  margin-top: 12px;
}

.txt-responsive.md-margin-top {
  margin-top: 30px;
}

.txt-responsive.lg-margin-top {
  margin-top: 40px;
}

.txt-responsive.xl-margin-top {
  margin-top: 48px;
}
/* ENDOF TOP MARGIN */

/* RIGHT MARGIN */
.txt-responsive.default-margin-right {
  margin-right: 0;
}

.txt-responsive.sm-margin-right {
  margin-right: 12px;
}

.txt-responsive.md-margin-right {
  margin-right: 30px;
}

.txt-responsive.lg-margin-right {
  margin-right: 40px;
}

.txt-responsive.xl-margin-right {
  margin-right: 48px;
}
/* ENDOF RIGHT MARGIN */

/* BOTTOM MARGIN */
.txt-responsive.deprecated-bottom {
  margin-bottom: 16px;
}

.txt-responsive.default-margin-bottom {
  margin-bottom: 0;
}

.txt-responsive.sm-margin-bottom {
  margin-bottom: 12px;
}

.txt-responsive.md-margin-bottom {
  margin-bottom: 30px;
}

.txt-responsive.lg-margin-bottom {
  margin-bottom: 40px;
}

.txt-responsive.xl-margin-bottom {
  margin-bottom: 48px;
}
/* ENDOF BOTTOM MARGIN */

/* LEFT MARGIN */
.txt-responsive.default-margin-left {
  margin-left: 0;
}

.txt-responsive.sm-margin-left {
  margin-left: 12px;
}

.txt-responsive.md-margin-left {
  margin-left: 30px;
}

.txt-responsive.lg-margin-left {
  margin-left: 40px;
}

.txt-responsive.xl-margin-left {
  margin-left: 48px;
}
/* ENDOF LEFT MARGIN */

@media screen and (max-width: 767px) {

  .txt-responsive.text-mobile {
    display: block;
  }
  .txt-responsive.text-desktop {
    display: block;
  }
  .txt-responsive.text-desktop.no-mob-display {
    display: none;
  }

  /* TOP MARGIN */
  .txt-responsive.sm-margin-top, .txt-responsive.md-margin-top {
    margin-top: 15px;
  }
  .txt-responsive.lg-margin-top, .txt-responsive.xl-margin-top {
    margin-top: 20px;
  }
  /* ENDOF TOP MARGIN */

  /* RIGHT MARGIN */
  .txt-responsive.sm-margin-right, .txt-responsive.md-margin-right {
    margin-right: 15px;
  }
  .txt-responsive.lg-margin-right, .txt-responsive.xl-margin-right {
    margin-right: 20px;
  }
  /* ENDOF RIGHT MARGIN */

  /* BOTTOM MARGIN */
  .txt-responsive.sm-margin-bottom, .txt-responsive.md-margin-bottom {
    margin-bottom: 15px;
  }
  .txt-responsive.lg-margin-bottom, .txt-responsive.xl-margin-bottom {
    margin-bottom: 20px;
  }
  /* ENDOF BOTTOM MARGIN */

  /* LEFT MARGIN */
  .txt-responsive.sm-margin-left, .txt-responsive.md-margin-left {
    margin-left: 15px;
  }
  .txt-responsive.lg-margin-left, .txt-responsive.xl-margin-left {
    margin-left: 20px;
  }
  /* ENDOF LEFT MARGIN */
  .hideBorder table td:first-child {
    padding: 0;
  }
  .hideBorder table td{
    padding: 10px;
  }

}

.txt-responsive.warning-text-color {
  color : red;
}

.p-0 {
	padding: 0 !important
}

.p-5 {
	padding: 0.3125rem !important
}

.p-10 {
	padding: 0.625rem !important
}

.p-15 {
	padding: 0.9375rem !important
}

.p-20 {
	padding: 1.25rem !important
}

.p-30 {
	padding: 1.875rem !important
}

.p-40 {
	padding: 2.5rem !important
}

.p-50 {
	padding: 3.125rem !important
}

.pt-0 {
	padding-top: 0 !important
}

.pt-5 {
	padding-top: 0.3125rem !important
}

.pt-10 {
	padding-top: 0.625rem !important
}

.pt-15 {
	padding-top: 0.9375rem !important
}

.pt-20 {
	padding-top: 1.25rem !important
}

.pt-30 {
	padding-top: 1.875rem !important
}

.pt-40 {
	padding-top: 2.5rem !important
}

.pt-50 {
	padding-top: 3.125rem !important
}

.pr-0 {
	padding-right: 0 !important
}

.pr-5 {
	padding-right: 0.3125rem !important
}

.pr-10 {
	padding-right: 0.625rem !important
}

.pr-15 {
	padding-right: 0.9375rem !important
}

.pr-20 {
	padding-right: 1.25rem !important
}

.pr-30 {
	padding-right: 1.875rem !important
}

.pr-40 {
	padding-right: 2.5rem !important
}

.pr-50 {
	padding-right: 3.125rem !important
}

.pb-0 {
	padding-bottom: 0 !important
}

.pb-5 {
	padding-bottom: 0.3125rem !important
}

.pb-10 {
	padding-bottom: 0.625rem !important
}

.pb-15 {
	padding-bottom: 0.9375rem !important
}

.pb-20 {
	padding-bottom: 1.25rem !important
}

.pb-30 {
	padding-bottom: 1.875rem !important
}

.pb-40 {
	padding-bottom: 2.5rem !important
}

.pb-50 {
	padding-bottom: 3.125rem !important
}

.pl-0 {
	padding-left: 0 !important
}

.pl-5 {
	padding-left: 0.3125rem !important
}

.pl-10 {
	padding-left: 0.625rem !important
}

.pl-15 {
	padding-left: 0.9375rem !important
}

.pl-20 {
	padding-left: 1.25rem !important
}

.pl-30 {
	padding-left: 1.875rem !important
}

.pl-40 {
	padding-left: 2.5rem !important
}

.pl-50 {
	padding-left: 3.125rem !important
}

.m-0 {
	margin: 0 !important
}

.m-5 {
	margin: 0.3125rem !important
}

.m-10 {
	margin: 0.625rem !important
}

.m-15 {
	margin: 0.9375rem !important
}

.m-20 {
	margin: 1.25rem !important
}

.m-30 {
	margin: 1.875rem !important
}

.m-40 {
	margin: 2.5rem !important
}

.m-50 {
	margin: 3.125rem !important
}

.mt-0 {
	margin-top: 0 !important
}

.mt-5 {
	margin-top: 0.3125rem !important
}

.mt-10 {
	margin-top: 0.625rem !important
}

.mt-15 {
	margin-top: 0.9375rem !important
}

.mt-20 {
	margin-top: 1.25rem !important
}

.mt-30 {
	margin-top: 1.875rem !important
}

.mt-40 {
	margin-top: 2.5rem !important
}

.mt-50 {
	margin-top: 3.125rem !important
}

.mr-0 {
	margin-right: 0 !important
}

.mr-5 {
	margin-right: 0.3125rem !important
}

.mr-10 {
	margin-right: 0.625rem !important
}

.mr-15 {
	margin-right: 0.9375rem !important
}

.mr-20 {
	margin-right: 1.25rem !important
}

.mr-30 {
	margin-right: 1.875rem !important
}

.mr-40 {
	margin-right: 2.5rem !important
}

.mr-50 {
	margin-right: 3.125rem !important
}

.mb-0 {
	margin-bottom: 0 !important
}

.mb-5 {
	margin-bottom: 0.3125rem !important
}

.mb-10 {
	margin-bottom: 0.625rem !important
}

.mb-15 {
	margin-bottom: 0.9375rem !important
}

.mb-20 {
	margin-bottom: 1.25rem !important
}

.mb-30 {
	margin-bottom: 1.875rem !important
}

.mb-40 {
	margin-bottom: 2.5rem !important
}

.mb-50 {
	margin-bottom: 3.125rem !important
}

.ml-0 {
	margin-left: 0 !important
}

.ml-5 {
	margin-left: 0.3125rem !important
}

.ml-10 {
	margin-left: 0.625rem !important
}

.ml-15 {
	margin-left: 0.9375rem !important
}

.ml-20 {
	margin-left: 1.25rem !important
}

.ml-30 {
	margin-left: 1.875rem !important
}

.ml-40 {
	margin-left: 2.5rem !important
}

.ml-50 {
	margin-left: 3.125rem !important
}

@media screen and (min-width: 576px) {
	.p-sm-0 {
		padding: 0 !important
	}
	.p-sm-5 {
		padding: 0.3125rem !important
	}
	.p-sm-10 {
		padding: 0.625rem !important
	}
	.p-sm-15 {
		padding: 0.9375rem !important
	}
	.p-sm-20 {
		padding: 1.25rem !important
	}
	.p-sm-30 {
		padding: 1.875rem !important
	}
	.p-sm-40 {
		padding: 2.5rem !important
	}
	.p-sm-50 {
		padding: 3.125rem !important
	}
	.pt-sm-0 {
		padding-top: 0 !important
	}
	.pt-sm-5 {
		padding-top: 0.3125rem !important
	}
	.pt-sm-10 {
		padding-top: 0.625rem !important
	}
	.pt-sm-15 {
		padding-top: 0.9375rem !important
	}
	.pt-sm-20 {
		padding-top: 1.25rem !important
	}
	.pt-sm-30 {
		padding-top: 1.875rem !important
	}
	.pt-sm-40 {
		padding-top: 2.5rem !important
	}
	.pt-sm-50 {
		padding-top: 3.125rem !important
	}
	.pr-sm-0 {
		padding-right: 0 !important
	}
	.pr-sm-5 {
		padding-right: 0.3125rem !important
	}
	.pr-sm-10 {
		padding-right: 0.625rem !important
	}
	.pr-sm-15 {
		padding-right: 0.9375rem !important
	}
	.pr-sm-20 {
		padding-right: 1.25rem !important
	}
	.pr-sm-30 {
		padding-right: 1.875rem !important
	}
	.pr-sm-40 {
		padding-right: 2.5rem !important
	}
	.pr-sm-50 {
		padding-right: 3.125rem !important
	}
	.pb-sm-0 {
		padding-bottom: 0 !important
	}
	.pb-sm-5 {
		padding-bottom: 0.3125rem !important
	}
	.pb-sm-10 {
		padding-bottom: 0.625rem !important
	}
	.pb-sm-15 {
		padding-bottom: 0.9375rem !important
	}
	.pb-sm-20 {
		padding-bottom: 1.25rem !important
	}
	.pb-sm-30 {
		padding-bottom: 1.875rem !important
	}
	.pb-sm-40 {
		padding-bottom: 2.5rem !important
	}
	.pb-sm-50 {
		padding-bottom: 3.125rem !important
	}
	.pl-sm-0 {
		padding-left: 0 !important
	}
	.pl-sm-5 {
		padding-left: 0.3125rem !important
	}
	.pl-sm-10 {
		padding-left: 0.625rem !important
	}
	.pl-sm-15 {
		padding-left: 0.9375rem !important
	}
	.pl-sm-20 {
		padding-left: 1.25rem !important
	}
	.pl-sm-30 {
		padding-left: 1.875rem !important
	}
	.pl-sm-40 {
		padding-left: 2.5rem !important
	}
	.pl-sm-50 {
		padding-left: 3.125rem !important
	}
	.m-sm-0 {
		margin: 0 !important
	}
	.m-sm-5 {
		margin: 0.3125rem !important
	}
	.m-sm-10 {
		margin: 0.625rem !important
	}
	.m-sm-15 {
		margin: 0.9375rem !important
	}
	.m-sm-20 {
		margin: 1.25rem !important
	}
	.m-sm-30 {
		margin: 1.875rem !important
	}
	.m-sm-40 {
		margin: 2.5rem !important
	}
	.m-sm-50 {
		margin: 3.125rem !important
	}
	.mt-sm-0 {
		margin-top: 0 !important
	}
	.mt-sm-5 {
		margin-top: 0.3125rem !important
	}
	.mt-sm-10 {
		margin-top: 0.625rem !important
	}
	.mt-sm-15 {
		margin-top: 0.9375rem !important
	}
	.mt-sm-20 {
		margin-top: 1.25rem !important
	}
	.mt-sm-30 {
		margin-top: 1.875rem !important
	}
	.mt-sm-40 {
		margin-top: 2.5rem !important
	}
	.mt-sm-50 {
		margin-top: 3.125rem !important
	}
	.mr-sm-0 {
		margin-right: 0 !important
	}
	.mr-sm-5 {
		margin-right: 0.3125rem !important
	}
	.mr-sm-10 {
		margin-right: 0.625rem !important
	}
	.mr-sm-15 {
		margin-right: 0.9375rem !important
	}
	.mr-sm-20 {
		margin-right: 1.25rem !important
	}
	.mr-sm-30 {
		margin-right: 1.875rem !important
	}
	.mr-sm-40 {
		margin-right: 2.5rem !important
	}
	.mr-sm-50 {
		margin-right: 3.125rem !important
	}
	.mb-sm-0 {
		margin-bottom: 0 !important
	}
	.mb-sm-5 {
		margin-bottom: 0.3125rem !important
	}
	.mb-sm-10 {
		margin-bottom: 0.625rem !important
	}
	.mb-sm-15 {
		margin-bottom: 0.9375rem !important
	}
	.mb-sm-20 {
		margin-bottom: 1.25rem !important
	}
	.mb-sm-30 {
		margin-bottom: 1.875rem !important
	}
	.mb-sm-40 {
		margin-bottom: 2.5rem !important
	}
	.mb-sm-50 {
		margin-bottom: 3.125rem !important
	}
	.ml-sm-0 {
		margin-left: 0 !important
	}
	.ml-sm-5 {
		margin-left: 0.3125rem !important
	}
	.ml-sm-10 {
		margin-left: 0.625rem !important
	}
	.ml-sm-15 {
		margin-left: 0.9375rem !important
	}
	.ml-sm-20 {
		margin-left: 1.25rem !important
	}
	.ml-sm-30 {
		margin-left: 1.875rem !important
	}
	.ml-sm-40 {
		margin-left: 2.5rem !important
	}
	.ml-sm-50 {
		margin-left: 3.125rem !important
	}
}

@media screen and (min-width: 768px) {
	.p-md-0 {
		padding: 0 !important
	}
	.p-md-5 {
		padding: 0.3125rem !important
	}
	.p-md-10 {
		padding: 0.625rem !important
	}
	.p-md-15 {
		padding: 0.9375rem !important
	}
	.p-md-20 {
		padding: 1.25rem !important
	}
	.p-md-30 {
		padding: 1.875rem !important
	}
	.p-md-40 {
		padding: 2.5rem !important
	}
	.p-md-50 {
		padding: 3.125rem !important
	}
	.pt-md-0 {
		padding-top: 0 !important
	}
	.pt-md-5 {
		padding-top: 0.3125rem !important
	}
	.pt-md-10 {
		padding-top: 0.625rem !important
	}
	.pt-md-15 {
		padding-top: 0.9375rem !important
	}
	.pt-md-20 {
		padding-top: 1.25rem !important
	}
	.pt-md-30 {
		padding-top: 1.875rem !important
	}
	.pt-md-40 {
		padding-top: 2.5rem !important
	}
	.pt-md-50 {
		padding-top: 3.125rem !important
	}
	.pr-md-0 {
		padding-right: 0 !important
	}
	.pr-md-5 {
		padding-right: 0.3125rem !important
	}
	.pr-md-10 {
		padding-right: 0.625rem !important
	}
	.pr-md-15 {
		padding-right: 0.9375rem !important
	}
	.pr-md-20 {
		padding-right: 1.25rem !important
	}
	.pr-md-30 {
		padding-right: 1.875rem !important
	}
	.pr-md-40 {
		padding-right: 2.5rem !important
	}
	.pr-md-50 {
		padding-right: 3.125rem !important
	}
	.pb-md-0 {
		padding-bottom: 0 !important
	}
	.pb-md-5 {
		padding-bottom: 0.3125rem !important
	}
	.pb-md-10 {
		padding-bottom: 0.625rem !important
	}
	.pb-md-15 {
		padding-bottom: 0.9375rem !important
	}
	.pb-md-20 {
		padding-bottom: 1.25rem !important
	}
	.pb-md-30 {
		padding-bottom: 1.875rem !important
	}
	.pb-md-40 {
		padding-bottom: 2.5rem !important
	}
	.pb-md-50 {
		padding-bottom: 3.125rem !important
	}
	.pl-md-0 {
		padding-left: 0 !important
	}
	.pl-md-5 {
		padding-left: 0.3125rem !important
	}
	.pl-md-10 {
		padding-left: 0.625rem !important
	}
	.pl-md-15 {
		padding-left: 0.9375rem !important
	}
	.pl-md-20 {
		padding-left: 1.25rem !important
	}
	.pl-md-30 {
		padding-left: 1.875rem !important
	}
	.pl-md-40 {
		padding-left: 2.5rem !important
	}
	.pl-md-50 {
		padding-left: 3.125rem !important
	}
	.m-md-0 {
		margin: 0 !important
	}
	.m-md-5 {
		margin: 0.3125rem !important
	}
	.m-md-10 {
		margin: 0.625rem !important
	}
	.m-md-15 {
		margin: 0.9375rem !important
	}
	.m-md-20 {
		margin: 1.25rem !important
	}
	.m-md-30 {
		margin: 1.875rem !important
	}
	.m-md-40 {
		margin: 2.5rem !important
	}
	.m-md-50 {
		margin: 3.125rem !important
	}
	.mt-md-0 {
		margin-top: 0 !important
	}
	.mt-md-5 {
		margin-top: 0.3125rem !important
	}
	.mt-md-10 {
		margin-top: 0.625rem !important
	}
	.mt-md-15 {
		margin-top: 0.9375rem !important
	}
	.mt-md-20 {
		margin-top: 1.25rem !important
	}
	.mt-md-30 {
		margin-top: 1.875rem !important
	}
	.mt-md-40 {
		margin-top: 2.5rem !important
	}
	.mt-md-50 {
		margin-top: 3.125rem !important
	}
	.mr-md-0 {
		margin-right: 0 !important
	}
	.mr-md-5 {
		margin-right: 0.3125rem !important
	}
	.mr-md-10 {
		margin-right: 0.625rem !important
	}
	.mr-md-15 {
		margin-right: 0.9375rem !important
	}
	.mr-md-20 {
		margin-right: 1.25rem !important
	}
	.mr-md-30 {
		margin-right: 1.875rem !important
	}
	.mr-md-40 {
		margin-right: 2.5rem !important
	}
	.mr-md-50 {
		margin-right: 3.125rem !important
	}
	.mb-md-0 {
		margin-bottom: 0 !important
	}
	.mb-md-5 {
		margin-bottom: 0.3125rem !important
	}
	.mb-md-10 {
		margin-bottom: 0.625rem !important
	}
	.mb-md-15 {
		margin-bottom: 0.9375rem !important
	}
	.mb-md-20 {
		margin-bottom: 1.25rem !important
	}
	.mb-md-30 {
		margin-bottom: 1.875rem !important
	}
	.mb-md-40 {
		margin-bottom: 2.5rem !important
	}
	.mb-md-50 {
		margin-bottom: 3.125rem !important
	}
	.ml-md-0 {
		margin-left: 0 !important
	}
	.ml-md-5 {
		margin-left: 0.3125rem !important
	}
	.ml-md-10 {
		margin-left: 0.625rem !important
	}
	.ml-md-15 {
		margin-left: 0.9375rem !important
	}
	.ml-md-20 {
		margin-left: 1.25rem !important
	}
	.ml-md-30 {
		margin-left: 1.875rem !important
	}
	.ml-md-40 {
		margin-left: 2.5rem !important
	}
	.ml-md-50 {
		margin-left: 3.125rem !important
	}
}

@media screen and (min-width: 992px) {
	.p-lg-0 {
		padding: 0 !important
	}
	.p-lg-5 {
		padding: 0.3125rem !important
	}
	.p-lg-10 {
		padding: 0.625rem !important
	}
	.p-lg-15 {
		padding: 0.9375rem !important
	}
	.p-lg-20 {
		padding: 1.25rem !important
	}
	.p-lg-30 {
		padding: 1.875rem !important
	}
	.p-lg-40 {
		padding: 2.5rem !important
	}
	.p-lg-50 {
		padding: 3.125rem !important
	}
	.pt-lg-0 {
		padding-top: 0 !important
	}
	.pt-lg-5 {
		padding-top: 0.3125rem !important
	}
	.pt-lg-10 {
		padding-top: 0.625rem !important
	}
	.pt-lg-15 {
		padding-top: 0.9375rem !important
	}
	.pt-lg-20 {
		padding-top: 1.25rem !important
	}
	.pt-lg-30 {
		padding-top: 1.875rem !important
	}
	.pt-lg-40 {
		padding-top: 2.5rem !important
	}
	.pt-lg-50 {
		padding-top: 3.125rem !important
	}
	.pr-lg-0 {
		padding-right: 0 !important
	}
	.pr-lg-5 {
		padding-right: 0.3125rem !important
	}
	.pr-lg-10 {
		padding-right: 0.625rem !important
	}
	.pr-lg-15 {
		padding-right: 0.9375rem !important
	}
	.pr-lg-20 {
		padding-right: 1.25rem !important
	}
	.pr-lg-30 {
		padding-right: 1.875rem !important
	}
	.pr-lg-40 {
		padding-right: 2.5rem !important
	}
	.pr-lg-50 {
		padding-right: 3.125rem !important
	}
	.pb-lg-0 {
		padding-bottom: 0 !important
	}
	.pb-lg-5 {
		padding-bottom: 0.3125rem !important
	}
	.pb-lg-10 {
		padding-bottom: 0.625rem !important
	}
	.pb-lg-15 {
		padding-bottom: 0.9375rem !important
	}
	.pb-lg-20 {
		padding-bottom: 1.25rem !important
	}
	.pb-lg-30 {
		padding-bottom: 1.875rem !important
	}
	.pb-lg-40 {
		padding-bottom: 2.5rem !important
	}
	.pb-lg-50 {
		padding-bottom: 3.125rem !important
	}
	.pl-lg-0 {
		padding-left: 0 !important
	}
	.pl-lg-5 {
		padding-left: 0.3125rem !important
	}
	.pl-lg-10 {
		padding-left: 0.625rem !important
	}
	.pl-lg-15 {
		padding-left: 0.9375rem !important
	}
	.pl-lg-20 {
		padding-left: 1.25rem !important
	}
	.pl-lg-30 {
		padding-left: 1.875rem !important
	}
	.pl-lg-40 {
		padding-left: 2.5rem !important
	}
	.pl-lg-50 {
		padding-left: 3.125rem !important
	}
	.m-lg-0 {
		margin: 0 !important
	}
	.m-lg-5 {
		margin: 0.3125rem !important
	}
	.m-lg-10 {
		margin: 0.625rem !important
	}
	.m-lg-15 {
		margin: 0.9375rem !important
	}
	.m-lg-20 {
		margin: 1.25rem !important
	}
	.m-lg-30 {
		margin: 1.875rem !important
	}
	.m-lg-40 {
		margin: 2.5rem !important
	}
	.m-lg-50 {
		margin: 3.125rem !important
	}
	.mt-lg-0 {
		margin-top: 0 !important
	}
	.mt-lg-5 {
		margin-top: 0.3125rem !important
	}
	.mt-lg-10 {
		margin-top: 0.625rem !important
	}
	.mt-lg-15 {
		margin-top: 0.9375rem !important
	}
	.mt-lg-20 {
		margin-top: 1.25rem !important
	}
	.mt-lg-30 {
		margin-top: 1.875rem !important
	}
	.mt-lg-40 {
		margin-top: 2.5rem !important
	}
	.mt-lg-50 {
		margin-top: 3.125rem !important
	}
	.mr-lg-0 {
		margin-right: 0 !important
	}
	.mr-lg-5 {
		margin-right: 0.3125rem !important
	}
	.mr-lg-10 {
		margin-right: 0.625rem !important
	}
	.mr-lg-15 {
		margin-right: 0.9375rem !important
	}
	.mr-lg-20 {
		margin-right: 1.25rem !important
	}
	.mr-lg-30 {
		margin-right: 1.875rem !important
	}
	.mr-lg-40 {
		margin-right: 2.5rem !important
	}
	.mr-lg-50 {
		margin-right: 3.125rem !important
	}
	.mb-lg-0 {
		margin-bottom: 0 !important
	}
	.mb-lg-5 {
		margin-bottom: 0.3125rem !important
	}
	.mb-lg-10 {
		margin-bottom: 0.625rem !important
	}
	.mb-lg-15 {
		margin-bottom: 0.9375rem !important
	}
	.mb-lg-20 {
		margin-bottom: 1.25rem !important
	}
	.mb-lg-30 {
		margin-bottom: 1.875rem !important
	}
	.mb-lg-40 {
		margin-bottom: 2.5rem !important
	}
	.mb-lg-50 {
		margin-bottom: 3.125rem !important
	}
	.ml-lg-0 {
		margin-left: 0 !important
	}
	.ml-lg-5 {
		margin-left: 0.3125rem !important
	}
	.ml-lg-10 {
		margin-left: 0.625rem !important
	}
	.ml-lg-15 {
		margin-left: 0.9375rem !important
	}
	.ml-lg-20 {
		margin-left: 1.25rem !important
	}
	.ml-lg-30 {
		margin-left: 1.875rem !important
	}
	.ml-lg-40 {
		margin-left: 2.5rem !important
	}
	.ml-lg-50 {
		margin-left: 3.125rem !important
	}
}

@media screen and (min-width: 1280px) {
	.p-xl-0 {
		padding: 0 !important
	}
	.p-xl-5 {
		padding: 0.3125rem !important
	}
	.p-xl-10 {
		padding: 0.625rem !important
	}
	.p-xl-15 {
		padding: 0.9375rem !important
	}
	.p-xl-20 {
		padding: 1.25rem !important
	}
	.p-xl-30 {
		padding: 1.875rem !important
	}
	.p-xl-40 {
		padding: 2.5rem !important
	}
	.p-xl-50 {
		padding: 3.125rem !important
	}
	.pt-xl-0 {
		padding-top: 0 !important
	}
	.pt-xl-5 {
		padding-top: 0.3125rem !important
	}
	.pt-xl-10 {
		padding-top: 0.625rem !important
	}
	.pt-xl-15 {
		padding-top: 0.9375rem !important
	}
	.pt-xl-20 {
		padding-top: 1.25rem !important
	}
	.pt-xl-30 {
		padding-top: 1.875rem !important
	}
	.pt-xl-40 {
		padding-top: 2.5rem !important
	}
	.pt-xl-50 {
		padding-top: 3.125rem !important
	}
	.pr-xl-0 {
		padding-right: 0 !important
	}
	.pr-xl-5 {
		padding-right: 0.3125rem !important
	}
	.pr-xl-10 {
		padding-right: 0.625rem !important
	}
	.pr-xl-15 {
		padding-right: 0.9375rem !important
	}
	.pr-xl-20 {
		padding-right: 1.25rem !important
	}
	.pr-xl-30 {
		padding-right: 1.875rem !important
	}
	.pr-xl-40 {
		padding-right: 2.5rem !important
	}
	.pr-xl-50 {
		padding-right: 3.125rem !important
	}
	.pb-xl-0 {
		padding-bottom: 0 !important
	}
	.pb-xl-5 {
		padding-bottom: 0.3125rem !important
	}
	.pb-xl-10 {
		padding-bottom: 0.625rem !important
	}
	.pb-xl-15 {
		padding-bottom: 0.9375rem !important
	}
	.pb-xl-20 {
		padding-bottom: 1.25rem !important
	}
	.pb-xl-30 {
		padding-bottom: 1.875rem !important
	}
	.pb-xl-40 {
		padding-bottom: 2.5rem !important
	}
	.pb-xl-50 {
		padding-bottom: 3.125rem !important
	}
	.pl-xl-0 {
		padding-left: 0 !important
	}
	.pl-xl-5 {
		padding-left: 0.3125rem !important
	}
	.pl-xl-10 {
		padding-left: 0.625rem !important
	}
	.pl-xl-15 {
		padding-left: 0.9375rem !important
	}
	.pl-xl-20 {
		padding-left: 1.25rem !important
	}
	.pl-xl-30 {
		padding-left: 1.875rem !important
	}
	.pl-xl-40 {
		padding-left: 2.5rem !important
	}
	.pl-xl-50 {
		padding-left: 3.125rem !important
	}
	.m-xl-0 {
		margin: 0 !important
	}
	.m-xl-5 {
		margin: 0.3125rem !important
	}
	.m-xl-10 {
		margin: 0.625rem !important
	}
	.m-xl-15 {
		margin: 0.9375rem !important
	}
	.m-xl-20 {
		margin: 1.25rem !important
	}
	.m-xl-30 {
		margin: 1.875rem !important
	}
	.m-xl-40 {
		margin: 2.5rem !important
	}
	.m-xl-50 {
		margin: 3.125rem !important
	}
	.mt-xl-0 {
		margin-top: 0 !important
	}
	.mt-xl-5 {
		margin-top: 0.3125rem !important
	}
	.mt-xl-10 {
		margin-top: 0.625rem !important
	}
	.mt-xl-15 {
		margin-top: 0.9375rem !important
	}
	.mt-xl-20 {
		margin-top: 1.25rem !important
	}
	.mt-xl-30 {
		margin-top: 1.875rem !important
	}
	.mt-xl-40 {
		margin-top: 2.5rem !important
	}
	.mt-xl-50 {
		margin-top: 3.125rem !important
	}
	.mr-xl-0 {
		margin-right: 0 !important
	}
	.mr-xl-5 {
		margin-right: 0.3125rem !important
	}
	.mr-xl-10 {
		margin-right: 0.625rem !important
	}
	.mr-xl-15 {
		margin-right: 0.9375rem !important
	}
	.mr-xl-20 {
		margin-right: 1.25rem !important
	}
	.mr-xl-30 {
		margin-right: 1.875rem !important
	}
	.mr-xl-40 {
		margin-right: 2.5rem !important
	}
	.mr-xl-50 {
		margin-right: 3.125rem !important
	}
	.mb-xl-0 {
		margin-bottom: 0 !important
	}
	.mb-xl-5 {
		margin-bottom: 0.3125rem !important
	}
	.mb-xl-10 {
		margin-bottom: 0.625rem !important
	}
	.mb-xl-15 {
		margin-bottom: 0.9375rem !important
	}
	.mb-xl-20 {
		margin-bottom: 1.25rem !important
	}
	.mb-xl-30 {
		margin-bottom: 1.875rem !important
	}
	.mb-xl-40 {
		margin-bottom: 2.5rem !important
	}
	.mb-xl-50 {
		margin-bottom: 3.125rem !important
	}
	.ml-xl-0 {
		margin-left: 0 !important
	}
	.ml-xl-5 {
		margin-left: 0.3125rem !important
	}
	.ml-xl-10 {
		margin-left: 0.625rem !important
	}
	.ml-xl-15 {
		margin-left: 0.9375rem !important
	}
	.ml-xl-20 {
		margin-left: 1.25rem !important
	}
	.ml-xl-30 {
		margin-left: 1.875rem !important
	}
	.ml-xl-40 {
		margin-left: 2.5rem !important
	}
	.ml-xl-50 {
		margin-left: 3.125rem !important
	}
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0
}

.atomx-container.atomx-no-gutters {
	padding-right: 0;
	padding-left: 0
}

.atomx-container.atomx-no-gutters .atomx-row {
	margin: 0
}

.atomx-container.atomx-no-gutters .atomx-col--md-12,
.atomx-container.atomx-no-gutters .atomx-col--lg-12,
.atomx-container.atomx-no-gutters .atomx-col--xl-12 {
	padding-right: 0;
	padding-left: 0;
	flex: 0 0 100%;
	max-width: 100%
}

.atomx-container.atomx-no-gutters .atomx-col--md-3,
.atomx-container.atomx-no-gutters .atomx-col--lg-3,
.atomx-container.atomx-no-gutters .atomx-col--xl-3 {
	padding-right: 0;
	padding-left: 0;
	flex: 0 0 25%;
	max-width: 25%
}

.atomx-container.atomx-no-gutters .atomx-col--md-9,
.atomx-container.atomx-no-gutters .atomx-col--lg-9,
.atomx-container.atomx-no-gutters .atomx-col--xl-9 {
	padding-right: 0;
	padding-left: 0;
	flex: 0 0 75%;
	max-width: 75%
}

.container-slider-telecommande {
	font-family: "frutiger";
	position: relative
}

.container-slider-telecommande .atomx-slider {
	position: relative;
	width: 100%
}

@media screen and (min-width: 1440px) {
	.container-slider-telecommande .atomx-slider {
		height: 560px
	}
}

@media screen and (min-width: 1280px) {
	.container-slider-telecommande .atomx-slider {
		position: absolute
	}
}

.container-slider-telecommande .atomx-telecommande {
	font-family: "frutiger";
	margin: 32px !important;
	height: 464px;
	overflow: hidden
}

@media screen and (max-width: 1279px) {
	.container-slider-telecommande .atomx-telecommande {
		display: none
	}
}

@media screen and (min-width: 1440px) {
	.container-slider-telecommande .atomx-telecommande {
		margin: 40px !important;
		height: 480px
	}
}

.container-slider-telecommande .atomx-telecommande button:focus,
.container-slider-telecommande .atomx-telecommande a:focus {
	outline: none
}

.container-slider-telecommande .atomx-telecommande button:focus-visible,
.container-slider-telecommande .atomx-telecommande a:focus-visible {
	outline: 2px solid #fe5716
}

.container-slider-telecommande .atomx-telecommande_header {
	position: relative;
	z-index: 999;
	display: flex;
	flex-direction: column;
	height: 100%;
	background-color: #1057c8;
	padding: 32px 16px
}

.container-slider-telecommande .atomx-telecommande_header .logo {
	height: 36px;
	margin-bottom: 32px;
	margin-left: 16px
}

.container-slider-telecommande .atomx-telecommande_header .navigation ul {
	margin: 0;
	padding: 0
}

.container-slider-telecommande .atomx-telecommande_header .navigation ul li {
	list-style: none;
	margin-bottom: 6px
}

.container-slider-telecommande .atomx-telecommande_header .navigation ul li button {
	display: flex;
	justify-content: space-between;
	font-family: "frutiger-bold";
	border-radius: 2px;
	border: none;
	margin: 0;
	padding: 0;
	width: auto;
	overflow: visible;
	background: transparent;
	color: #fff;
	font-size: 16px;
	line-height: 24px;
	padding: 5px 8px 5px 16px;
	-webkit-font-smoothing: inherit;
	-moz-osx-font-smoothing: inherit;
	-webkit-appearance: none;
	width: 100%;
	text-align: left
}

.container-slider-telecommande .atomx-telecommande_header .navigation ul li button:hover {
	background: #0051a3
}

.container-slider-telecommande .atomx-telecommande_header .navigation ul li button:hover .simple {
	opacity: 0;
	 width: 0;
}

.container-slider-telecommande .atomx-telecommande_header .navigation ul li button:hover .double {
	opacity: 1;
	position: initial;
}

.container-slider-telecommande .atomx-telecommande_header .navigation ul li button .arrow {
	height: 24px
}

.container-slider-telecommande .atomx-telecommande_header .navigation ul li button .double {
	opacity: 0;
	position: fixed;
}

.container-slider-telecommande .atomx-telecommande_header .navigation ul li button.active {
	background: rgba(0, 0, 0, .2)
}

.container-slider-telecommande .atomx-telecommande_header .navigation ul li button.active .simple {
	opacity: 0;
	position: fixed;
}

.container-slider-telecommande .atomx-telecommande_header .navigation ul li button.active .double {
	opacity: 1;
	position: initial;
}

.container-slider-telecommande .atomx-telecommande_header .cta {
	margin-top: auto;
	margin-left: 16px;
	margin-right: 16px
}

.container-slider-telecommande .atomx-telecommande_header .cta a {
	font-size: 16px
}

.container-slider-telecommande .atomx-telecommande_header .cta a.atomx-btn-outline--theme-light:hover {
	color: #1057c8
}

.container-slider-telecommande .atomx-telecommande_header .cta a.atomx-btn--theme-light {
	color: #1057c8
}

.container-slider-telecommande .atomx-telecommande_header .cta a.atomx-btn--theme-light:hover {
	background: #f4f4f4
}

.container-slider-telecommande .atomx-telecommande_header .cta a:first-child {
	margin-bottom: 16px
}

.container-slider-telecommande .atomx-telecommande_header .cta a.atomx-btn--theme-light,
.container-slider-telecommande .atomx-telecommande_header .cta a.atomx-btn-outline--theme-light:hover {
	color: #1057c8
}

.container-slider-telecommande .atomx-telecommande_header .cta a:focus {
	outline: none;
	box-shadow: 0 0 0 2px #fe5716
}

.container-slider-telecommande .atomx-telecommande_content {
	position: relative;
	height: 100%;
	transition: .3s ease-in;
	z-index: 1;
}

.container-slider-telecommande .atomx-telecommande_content.active{
	z-index: 4;
}

.container-slider-telecommande .atomx-telecommande_content .atomx-dropdown-menu {
	position: absolute;
	background-color: #fff;
	padding: 40px 32px;
	display: flex;
	justify-content: space-between;
	transition: .3s ease-in;
	height: 100%;
	width: 100%;
	left: -100%
}

.container-slider-telecommande .atomx-telecommande_content .atomx-dropdown-menu.left {
	left: 0;
	display: flex;
	transition: .3s ease-in
}

.container-slider-telecommande .atomx-telecommande_content .atomx-dropdown-menu_navigation {
	display: flex;
	flex-direction: column;
	width: 100%
}

.container-slider-telecommande .atomx-telecommande_content .atomx-dropdown-menu_navigation>.atomx-row {
	height: 100%
}

.container-slider-telecommande .atomx-telecommande_content .atomx-dropdown-menu_navigation h2 {
	margin-bottom: 32px
}

.container-slider-telecommande .atomx-telecommande_content .atomx-dropdown-menu_navigation h2 a {
	border-radius: 2px;
	font-size: 32px;
	line-height: 1.25;
	color: #333
}

.container-slider-telecommande .atomx-telecommande_content .atomx-dropdown-menu_navigation h2 a:focus {
	outline: none
}

.container-slider-telecommande .atomx-telecommande_content .atomx-dropdown-menu_navigation h2 a:focus-visible {
	outline: 2px solid #fe5716
}

.container-slider-telecommande .atomx-telecommande_content .atomx-dropdown-menu_navigation h2:hover {
	text-decoration: underline
}

.container-slider-telecommande .atomx-telecommande_content .atomx-dropdown-menu_navigation_item {
	margin: 0;
	padding: 0
}

.container-slider-telecommande .atomx-telecommande_content .atomx-dropdown-menu_navigation_item li {
	list-style: none;
	margin-bottom: 16px
}

.container-slider-telecommande .atomx-telecommande_content .atomx-dropdown-menu_navigation_item li a {
	font-family: "frutiger";
	font-size: 16px;
	line-height: 1.5;
	color: #333
}

.container-slider-telecommande .atomx-telecommande_content .atomx-dropdown-menu_navigation_item li a.title {
	font-family: "frutiger-bold"
}

.container-slider-telecommande .atomx-telecommande_content .atomx-dropdown-menu_navigation_item li a:hover {
	text-decoration: underline
}

.container-slider-telecommande .atomx-telecommande_content .conseil-economie-energie {
	font-family: "frutiger-bold";
	color: #1057c8;
	font-size: 16px;
	display: flex;
	align-items: center;
	margin-top: auto;
	margin-bottom: 16px
}

.container-slider-telecommande .atomx-telecommande_content .conseil-economie-energie .icon {
	margin-right: 8px
}

.container-slider-telecommande .atomx-telecommande_content .conseil-economie-energie:hover {
	text-decoration: underline
}

.container-slider-telecommande .atomx-telecommande__card {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	font-family: "frutiger", sans-serif;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	overflow: hidden;
	height: 100%
}

.container-slider-telecommande .atomx-telecommande__card-media {
	max-height: 9.4375em
}

.container-slider-telecommande .atomx-telecommande__card-media img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.container-slider-telecommande .atomx-telecommande__card-body {
	padding: 24px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	background-color: #f4f4f4;
	height: 100%
}

.container-slider-telecommande .atomx-telecommande__card-body__title {
	margin-bottom: 12px
}

.container-slider-telecommande .atomx-telecommande__card-body__title h3 {
	line-height: 1.5em;
	color: #333;
	font-family: "Frutiger-bold", sans-serif;
	font-size: 16px;
	font-size: 1rem;
	font-weight: "bold"
}

.container-slider-telecommande .atomx-telecommande__card-body__text {
	margin-bottom: 24px;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	font-family: "frutiger", sans-serif;
	font-size: 16px;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5em;
	color: #333
}

.container-slider-telecommande .atomx-telecommande__card-body__action .atomx-btn {
	color: #001a70;
	font-size: 16px;
	justify-content: inherit;
	font-family: "frutiger-bold"
}

.zone-validation {
  margin-top: 20px;
  text-align: right;
}

.zone-validation p {
  margin: 0;
}

#validButton, #annulerButton {
  border: none;
  height: 50px;
  color: white;
}

.margin_top {
  margin-top: 20px;
}

.validationButton  .center {
  text-align: center;
}

.energyChoice+.validationButton {
  margin-bottom: 80px;
  margin-top: 60px;
}

.validationButton .clear {
  clear: both;
}

@media all and (max-width: 768px) {
  .zone-validation {
      margin-top: 20px;
      text-align: right;
      margin-bottom: 20px;
  }
}

/* Specific fixes */
.twoColumnsBloc+.validationButton {
  margin-top: 15px;
}

#validButton{
margin-left: 10px;
}

@media (max-width: 575.98px) { 
#validButton.right, #annulerButton.right{
  float: initial;
}

#validButton{
  margin-left: 0;
  margin-top: 10px;
}
}
.timeout-page-dialog {
    text-align: center;
}

.timeout-popin-btn {
    margin-top: 20px;
    margin-bottom: 10px;
}

.timeout-popin-btn .btn_article {
    margin: auto;
}

.close {
    height: 20px;
    width: 20px;
}

.timeout-page-dialog .ico {
    height: 20px;
    width: 20px;
}

.white-border {
    border: 0.5px solid #ffffff;
}

.couleur {
    color: #666666;
}

/**
 * COMPONENT : Simple_Popin
 */
.simple_popin_btn_add {
    height: 50px;
    margin-top: 40px;
    margin-bottom: 30px;
}

.simple_popin_btn_align:focus {
    outline: 0;
}


.simple_popin_txt_family_size {
  font-size: 14px;
}

.simple_popin_border {
    background-color: #ffffff;
    text-align: center;
    border: none;
}

.simple_popin_border .simple_popin_btn_align {
    padding: 0;
}

.simple_popin_border .close {
    width: 100%;
}

.simple_popin_border .close a {
    float: right;
}

.mobilePhoneArea input {
    background-color: #EFF2F4;
    height: 47px;
    line-height: 47px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border: medium none;
    width: 100%;
    text-indent: 5px;
    padding-right: 0;
}

.mobilePhoneArea input.error {
    border: 1px solid #F00;
}

.mobilePhoneArea .left {
    float: left;
}

.mobilePhoneArea img {
    margin-top: 3px;
}

.mobilePhoneArea {
    margin-bottom: 20px;
}

.dynamicLabelButton {
    padding: 40px;
    margin: 0;
    border-bottom: 1px solid rgb(216, 216, 216);
}

div.dynamicLabelButton:last-child {
    border-bottom: 0;
}

/* .dynamicLabelButton .line {
    line-height: 5em;
}

.dynamicLabelButton .line-label {
    vertical-align: middle;
}*/
.dynamicLabelButton .text {
    margin-left: 0;
}

.component_delete_contract .btn_article {
  color: white;
}

.component_delete_contract .info_popin_border {
    text-decoration: none;
    background-color: white;
    text-align: center;
}

.component_delete_contract .content_page_contract {
    margin-bottom: 30px;
}

.component_delete_contract .text_detach_bp {
    font-size: 15px;
    display: inline-block;
}

#delete-contract-tooltip {
    position: relative;
    top: 22px;
    float: right;
}

#delete-contract-tooltip .tooltip-arrow-div {
    left: 24%;
}

/** Content ERROR **/
.component_delete_contract #error_text, #error_popin {
    color: red;
    font-size: 15px;
    margin: 10px;
}

/** Content CONTRACTS **/
.component_delete_contract #content_bp_form {
    padding: 10px;
}
/** BP **/
.component_delete_contract #all_bp {
    font-size: 15px;
    height: auto;
}

.component_delete_contract .div_bp {
    border: 1px solid #F0F0F0;
    margin-bottom: 10px;
}

.component_delete_contract .btn_bp {
    background-color: #F0F0F0;
    padding: 20px;
    padding-left: 40px;
    clear: left;
    border: 1px solid #F0F0F0;
}

.component_delete_contract .contracts {
    background-color: #FCFCFC;
    padding: 10px;
}

.component_delete_contract .info_contract {
    background-color: #FCFCFC;
}

.component_delete_contract .div_intern {
    background-color: white;
    font-size: 15px;
    padding: 20px;
}

.component_delete_contract .after-box {
    clear: left;
}

.component_delete_contract .div_change_color {
    background-color: #fe5815;
    color: white;
}

.component_delete_contract .contact_number {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f8f8f8;
}

.component_delete_contract .content_energy {
    margin: auto;
    display: table;
}

.component_delete_contract .energy {
    display: inline-block;
    vertical-align: middle;
}

.component_delete_contract .img_energy {
    vertical-align: middle;
    margin-right: 5px;
}

/** [RC_EC_RTBPNO03] POPIN**/
#popin_confirm .title_popin {
    color: #fe5815;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 5px;
}

#popin_confirm {
    width: 80%;
    margin: auto;
}

#popin_confirm .popin_confirm_class {
    box-shadow: 8px 8px 12px #aaa;
    padding: 20px;
}

#popin_confirm #num_client {
    color: #fe5815;
}

/** [RC_EC_RTBPNO04] RESULT**/
.component_delete_contract #change_div {
    padding-bottom: 20px;
}

.component_delete_contract #num_client_success {
    color: #fe5815;
    font-weight: bold;
}

.component_delete_contract #btn_result {
    float: left;
    width: 400px;
}

.close {
    height: 20px;
    width: 20px;
}

.radio_btn_label_position {
    margin-left: 10px;
    margin-top: 5px;
}

#popin_confirm #text_defaut {
    padding: 1em;
}

.component_delete_contract #bulle_info h3 {
  font-weight: bold;
  font-size: 1.25em;
  color: #666666;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 10px;
}

.component_delete_contract #bulle_info p {
    margin: 0;
}

/** position du picto **/
.delete-contract-img-tooltip {
    margin-top: 19%;
}

.align_center {
    text-align: center;
}

#popin_confirm .buttons_box {
    margin: 20px 0;
}

.commercial-offers-optin-component {
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #EFF2F4;
}

.commercial-offers-optin-component p {
    margin: 0;
    display: inline;
}

.commercial-offers-optin-title {
    border-bottom: 1px solid #DEDEDE;
    padding-bottom: 10px;
    margin-left: 10px;
    margin-top: 20px;
}

.commercial-offers-optin-title span {
    border-bottom: 1px solid #DEDEDE;
    padding-bottom: 10px;
}

.commercial-offers-optin-checkbox {
    vertical-align: middle;
}

.commercial-offer-wrapper {
    margin-bottom: 10px;
}

.commercial-offers-optin-content {
    padding: 20px;
}

.commercial-offers-optin-label {
    padding-left: 10px;
}

.component-check-identity {
    background-color: #fff;
    padding: 10px 10px 10px 10px;
}

#input-check-identity-error {
    margin-left: 0;
}

.component-check-identity .label-check-identity {
    line-height: 25px;
}

.component-check-identity label {
    display: block;
}

.component-check-identity input.inactive {
    background-color: #f8f8f8;
}

.component-check-identity input {
    background-color: #eff2F4;
    height: 45px;
    line-height: 45px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border: medium none;
    width: 100%;
    text-indent: 5px;
    padding-right: 0;
}

#check-secure-data-RIB-tooltip, #check-secure-data-AMES-tooltip {
    position: relative;
}

.component-check-identity .button-gray {
    height: 20px;
    background-color: #fff;
    border-radius: 0;
    width: 100%;
    padding: 10px;
    display: inline-block;
    color: #fff;
}

.button-component-check-identity p {
    margin-top: 0;
}

.formulaire_rightcol {
    padding-right: 0 !important;
}

.right {
    float: right;
}

.btn_article.right {
    margin-right: 0;
}
/************************************/

/**
 * COMPONENT : Secure_bp
 */
.secure_bp_padding_border {
    padding: 20px;
}

.secure_bp_titre {
    color: #FE5815;
    font-size: 30px;
    text-align: center;
}

.secure_bp_center {
    text-align: center;
}

.secure_bp_color_orange {
    color: #FE5815;
}

.secure_bp_bord {
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 40px;
    border: 1px solid black;
}

.secure_bp_form {
    display: table;
}

.secure_bp_espace_form {
    margin-top: 5px;
    margin-bottom: 5px;
}

.secure_bp_espace_txt_form {
    margin-bottom: 30px;
    margin-top: 25px;
}

.secure_bp_btn_espace {
    margin-right: 25px;
}

.secure_bp_formulaire {
    display: table-cell;
    vertical-align: middle;
}

.popin-choice-channel-redirect .secure_bp_espace {
    margin-top: 0;
}

.border_none {
    border: 0;
}

/*********Popin ***********/

.address_popin_txt_family_size{
    font-size: 14px;
    margin-top: 40px;
    margin-bottom: 30px;
}

.ui-dialog .popin-choice-channel-redirect {
    padding: 30px;
}

.channel-redirect-title {
    padding-left: 15px;
}

.channel-redirect-title p {
    text-align: center;
}

.channel-redirect-subtitle p {
    text-align: center;
}

.popin-choice-channel-redirect  .error-message {
    text-align: center;
}

.channel-redirect-subtitle {
    padding-left: 15px;
}

.secure_bp_color {
    color: #fe5815;
    font-weight: bold;
}

.ui-dialog .popin-choice-channel-redirect, .ui-dialog .popin-confirm-postal-redirect {
    border-radius: 0;
    background: #fff;
}

fieldset.fieldset-channel-redirect {
    border: 0;
    margin-top: 20px;
    margin-bottom: 20px;
}

.pure-form-aligned .pure-control-group.secure_bp_form label {
    display: inline;
}

.popin-choice-channel-redirect .channel-mail, .popin-choice-channel-redirect .channel-phone, .popin-choice-channel-redirect .channel-postal {
    display: none;
}

/********* JS *********/
.address_popin_border {
    text-decoration: none;
    background: #fff;
    text-align: center;
    border-radius: 0;
}

.edit-space {
    margin-bottom: 80px;
}

/*********Largeur Popin ***********/
.checkTooltip .tooltip {
    width: 50%;
}

.edito-check-identity-sucess-send {
    display: none;
    color: #27a055;
}

/**
 * Change Password
 */
.changePassword input[type="password"] {
    background-color: #eff2f4;
    height: 45px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    margin-bottom: 5px;
    border: none;
    width: 100%;
}

.changePassword .form_row label {
    height: 45px;
    vertical-align: bottom;
    display: table-cell;
}

.changePassword .infobulle-text-container h3 {
  font-weight: bold;
  font-size: 1.25em;
  color:#666666;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom:10px;
}

.changePassword .infobulle-text-container p {
    margin: 0;
}

.changePassword .edito {
    margin-bottom: 10px;
    margin-top: 10px;
}

.changePassword .security-checker-container {
    margin-top: 0.5em;
}

.changePassword .security-checker-container>div {
    float: left;
}

.changePassword .security-checker-low, .security-checker-middle, .security-checker-strong, .security-checker-inactive {
    background-repeat: no-repeat;
    min-width: 30px;
    min-height: 30px;
    margin-left: 20px;
}

.changePassword .security-checker-low {
    background-image: url(assets/img/stepForms/password_low.png);
}

.changePassword .security-checker-middle {
    background-image: url(assets/img/stepForms/password_middle.png);
}

.changePassword .security-checker-strong {
    background-image: url(assets/img/stepForms/password_strong.png);
}

.changePassword .security-checker-inactive {
    background-image: url(assets/img/stepForms/breadcrumb_inactif.png);
}

.changePassword .security-checker-container {
    margin-top: 0.5em;
}

.changePassword .infobulle-text-container {
    padding: 15px;
}

.changePassword .infobulle-img img {
    width: 100%;
    float: left;
}

.changePassword .infobulle-arrow-div {
    height: 32px;
    left: 48%;
    position: absolute;
    width: 58px;
}

.changePassword .infobulle-arrow {
    height: 30px;
    left: 0;
    position: absolute;
    width: 58px;
    bottom: 17px;
}

.changePassword .new-password-infobulle {
    background-color: #eff2f4;
    position: absolute;
    box-shadow: -2px 6px 13px 3px rgba(0, 0, 0, 0.14);
    width: 73%;
    margin-left: 1.5em;
}

.changePassword .new-password-infobulle-container {
    position: relative;
    z-index: 2;
    top: 18px;
}

.changePassword .security-info-container {
    text-align: center;
    width: 34.5%;
}

.changePassword input.error {
    border: 1px solid #e9322d;
}

.changePassword .right {
    float: right;
}

/**
 * Popin
  */
#popin_change_password {
    box-shadow: 0 13px 26px rgba(0, 0, 0, 0.3);
    background-color: #ffffff;
}

#popin_change_password .btn_article p {
    margin: 1em 0;
}

/**
* Tooltip
*/
#new-password-tooltip {
    position: relative;
    margin-top: 45px;
}

.green {
    color: #4CB558;
}

.orange {
    color: #FF5716;
}

.red {
    color: #F00202;
}

.form-input {
    padding: 5px 1px;
    width: 73%;
}

.changeMail  .form_leftcollabel {
    font-weight: normal;
}

input#newMail.error, input#confirm-email.error {
    border: solid 1px #FF0000;
}

input#newMail.error-service {
  border: solid 1px #FF0000;
}

form .form_row label, form .form_row span.label {
  display: block;
  margin-left: 0px;
}

.form-label {
    line-height: 30px;
}

.form-lab_mail {
    line-height: 16px;
}

.pure-form input[type="text"], .pure-form input[type="password"], .pure-form select {
    border: 0 none;
    border-radius: 0;
    box-shadow: none;
}

.update-email-form label.error {
    margin-left: 27%;
    margin-bottom: 0;
}

.pure-form input.error {
    border-color: #e9322d;
    box-shadow: 0 0 6px #f8b9b7;
}

.bpArea {
  margin-bottom: 20px;
  padding-right: 10px;
}

form .bpArea .formulaire_rightcol {
  padding-right: 0;
}

.bp-area-component .btn-bp-area {
  float: right;
}

.loading {
  overflow: hidden;
}

.modal {
  display: block;
}

.modal {
  display: none;
  position: relative;
  height: 144px;
  margin-bottom: -144px;
}
/**
* INFO-BULLE
*/
#bp-area-tooltip {
  z-index: 11;
  width: 100%;
  position: relative;
}

.bp-area-error {
  color: #FF0000;
  margin-bottom: 10px;
}

.bp-area-content  .error {
  display: inline-block;
}

.bp-area-content input {
  background-color: #EFF2F4;
  height: 47px;
  line-height: 47px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 5px;
  border: medium none;
  width: 100%;
  text-indent: 5px;
  padding-right: 0;
}

.bp-area-content input.error {
  border: 1px red solid !important;
}

/* .pure-g .bp-area-label { */
/* 	line-height: 50px; */
/* } */
.bp-area-edito {
  margin-bottom: 20px;
}

.bp-area-component .btn-bp-area p, .bp-area-component label p, #bpnumber-error {
  margin: 0;
}

.client-number-section {
  background-color: #001a70;
  color: white;
  padding: 20px;
  width: auto;
}

.client-number-text {
  margin-right: 30px;
}

.client-number-text p {
  display: inline;
}

.bp-area-component .infobulle-arrow-div {
  height: 32px;
  position: absolute;
  width: 58px;
  z-index: 99999;
  left: 52%;
}

.bp-area-component .infobulle-arrow {
  height: 30px;
  left: 0;
  position: absolute;
  width: 58px;
  bottom: 32px;
}

.btn_article.left {
  margin-left: 0;
}

.right {
  float: right;
}
.fe-optin, .src-optin {
    padding: 20px;
}

#src-subscribe-tooltip {
    position: relative;
    margin-top: 20px;
}

.fe-and-src-optin-component {
    background-color: #EFF2F4;
}

.fe-and-src-optin-component p {
    display: inline;
}

.FEandSRCOptin  .component-preferences-checkbox {
    vertical-align: middle;
}

.fe-and-src-optin-label {
    padding-left: 10px;
}

.prospectBankData .fe_and_src_img_tooltip {
    margin-left: 10px;
}

.content_component_tooltip .tooltip-arrow-div {
    left: 0;
}

.fe-optin-conditions {
    margin-bottom: 0 !important;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0; 
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  /* added line */
  border: 0; }

a.atomx-btn--theme-primary, button.atomx-btn--theme-primary, input.atomx-btn--theme-primary {
  color: #fff !important;
  background: #006DFF; }
a.atomx-btn--theme-primary:hover, button.atomx-btn--theme-primary:hover, input.atomx-btn--theme-primary:hover {
  color: #fff !important;
  background: #004cb3; }
a.atomx-btn--theme-primary.disabled, a.atomx-btn--theme-primary:disabled, button.atomx-btn--theme-primary.disabled, button.atomx-btn--theme-primary:disabled, input.atomx-btn--theme-primary.disabled, input.atomx-btn--theme-primary:disabled {
  color: #9E9E9E !important;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn--theme-primary.disabled:active::before, a.atomx-btn--theme-primary:disabled:active::before, button.atomx-btn--theme-primary.disabled:active::before, button.atomx-btn--theme-primary:disabled:active::before, input.atomx-btn--theme-primary.disabled:active::before, input.atomx-btn--theme-primary:disabled:active::before {
  box-shadow: inset 0 4px 0 1px transparent; }
a.atomx-btn--theme-primary.atomx-btn__active, a.atomx-btn--theme-primary:active, button.atomx-btn--theme-primary.atomx-btn__active, button.atomx-btn--theme-primary:active, input.atomx-btn--theme-primary.atomx-btn__active, input.atomx-btn--theme-primary:active {
  position: relative; }
a.atomx-btn--theme-primary.atomx-btn__active::before, a.atomx-btn--theme-primary:active::before, button.atomx-btn--theme-primary.atomx-btn__active::before, button.atomx-btn--theme-primary:active::before, input.atomx-btn--theme-primary.atomx-btn__active::before, input.atomx-btn--theme-primary:active::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 4px;
  width: 100%;
  box-shadow: inset 0 4px 0 1px #004199; }

a.atomx-btn--theme-secondary, button.atomx-btn--theme-secondary, input.atomx-btn--theme-secondary {
  color: #fff !important;
  background: #666666; }
a.atomx-btn--theme-secondary:hover, button.atomx-btn--theme-secondary:hover, input.atomx-btn--theme-secondary:hover {
  color: #fff !important;
  background: #404040; }
a.atomx-btn--theme-secondary.disabled, a.atomx-btn--theme-secondary:disabled, button.atomx-btn--theme-secondary.disabled, button.atomx-btn--theme-secondary:disabled, input.atomx-btn--theme-secondary.disabled, input.atomx-btn--theme-secondary:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn--theme-secondary.disabled:active::before, a.atomx-btn--theme-secondary:disabled:active::before, button.atomx-btn--theme-secondary.disabled:active::before, button.atomx-btn--theme-secondary:disabled:active::before, input.atomx-btn--theme-secondary.disabled:active::before, input.atomx-btn--theme-secondary:disabled:active::before {
  box-shadow: inset 0 4px 0 1px transparent; }
a.atomx-btn--theme-secondary.atomx-btn__active, a.atomx-btn--theme-secondary:active, button.atomx-btn--theme-secondary.atomx-btn__active, button.atomx-btn--theme-secondary:active, input.atomx-btn--theme-secondary.atomx-btn__active, input.atomx-btn--theme-secondary:active {
  position: relative; }
a.atomx-btn--theme-secondary.atomx-btn__active::before, a.atomx-btn--theme-secondary:active::before, button.atomx-btn--theme-secondary.atomx-btn__active::before, button.atomx-btn--theme-secondary:active::before, input.atomx-btn--theme-secondary.atomx-btn__active::before, input.atomx-btn--theme-secondary:active::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 4px;
  width: 100%;
  box-shadow: inset 0 4px 0 1px #333333; }

a.atomx-btn--theme-success, button.atomx-btn--theme-success, input.atomx-btn--theme-success {
  color: #fff !important;
  background: #00C172; }
a.atomx-btn--theme-success:hover, button.atomx-btn--theme-success:hover, input.atomx-btn--theme-success:hover {
  color: #fff !important;
  background: #007545; }
a.atomx-btn--theme-success.disabled, a.atomx-btn--theme-success:disabled, button.atomx-btn--theme-success.disabled, button.atomx-btn--theme-success:disabled, input.atomx-btn--theme-success.disabled, input.atomx-btn--theme-success:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn--theme-success.disabled:active::before, a.atomx-btn--theme-success:disabled:active::before, button.atomx-btn--theme-success.disabled:active::before, button.atomx-btn--theme-success:disabled:active::before, input.atomx-btn--theme-success.disabled:active::before, input.atomx-btn--theme-success:disabled:active::before {
  box-shadow: inset 0 4px 0 1px transparent; }
a.atomx-btn--theme-success.atomx-btn__active, a.atomx-btn--theme-success:active, button.atomx-btn--theme-success.atomx-btn__active, button.atomx-btn--theme-success:active, input.atomx-btn--theme-success.atomx-btn__active, input.atomx-btn--theme-success:active {
  position: relative; }
a.atomx-btn--theme-success.atomx-btn__active::before, a.atomx-btn--theme-success:active::before, button.atomx-btn--theme-success.atomx-btn__active::before, button.atomx-btn--theme-success:active::before, input.atomx-btn--theme-success.atomx-btn__active::before, input.atomx-btn--theme-success:active::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 4px;
  width: 100%;
  box-shadow: inset 0 4px 0 1px #005b36; }

a.atomx-btn--theme-warning, button.atomx-btn--theme-warning, input.atomx-btn--theme-warning {
  color: #fff !important;
  background: #FE5815; }
a.atomx-btn--theme-warning:hover, button.atomx-btn--theme-warning:hover, input.atomx-btn--theme-warning:hover {
  color: #fff !important;
  background: #c63901; }
a.atomx-btn--theme-warning.disabled, a.atomx-btn--theme-warning:disabled, button.atomx-btn--theme-warning.disabled, button.atomx-btn--theme-warning:disabled, input.atomx-btn--theme-warning.disabled, input.atomx-btn--theme-warning:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn--theme-warning.disabled:active::before, a.atomx-btn--theme-warning:disabled:active::before, button.atomx-btn--theme-warning.disabled:active::before, button.atomx-btn--theme-warning:disabled:active::before, input.atomx-btn--theme-warning.disabled:active::before, input.atomx-btn--theme-warning:disabled:active::before {
  box-shadow: inset 0 4px 0 1px transparent; }
a.atomx-btn--theme-warning.atomx-btn__active, a.atomx-btn--theme-warning:active, button.atomx-btn--theme-warning.atomx-btn__active, button.atomx-btn--theme-warning:active, input.atomx-btn--theme-warning.atomx-btn__active, input.atomx-btn--theme-warning:active {
  position: relative; }
a.atomx-btn--theme-warning.atomx-btn__active::before, a.atomx-btn--theme-warning:active::before, button.atomx-btn--theme-warning.atomx-btn__active::before, button.atomx-btn--theme-warning:active::before, input.atomx-btn--theme-warning.atomx-btn__active::before, input.atomx-btn--theme-warning:active::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 4px;
  width: 100%;
  box-shadow: inset 0 4px 0 1px #ac3201; }

a.atomx-btn--theme-danger, button.atomx-btn--theme-danger, input.atomx-btn--theme-danger {
  color: #fff !important;
  background: #E62333; }
a.atomx-btn--theme-danger:hover, button.atomx-btn--theme-danger:hover, input.atomx-btn--theme-danger:hover {
  color: #fff !important;
  background: #a91320; }
a.atomx-btn--theme-danger.disabled, a.atomx-btn--theme-danger:disabled, button.atomx-btn--theme-danger.disabled, button.atomx-btn--theme-danger:disabled, input.atomx-btn--theme-danger.disabled, input.atomx-btn--theme-danger:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn--theme-danger.disabled:active::before, a.atomx-btn--theme-danger:disabled:active::before, button.atomx-btn--theme-danger.disabled:active::before, button.atomx-btn--theme-danger:disabled:active::before, input.atomx-btn--theme-danger.disabled:active::before, input.atomx-btn--theme-danger:disabled:active::before {
  box-shadow: inset 0 4px 0 1px transparent; }
a.atomx-btn--theme-danger.atomx-btn__active, a.atomx-btn--theme-danger:active, button.atomx-btn--theme-danger.atomx-btn__active, button.atomx-btn--theme-danger:active, input.atomx-btn--theme-danger.atomx-btn__active, input.atomx-btn--theme-danger:active {
  position: relative; }
a.atomx-btn--theme-danger.atomx-btn__active::before, a.atomx-btn--theme-danger:active::before, button.atomx-btn--theme-danger.atomx-btn__active::before, button.atomx-btn--theme-danger:active::before, input.atomx-btn--theme-danger.atomx-btn__active::before, input.atomx-btn--theme-danger:active::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 4px;
  width: 100%;
  box-shadow: inset 0 4px 0 1px #92111b; }

a.atomx-btn--theme-light, button.atomx-btn--theme-light, input.atomx-btn--theme-light {
  color: #333333;
  background: #fff !important; }
a.atomx-btn--theme-light:hover, button.atomx-btn--theme-light:hover, input.atomx-btn--theme-light:hover {
  color: #333333;
  background: #d9d9d9; }
a.atomx-btn--theme-light.disabled, a.atomx-btn--theme-light:disabled, button.atomx-btn--theme-light.disabled, button.atomx-btn--theme-light:disabled, input.atomx-btn--theme-light.disabled, input.atomx-btn--theme-light:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn--theme-light.disabled:active::before, a.atomx-btn--theme-light:disabled:active::before, button.atomx-btn--theme-light.disabled:active::before, button.atomx-btn--theme-light:disabled:active::before, input.atomx-btn--theme-light.disabled:active::before, input.atomx-btn--theme-light:disabled:active::before {
  box-shadow: inset 0 4px 0 1px transparent; }
a.atomx-btn--theme-light.atomx-btn__active, a.atomx-btn--theme-light:active, button.atomx-btn--theme-light.atomx-btn__active, button.atomx-btn--theme-light:active, input.atomx-btn--theme-light.atomx-btn__active, input.atomx-btn--theme-light:active {
  position: relative; }
a.atomx-btn--theme-light.atomx-btn__active::before, a.atomx-btn--theme-light:active::before, button.atomx-btn--theme-light.atomx-btn__active::before, button.atomx-btn--theme-light:active::before, input.atomx-btn--theme-light.atomx-btn__active::before, input.atomx-btn--theme-light:active::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 4px;
  width: 100%;
  box-shadow: inset 0 4px 0 1px #cccccc; }

a.atomx-btn--theme-dark, button.atomx-btn--theme-dark, input.atomx-btn--theme-dark {
  color: #fff !important;
  background: #1A1A1A; }
a.atomx-btn--theme-dark:hover, button.atomx-btn--theme-dark:hover, input.atomx-btn--theme-dark:hover {
  color: #fff !important;
  background: black; }
a.atomx-btn--theme-dark.disabled, a.atomx-btn--theme-dark:disabled, button.atomx-btn--theme-dark.disabled, button.atomx-btn--theme-dark:disabled, input.atomx-btn--theme-dark.disabled, input.atomx-btn--theme-dark:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn--theme-dark.disabled:active::before, a.atomx-btn--theme-dark:disabled:active::before, button.atomx-btn--theme-dark.disabled:active::before, button.atomx-btn--theme-dark:disabled:active::before, input.atomx-btn--theme-dark.disabled:active::before, input.atomx-btn--theme-dark:disabled:active::before {
  box-shadow: inset 0 4px 0 1px transparent; }
a.atomx-btn--theme-dark.atomx-btn__active, a.atomx-btn--theme-dark:active, button.atomx-btn--theme-dark.atomx-btn__active, button.atomx-btn--theme-dark:active, input.atomx-btn--theme-dark.atomx-btn__active, input.atomx-btn--theme-dark:active {
  position: relative; }
a.atomx-btn--theme-dark.atomx-btn__active::before, a.atomx-btn--theme-dark:active::before, button.atomx-btn--theme-dark.atomx-btn__active::before, button.atomx-btn--theme-dark:active::before, input.atomx-btn--theme-dark.atomx-btn__active::before, input.atomx-btn--theme-dark:active::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 4px;
  width: 100%;
  box-shadow: inset 0 4px 0 1px black; }

a.atomx-btn--theme-orange-dark, button.atomx-btn--theme-orange-dark, input.atomx-btn--theme-orange-dark {
  color: #333333;
  background: #FFA02F; }
a.atomx-btn--theme-orange-dark:hover, button.atomx-btn--theme-orange-dark:hover, input.atomx-btn--theme-orange-dark:hover {
  color: #fff !important;
  background: #e27b00; }
a.atomx-btn--theme-orange-dark.disabled, a.atomx-btn--theme-orange-dark:disabled, button.atomx-btn--theme-orange-dark.disabled, button.atomx-btn--theme-orange-dark:disabled, input.atomx-btn--theme-orange-dark.disabled, input.atomx-btn--theme-orange-dark:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn--theme-orange-dark.disabled:active::before, a.atomx-btn--theme-orange-dark:disabled:active::before, button.atomx-btn--theme-orange-dark.disabled:active::before, button.atomx-btn--theme-orange-dark:disabled:active::before, input.atomx-btn--theme-orange-dark.disabled:active::before, input.atomx-btn--theme-orange-dark:disabled:active::before {
  box-shadow: inset 0 4px 0 1px transparent; }
a.atomx-btn--theme-orange-dark.atomx-btn__active, a.atomx-btn--theme-orange-dark:active, button.atomx-btn--theme-orange-dark.atomx-btn__active, button.atomx-btn--theme-orange-dark:active, input.atomx-btn--theme-orange-dark.atomx-btn__active, input.atomx-btn--theme-orange-dark:active {
  position: relative; }
a.atomx-btn--theme-orange-dark.atomx-btn__active::before, a.atomx-btn--theme-orange-dark:active::before, button.atomx-btn--theme-orange-dark.atomx-btn__active::before, button.atomx-btn--theme-orange-dark:active::before, input.atomx-btn--theme-orange-dark.atomx-btn__active::before, input.atomx-btn--theme-orange-dark:active::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 4px;
  width: 100%;
  box-shadow: inset 0 4px 0 1px #c86d00; }

a.atomx-btn--theme-orange-light, button.atomx-btn--theme-orange-light, input.atomx-btn--theme-orange-light {
  color: #fff !important;
  background: #FE5815; }
a.atomx-btn--theme-orange-light:hover, button.atomx-btn--theme-orange-light:hover, input.atomx-btn--theme-orange-light:hover {
  color: #fff !important;
  background: #c63901; }
a.atomx-btn--theme-orange-light.disabled, a.atomx-btn--theme-orange-light:disabled, button.atomx-btn--theme-orange-light.disabled, button.atomx-btn--theme-orange-light:disabled, input.atomx-btn--theme-orange-light.disabled, input.atomx-btn--theme-orange-light:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn--theme-orange-light.disabled:active::before, a.atomx-btn--theme-orange-light:disabled:active::before, button.atomx-btn--theme-orange-light.disabled:active::before, button.atomx-btn--theme-orange-light:disabled:active::before, input.atomx-btn--theme-orange-light.disabled:active::before, input.atomx-btn--theme-orange-light:disabled:active::before {
  box-shadow: inset 0 4px 0 1px transparent; }
a.atomx-btn--theme-orange-light.atomx-btn__active, a.atomx-btn--theme-orange-light:active, button.atomx-btn--theme-orange-light.atomx-btn__active, button.atomx-btn--theme-orange-light:active, input.atomx-btn--theme-orange-light.atomx-btn__active, input.atomx-btn--theme-orange-light:active {
  position: relative; }
a.atomx-btn--theme-orange-light.atomx-btn__active::before, a.atomx-btn--theme-orange-light:active::before, button.atomx-btn--theme-orange-light.atomx-btn__active::before, button.atomx-btn--theme-orange-light:active::before, input.atomx-btn--theme-orange-light.atomx-btn__active::before, input.atomx-btn--theme-orange-light:active::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 4px;
  width: 100%;
  box-shadow: inset 0 4px 0 1px #ac3201; }

a.atomx-btn--theme-blue-dark, button.atomx-btn--theme-blue-dark, input.atomx-btn--theme-blue-dark {
  color: #fff !important;
  background: #09357A; }
a.atomx-btn--theme-blue-dark:hover, button.atomx-btn--theme-blue-dark:hover, input.atomx-btn--theme-blue-dark:hover {
  color: #fff !important;
  background: #041633; }
a.atomx-btn--theme-blue-dark.disabled, a.atomx-btn--theme-blue-dark:disabled, button.atomx-btn--theme-blue-dark.disabled, button.atomx-btn--theme-blue-dark:disabled, input.atomx-btn--theme-blue-dark.disabled, input.atomx-btn--theme-blue-dark:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn--theme-blue-dark.disabled:active::before, a.atomx-btn--theme-blue-dark:disabled:active::before, button.atomx-btn--theme-blue-dark.disabled:active::before, button.atomx-btn--theme-blue-dark:disabled:active::before, input.atomx-btn--theme-blue-dark.disabled:active::before, input.atomx-btn--theme-blue-dark:disabled:active::before {
  box-shadow: inset 0 4px 0 1px transparent; }
a.atomx-btn--theme-blue-dark.atomx-btn__active, a.atomx-btn--theme-blue-dark:active, button.atomx-btn--theme-blue-dark.atomx-btn__active, button.atomx-btn--theme-blue-dark:active, input.atomx-btn--theme-blue-dark.atomx-btn__active, input.atomx-btn--theme-blue-dark:active {
  position: relative; }
a.atomx-btn--theme-blue-dark.atomx-btn__active::before, a.atomx-btn--theme-blue-dark:active::before, button.atomx-btn--theme-blue-dark.atomx-btn__active::before, button.atomx-btn--theme-blue-dark:active::before, input.atomx-btn--theme-blue-dark.atomx-btn__active::before, input.atomx-btn--theme-blue-dark:active::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 4px;
  width: 100%;
  box-shadow: inset 0 4px 0 1px #020c1b; }

a.atomx-btn--theme-blue-light, button.atomx-btn--theme-blue-light, input.atomx-btn--theme-blue-light {
  color: #fff !important;
  background: #005BBB; }
a.atomx-btn--theme-blue-light:hover, button.atomx-btn--theme-blue-light:hover, input.atomx-btn--theme-blue-light:hover {
  color: #fff !important;
  background: #00366f; }
a.atomx-btn--theme-blue-light.disabled, a.atomx-btn--theme-blue-light:disabled, button.atomx-btn--theme-blue-light.disabled, button.atomx-btn--theme-blue-light:disabled, input.atomx-btn--theme-blue-light.disabled, input.atomx-btn--theme-blue-light:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn--theme-blue-light.disabled:active::before, a.atomx-btn--theme-blue-light:disabled:active::before, button.atomx-btn--theme-blue-light.disabled:active::before, button.atomx-btn--theme-blue-light:disabled:active::before, input.atomx-btn--theme-blue-light.disabled:active::before, input.atomx-btn--theme-blue-light:disabled:active::before {
  box-shadow: inset 0 4px 0 1px transparent; }
a.atomx-btn--theme-blue-light.atomx-btn__active, a.atomx-btn--theme-blue-light:active, button.atomx-btn--theme-blue-light.atomx-btn__active, button.atomx-btn--theme-blue-light:active, input.atomx-btn--theme-blue-light.atomx-btn__active, input.atomx-btn--theme-blue-light:active {
  position: relative; }
a.atomx-btn--theme-blue-light.atomx-btn__active::before, a.atomx-btn--theme-blue-light:active::before, button.atomx-btn--theme-blue-light.atomx-btn__active::before, button.atomx-btn--theme-blue-light:active::before, input.atomx-btn--theme-blue-light.atomx-btn__active::before, input.atomx-btn--theme-blue-light:active::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 4px;
  width: 100%;
  box-shadow: inset 0 4px 0 1px #002955; }

a.atomx-btn--theme-green-dark, button.atomx-btn--theme-green-dark, input.atomx-btn--theme-green-dark {
  color: #333333;
  background: #C4D600; }
a.atomx-btn--theme-green-dark:hover, button.atomx-btn--theme-green-dark:hover, input.atomx-btn--theme-green-dark:hover {
  color: #fff !important;
  background: #7e8a00; }
a.atomx-btn--theme-green-dark.disabled, a.atomx-btn--theme-green-dark:disabled, button.atomx-btn--theme-green-dark.disabled, button.atomx-btn--theme-green-dark:disabled, input.atomx-btn--theme-green-dark.disabled, input.atomx-btn--theme-green-dark:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn--theme-green-dark.disabled:active::before, a.atomx-btn--theme-green-dark:disabled:active::before, button.atomx-btn--theme-green-dark.disabled:active::before, button.atomx-btn--theme-green-dark:disabled:active::before, input.atomx-btn--theme-green-dark.disabled:active::before, input.atomx-btn--theme-green-dark:disabled:active::before {
  box-shadow: inset 0 4px 0 1px transparent; }
a.atomx-btn--theme-green-dark.atomx-btn__active, a.atomx-btn--theme-green-dark:active, button.atomx-btn--theme-green-dark.atomx-btn__active, button.atomx-btn--theme-green-dark:active, input.atomx-btn--theme-green-dark.atomx-btn__active, input.atomx-btn--theme-green-dark:active {
  position: relative; }
a.atomx-btn--theme-green-dark.atomx-btn__active::before, a.atomx-btn--theme-green-dark:active::before, button.atomx-btn--theme-green-dark.atomx-btn__active::before, button.atomx-btn--theme-green-dark:active::before, input.atomx-btn--theme-green-dark.atomx-btn__active::before, input.atomx-btn--theme-green-dark:active::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 4px;
  width: 100%;
  box-shadow: inset 0 4px 0 1px #677000; }

a.atomx-btn--theme-green-light, button.atomx-btn--theme-green-light, input.atomx-btn--theme-green-light {
  color: #fff !important;
  background: #509E2F; }
a.atomx-btn--theme-green-light:hover, button.atomx-btn--theme-green-light:hover, input.atomx-btn--theme-green-light:hover {
  color: #fff !important;
  background: #32631d; }
a.atomx-btn--theme-green-light.disabled, a.atomx-btn--theme-green-light:disabled, button.atomx-btn--theme-green-light.disabled, button.atomx-btn--theme-green-light:disabled, input.atomx-btn--theme-green-light.disabled, input.atomx-btn--theme-green-light:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn--theme-green-light.disabled:active::before, a.atomx-btn--theme-green-light:disabled:active::before, button.atomx-btn--theme-green-light.disabled:active::before, button.atomx-btn--theme-green-light:disabled:active::before, input.atomx-btn--theme-green-light.disabled:active::before, input.atomx-btn--theme-green-light:disabled:active::before {
  box-shadow: inset 0 4px 0 1px transparent; }
a.atomx-btn--theme-green-light.atomx-btn__active, a.atomx-btn--theme-green-light:active, button.atomx-btn--theme-green-light.atomx-btn__active, button.atomx-btn--theme-green-light:active, input.atomx-btn--theme-green-light.atomx-btn__active, input.atomx-btn--theme-green-light:active {
  position: relative; }
a.atomx-btn--theme-green-light.atomx-btn__active::before, a.atomx-btn--theme-green-light:active::before, button.atomx-btn--theme-green-light.atomx-btn__active::before, button.atomx-btn--theme-green-light:active::before, input.atomx-btn--theme-green-light.atomx-btn__active::before, input.atomx-btn--theme-green-light:active::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 4px;
  width: 100%;
  box-shadow: inset 0 4px 0 1px #284f18; }

a.atomx-btn-outline--theme-primary, button.atomx-btn-outline--theme-primary, input.atomx-btn-outline--theme-primary {
  color: #006DFF;
  background-color: transparent;
  border: 1px solid #006DFF; }
a.atomx-btn-outline--theme-primary:hover, button.atomx-btn-outline--theme-primary:hover, input.atomx-btn-outline--theme-primary:hover {
  color: #fff !important;
  background-color: #006DFF;
  border: 1px solid #006DFF; }
a.atomx-btn-outline--theme-primary.disabled, a.atomx-btn-outline--theme-primary:disabled, button.atomx-btn-outline--theme-primary.disabled, button.atomx-btn-outline--theme-primary:disabled, input.atomx-btn-outline--theme-primary.disabled, input.atomx-btn-outline--theme-primary:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-outline--theme-primary.atomx-btn__active, a.atomx-btn-outline--theme-primary:active, button.atomx-btn-outline--theme-primary.atomx-btn__active, button.atomx-btn-outline--theme-primary:active, input.atomx-btn-outline--theme-primary.atomx-btn__active, input.atomx-btn-outline--theme-primary:active {
  color: #fff !important;
  background-color: #006DFF;
  border: 1px solid #006DFF; }

a.atomx-btn-outline--theme-secondary, button.atomx-btn-outline--theme-secondary, input.atomx-btn-outline--theme-secondary {
  color: #666666;
  background-color: transparent;
  border: 1px solid #666666; }
a.atomx-btn-outline--theme-secondary:hover, button.atomx-btn-outline--theme-secondary:hover, input.atomx-btn-outline--theme-secondary:hover {
  color: #fff !important;
  background-color: #666666;
  border: 1px solid #666666; }
a.atomx-btn-outline--theme-secondary.disabled, a.atomx-btn-outline--theme-secondary:disabled, button.atomx-btn-outline--theme-secondary.disabled, button.atomx-btn-outline--theme-secondary:disabled, input.atomx-btn-outline--theme-secondary.disabled, input.atomx-btn-outline--theme-secondary:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-outline--theme-secondary.atomx-btn__active, a.atomx-btn-outline--theme-secondary:active, button.atomx-btn-outline--theme-secondary.atomx-btn__active, button.atomx-btn-outline--theme-secondary:active, input.atomx-btn-outline--theme-secondary.atomx-btn__active, input.atomx-btn-outline--theme-secondary:active {
  color: #fff !important;
  background-color: #666666;
  border: 1px solid #666666; }

a.atomx-btn-outline--theme-secondary-dark, button.atomx-btn-outline--theme-secondary-dark, input.atomx-btn-outline--theme-secondary-dark {
  color: #333333 !important;
  background-color: transparent;
  border: 1px solid #333333; }
a.atomx-btn-outline--theme-secondary-dark:hover, button.atomx-btn-outline--theme-secondary-dark:hover, input.atomx-btn-outline--theme-secondary-dark:hover {
  color: #fff !important;
  background-color: #333333;
  border: 1px solid #333333; }
a.atomx-btn-outline--theme-secondary-dark.disabled, a.atomx-btn-outline--theme-secondary-dark:disabled, button.atomx-btn-outline--theme-secondary-dark.disabled, button.atomx-btn-outline--theme-secondary-dark:disabled, input.atomx-btn-outline--theme-secondary-dark.disabled, input.atomx-btn-outline--theme-secondary-dark:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-outline--theme-secondary-dark.atomx-btn__active, a.atomx-btn-outline--theme-secondary-dark:active, button.atomx-btn-outline--theme-secondary-dark.atomx-btn__active, button.atomx-btn-outline--theme-secondary-dark:active, input.atomx-btn-outline--theme-secondary-dark.atomx-btn__active, input.atomx-btn-outline--theme-secondary-dark:active {
  color: #fff !important;
  background-color: #333333;
  border: 1px solid #333333; }

a.atomx-btn-outline--theme-success, button.atomx-btn-outline--theme-success, input.atomx-btn-outline--theme-success {
  color: #00C172;
  background-color: transparent;
  border: 1px solid #00C172; }
a.atomx-btn-outline--theme-success:hover, button.atomx-btn-outline--theme-success:hover, input.atomx-btn-outline--theme-success:hover {
  color: #fff !important;
  background-color: #00C172;
  border: 1px solid #00C172; }
a.atomx-btn-outline--theme-success.disabled, a.atomx-btn-outline--theme-success:disabled, button.atomx-btn-outline--theme-success.disabled, button.atomx-btn-outline--theme-success:disabled, input.atomx-btn-outline--theme-success.disabled, input.atomx-btn-outline--theme-success:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-outline--theme-success.atomx-btn__active, a.atomx-btn-outline--theme-success:active, button.atomx-btn-outline--theme-success.atomx-btn__active, button.atomx-btn-outline--theme-success:active, input.atomx-btn-outline--theme-success.atomx-btn__active, input.atomx-btn-outline--theme-success:active {
  color: #fff !important;
  background-color: #00C172;
  border: 1px solid #00C172; }

a.atomx-btn-outline--theme-warning, button.atomx-btn-outline--theme-warning, input.atomx-btn-outline--theme-warning {
  color: #FE5815;
  background-color: transparent;
  border: 1px solid #FE5815; }
a.atomx-btn-outline--theme-warning:hover, button.atomx-btn-outline--theme-warning:hover, input.atomx-btn-outline--theme-warning:hover {
  color: #fff !important;
  background-color: #FE5815;
  border: 1px solid #FE5815; }
a.atomx-btn-outline--theme-warning.disabled, a.atomx-btn-outline--theme-warning:disabled, button.atomx-btn-outline--theme-warning.disabled, button.atomx-btn-outline--theme-warning:disabled, input.atomx-btn-outline--theme-warning.disabled, input.atomx-btn-outline--theme-warning:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-outline--theme-warning.atomx-btn__active, a.atomx-btn-outline--theme-warning:active, button.atomx-btn-outline--theme-warning.atomx-btn__active, button.atomx-btn-outline--theme-warning:active, input.atomx-btn-outline--theme-warning.atomx-btn__active, input.atomx-btn-outline--theme-warning:active {
  color: #fff !important;
  background-color: #FE5815;
  border: 1px solid #FE5815; }

a.atomx-btn-outline--theme-danger, button.atomx-btn-outline--theme-danger, input.atomx-btn-outline--theme-danger {
  color: #E62333;
  background-color: transparent;
  border: 1px solid #E62333; }
a.atomx-btn-outline--theme-danger:hover, button.atomx-btn-outline--theme-danger:hover, input.atomx-btn-outline--theme-danger:hover {
  color: #fff !important;
  background-color: #E62333;
  border: 1px solid #E62333; }
a.atomx-btn-outline--theme-danger.disabled, a.atomx-btn-outline--theme-danger:disabled, button.atomx-btn-outline--theme-danger.disabled, button.atomx-btn-outline--theme-danger:disabled, input.atomx-btn-outline--theme-danger.disabled, input.atomx-btn-outline--theme-danger:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-outline--theme-danger.atomx-btn__active, a.atomx-btn-outline--theme-danger:active, button.atomx-btn-outline--theme-danger.atomx-btn__active, button.atomx-btn-outline--theme-danger:active, input.atomx-btn-outline--theme-danger.atomx-btn__active, input.atomx-btn-outline--theme-danger:active {
  color: #fff !important;
  background-color: #E62333;
  border: 1px solid #E62333; }

a.atomx-btn-outline--theme-light, button.atomx-btn-outline--theme-light, input.atomx-btn-outline--theme-light {
  color: #fff !important;
  background-color: transparent;
  border: 1px solid #fff !important; }
a.atomx-btn-outline--theme-light:hover, button.atomx-btn-outline--theme-light:hover, input.atomx-btn-outline--theme-light:hover {
  color: #333333 !important;
  background-color: #fff !important;
  border: 1px solid #fff !important; }
a.atomx-btn-outline--theme-light.disabled, a.atomx-btn-outline--theme-light:disabled, button.atomx-btn-outline--theme-light.disabled, button.atomx-btn-outline--theme-light:disabled, input.atomx-btn-outline--theme-light.disabled, input.atomx-btn-outline--theme-light:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-outline--theme-light.atomx-btn__active, a.atomx-btn-outline--theme-light:active, button.atomx-btn-outline--theme-light.atomx-btn__active, button.atomx-btn-outline--theme-light:active, input.atomx-btn-outline--theme-light.atomx-btn__active, input.atomx-btn-outline--theme-light:active {
  color: #333333;
  background-color: #fff !important;
  border: 1px solid #fff !important; }

a.atomx-btn-outline--theme-dark, button.atomx-btn-outline--theme-dark, input.atomx-btn-outline--theme-dark {
  color: #1A1A1A;
  background-color: transparent;
  border: 1px solid #1A1A1A; }
a.atomx-btn-outline--theme-dark:hover, button.atomx-btn-outline--theme-dark:hover, input.atomx-btn-outline--theme-dark:hover {
  color: #fff !important;
  background-color: #1A1A1A;
  border: 1px solid #1A1A1A; }
a.atomx-btn-outline--theme-dark.disabled, a.atomx-btn-outline--theme-dark:disabled, button.atomx-btn-outline--theme-dark.disabled, button.atomx-btn-outline--theme-dark:disabled, input.atomx-btn-outline--theme-dark.disabled, input.atomx-btn-outline--theme-dark:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-outline--theme-dark.atomx-btn__active, a.atomx-btn-outline--theme-dark:active, button.atomx-btn-outline--theme-dark.atomx-btn__active, button.atomx-btn-outline--theme-dark:active, input.atomx-btn-outline--theme-dark.atomx-btn__active, input.atomx-btn-outline--theme-dark:active {
  color: #fff !important;
  background-color: #1A1A1A;
  border: 1px solid #1A1A1A; }

a.atomx-btn-outline--theme-orange-dark, button.atomx-btn-outline--theme-orange-dark, input.atomx-btn-outline--theme-orange-dark {
  color: #FFA02F;
  background-color: transparent;
  border: 1px solid #FFA02F; }
a.atomx-btn-outline--theme-orange-dark:hover, button.atomx-btn-outline--theme-orange-dark:hover, input.atomx-btn-outline--theme-orange-dark:hover {
  color: #333333;
  background-color: #FFA02F;
  border: 1px solid #FFA02F; }
a.atomx-btn-outline--theme-orange-dark.disabled, a.atomx-btn-outline--theme-orange-dark:disabled, button.atomx-btn-outline--theme-orange-dark.disabled, button.atomx-btn-outline--theme-orange-dark:disabled, input.atomx-btn-outline--theme-orange-dark.disabled, input.atomx-btn-outline--theme-orange-dark:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-outline--theme-orange-dark.atomx-btn__active, a.atomx-btn-outline--theme-orange-dark:active, button.atomx-btn-outline--theme-orange-dark.atomx-btn__active, button.atomx-btn-outline--theme-orange-dark:active, input.atomx-btn-outline--theme-orange-dark.atomx-btn__active, input.atomx-btn-outline--theme-orange-dark:active {
  color: #333333;
  background-color: #FFA02F;
  border: 1px solid #FFA02F; }

a.atomx-btn-outline--theme-orange-light, button.atomx-btn-outline--theme-orange-light, input.atomx-btn-outline--theme-orange-light {
  color: #FE5815;
  background-color: transparent;
  border: 1px solid #FE5815; }
a.atomx-btn-outline--theme-orange-light:hover, button.atomx-btn-outline--theme-orange-light:hover, input.atomx-btn-outline--theme-orange-light:hover {
  color: #fff !important;
  background-color: #FE5815;
  border: 1px solid #FE5815; }
a.atomx-btn-outline--theme-orange-light.disabled, a.atomx-btn-outline--theme-orange-light:disabled, button.atomx-btn-outline--theme-orange-light.disabled, button.atomx-btn-outline--theme-orange-light:disabled, input.atomx-btn-outline--theme-orange-light.disabled, input.atomx-btn-outline--theme-orange-light:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-outline--theme-orange-light.atomx-btn__active, a.atomx-btn-outline--theme-orange-light:active, button.atomx-btn-outline--theme-orange-light.atomx-btn__active, button.atomx-btn-outline--theme-orange-light:active, input.atomx-btn-outline--theme-orange-light.atomx-btn__active, input.atomx-btn-outline--theme-orange-light:active {
  color: #fff !important;
  background-color: #FE5815;
  border: 1px solid #FE5815; }

a.atomx-btn-outline--theme-blue-dark, button.atomx-btn-outline--theme-blue-dark, input.atomx-btn-outline--theme-blue-dark {
  color: #09357A;
  background-color: transparent;
  border: 1px solid #09357A; }
a.atomx-btn-outline--theme-blue-dark:hover, button.atomx-btn-outline--theme-blue-dark:hover, input.atomx-btn-outline--theme-blue-dark:hover {
  color: #fff !important;
  background-color: #09357A;
  border: 1px solid #09357A; }
a.atomx-btn-outline--theme-blue-dark.disabled, a.atomx-btn-outline--theme-blue-dark:disabled, button.atomx-btn-outline--theme-blue-dark.disabled, button.atomx-btn-outline--theme-blue-dark:disabled, input.atomx-btn-outline--theme-blue-dark.disabled, input.atomx-btn-outline--theme-blue-dark:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-outline--theme-blue-dark.atomx-btn__active, a.atomx-btn-outline--theme-blue-dark:active, button.atomx-btn-outline--theme-blue-dark.atomx-btn__active, button.atomx-btn-outline--theme-blue-dark:active, input.atomx-btn-outline--theme-blue-dark.atomx-btn__active, input.atomx-btn-outline--theme-blue-dark:active {
  color: #fff !important;
  background-color: #09357A;
  border: 1px solid #09357A; }

a.atomx-btn-outline--theme-blue-light, button.atomx-btn-outline--theme-blue-light, input.atomx-btn-outline--theme-blue-light {
  color: #005BBB;
  background-color: transparent;
  border: 1px solid #005BBB; }
a.atomx-btn-outline--theme-blue-light:hover, button.atomx-btn-outline--theme-blue-light:hover, input.atomx-btn-outline--theme-blue-light:hover {
  color: #fff !important;
  background-color: #005BBB;
  border: 1px solid #005BBB; }
a.atomx-btn-outline--theme-blue-light.disabled, a.atomx-btn-outline--theme-blue-light:disabled, button.atomx-btn-outline--theme-blue-light.disabled, button.atomx-btn-outline--theme-blue-light:disabled, input.atomx-btn-outline--theme-blue-light.disabled, input.atomx-btn-outline--theme-blue-light:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-outline--theme-blue-light.atomx-btn__active, a.atomx-btn-outline--theme-blue-light:active, button.atomx-btn-outline--theme-blue-light.atomx-btn__active, button.atomx-btn-outline--theme-blue-light:active, input.atomx-btn-outline--theme-blue-light.atomx-btn__active, input.atomx-btn-outline--theme-blue-light:active {
  color: #fff !important;
  background-color: #005BBB;
  border: 1px solid #005BBB; }

a.atomx-btn-outline--theme-green-dark, button.atomx-btn-outline--theme-green-dark, input.atomx-btn-outline--theme-green-dark {
  color: #C4D600;
  background-color: transparent;
  border: 1px solid #C4D600; }
a.atomx-btn-outline--theme-green-dark:hover, button.atomx-btn-outline--theme-green-dark:hover, input.atomx-btn-outline--theme-green-dark:hover {
  color: #333333;
  background-color: #C4D600;
  border: 1px solid #C4D600; }
a.atomx-btn-outline--theme-green-dark.disabled, a.atomx-btn-outline--theme-green-dark:disabled, button.atomx-btn-outline--theme-green-dark.disabled, button.atomx-btn-outline--theme-green-dark:disabled, input.atomx-btn-outline--theme-green-dark.disabled, input.atomx-btn-outline--theme-green-dark:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-outline--theme-green-dark.atomx-btn__active, a.atomx-btn-outline--theme-green-dark:active, button.atomx-btn-outline--theme-green-dark.atomx-btn__active, button.atomx-btn-outline--theme-green-dark:active, input.atomx-btn-outline--theme-green-dark.atomx-btn__active, input.atomx-btn-outline--theme-green-dark:active {
  color: #333333;
  background-color: #C4D600;
  border: 1px solid #C4D600; }

a.atomx-btn-outline--theme-green-light, button.atomx-btn-outline--theme-green-light, input.atomx-btn-outline--theme-green-light {
  color: #509E2F;
  background-color: transparent;
  border: 1px solid #509E2F; }
a.atomx-btn-outline--theme-green-light:hover, button.atomx-btn-outline--theme-green-light:hover, input.atomx-btn-outline--theme-green-light:hover {
  color: #fff !important;
  background-color: #509E2F;
  border: 1px solid #509E2F; }
a.atomx-btn-outline--theme-green-light.disabled, a.atomx-btn-outline--theme-green-light:disabled, button.atomx-btn-outline--theme-green-light.disabled, button.atomx-btn-outline--theme-green-light:disabled, input.atomx-btn-outline--theme-green-light.disabled, input.atomx-btn-outline--theme-green-light:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-outline--theme-green-light.atomx-btn__active, a.atomx-btn-outline--theme-green-light:active, button.atomx-btn-outline--theme-green-light.atomx-btn__active, button.atomx-btn-outline--theme-green-light:active, input.atomx-btn-outline--theme-green-light.atomx-btn__active, input.atomx-btn-outline--theme-green-light:active {
  color: #fff !important;
  background-color: #509E2F;
  border: 1px solid #509E2F; }

a.atomx-btn-link--theme-primary, button.atomx-btn-link--theme-primary, input.atomx-btn-link--theme-primary {
  color: #006DFF;
  background-color: transparent;
  border: 1px solid transparent; }
a.atomx-btn-link--theme-primary.disabled, a.atomx-btn-link--theme-primary:disabled, button.atomx-btn-link--theme-primary.disabled, button.atomx-btn-link--theme-primary:disabled, input.atomx-btn-link--theme-primary.disabled, input.atomx-btn-link--theme-primary:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-link--theme-primary.atomx-btn__active, a.atomx-btn-link--theme-primary:active, button.atomx-btn-link--theme-primary.atomx-btn__active, button.atomx-btn-link--theme-primary:active, input.atomx-btn-link--theme-primary.atomx-btn__active, input.atomx-btn-link--theme-primary:active {
  text-decoration: underline; }

a.atomx-btn-link--theme-secondary, button.atomx-btn-link--theme-secondary, input.atomx-btn-link--theme-secondary {
  color: #666666;
  background-color: transparent;
  border: 1px solid transparent; }
a.atomx-btn-link--theme-secondary:hover, button.atomx-btn-link--theme-secondary:hover, input.atomx-btn-link--theme-secondary:hover {
  text-decoration: underline; }
a.atomx-btn-link--theme-secondary.disabled, a.atomx-btn-link--theme-secondary:disabled, button.atomx-btn-link--theme-secondary.disabled, button.atomx-btn-link--theme-secondary:disabled, input.atomx-btn-link--theme-secondary.disabled, input.atomx-btn-link--theme-secondary:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-link--theme-secondary.atomx-btn__active, a.atomx-btn-link--theme-secondary:active, button.atomx-btn-link--theme-secondary.atomx-btn__active, button.atomx-btn-link--theme-secondary:active, input.atomx-btn-link--theme-secondary.atomx-btn__active, input.atomx-btn-link--theme-secondary:active {
  text-decoration: underline; }

a.atomx-btn-link--theme-success, button.atomx-btn-link--theme-success, input.atomx-btn-link--theme-success {
  color: #00C172;
  background-color: transparent;
  border: 1px solid transparent; }
a.atomx-btn-link--theme-success:hover, button.atomx-btn-link--theme-success:hover, input.atomx-btn-link--theme-success:hover {
  text-decoration: underline; }
a.atomx-btn-link--theme-success.disabled, a.atomx-btn-link--theme-success:disabled, button.atomx-btn-link--theme-success.disabled, button.atomx-btn-link--theme-success:disabled, input.atomx-btn-link--theme-success.disabled, input.atomx-btn-link--theme-success:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-link--theme-success.atomx-btn__active, a.atomx-btn-link--theme-success:active, button.atomx-btn-link--theme-success.atomx-btn__active, button.atomx-btn-link--theme-success:active, input.atomx-btn-link--theme-success.atomx-btn__active, input.atomx-btn-link--theme-success:active {
  text-decoration: underline; }

a.atomx-btn-link--theme-warning, button.atomx-btn-link--theme-warning, input.atomx-btn-link--theme-warning {
  color: #FE5815;
  background-color: transparent;
  border: 1px solid transparent; }
a.atomx-btn-link--theme-warning:hover, button.atomx-btn-link--theme-warning:hover, input.atomx-btn-link--theme-warning:hover {
  text-decoration: underline; }
a.atomx-btn-link--theme-warning.disabled, a.atomx-btn-link--theme-warning:disabled, button.atomx-btn-link--theme-warning.disabled, button.atomx-btn-link--theme-warning:disabled, input.atomx-btn-link--theme-warning.disabled, input.atomx-btn-link--theme-warning:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-link--theme-warning.atomx-btn__active, a.atomx-btn-link--theme-warning:active, button.atomx-btn-link--theme-warning.atomx-btn__active, button.atomx-btn-link--theme-warning:active, input.atomx-btn-link--theme-warning.atomx-btn__active, input.atomx-btn-link--theme-warning:active {
  text-decoration: underline; }

a.atomx-btn-link--theme-danger, button.atomx-btn-link--theme-danger, input.atomx-btn-link--theme-danger {
  color: #E62333;
  background-color: transparent;
  border: 1px solid transparent; }
a.atomx-btn-link--theme-danger:hover, button.atomx-btn-link--theme-danger:hover, input.atomx-btn-link--theme-danger:hover {
  text-decoration: underline; }
a.atomx-btn-link--theme-danger.disabled, a.atomx-btn-link--theme-danger:disabled, button.atomx-btn-link--theme-danger.disabled, button.atomx-btn-link--theme-danger:disabled, input.atomx-btn-link--theme-danger.disabled, input.atomx-btn-link--theme-danger:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-link--theme-danger.atomx-btn__active, a.atomx-btn-link--theme-danger:active, button.atomx-btn-link--theme-danger.atomx-btn__active, button.atomx-btn-link--theme-danger:active, input.atomx-btn-link--theme-danger.atomx-btn__active, input.atomx-btn-link--theme-danger:active {
  text-decoration: underline; }

a.atomx-btn-link--theme-light, button.atomx-btn-link--theme-light, input.atomx-btn-link--theme-light {
  color: #fff !important;
  background-color: transparent;
  border: 1px solid transparent; }
a.atomx-btn-link--theme-light:hover, button.atomx-btn-link--theme-light:hover, input.atomx-btn-link--theme-light:hover {
  text-decoration: underline; }
a.atomx-btn-link--theme-light.disabled, a.atomx-btn-link--theme-light:disabled, button.atomx-btn-link--theme-light.disabled, button.atomx-btn-link--theme-light:disabled, input.atomx-btn-link--theme-light.disabled, input.atomx-btn-link--theme-light:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-link--theme-light.atomx-btn__active, a.atomx-btn-link--theme-light:active, button.atomx-btn-link--theme-light.atomx-btn__active, button.atomx-btn-link--theme-light:active, input.atomx-btn-link--theme-light.atomx-btn__active, input.atomx-btn-link--theme-light:active {
  text-decoration: underline; }

a.atomx-btn-link--theme-dark, button.atomx-btn-link--theme-dark, input.atomx-btn-link--theme-dark {
  color: #1A1A1A;
  background-color: transparent;
  border: 1px solid transparent; }
a.atomx-btn-link--theme-dark:hover, button.atomx-btn-link--theme-dark:hover, input.atomx-btn-link--theme-dark:hover {
  text-decoration: underline; }
a.atomx-btn-link--theme-dark.disabled, a.atomx-btn-link--theme-dark:disabled, button.atomx-btn-link--theme-dark.disabled, button.atomx-btn-link--theme-dark:disabled, input.atomx-btn-link--theme-dark.disabled, input.atomx-btn-link--theme-dark:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-link--theme-dark.atomx-btn__active, a.atomx-btn-link--theme-dark:active, button.atomx-btn-link--theme-dark.atomx-btn__active, button.atomx-btn-link--theme-dark:active, input.atomx-btn-link--theme-dark.atomx-btn__active, input.atomx-btn-link--theme-dark:active {
  text-decoration: underline; }

a.atomx-btn-link--theme-orange-dark, button.atomx-btn-link--theme-orange-dark, input.atomx-btn-link--theme-orange-dark {
  color: #FFA02F;
  background-color: transparent;
  border: 1px solid transparent; }
a.atomx-btn-link--theme-orange-dark:hover, button.atomx-btn-link--theme-orange-dark:hover, input.atomx-btn-link--theme-orange-dark:hover {
  text-decoration: underline; }
a.atomx-btn-link--theme-orange-dark.disabled, a.atomx-btn-link--theme-orange-dark:disabled, button.atomx-btn-link--theme-orange-dark.disabled, button.atomx-btn-link--theme-orange-dark:disabled, input.atomx-btn-link--theme-orange-dark.disabled, input.atomx-btn-link--theme-orange-dark:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-link--theme-orange-dark.atomx-btn__active, a.atomx-btn-link--theme-orange-dark:active, button.atomx-btn-link--theme-orange-dark.atomx-btn__active, button.atomx-btn-link--theme-orange-dark:active, input.atomx-btn-link--theme-orange-dark.atomx-btn__active, input.atomx-btn-link--theme-orange-dark:active {
  text-decoration: underline; }

a.atomx-btn-link--theme-orange-light, button.atomx-btn-link--theme-orange-light, input.atomx-btn-link--theme-orange-light {
  color: #FE5815;
  background-color: transparent;
  border: 1px solid transparent; }
a.atomx-btn-link--theme-orange-light:hover, button.atomx-btn-link--theme-orange-light:hover, input.atomx-btn-link--theme-orange-light:hover {
  text-decoration: underline; }
a.atomx-btn-link--theme-orange-light.disabled, a.atomx-btn-link--theme-orange-light:disabled, button.atomx-btn-link--theme-orange-light.disabled, button.atomx-btn-link--theme-orange-light:disabled, input.atomx-btn-link--theme-orange-light.disabled, input.atomx-btn-link--theme-orange-light:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-link--theme-orange-light.atomx-btn__active, a.atomx-btn-link--theme-orange-light:active, button.atomx-btn-link--theme-orange-light.atomx-btn__active, button.atomx-btn-link--theme-orange-light:active, input.atomx-btn-link--theme-orange-light.atomx-btn__active, input.atomx-btn-link--theme-orange-light:active {
  text-decoration: underline; }

a.atomx-btn-link--theme-blue-dark, button.atomx-btn-link--theme-blue-dark, input.atomx-btn-link--theme-blue-dark {
  color: #09357A;
  background-color: transparent;
  border: 1px solid transparent; }
a.atomx-btn-link--theme-blue-dark:hover, button.atomx-btn-link--theme-blue-dark:hover, input.atomx-btn-link--theme-blue-dark:hover {
  text-decoration: underline; }
a.atomx-btn-link--theme-blue-dark.disabled, a.atomx-btn-link--theme-blue-dark:disabled, button.atomx-btn-link--theme-blue-dark.disabled, button.atomx-btn-link--theme-blue-dark:disabled, input.atomx-btn-link--theme-blue-dark.disabled, input.atomx-btn-link--theme-blue-dark:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-link--theme-blue-dark.atomx-btn__active, a.atomx-btn-link--theme-blue-dark:active, button.atomx-btn-link--theme-blue-dark.atomx-btn__active, button.atomx-btn-link--theme-blue-dark:active, input.atomx-btn-link--theme-blue-dark.atomx-btn__active, input.atomx-btn-link--theme-blue-dark:active {
  text-decoration: underline; }

a.atomx-btn-link--theme-blue-light, button.atomx-btn-link--theme-blue-light, input.atomx-btn-link--theme-blue-light {
  color: #005BBB;
  background-color: transparent;
  border: 1px solid transparent; }
a.atomx-btn-link--theme-blue-light:hover, button.atomx-btn-link--theme-blue-light:hover, input.atomx-btn-link--theme-blue-light:hover {
  text-decoration: underline; }
a.atomx-btn-link--theme-blue-light.disabled, a.atomx-btn-link--theme-blue-light:disabled, button.atomx-btn-link--theme-blue-light.disabled, button.atomx-btn-link--theme-blue-light:disabled, input.atomx-btn-link--theme-blue-light.disabled, input.atomx-btn-link--theme-blue-light:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-link--theme-blue-light.atomx-btn__active, a.atomx-btn-link--theme-blue-light:active, button.atomx-btn-link--theme-blue-light.atomx-btn__active, button.atomx-btn-link--theme-blue-light:active, input.atomx-btn-link--theme-blue-light.atomx-btn__active, input.atomx-btn-link--theme-blue-light:active {
  text-decoration: underline; }

a.atomx-btn-link--theme-green-dark, button.atomx-btn-link--theme-green-dark, input.atomx-btn-link--theme-green-dark {
  color: #C4D600;
  background-color: transparent;
  border: 1px solid transparent; }
a.atomx-btn-link--theme-green-dark:hover, button.atomx-btn-link--theme-green-dark:hover, input.atomx-btn-link--theme-green-dark:hover {
  text-decoration: underline; }
a.atomx-btn-link--theme-green-dark.disabled, a.atomx-btn-link--theme-green-dark:disabled, button.atomx-btn-link--theme-green-dark.disabled, button.atomx-btn-link--theme-green-dark:disabled, input.atomx-btn-link--theme-green-dark.disabled, input.atomx-btn-link--theme-green-dark:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-link--theme-green-dark.atomx-btn__active, a.atomx-btn-link--theme-green-dark:active, button.atomx-btn-link--theme-green-dark.atomx-btn__active, button.atomx-btn-link--theme-green-dark:active, input.atomx-btn-link--theme-green-dark.atomx-btn__active, input.atomx-btn-link--theme-green-dark:active {
  text-decoration: underline; }

a.atomx-btn-link--theme-green-light, button.atomx-btn-link--theme-green-light, input.atomx-btn-link--theme-green-light {
  color: #509E2F;
  background-color: transparent;
  border: 1px solid transparent; }
a.atomx-btn-link--theme-green-light:hover, button.atomx-btn-link--theme-green-light:hover, input.atomx-btn-link--theme-green-light:hover {
  text-decoration: underline; }
a.atomx-btn-link--theme-green-light.disabled, a.atomx-btn-link--theme-green-light:disabled, button.atomx-btn-link--theme-green-light.disabled, button.atomx-btn-link--theme-green-light:disabled, input.atomx-btn-link--theme-green-light.disabled, input.atomx-btn-link--theme-green-light:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-link--theme-green-light.atomx-btn__active, a.atomx-btn-link--theme-green-light:active, button.atomx-btn-link--theme-green-light.atomx-btn__active, button.atomx-btn-link--theme-green-light:active, input.atomx-btn-link--theme-green-light.atomx-btn__active, input.atomx-btn-link--theme-green-light:active {
  text-decoration: underline; }

.stepContainerContent a.atomx-btn,
a.atomx-btn, button.atomx-btn, input.atomx-btn {
  display: inline-flex !important;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-family: 'frutiger',Arial,Sans serif !important;
  border-radius: 2px;
  padding: 0.9375rem 1rem;
  cursor: pointer;
  white-space: normal;
  text-decoration: none;
  vertical-align: inherit;
  border: 1px solid inherit;
  max-width: 100%;
  width: 100%;
}

a.atomx-btn--uppercase, button.atomx-btn--uppercase, input.atomx-btn--uppercase {
  font-family: 'WorkSansSemiBold';
  font-size: 0.875rem;
  text-transform: uppercase; }

a.atomx-btn--shadow, button.atomx-btn--shadow, input.atomx-btn--shadow {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }

a.atomx-btn-lg, button.atomx-btn-lg, input.atomx-btn-lg {
  padding: 1.25rem 1rem; }

a.atomx-btn-sm, button.atomx-btn-sm, input.atomx-btn-sm {
  padding: 0.6875rem 1rem; }

a.atomx-btn-block, button.atomx-btn-block, input.atomx-btn-block {
  width: 100%; }

a.atomx-btn .atomx-btn__ico-r, button.atomx-btn .atomx-btn__ico-r, input.atomx-btn .atomx-btn__ico-r {
  margin-left: 10px; }

a.atomx-btn .atomx-btn__ico-l, button.atomx-btn .atomx-btn__ico-l, input.atomx-btn .atomx-btn__ico-l {
  margin-right: 10px; }

a.atomx-btn-block, button.atomx-btn-block, input.atomx-btn-block {
  width: 100%; }

input[type="submit"].atomx-btn {
  border: 1px solid transparent; }

button.atomx-btn {
  border: 1px solid transparent; }

@media (min-width: 576px) {
  a.atomx-btn, button.atomx-btn, input.atomx-btn{
    width: auto;
    max-width: auto; }
  a.atomx-btn-block, button.atomx-btn-block, input.atomx-btn-block{
    width: 100%; } }


.buttonV3Edf > .right {
  float: none;
  text-align: right;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0
}

a.atomx-btn--theme-primary,
button.atomx-btn--theme-primary,
input.atomx-btn--theme-primary {
	color: #fff;
	background: #006DFF
}

a.atomx-btn--theme-primary:hover,
button.atomx-btn--theme-primary:hover,
input.atomx-btn--theme-primary:hover {
	color: #fff;
	background: #004cb3
}

a.atomx-btn--theme-primary:focus,
button.atomx-btn--theme-primary:focus,
input.atomx-btn--theme-primary:focus {
	outline: dotted #004cb3 2px
}

a.atomx-btn--theme-primary.disabled,
a.atomx-btn--theme-primary:disabled,
button.atomx-btn--theme-primary.disabled,
button.atomx-btn--theme-primary:disabled,
input.atomx-btn--theme-primary.disabled,
input.atomx-btn--theme-primary:disabled {
	color: #9E9E9E;
	background-color: #DFDFDF;
	cursor: not-allowed;
	-webkit-box-shadow: none;
	box-shadow: none
}

a.atomx-btn--theme-primary.disabled:active::before,
a.atomx-btn--theme-primary:disabled:active::before,
button.atomx-btn--theme-primary.disabled:active::before,
button.atomx-btn--theme-primary:disabled:active::before,
input.atomx-btn--theme-primary.disabled:active::before,
input.atomx-btn--theme-primary:disabled:active::before {
	-webkit-box-shadow: inset 0 4px 0 1px transparent;
	box-shadow: inset 0 4px 0 1px transparent
}

a.atomx-btn--theme-primary.disabled:focus,
a.atomx-btn--theme-primary:disabled:focus,
button.atomx-btn--theme-primary.disabled:focus,
button.atomx-btn--theme-primary:disabled:focus,
input.atomx-btn--theme-primary.disabled:focus,
input.atomx-btn--theme-primary:disabled:focus {
	outline: dotted #DFDFDF 2px
}

a.atomx-btn--theme-primary.atomx-btn__active,
a.atomx-btn--theme-primary:active,
button.atomx-btn--theme-primary.atomx-btn__active,
button.atomx-btn--theme-primary:active,
input.atomx-btn--theme-primary.atomx-btn__active,
input.atomx-btn--theme-primary:active {
	position: relative
}

a.atomx-btn--theme-primary.atomx-btn__active::before,
a.atomx-btn--theme-primary:active::before,
button.atomx-btn--theme-primary.atomx-btn__active::before,
button.atomx-btn--theme-primary:active::before,
input.atomx-btn--theme-primary.atomx-btn__active::before,
input.atomx-btn--theme-primary:active::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	height: 4px;
	width: 100%;
	-webkit-box-shadow: inset 0 4px 0 1px #004199;
	box-shadow: inset 0 4px 0 1px #004199
}

a.atomx-btn--theme-secondary,
button.atomx-btn--theme-secondary,
input.atomx-btn--theme-secondary {
	color: #fff;
	background: #666
}

a.atomx-btn--theme-secondary:hover,
button.atomx-btn--theme-secondary:hover,
input.atomx-btn--theme-secondary:hover {
	color: #fff;
	background: #404040
}

a.atomx-btn--theme-secondary:focus,
button.atomx-btn--theme-secondary:focus,
input.atomx-btn--theme-secondary:focus {
	outline: dotted #404040 2px
}

a.atomx-btn--theme-secondary.disabled,
a.atomx-btn--theme-secondary:disabled,
button.atomx-btn--theme-secondary.disabled,
button.atomx-btn--theme-secondary:disabled,
input.atomx-btn--theme-secondary.disabled,
input.atomx-btn--theme-secondary:disabled {
	color: #9E9E9E;
	background-color: #DFDFDF;
	cursor: not-allowed;
	-webkit-box-shadow: none;
	box-shadow: none
}

a.atomx-btn--theme-secondary.disabled:active::before,
a.atomx-btn--theme-secondary:disabled:active::before,
button.atomx-btn--theme-secondary.disabled:active::before,
button.atomx-btn--theme-secondary:disabled:active::before,
input.atomx-btn--theme-secondary.disabled:active::before,
input.atomx-btn--theme-secondary:disabled:active::before {
	-webkit-box-shadow: inset 0 4px 0 1px transparent;
	box-shadow: inset 0 4px 0 1px transparent
}

a.atomx-btn--theme-secondary.disabled:focus,
a.atomx-btn--theme-secondary:disabled:focus,
button.atomx-btn--theme-secondary.disabled:focus,
button.atomx-btn--theme-secondary:disabled:focus,
input.atomx-btn--theme-secondary.disabled:focus,
input.atomx-btn--theme-secondary:disabled:focus {
	outline: dotted #DFDFDF 2px
}

a.atomx-btn--theme-secondary.atomx-btn__active,
a.atomx-btn--theme-secondary:active,
button.atomx-btn--theme-secondary.atomx-btn__active,
button.atomx-btn--theme-secondary:active,
input.atomx-btn--theme-secondary.atomx-btn__active,
input.atomx-btn--theme-secondary:active {
	position: relative
}

a.atomx-btn--theme-secondary.atomx-btn__active::before,
a.atomx-btn--theme-secondary:active::before,
button.atomx-btn--theme-secondary.atomx-btn__active::before,
button.atomx-btn--theme-secondary:active::before,
input.atomx-btn--theme-secondary.atomx-btn__active::before,
input.atomx-btn--theme-secondary:active::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	height: 4px;
	width: 100%;
	-webkit-box-shadow: inset 0 4px 0 1px #333;
	box-shadow: inset 0 4px 0 1px #333
}

a.atomx-btn--theme-success,
button.atomx-btn--theme-success,
input.atomx-btn--theme-success {
	color: #fff;
	background: #00C172
}

a.atomx-btn--theme-success:hover,
button.atomx-btn--theme-success:hover,
input.atomx-btn--theme-success:hover {
	color: #fff;
	background: #007545
}

a.atomx-btn--theme-success:focus,
button.atomx-btn--theme-success:focus,
input.atomx-btn--theme-success:focus {
	outline: dotted #007545 2px
}

a.atomx-btn--theme-success.disabled,
a.atomx-btn--theme-success:disabled,
button.atomx-btn--theme-success.disabled,
button.atomx-btn--theme-success:disabled,
input.atomx-btn--theme-success.disabled,
input.atomx-btn--theme-success:disabled {
	color: #9E9E9E;
	background-color: #DFDFDF;
	cursor: not-allowed;
	-webkit-box-shadow: none;
	box-shadow: none
}

a.atomx-btn--theme-success.disabled:active::before,
a.atomx-btn--theme-success:disabled:active::before,
button.atomx-btn--theme-success.disabled:active::before,
button.atomx-btn--theme-success:disabled:active::before,
input.atomx-btn--theme-success.disabled:active::before,
input.atomx-btn--theme-success:disabled:active::before {
	-webkit-box-shadow: inset 0 4px 0 1px transparent;
	box-shadow: inset 0 4px 0 1px transparent
}

a.atomx-btn--theme-success.disabled:focus,
a.atomx-btn--theme-success:disabled:focus,
button.atomx-btn--theme-success.disabled:focus,
button.atomx-btn--theme-success:disabled:focus,
input.atomx-btn--theme-success.disabled:focus,
input.atomx-btn--theme-success:disabled:focus {
	outline: dotted #DFDFDF 2px
}

a.atomx-btn--theme-success.atomx-btn__active,
a.atomx-btn--theme-success:active,
button.atomx-btn--theme-success.atomx-btn__active,
button.atomx-btn--theme-success:active,
input.atomx-btn--theme-success.atomx-btn__active,
input.atomx-btn--theme-success:active {
	position: relative
}

a.atomx-btn--theme-success.atomx-btn__active::before,
a.atomx-btn--theme-success:active::before,
button.atomx-btn--theme-success.atomx-btn__active::before,
button.atomx-btn--theme-success:active::before,
input.atomx-btn--theme-success.atomx-btn__active::before,
input.atomx-btn--theme-success:active::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	height: 4px;
	width: 100%;
	-webkit-box-shadow: inset 0 4px 0 1px #005b36;
	box-shadow: inset 0 4px 0 1px #005b36
}

a.atomx-btn--theme-warning,
button.atomx-btn--theme-warning,
input.atomx-btn--theme-warning {
	color: #fff;
	background: #FE5815
}

a.atomx-btn--theme-warning:hover,
button.atomx-btn--theme-warning:hover,
input.atomx-btn--theme-warning:hover {
	color: #fff;
	background: #c63901
}

a.atomx-btn--theme-warning:focus,
button.atomx-btn--theme-warning:focus,
input.atomx-btn--theme-warning:focus {
	outline: dotted #c63901 2px
}

a.atomx-btn--theme-warning.disabled,
a.atomx-btn--theme-warning:disabled,
button.atomx-btn--theme-warning.disabled,
button.atomx-btn--theme-warning:disabled,
input.atomx-btn--theme-warning.disabled,
input.atomx-btn--theme-warning:disabled {
	color: #9E9E9E;
	background-color: #DFDFDF;
	cursor: not-allowed;
	-webkit-box-shadow: none;
	box-shadow: none
}

a.atomx-btn--theme-warning.disabled:active::before,
a.atomx-btn--theme-warning:disabled:active::before,
button.atomx-btn--theme-warning.disabled:active::before,
button.atomx-btn--theme-warning:disabled:active::before,
input.atomx-btn--theme-warning.disabled:active::before,
input.atomx-btn--theme-warning:disabled:active::before {
	-webkit-box-shadow: inset 0 4px 0 1px transparent;
	box-shadow: inset 0 4px 0 1px transparent
}

a.atomx-btn--theme-warning.disabled:focus,
a.atomx-btn--theme-warning:disabled:focus,
button.atomx-btn--theme-warning.disabled:focus,
button.atomx-btn--theme-warning:disabled:focus,
input.atomx-btn--theme-warning.disabled:focus,
input.atomx-btn--theme-warning:disabled:focus {
	outline: dotted #DFDFDF 2px
}

a.atomx-btn--theme-warning.atomx-btn__active,
a.atomx-btn--theme-warning:active,
button.atomx-btn--theme-warning.atomx-btn__active,
button.atomx-btn--theme-warning:active,
input.atomx-btn--theme-warning.atomx-btn__active,
input.atomx-btn--theme-warning:active {
	position: relative
}

a.atomx-btn--theme-warning.atomx-btn__active::before,
a.atomx-btn--theme-warning:active::before,
button.atomx-btn--theme-warning.atomx-btn__active::before,
button.atomx-btn--theme-warning:active::before,
input.atomx-btn--theme-warning.atomx-btn__active::before,
input.atomx-btn--theme-warning:active::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	height: 4px;
	width: 100%;
	-webkit-box-shadow: inset 0 4px 0 1px #ac3201;
	box-shadow: inset 0 4px 0 1px #ac3201
}

a.atomx-btn--theme-danger,
button.atomx-btn--theme-danger,
input.atomx-btn--theme-danger {
	color: #fff;
	background: #f23037
}

a.atomx-btn--theme-danger:hover,
button.atomx-btn--theme-danger:hover,
input.atomx-btn--theme-danger:hover {
	color: #fff;
	background: #c90d13
}

a.atomx-btn--theme-danger:focus,
button.atomx-btn--theme-danger:focus,
input.atomx-btn--theme-danger:focus {
	outline: dotted #c90d13 2px
}

a.atomx-btn--theme-danger.disabled,
a.atomx-btn--theme-danger:disabled,
button.atomx-btn--theme-danger.disabled,
button.atomx-btn--theme-danger:disabled,
input.atomx-btn--theme-danger.disabled,
input.atomx-btn--theme-danger:disabled {
	color: #9E9E9E;
	background-color: #DFDFDF;
	cursor: not-allowed;
	-webkit-box-shadow: none;
	box-shadow: none
}

a.atomx-btn--theme-danger.disabled:active::before,
a.atomx-btn--theme-danger:disabled:active::before,
button.atomx-btn--theme-danger.disabled:active::before,
button.atomx-btn--theme-danger:disabled:active::before,
input.atomx-btn--theme-danger.disabled:active::before,
input.atomx-btn--theme-danger:disabled:active::before {
	-webkit-box-shadow: inset 0 4px 0 1px transparent;
	box-shadow: inset 0 4px 0 1px transparent
}

a.atomx-btn--theme-danger.disabled:focus,
a.atomx-btn--theme-danger:disabled:focus,
button.atomx-btn--theme-danger.disabled:focus,
button.atomx-btn--theme-danger:disabled:focus,
input.atomx-btn--theme-danger.disabled:focus,
input.atomx-btn--theme-danger:disabled:focus {
	outline: dotted #DFDFDF 2px
}

a.atomx-btn--theme-danger.atomx-btn__active,
a.atomx-btn--theme-danger:active,
button.atomx-btn--theme-danger.atomx-btn__active,
button.atomx-btn--theme-danger:active,
input.atomx-btn--theme-danger.atomx-btn__active,
input.atomx-btn--theme-danger:active {
	position: relative
}

a.atomx-btn--theme-danger.atomx-btn__active::before,
a.atomx-btn--theme-danger:active::before,
button.atomx-btn--theme-danger.atomx-btn__active::before,
button.atomx-btn--theme-danger:active::before,
input.atomx-btn--theme-danger.atomx-btn__active::before,
input.atomx-btn--theme-danger:active::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	height: 4px;
	width: 100%;
	-webkit-box-shadow: inset 0 4px 0 1px #b10b11;
	box-shadow: inset 0 4px 0 1px #b10b11
}

a.atomx-btn--theme-light,
button.atomx-btn--theme-light,
input.atomx-btn--theme-light {
	color: #333;
	background: #fff
}

a.atomx-btn--theme-light:hover,
button.atomx-btn--theme-light:hover,
input.atomx-btn--theme-light:hover {
	color: #333;
	background: #d9d9d9
}

a.atomx-btn--theme-light:focus,
button.atomx-btn--theme-light:focus,
input.atomx-btn--theme-light:focus {
	outline: dotted #d9d9d9 2px
}

a.atomx-btn--theme-light.disabled,
a.atomx-btn--theme-light:disabled,
button.atomx-btn--theme-light.disabled,
button.atomx-btn--theme-light:disabled,
input.atomx-btn--theme-light.disabled,
input.atomx-btn--theme-light:disabled {
	color: #9E9E9E;
	background-color: #DFDFDF;
	cursor: not-allowed;
	-webkit-box-shadow: none;
	box-shadow: none
}

a.atomx-btn--theme-light.disabled:active::before,
a.atomx-btn--theme-light:disabled:active::before,
button.atomx-btn--theme-light.disabled:active::before,
button.atomx-btn--theme-light:disabled:active::before,
input.atomx-btn--theme-light.disabled:active::before,
input.atomx-btn--theme-light:disabled:active::before {
	-webkit-box-shadow: inset 0 4px 0 1px transparent;
	box-shadow: inset 0 4px 0 1px transparent
}

a.atomx-btn--theme-light.disabled:focus,
a.atomx-btn--theme-light:disabled:focus,
button.atomx-btn--theme-light.disabled:focus,
button.atomx-btn--theme-light:disabled:focus,
input.atomx-btn--theme-light.disabled:focus,
input.atomx-btn--theme-light:disabled:focus {
	outline: dotted #DFDFDF 2px
}

a.atomx-btn--theme-light.atomx-btn__active,
a.atomx-btn--theme-light:active,
button.atomx-btn--theme-light.atomx-btn__active,
button.atomx-btn--theme-light:active,
input.atomx-btn--theme-light.atomx-btn__active,
input.atomx-btn--theme-light:active {
	position: relative
}

a.atomx-btn--theme-light.atomx-btn__active::before,
a.atomx-btn--theme-light:active::before,
button.atomx-btn--theme-light.atomx-btn__active::before,
button.atomx-btn--theme-light:active::before,
input.atomx-btn--theme-light.atomx-btn__active::before,
input.atomx-btn--theme-light:active::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	height: 4px;
	width: 100%;
	-webkit-box-shadow: inset 0 4px 0 1px #ccc;
	box-shadow: inset 0 4px 0 1px #ccc
}

a.atomx-btn--theme-dark,
button.atomx-btn--theme-dark,
input.atomx-btn--theme-dark {
	color: #fff;
	background: #1A1A1A
}

a.atomx-btn--theme-dark:hover,
button.atomx-btn--theme-dark:hover,
input.atomx-btn--theme-dark:hover {
	color: #fff;
	background: #000
}

a.atomx-btn--theme-dark:focus,
button.atomx-btn--theme-dark:focus,
input.atomx-btn--theme-dark:focus {
	outline: dotted #000 2px
}

a.atomx-btn--theme-dark.disabled,
a.atomx-btn--theme-dark:disabled,
button.atomx-btn--theme-dark.disabled,
button.atomx-btn--theme-dark:disabled,
input.atomx-btn--theme-dark.disabled,
input.atomx-btn--theme-dark:disabled {
	color: #9E9E9E;
	background-color: #DFDFDF;
	cursor: not-allowed;
	-webkit-box-shadow: none;
	box-shadow: none
}

a.atomx-btn--theme-dark.disabled:active::before,
a.atomx-btn--theme-dark:disabled:active::before,
button.atomx-btn--theme-dark.disabled:active::before,
button.atomx-btn--theme-dark:disabled:active::before,
input.atomx-btn--theme-dark.disabled:active::before,
input.atomx-btn--theme-dark:disabled:active::before {
	-webkit-box-shadow: inset 0 4px 0 1px transparent;
	box-shadow: inset 0 4px 0 1px transparent
}

a.atomx-btn--theme-dark.disabled:focus,
a.atomx-btn--theme-dark:disabled:focus,
button.atomx-btn--theme-dark.disabled:focus,
button.atomx-btn--theme-dark:disabled:focus,
input.atomx-btn--theme-dark.disabled:focus,
input.atomx-btn--theme-dark:disabled:focus {
	outline: dotted #DFDFDF 2px
}

a.atomx-btn--theme-dark.atomx-btn__active,
a.atomx-btn--theme-dark:active,
button.atomx-btn--theme-dark.atomx-btn__active,
button.atomx-btn--theme-dark:active,
input.atomx-btn--theme-dark.atomx-btn__active,
input.atomx-btn--theme-dark:active {
	position: relative
}

a.atomx-btn--theme-dark.atomx-btn__active::before,
a.atomx-btn--theme-dark:active::before,
button.atomx-btn--theme-dark.atomx-btn__active::before,
button.atomx-btn--theme-dark:active::before,
input.atomx-btn--theme-dark.atomx-btn__active::before,
input.atomx-btn--theme-dark:active::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	height: 4px;
	width: 100%;
	-webkit-box-shadow: inset 0 4px 0 1px #000;
	box-shadow: inset 0 4px 0 1px #000
}

a.atomx-btn--theme-orange-dark,
button.atomx-btn--theme-orange-dark,
input.atomx-btn--theme-orange-dark {
	color: #333;
	background: #FFA02F
}

a.atomx-btn--theme-orange-dark:hover,
button.atomx-btn--theme-orange-dark:hover,
input.atomx-btn--theme-orange-dark:hover {
	color: #fff;
	background: #e27b00
}

a.atomx-btn--theme-orange-dark:focus,
button.atomx-btn--theme-orange-dark:focus,
input.atomx-btn--theme-orange-dark:focus {
	outline: dotted #e27b00 2px
}

a.atomx-btn--theme-orange-dark.disabled,
a.atomx-btn--theme-orange-dark:disabled,
button.atomx-btn--theme-orange-dark.disabled,
button.atomx-btn--theme-orange-dark:disabled,
input.atomx-btn--theme-orange-dark.disabled,
input.atomx-btn--theme-orange-dark:disabled {
	color: #9E9E9E;
	background-color: #DFDFDF;
	cursor: not-allowed;
	-webkit-box-shadow: none;
	box-shadow: none
}

a.atomx-btn--theme-orange-dark.disabled:active::before,
a.atomx-btn--theme-orange-dark:disabled:active::before,
button.atomx-btn--theme-orange-dark.disabled:active::before,
button.atomx-btn--theme-orange-dark:disabled:active::before,
input.atomx-btn--theme-orange-dark.disabled:active::before,
input.atomx-btn--theme-orange-dark:disabled:active::before {
	-webkit-box-shadow: inset 0 4px 0 1px transparent;
	box-shadow: inset 0 4px 0 1px transparent
}

a.atomx-btn--theme-orange-dark.disabled:focus,
a.atomx-btn--theme-orange-dark:disabled:focus,
button.atomx-btn--theme-orange-dark.disabled:focus,
button.atomx-btn--theme-orange-dark:disabled:focus,
input.atomx-btn--theme-orange-dark.disabled:focus,
input.atomx-btn--theme-orange-dark:disabled:focus {
	outline: dotted #DFDFDF 2px
}

a.atomx-btn--theme-orange-dark.atomx-btn__active,
a.atomx-btn--theme-orange-dark:active,
button.atomx-btn--theme-orange-dark.atomx-btn__active,
button.atomx-btn--theme-orange-dark:active,
input.atomx-btn--theme-orange-dark.atomx-btn__active,
input.atomx-btn--theme-orange-dark:active {
	position: relative
}

a.atomx-btn--theme-orange-dark.atomx-btn__active::before,
a.atomx-btn--theme-orange-dark:active::before,
button.atomx-btn--theme-orange-dark.atomx-btn__active::before,
button.atomx-btn--theme-orange-dark:active::before,
input.atomx-btn--theme-orange-dark.atomx-btn__active::before,
input.atomx-btn--theme-orange-dark:active::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	height: 4px;
	width: 100%;
	-webkit-box-shadow: inset 0 4px 0 1px #c86d00;
	box-shadow: inset 0 4px 0 1px #c86d00
}

a.atomx-btn--theme-orange-light,
button.atomx-btn--theme-orange-light,
input.atomx-btn--theme-orange-light {
	color: #fff;
	background: #FE5815
}

a.atomx-btn--theme-orange-light:hover,
button.atomx-btn--theme-orange-light:hover,
input.atomx-btn--theme-orange-light:hover {
	color: #fff;
	background: #c63901
}

a.atomx-btn--theme-orange-light:focus,
button.atomx-btn--theme-orange-light:focus,
input.atomx-btn--theme-orange-light:focus {
	outline: dotted #c63901 2px
}

a.atomx-btn--theme-orange-light.disabled,
a.atomx-btn--theme-orange-light:disabled,
button.atomx-btn--theme-orange-light.disabled,
button.atomx-btn--theme-orange-light:disabled,
input.atomx-btn--theme-orange-light.disabled,
input.atomx-btn--theme-orange-light:disabled {
	color: #9E9E9E;
	background-color: #DFDFDF;
	cursor: not-allowed;
	-webkit-box-shadow: none;
	box-shadow: none
}

a.atomx-btn--theme-orange-light.disabled:active::before,
a.atomx-btn--theme-orange-light:disabled:active::before,
button.atomx-btn--theme-orange-light.disabled:active::before,
button.atomx-btn--theme-orange-light:disabled:active::before,
input.atomx-btn--theme-orange-light.disabled:active::before,
input.atomx-btn--theme-orange-light:disabled:active::before {
	-webkit-box-shadow: inset 0 4px 0 1px transparent;
	box-shadow: inset 0 4px 0 1px transparent
}

a.atomx-btn--theme-orange-light.disabled:focus,
a.atomx-btn--theme-orange-light:disabled:focus,
button.atomx-btn--theme-orange-light.disabled:focus,
button.atomx-btn--theme-orange-light:disabled:focus,
input.atomx-btn--theme-orange-light.disabled:focus,
input.atomx-btn--theme-orange-light:disabled:focus {
	outline: dotted #DFDFDF 2px
}

a.atomx-btn--theme-orange-light.atomx-btn__active,
a.atomx-btn--theme-orange-light:active,
button.atomx-btn--theme-orange-light.atomx-btn__active,
button.atomx-btn--theme-orange-light:active,
input.atomx-btn--theme-orange-light.atomx-btn__active,
input.atomx-btn--theme-orange-light:active {
	position: relative
}

a.atomx-btn--theme-orange-light.atomx-btn__active::before,
a.atomx-btn--theme-orange-light:active::before,
button.atomx-btn--theme-orange-light.atomx-btn__active::before,
button.atomx-btn--theme-orange-light:active::before,
input.atomx-btn--theme-orange-light.atomx-btn__active::before,
input.atomx-btn--theme-orange-light:active::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	height: 4px;
	width: 100%;
	-webkit-box-shadow: inset 0 4px 0 1px #ac3201;
	box-shadow: inset 0 4px 0 1px #ac3201
}

a.atomx-btn--theme-blue-dark,
button.atomx-btn--theme-blue-dark,
input.atomx-btn--theme-blue-dark {
	color: #fff;
	background: #09357A
}

a.atomx-btn--theme-blue-dark:hover,
button.atomx-btn--theme-blue-dark:hover,
input.atomx-btn--theme-blue-dark:hover {
	color: #fff;
	background: #041633
}

a.atomx-btn--theme-blue-dark:focus,
button.atomx-btn--theme-blue-dark:focus,
input.atomx-btn--theme-blue-dark:focus {
	outline: dotted #041633 2px
}

a.atomx-btn--theme-blue-dark.disabled,
a.atomx-btn--theme-blue-dark:disabled,
button.atomx-btn--theme-blue-dark.disabled,
button.atomx-btn--theme-blue-dark:disabled,
input.atomx-btn--theme-blue-dark.disabled,
input.atomx-btn--theme-blue-dark:disabled {
	color: #9E9E9E;
	background-color: #DFDFDF;
	cursor: not-allowed;
	-webkit-box-shadow: none;
	box-shadow: none
}

a.atomx-btn--theme-blue-dark.disabled:active::before,
a.atomx-btn--theme-blue-dark:disabled:active::before,
button.atomx-btn--theme-blue-dark.disabled:active::before,
button.atomx-btn--theme-blue-dark:disabled:active::before,
input.atomx-btn--theme-blue-dark.disabled:active::before,
input.atomx-btn--theme-blue-dark:disabled:active::before {
	-webkit-box-shadow: inset 0 4px 0 1px transparent;
	box-shadow: inset 0 4px 0 1px transparent
}

a.atomx-btn--theme-blue-dark.disabled:focus,
a.atomx-btn--theme-blue-dark:disabled:focus,
button.atomx-btn--theme-blue-dark.disabled:focus,
button.atomx-btn--theme-blue-dark:disabled:focus,
input.atomx-btn--theme-blue-dark.disabled:focus,
input.atomx-btn--theme-blue-dark:disabled:focus {
	outline: dotted #DFDFDF 2px
}

a.atomx-btn--theme-blue-dark.atomx-btn__active,
a.atomx-btn--theme-blue-dark:active,
button.atomx-btn--theme-blue-dark.atomx-btn__active,
button.atomx-btn--theme-blue-dark:active,
input.atomx-btn--theme-blue-dark.atomx-btn__active,
input.atomx-btn--theme-blue-dark:active {
	position: relative
}

a.atomx-btn--theme-blue-dark.atomx-btn__active::before,
a.atomx-btn--theme-blue-dark:active::before,
button.atomx-btn--theme-blue-dark.atomx-btn__active::before,
button.atomx-btn--theme-blue-dark:active::before,
input.atomx-btn--theme-blue-dark.atomx-btn__active::before,
input.atomx-btn--theme-blue-dark:active::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	height: 4px;
	width: 100%;
	-webkit-box-shadow: inset 0 4px 0 1px #020c1b;
	box-shadow: inset 0 4px 0 1px #020c1b
}

a.atomx-btn--theme-blue-light,
button.atomx-btn--theme-blue-light,
input.atomx-btn--theme-blue-light {
	color: #fff;
	background: #005BBB
}

a.atomx-btn--theme-blue-light:hover,
button.atomx-btn--theme-blue-light:hover,
input.atomx-btn--theme-blue-light:hover {
	color: #fff;
	background: #00366f
}

a.atomx-btn--theme-blue-light:focus,
button.atomx-btn--theme-blue-light:focus,
input.atomx-btn--theme-blue-light:focus {
	outline: dotted #00366f 2px
}

a.atomx-btn--theme-blue-light.disabled,
a.atomx-btn--theme-blue-light:disabled,
button.atomx-btn--theme-blue-light.disabled,
button.atomx-btn--theme-blue-light:disabled,
input.atomx-btn--theme-blue-light.disabled,
input.atomx-btn--theme-blue-light:disabled {
	color: #9E9E9E;
	background-color: #DFDFDF;
	cursor: not-allowed;
	-webkit-box-shadow: none;
	box-shadow: none
}

a.atomx-btn--theme-blue-light.disabled:active::before,
a.atomx-btn--theme-blue-light:disabled:active::before,
button.atomx-btn--theme-blue-light.disabled:active::before,
button.atomx-btn--theme-blue-light:disabled:active::before,
input.atomx-btn--theme-blue-light.disabled:active::before,
input.atomx-btn--theme-blue-light:disabled:active::before {
	-webkit-box-shadow: inset 0 4px 0 1px transparent;
	box-shadow: inset 0 4px 0 1px transparent
}

a.atomx-btn--theme-blue-light.disabled:focus,
a.atomx-btn--theme-blue-light:disabled:focus,
button.atomx-btn--theme-blue-light.disabled:focus,
button.atomx-btn--theme-blue-light:disabled:focus,
input.atomx-btn--theme-blue-light.disabled:focus,
input.atomx-btn--theme-blue-light:disabled:focus {
	outline: dotted #DFDFDF 2px
}

a.atomx-btn--theme-blue-light.atomx-btn__active,
a.atomx-btn--theme-blue-light:active,
button.atomx-btn--theme-blue-light.atomx-btn__active,
button.atomx-btn--theme-blue-light:active,
input.atomx-btn--theme-blue-light.atomx-btn__active,
input.atomx-btn--theme-blue-light:active {
	position: relative
}

a.atomx-btn--theme-blue-light.atomx-btn__active::before,
a.atomx-btn--theme-blue-light:active::before,
button.atomx-btn--theme-blue-light.atomx-btn__active::before,
button.atomx-btn--theme-blue-light:active::before,
input.atomx-btn--theme-blue-light.atomx-btn__active::before,
input.atomx-btn--theme-blue-light:active::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	height: 4px;
	width: 100%;
	-webkit-box-shadow: inset 0 4px 0 1px #002955;
	box-shadow: inset 0 4px 0 1px #002955
}

a.atomx-btn--theme-green-dark,
button.atomx-btn--theme-green-dark,
input.atomx-btn--theme-green-dark {
	color: #333;
	background: #C4D600
}

a.atomx-btn--theme-green-dark:hover,
button.atomx-btn--theme-green-dark:hover,
input.atomx-btn--theme-green-dark:hover {
	color: #fff;
	background: #7e8a00
}

a.atomx-btn--theme-green-dark:focus,
button.atomx-btn--theme-green-dark:focus,
input.atomx-btn--theme-green-dark:focus {
	outline: dotted #7e8a00 2px
}

a.atomx-btn--theme-green-dark.disabled,
a.atomx-btn--theme-green-dark:disabled,
button.atomx-btn--theme-green-dark.disabled,
button.atomx-btn--theme-green-dark:disabled,
input.atomx-btn--theme-green-dark.disabled,
input.atomx-btn--theme-green-dark:disabled {
	color: #9E9E9E;
	background-color: #DFDFDF;
	cursor: not-allowed;
	-webkit-box-shadow: none;
	box-shadow: none
}

a.atomx-btn--theme-green-dark.disabled:active::before,
a.atomx-btn--theme-green-dark:disabled:active::before,
button.atomx-btn--theme-green-dark.disabled:active::before,
button.atomx-btn--theme-green-dark:disabled:active::before,
input.atomx-btn--theme-green-dark.disabled:active::before,
input.atomx-btn--theme-green-dark:disabled:active::before {
	-webkit-box-shadow: inset 0 4px 0 1px transparent;
	box-shadow: inset 0 4px 0 1px transparent
}

a.atomx-btn--theme-green-dark.disabled:focus,
a.atomx-btn--theme-green-dark:disabled:focus,
button.atomx-btn--theme-green-dark.disabled:focus,
button.atomx-btn--theme-green-dark:disabled:focus,
input.atomx-btn--theme-green-dark.disabled:focus,
input.atomx-btn--theme-green-dark:disabled:focus {
	outline: dotted #DFDFDF 2px
}

a.atomx-btn--theme-green-dark.atomx-btn__active,
a.atomx-btn--theme-green-dark:active,
button.atomx-btn--theme-green-dark.atomx-btn__active,
button.atomx-btn--theme-green-dark:active,
input.atomx-btn--theme-green-dark.atomx-btn__active,
input.atomx-btn--theme-green-dark:active {
	position: relative
}

a.atomx-btn--theme-green-dark.atomx-btn__active::before,
a.atomx-btn--theme-green-dark:active::before,
button.atomx-btn--theme-green-dark.atomx-btn__active::before,
button.atomx-btn--theme-green-dark:active::before,
input.atomx-btn--theme-green-dark.atomx-btn__active::before,
input.atomx-btn--theme-green-dark:active::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	height: 4px;
	width: 100%;
	-webkit-box-shadow: inset 0 4px 0 1px #677000;
	box-shadow: inset 0 4px 0 1px #677000
}

a.atomx-btn--theme-green-light,
button.atomx-btn--theme-green-light,
input.atomx-btn--theme-green-light {
	color: #fff;
	background: #509E2F
}

a.atomx-btn--theme-green-light:hover,
button.atomx-btn--theme-green-light:hover,
input.atomx-btn--theme-green-light:hover {
	color: #fff;
	background: #32631d
}

a.atomx-btn--theme-green-light:focus,
button.atomx-btn--theme-green-light:focus,
input.atomx-btn--theme-green-light:focus {
	outline: dotted #32631d 2px
}

a.atomx-btn--theme-green-light.disabled,
a.atomx-btn--theme-green-light:disabled,
button.atomx-btn--theme-green-light.disabled,
button.atomx-btn--theme-green-light:disabled,
input.atomx-btn--theme-green-light.disabled,
input.atomx-btn--theme-green-light:disabled {
	color: #9E9E9E;
	background-color: #DFDFDF;
	cursor: not-allowed;
	-webkit-box-shadow: none;
	box-shadow: none
}

a.atomx-btn--theme-green-light.disabled:active::before,
a.atomx-btn--theme-green-light:disabled:active::before,
button.atomx-btn--theme-green-light.disabled:active::before,
button.atomx-btn--theme-green-light:disabled:active::before,
input.atomx-btn--theme-green-light.disabled:active::before,
input.atomx-btn--theme-green-light:disabled:active::before {
	-webkit-box-shadow: inset 0 4px 0 1px transparent;
	box-shadow: inset 0 4px 0 1px transparent
}

a.atomx-btn--theme-green-light.disabled:focus,
a.atomx-btn--theme-green-light:disabled:focus,
button.atomx-btn--theme-green-light.disabled:focus,
button.atomx-btn--theme-green-light:disabled:focus,
input.atomx-btn--theme-green-light.disabled:focus,
input.atomx-btn--theme-green-light:disabled:focus {
	outline: dotted #DFDFDF 2px
}

a.atomx-btn--theme-green-light.atomx-btn__active,
a.atomx-btn--theme-green-light:active,
button.atomx-btn--theme-green-light.atomx-btn__active,
button.atomx-btn--theme-green-light:active,
input.atomx-btn--theme-green-light.atomx-btn__active,
input.atomx-btn--theme-green-light:active {
	position: relative
}

a.atomx-btn--theme-green-light.atomx-btn__active::before,
a.atomx-btn--theme-green-light:active::before,
button.atomx-btn--theme-green-light.atomx-btn__active::before,
button.atomx-btn--theme-green-light:active::before,
input.atomx-btn--theme-green-light.atomx-btn__active::before,
input.atomx-btn--theme-green-light:active::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	height: 4px;
	width: 100%;
	-webkit-box-shadow: inset 0 4px 0 1px #284f18;
	box-shadow: inset 0 4px 0 1px #284f18
}

a.atomx-btn-outline--theme-primary,
button.atomx-btn-outline--theme-primary,
input.atomx-btn-outline--theme-primary {
	color: #006DFF;
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid #006DFF
}

a.atomx-btn-outline--theme-primary:hover,
button.atomx-btn-outline--theme-primary:hover,
input.atomx-btn-outline--theme-primary:hover {
	color: #fff;
	background-color: #006DFF;
	border: 1px solid #006DFF
}

a.atomx-btn-outline--theme-primary:focus,
button.atomx-btn-outline--theme-primary:focus,
input.atomx-btn-outline--theme-primary:focus {
	outline: dotted #006DFF 2px
}

a.atomx-btn-outline--theme-primary.disabled,
a.atomx-btn-outline--theme-primary:disabled,
button.atomx-btn-outline--theme-primary.disabled,
button.atomx-btn-outline--theme-primary:disabled,
input.atomx-btn-outline--theme-primary.disabled,
input.atomx-btn-outline--theme-primary:disabled {
	color: #9E9E9E;
	background-color: #DFDFDF;
	cursor: not-allowed;
	-webkit-box-shadow: none;
	box-shadow: none
}

a.atomx-btn-outline--theme-primary.disabled:focus,
a.atomx-btn-outline--theme-primary:disabled:focus,
button.atomx-btn-outline--theme-primary.disabled:focus,
button.atomx-btn-outline--theme-primary:disabled:focus,
input.atomx-btn-outline--theme-primary.disabled:focus,
input.atomx-btn-outline--theme-primary:disabled:focus {
	outline: dotted #DFDFDF 2px
}

a.atomx-btn-outline--theme-primary.atomx-btn__active,
a.atomx-btn-outline--theme-primary:active,
button.atomx-btn-outline--theme-primary.atomx-btn__active,
button.atomx-btn-outline--theme-primary:active,
input.atomx-btn-outline--theme-primary.atomx-btn__active,
input.atomx-btn-outline--theme-primary:active {
	color: #fff;
	background-color: #006DFF;
	border: 1px solid #006DFF
}

a.atomx-btn-outline--theme-secondary,
button.atomx-btn-outline--theme-secondary,
input.atomx-btn-outline--theme-secondary {
	color: #666;
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid #666
}

a.atomx-btn-outline--theme-secondary:hover,
button.atomx-btn-outline--theme-secondary:hover,
input.atomx-btn-outline--theme-secondary:hover {
	color: #fff;
	background-color: #666;
	border: 1px solid #666
}

a.atomx-btn-outline--theme-secondary:focus,
button.atomx-btn-outline--theme-secondary:focus,
input.atomx-btn-outline--theme-secondary:focus {
	outline: dotted #666 2px
}

a.atomx-btn-outline--theme-secondary.disabled,
a.atomx-btn-outline--theme-secondary:disabled,
button.atomx-btn-outline--theme-secondary.disabled,
button.atomx-btn-outline--theme-secondary:disabled,
input.atomx-btn-outline--theme-secondary.disabled,
input.atomx-btn-outline--theme-secondary:disabled {
	color: #9E9E9E;
	background-color: #DFDFDF;
	cursor: not-allowed;
	-webkit-box-shadow: none;
	box-shadow: none
}

a.atomx-btn-outline--theme-secondary.disabled:focus,
a.atomx-btn-outline--theme-secondary:disabled:focus,
button.atomx-btn-outline--theme-secondary.disabled:focus,
button.atomx-btn-outline--theme-secondary:disabled:focus,
input.atomx-btn-outline--theme-secondary.disabled:focus,
input.atomx-btn-outline--theme-secondary:disabled:focus {
	outline: dotted #DFDFDF 2px
}

a.atomx-btn-outline--theme-secondary.atomx-btn__active,
a.atomx-btn-outline--theme-secondary:active,
button.atomx-btn-outline--theme-secondary.atomx-btn__active,
button.atomx-btn-outline--theme-secondary:active,
input.atomx-btn-outline--theme-secondary.atomx-btn__active,
input.atomx-btn-outline--theme-secondary:active {
	color: #fff;
	background-color: #666;
	border: 1px solid #666
}

a.atomx-btn-outline--theme-success,
button.atomx-btn-outline--theme-success,
input.atomx-btn-outline--theme-success {
	color: #00C172;
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid #00C172
}

a.atomx-btn-outline--theme-success:hover,
button.atomx-btn-outline--theme-success:hover,
input.atomx-btn-outline--theme-success:hover {
	color: #fff;
	background-color: #00C172;
	border: 1px solid #00C172
}

a.atomx-btn-outline--theme-success:focus,
button.atomx-btn-outline--theme-success:focus,
input.atomx-btn-outline--theme-success:focus {
	outline: dotted #00C172 2px
}

a.atomx-btn-outline--theme-success.disabled,
a.atomx-btn-outline--theme-success:disabled,
button.atomx-btn-outline--theme-success.disabled,
button.atomx-btn-outline--theme-success:disabled,
input.atomx-btn-outline--theme-success.disabled,
input.atomx-btn-outline--theme-success:disabled {
	color: #9E9E9E;
	background-color: #DFDFDF;
	cursor: not-allowed;
	-webkit-box-shadow: none;
	box-shadow: none
}

a.atomx-btn-outline--theme-success.disabled:focus,
a.atomx-btn-outline--theme-success:disabled:focus,
button.atomx-btn-outline--theme-success.disabled:focus,
button.atomx-btn-outline--theme-success:disabled:focus,
input.atomx-btn-outline--theme-success.disabled:focus,
input.atomx-btn-outline--theme-success:disabled:focus {
	outline: dotted #DFDFDF 2px
}

a.atomx-btn-outline--theme-success.atomx-btn__active,
a.atomx-btn-outline--theme-success:active,
button.atomx-btn-outline--theme-success.atomx-btn__active,
button.atomx-btn-outline--theme-success:active,
input.atomx-btn-outline--theme-success.atomx-btn__active,
input.atomx-btn-outline--theme-success:active {
	color: #fff;
	background-color: #00C172;
	border: 1px solid #00C172
}

a.atomx-btn-outline--theme-warning,
button.atomx-btn-outline--theme-warning,
input.atomx-btn-outline--theme-warning {
	color: #FE5815;
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid #FE5815
}

a.atomx-btn-outline--theme-warning:hover,
button.atomx-btn-outline--theme-warning:hover,
input.atomx-btn-outline--theme-warning:hover {
	color: #fff;
	background-color: #FE5815;
	border: 1px solid #FE5815
}

a.atomx-btn-outline--theme-warning:focus,
button.atomx-btn-outline--theme-warning:focus,
input.atomx-btn-outline--theme-warning:focus {
	outline: dotted #FE5815 2px
}

a.atomx-btn-outline--theme-warning.disabled,
a.atomx-btn-outline--theme-warning:disabled,
button.atomx-btn-outline--theme-warning.disabled,
button.atomx-btn-outline--theme-warning:disabled,
input.atomx-btn-outline--theme-warning.disabled,
input.atomx-btn-outline--theme-warning:disabled {
	color: #9E9E9E;
	background-color: #DFDFDF;
	cursor: not-allowed;
	-webkit-box-shadow: none;
	box-shadow: none
}

a.atomx-btn-outline--theme-warning.disabled:focus,
a.atomx-btn-outline--theme-warning:disabled:focus,
button.atomx-btn-outline--theme-warning.disabled:focus,
button.atomx-btn-outline--theme-warning:disabled:focus,
input.atomx-btn-outline--theme-warning.disabled:focus,
input.atomx-btn-outline--theme-warning:disabled:focus {
	outline: dotted #DFDFDF 2px
}

a.atomx-btn-outline--theme-warning.atomx-btn__active,
a.atomx-btn-outline--theme-warning:active,
button.atomx-btn-outline--theme-warning.atomx-btn__active,
button.atomx-btn-outline--theme-warning:active,
input.atomx-btn-outline--theme-warning.atomx-btn__active,
input.atomx-btn-outline--theme-warning:active {
	color: #fff;
	background-color: #FE5815;
	border: 1px solid #FE5815
}

a.atomx-btn-outline--theme-danger,
button.atomx-btn-outline--theme-danger,
input.atomx-btn-outline--theme-danger {
	color: #f23037;
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid #f23037
}

a.atomx-btn-outline--theme-danger:hover,
button.atomx-btn-outline--theme-danger:hover,
input.atomx-btn-outline--theme-danger:hover {
	color: #fff;
	background-color: #f23037;
	border: 1px solid #f23037
}

a.atomx-btn-outline--theme-danger:focus,
button.atomx-btn-outline--theme-danger:focus,
input.atomx-btn-outline--theme-danger:focus {
	outline: dotted #f23037 2px
}

a.atomx-btn-outline--theme-danger.disabled,
a.atomx-btn-outline--theme-danger:disabled,
button.atomx-btn-outline--theme-danger.disabled,
button.atomx-btn-outline--theme-danger:disabled,
input.atomx-btn-outline--theme-danger.disabled,
input.atomx-btn-outline--theme-danger:disabled {
	color: #9E9E9E;
	background-color: #DFDFDF;
	cursor: not-allowed;
	-webkit-box-shadow: none;
	box-shadow: none
}

a.atomx-btn-outline--theme-danger.disabled:focus,
a.atomx-btn-outline--theme-danger:disabled:focus,
button.atomx-btn-outline--theme-danger.disabled:focus,
button.atomx-btn-outline--theme-danger:disabled:focus,
input.atomx-btn-outline--theme-danger.disabled:focus,
input.atomx-btn-outline--theme-danger:disabled:focus {
	outline: dotted #DFDFDF 2px
}

a.atomx-btn-outline--theme-danger.atomx-btn__active,
a.atomx-btn-outline--theme-danger:active,
button.atomx-btn-outline--theme-danger.atomx-btn__active,
button.atomx-btn-outline--theme-danger:active,
input.atomx-btn-outline--theme-danger.atomx-btn__active,
input.atomx-btn-outline--theme-danger:active {
	color: #fff;
	background-color: #f23037;
	border: 1px solid #f23037
}

a.atomx-btn-outline--theme-light,
button.atomx-btn-outline--theme-light,
input.atomx-btn-outline--theme-light {
	color: #fff;
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid #fff
}

a.atomx-btn-outline--theme-light:hover,
button.atomx-btn-outline--theme-light:hover,
input.atomx-btn-outline--theme-light:hover {
	color: #333;
	background-color: #fff;
	border: 1px solid #fff
}

a.atomx-btn-outline--theme-light:focus,
button.atomx-btn-outline--theme-light:focus,
input.atomx-btn-outline--theme-light:focus {
	outline: dotted #fff 2px
}

a.atomx-btn-outline--theme-light.disabled,
a.atomx-btn-outline--theme-light:disabled,
button.atomx-btn-outline--theme-light.disabled,
button.atomx-btn-outline--theme-light:disabled,
input.atomx-btn-outline--theme-light.disabled,
input.atomx-btn-outline--theme-light:disabled {
	color: #9E9E9E;
	background-color: #DFDFDF;
	cursor: not-allowed;
	-webkit-box-shadow: none;
	box-shadow: none
}

a.atomx-btn-outline--theme-light.disabled:focus,
a.atomx-btn-outline--theme-light:disabled:focus,
button.atomx-btn-outline--theme-light.disabled:focus,
button.atomx-btn-outline--theme-light:disabled:focus,
input.atomx-btn-outline--theme-light.disabled:focus,
input.atomx-btn-outline--theme-light:disabled:focus {
	outline: dotted #DFDFDF 2px
}

a.atomx-btn-outline--theme-light.atomx-btn__active,
a.atomx-btn-outline--theme-light:active,
button.atomx-btn-outline--theme-light.atomx-btn__active,
button.atomx-btn-outline--theme-light:active,
input.atomx-btn-outline--theme-light.atomx-btn__active,
input.atomx-btn-outline--theme-light:active {
	color: #333;
	background-color: #fff;
	border: 1px solid #fff
}

a.atomx-btn-outline--theme-dark,
button.atomx-btn-outline--theme-dark,
input.atomx-btn-outline--theme-dark {
	color: #1A1A1A;
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid #1A1A1A
}

a.atomx-btn-outline--theme-dark:hover,
button.atomx-btn-outline--theme-dark:hover,
input.atomx-btn-outline--theme-dark:hover {
	color: #fff;
	background-color: #1A1A1A;
	border: 1px solid #1A1A1A
}

a.atomx-btn-outline--theme-dark:focus,
button.atomx-btn-outline--theme-dark:focus,
input.atomx-btn-outline--theme-dark:focus {
	outline: dotted #1A1A1A 2px
}

a.atomx-btn-outline--theme-dark.disabled,
a.atomx-btn-outline--theme-dark:disabled,
button.atomx-btn-outline--theme-dark.disabled,
button.atomx-btn-outline--theme-dark:disabled,
input.atomx-btn-outline--theme-dark.disabled,
input.atomx-btn-outline--theme-dark:disabled {
	color: #9E9E9E;
	background-color: #DFDFDF;
	cursor: not-allowed;
	-webkit-box-shadow: none;
	box-shadow: none
}

a.atomx-btn-outline--theme-dark.disabled:focus,
a.atomx-btn-outline--theme-dark:disabled:focus,
button.atomx-btn-outline--theme-dark.disabled:focus,
button.atomx-btn-outline--theme-dark:disabled:focus,
input.atomx-btn-outline--theme-dark.disabled:focus,
input.atomx-btn-outline--theme-dark:disabled:focus {
	outline: dotted #DFDFDF 2px
}

a.atomx-btn-outline--theme-dark.atomx-btn__active,
a.atomx-btn-outline--theme-dark:active,
button.atomx-btn-outline--theme-dark.atomx-btn__active,
button.atomx-btn-outline--theme-dark:active,
input.atomx-btn-outline--theme-dark.atomx-btn__active,
input.atomx-btn-outline--theme-dark:active {
	color: #fff;
	background-color: #1A1A1A;
	border: 1px solid #1A1A1A
}

a.atomx-btn-outline--theme-orange-dark,
button.atomx-btn-outline--theme-orange-dark,
input.atomx-btn-outline--theme-orange-dark {
	color: #FFA02F;
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid #FFA02F
}

a.atomx-btn-outline--theme-orange-dark:hover,
button.atomx-btn-outline--theme-orange-dark:hover,
input.atomx-btn-outline--theme-orange-dark:hover {
	color: #333;
	background-color: #FFA02F;
	border: 1px solid #FFA02F
}

a.atomx-btn-outline--theme-orange-dark:focus,
button.atomx-btn-outline--theme-orange-dark:focus,
input.atomx-btn-outline--theme-orange-dark:focus {
	outline: dotted #FFA02F 2px
}

a.atomx-btn-outline--theme-orange-dark.disabled,
a.atomx-btn-outline--theme-orange-dark:disabled,
button.atomx-btn-outline--theme-orange-dark.disabled,
button.atomx-btn-outline--theme-orange-dark:disabled,
input.atomx-btn-outline--theme-orange-dark.disabled,
input.atomx-btn-outline--theme-orange-dark:disabled {
	color: #9E9E9E;
	background-color: #DFDFDF;
	cursor: not-allowed;
	-webkit-box-shadow: none;
	box-shadow: none
}

a.atomx-btn-outline--theme-orange-dark.disabled:focus,
a.atomx-btn-outline--theme-orange-dark:disabled:focus,
button.atomx-btn-outline--theme-orange-dark.disabled:focus,
button.atomx-btn-outline--theme-orange-dark:disabled:focus,
input.atomx-btn-outline--theme-orange-dark.disabled:focus,
input.atomx-btn-outline--theme-orange-dark:disabled:focus {
	outline: dotted #DFDFDF 2px
}

a.atomx-btn-outline--theme-orange-dark.atomx-btn__active,
a.atomx-btn-outline--theme-orange-dark:active,
button.atomx-btn-outline--theme-orange-dark.atomx-btn__active,
button.atomx-btn-outline--theme-orange-dark:active,
input.atomx-btn-outline--theme-orange-dark.atomx-btn__active,
input.atomx-btn-outline--theme-orange-dark:active {
	color: #333;
	background-color: #FFA02F;
	border: 1px solid #FFA02F
}

a.atomx-btn-outline--theme-orange-light,
button.atomx-btn-outline--theme-orange-light,
input.atomx-btn-outline--theme-orange-light {
	color: #FE5815;
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid #FE5815
}

a.atomx-btn-outline--theme-orange-light:hover,
button.atomx-btn-outline--theme-orange-light:hover,
input.atomx-btn-outline--theme-orange-light:hover {
	color: #fff;
	background-color: #FE5815;
	border: 1px solid #FE5815
}

a.atomx-btn-outline--theme-orange-light:focus,
button.atomx-btn-outline--theme-orange-light:focus,
input.atomx-btn-outline--theme-orange-light:focus {
	outline: dotted #FE5815 2px
}

a.atomx-btn-outline--theme-orange-light.disabled,
a.atomx-btn-outline--theme-orange-light:disabled,
button.atomx-btn-outline--theme-orange-light.disabled,
button.atomx-btn-outline--theme-orange-light:disabled,
input.atomx-btn-outline--theme-orange-light.disabled,
input.atomx-btn-outline--theme-orange-light:disabled {
	color: #9E9E9E;
	background-color: #DFDFDF;
	cursor: not-allowed;
	-webkit-box-shadow: none;
	box-shadow: none
}

a.atomx-btn-outline--theme-orange-light.disabled:focus,
a.atomx-btn-outline--theme-orange-light:disabled:focus,
button.atomx-btn-outline--theme-orange-light.disabled:focus,
button.atomx-btn-outline--theme-orange-light:disabled:focus,
input.atomx-btn-outline--theme-orange-light.disabled:focus,
input.atomx-btn-outline--theme-orange-light:disabled:focus {
	outline: dotted #DFDFDF 2px
}

a.atomx-btn-outline--theme-orange-light.atomx-btn__active,
a.atomx-btn-outline--theme-orange-light:active,
button.atomx-btn-outline--theme-orange-light.atomx-btn__active,
button.atomx-btn-outline--theme-orange-light:active,
input.atomx-btn-outline--theme-orange-light.atomx-btn__active,
input.atomx-btn-outline--theme-orange-light:active {
	color: #fff;
	background-color: #FE5815;
	border: 1px solid #FE5815
}

a.atomx-btn-outline--theme-blue-dark,
button.atomx-btn-outline--theme-blue-dark,
input.atomx-btn-outline--theme-blue-dark {
	color: #09357A;
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid #09357A
}

a.atomx-btn-outline--theme-blue-dark:hover,
button.atomx-btn-outline--theme-blue-dark:hover,
input.atomx-btn-outline--theme-blue-dark:hover {
	color: #fff;
	background-color: #09357A;
	border: 1px solid #09357A
}

a.atomx-btn-outline--theme-blue-dark:focus,
button.atomx-btn-outline--theme-blue-dark:focus,
input.atomx-btn-outline--theme-blue-dark:focus {
	outline: dotted #09357A 2px
}

a.atomx-btn-outline--theme-blue-dark.disabled,
a.atomx-btn-outline--theme-blue-dark:disabled,
button.atomx-btn-outline--theme-blue-dark.disabled,
button.atomx-btn-outline--theme-blue-dark:disabled,
input.atomx-btn-outline--theme-blue-dark.disabled,
input.atomx-btn-outline--theme-blue-dark:disabled {
	color: #9E9E9E;
	background-color: #DFDFDF;
	cursor: not-allowed;
	-webkit-box-shadow: none;
	box-shadow: none
}

a.atomx-btn-outline--theme-blue-dark.disabled:focus,
a.atomx-btn-outline--theme-blue-dark:disabled:focus,
button.atomx-btn-outline--theme-blue-dark.disabled:focus,
button.atomx-btn-outline--theme-blue-dark:disabled:focus,
input.atomx-btn-outline--theme-blue-dark.disabled:focus,
input.atomx-btn-outline--theme-blue-dark:disabled:focus {
	outline: dotted #DFDFDF 2px
}

a.atomx-btn-outline--theme-blue-dark.atomx-btn__active,
a.atomx-btn-outline--theme-blue-dark:active,
button.atomx-btn-outline--theme-blue-dark.atomx-btn__active,
button.atomx-btn-outline--theme-blue-dark:active,
input.atomx-btn-outline--theme-blue-dark.atomx-btn__active,
input.atomx-btn-outline--theme-blue-dark:active {
	color: #fff;
	background-color: #09357A;
	border: 1px solid #09357A
}

a.atomx-btn-outline--theme-blue-light,
button.atomx-btn-outline--theme-blue-light,
input.atomx-btn-outline--theme-blue-light {
	color: #005BBB;
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid #005BBB
}

a.atomx-btn-outline--theme-blue-light:hover,
button.atomx-btn-outline--theme-blue-light:hover,
input.atomx-btn-outline--theme-blue-light:hover {
	color: #fff;
	background-color: #005BBB;
	border: 1px solid #005BBB
}

a.atomx-btn-outline--theme-blue-light:focus,
button.atomx-btn-outline--theme-blue-light:focus,
input.atomx-btn-outline--theme-blue-light:focus {
	outline: dotted #005BBB 2px
}

a.atomx-btn-outline--theme-blue-light.disabled,
a.atomx-btn-outline--theme-blue-light:disabled,
button.atomx-btn-outline--theme-blue-light.disabled,
button.atomx-btn-outline--theme-blue-light:disabled,
input.atomx-btn-outline--theme-blue-light.disabled,
input.atomx-btn-outline--theme-blue-light:disabled {
	color: #9E9E9E;
	background-color: #DFDFDF;
	cursor: not-allowed;
	-webkit-box-shadow: none;
	box-shadow: none
}

a.atomx-btn-outline--theme-blue-light.disabled:focus,
a.atomx-btn-outline--theme-blue-light:disabled:focus,
button.atomx-btn-outline--theme-blue-light.disabled:focus,
button.atomx-btn-outline--theme-blue-light:disabled:focus,
input.atomx-btn-outline--theme-blue-light.disabled:focus,
input.atomx-btn-outline--theme-blue-light:disabled:focus {
	outline: dotted #DFDFDF 2px
}

a.atomx-btn-outline--theme-blue-light.atomx-btn__active,
a.atomx-btn-outline--theme-blue-light:active,
button.atomx-btn-outline--theme-blue-light.atomx-btn__active,
button.atomx-btn-outline--theme-blue-light:active,
input.atomx-btn-outline--theme-blue-light.atomx-btn__active,
input.atomx-btn-outline--theme-blue-light:active {
	color: #fff;
	background-color: #005BBB;
	border: 1px solid #005BBB
}

a.atomx-btn-outline--theme-green-dark,
button.atomx-btn-outline--theme-green-dark,
input.atomx-btn-outline--theme-green-dark {
	color: #C4D600;
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid #C4D600
}

a.atomx-btn-outline--theme-green-dark:hover,
button.atomx-btn-outline--theme-green-dark:hover,
input.atomx-btn-outline--theme-green-dark:hover {
	color: #333;
	background-color: #C4D600;
	border: 1px solid #C4D600
}

a.atomx-btn-outline--theme-green-dark:focus,
button.atomx-btn-outline--theme-green-dark:focus,
input.atomx-btn-outline--theme-green-dark:focus {
	outline: dotted #C4D600 2px
}

a.atomx-btn-outline--theme-green-dark.disabled,
a.atomx-btn-outline--theme-green-dark:disabled,
button.atomx-btn-outline--theme-green-dark.disabled,
button.atomx-btn-outline--theme-green-dark:disabled,
input.atomx-btn-outline--theme-green-dark.disabled,
input.atomx-btn-outline--theme-green-dark:disabled {
	color: #9E9E9E;
	background-color: #DFDFDF;
	cursor: not-allowed;
	-webkit-box-shadow: none;
	box-shadow: none
}

a.atomx-btn-outline--theme-green-dark.disabled:focus,
a.atomx-btn-outline--theme-green-dark:disabled:focus,
button.atomx-btn-outline--theme-green-dark.disabled:focus,
button.atomx-btn-outline--theme-green-dark:disabled:focus,
input.atomx-btn-outline--theme-green-dark.disabled:focus,
input.atomx-btn-outline--theme-green-dark:disabled:focus {
	outline: dotted #DFDFDF 2px
}

a.atomx-btn-outline--theme-green-dark.atomx-btn__active,
a.atomx-btn-outline--theme-green-dark:active,
button.atomx-btn-outline--theme-green-dark.atomx-btn__active,
button.atomx-btn-outline--theme-green-dark:active,
input.atomx-btn-outline--theme-green-dark.atomx-btn__active,
input.atomx-btn-outline--theme-green-dark:active {
	color: #333;
	background-color: #C4D600;
	border: 1px solid #C4D600
}

a.atomx-btn-outline--theme-green-light,
button.atomx-btn-outline--theme-green-light,
input.atomx-btn-outline--theme-green-light {
	color: #509E2F;
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid #509E2F
}

a.atomx-btn-outline--theme-green-light:hover,
button.atomx-btn-outline--theme-green-light:hover,
input.atomx-btn-outline--theme-green-light:hover {
	color: #fff;
	background-color: #509E2F;
	border: 1px solid #509E2F
}

a.atomx-btn-outline--theme-green-light:focus,
button.atomx-btn-outline--theme-green-light:focus,
input.atomx-btn-outline--theme-green-light:focus {
	outline: dotted #509E2F 2px
}

a.atomx-btn-outline--theme-green-light.disabled,
a.atomx-btn-outline--theme-green-light:disabled,
button.atomx-btn-outline--theme-green-light.disabled,
button.atomx-btn-outline--theme-green-light:disabled,
input.atomx-btn-outline--theme-green-light.disabled,
input.atomx-btn-outline--theme-green-light:disabled {
	color: #9E9E9E;
	background-color: #DFDFDF;
	cursor: not-allowed;
	-webkit-box-shadow: none;
	box-shadow: none
}

a.atomx-btn-outline--theme-green-light.disabled:focus,
a.atomx-btn-outline--theme-green-light:disabled:focus,
button.atomx-btn-outline--theme-green-light.disabled:focus,
button.atomx-btn-outline--theme-green-light:disabled:focus,
input.atomx-btn-outline--theme-green-light.disabled:focus,
input.atomx-btn-outline--theme-green-light:disabled:focus {
	outline: dotted #DFDFDF 2px
}

a.atomx-btn-outline--theme-green-light.atomx-btn__active,
a.atomx-btn-outline--theme-green-light:active,
button.atomx-btn-outline--theme-green-light.atomx-btn__active,
button.atomx-btn-outline--theme-green-light:active,
input.atomx-btn-outline--theme-green-light.atomx-btn__active,
input.atomx-btn-outline--theme-green-light:active {
	color: #fff;
	background-color: #509E2F;
	border: 1px solid #509E2F
}

a.atomx-btn-link--theme-primary,
button.atomx-btn-link--theme-primary,
input.atomx-btn-link--theme-primary {
	color: #006DFF;
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid rgba(0, 0, 0, 0)
}

a.atomx-btn-link--theme-primary:hover .atomx-btn__label,
button.atomx-btn-link--theme-primary:hover .atomx-btn__label,
input.atomx-btn-link--theme-primary:hover .atomx-btn__label {
	text-decoration: underline
}

a.atomx-btn-link--theme-primary:focus,
button.atomx-btn-link--theme-primary:focus,
input.atomx-btn-link--theme-primary:focus {
	outline: dotted #004199 2px
}

a.atomx-btn-link--theme-primary.disabled,
a.atomx-btn-link--theme-primary:disabled,
button.atomx-btn-link--theme-primary.disabled,
button.atomx-btn-link--theme-primary:disabled,
input.atomx-btn-link--theme-primary.disabled,
input.atomx-btn-link--theme-primary:disabled {
	color: #9E9E9E;
	cursor: not-allowed;
	-webkit-box-shadow: none;
	box-shadow: none
}

a.atomx-btn-link--theme-primary.disabled:focus,
a.atomx-btn-link--theme-primary:disabled:focus,
button.atomx-btn-link--theme-primary.disabled:focus,
button.atomx-btn-link--theme-primary:disabled:focus,
input.atomx-btn-link--theme-primary.disabled:focus,
input.atomx-btn-link--theme-primary:disabled:focus {
	outline: dotted #DFDFDF 2px
}

a.atomx-btn-link--theme-primary.atomx-btn__active .atomx-btn__label,
a.atomx-btn-link--theme-primary:active .atomx-btn__label,
button.atomx-btn-link--theme-primary.atomx-btn__active .atomx-btn__label,
button.atomx-btn-link--theme-primary:active .atomx-btn__label,
input.atomx-btn-link--theme-primary.atomx-btn__active .atomx-btn__label,
input.atomx-btn-link--theme-primary:active .atomx-btn__label {
	text-decoration: underline
}

a.atomx-btn-link--theme-secondary,
button.atomx-btn-link--theme-secondary,
input.atomx-btn-link--theme-secondary {
	color: #666;
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid rgba(0, 0, 0, 0)
}

a.atomx-btn-link--theme-secondary:hover .atomx-btn__label,
button.atomx-btn-link--theme-secondary:hover .atomx-btn__label,
input.atomx-btn-link--theme-secondary:hover .atomx-btn__label {
	text-decoration: underline
}

a.atomx-btn-link--theme-secondary:focus,
button.atomx-btn-link--theme-secondary:focus,
input.atomx-btn-link--theme-secondary:focus {
	outline: dotted #333 2px
}

a.atomx-btn-link--theme-secondary.disabled,
a.atomx-btn-link--theme-secondary:disabled,
button.atomx-btn-link--theme-secondary.disabled,
button.atomx-btn-link--theme-secondary:disabled,
input.atomx-btn-link--theme-secondary.disabled,
input.atomx-btn-link--theme-secondary:disabled {
	color: #9E9E9E;
	cursor: not-allowed;
	-webkit-box-shadow: none;
	box-shadow: none
}

a.atomx-btn-link--theme-secondary.disabled:focus,
a.atomx-btn-link--theme-secondary:disabled:focus,
button.atomx-btn-link--theme-secondary.disabled:focus,
button.atomx-btn-link--theme-secondary:disabled:focus,
input.atomx-btn-link--theme-secondary.disabled:focus,
input.atomx-btn-link--theme-secondary:disabled:focus {
	outline: dotted #DFDFDF 2px
}

a.atomx-btn-link--theme-secondary.atomx-btn__active .atomx-btn__label,
a.atomx-btn-link--theme-secondary:active .atomx-btn__label,
button.atomx-btn-link--theme-secondary.atomx-btn__active .atomx-btn__label,
button.atomx-btn-link--theme-secondary:active .atomx-btn__label,
input.atomx-btn-link--theme-secondary.atomx-btn__active .atomx-btn__label,
input.atomx-btn-link--theme-secondary:active .atomx-btn__label {
	text-decoration: underline
}

a.atomx-btn-link--theme-success,
button.atomx-btn-link--theme-success,
input.atomx-btn-link--theme-success {
	color: #00C172;
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid rgba(0, 0, 0, 0)
}

a.atomx-btn-link--theme-success:hover .atomx-btn__label,
button.atomx-btn-link--theme-success:hover .atomx-btn__label,
input.atomx-btn-link--theme-success:hover .atomx-btn__label {
	text-decoration: underline
}

a.atomx-btn-link--theme-success:focus,
button.atomx-btn-link--theme-success:focus,
input.atomx-btn-link--theme-success:focus {
	outline: dotted #005b36 2px
}

a.atomx-btn-link--theme-success.disabled,
a.atomx-btn-link--theme-success:disabled,
button.atomx-btn-link--theme-success.disabled,
button.atomx-btn-link--theme-success:disabled,
input.atomx-btn-link--theme-success.disabled,
input.atomx-btn-link--theme-success:disabled {
	color: #9E9E9E;
	cursor: not-allowed;
	-webkit-box-shadow: none;
	box-shadow: none
}

a.atomx-btn-link--theme-success.disabled:focus,
a.atomx-btn-link--theme-success:disabled:focus,
button.atomx-btn-link--theme-success.disabled:focus,
button.atomx-btn-link--theme-success:disabled:focus,
input.atomx-btn-link--theme-success.disabled:focus,
input.atomx-btn-link--theme-success:disabled:focus {
	outline: dotted #DFDFDF 2px
}

a.atomx-btn-link--theme-success.atomx-btn__active .atomx-btn__label,
a.atomx-btn-link--theme-success:active .atomx-btn__label,
button.atomx-btn-link--theme-success.atomx-btn__active .atomx-btn__label,
button.atomx-btn-link--theme-success:active .atomx-btn__label,
input.atomx-btn-link--theme-success.atomx-btn__active .atomx-btn__label,
input.atomx-btn-link--theme-success:active .atomx-btn__label {
	text-decoration: underline
}

a.atomx-btn-link--theme-warning,
button.atomx-btn-link--theme-warning,
input.atomx-btn-link--theme-warning {
	color: #FE5815;
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid rgba(0, 0, 0, 0)
}

a.atomx-btn-link--theme-warning:hover .atomx-btn__label,
button.atomx-btn-link--theme-warning:hover .atomx-btn__label,
input.atomx-btn-link--theme-warning:hover .atomx-btn__label {
	text-decoration: underline
}

a.atomx-btn-link--theme-warning:focus,
button.atomx-btn-link--theme-warning:focus,
input.atomx-btn-link--theme-warning:focus {
	outline: dotted #ac3201 2px
}

a.atomx-btn-link--theme-warning.disabled,
a.atomx-btn-link--theme-warning:disabled,
button.atomx-btn-link--theme-warning.disabled,
button.atomx-btn-link--theme-warning:disabled,
input.atomx-btn-link--theme-warning.disabled,
input.atomx-btn-link--theme-warning:disabled {
	color: #9E9E9E;
	cursor: not-allowed;
	-webkit-box-shadow: none;
	box-shadow: none
}

a.atomx-btn-link--theme-warning.disabled:focus,
a.atomx-btn-link--theme-warning:disabled:focus,
button.atomx-btn-link--theme-warning.disabled:focus,
button.atomx-btn-link--theme-warning:disabled:focus,
input.atomx-btn-link--theme-warning.disabled:focus,
input.atomx-btn-link--theme-warning:disabled:focus {
	outline: dotted #DFDFDF 2px
}

a.atomx-btn-link--theme-warning.atomx-btn__active .atomx-btn__label,
a.atomx-btn-link--theme-warning:active .atomx-btn__label,
button.atomx-btn-link--theme-warning.atomx-btn__active .atomx-btn__label,
button.atomx-btn-link--theme-warning:active .atomx-btn__label,
input.atomx-btn-link--theme-warning.atomx-btn__active .atomx-btn__label,
input.atomx-btn-link--theme-warning:active .atomx-btn__label {
	text-decoration: underline
}

a.atomx-btn-link--theme-danger,
button.atomx-btn-link--theme-danger,
input.atomx-btn-link--theme-danger {
	color: #f23037;
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid rgba(0, 0, 0, 0)
}

a.atomx-btn-link--theme-danger:hover .atomx-btn__label,
button.atomx-btn-link--theme-danger:hover .atomx-btn__label,
input.atomx-btn-link--theme-danger:hover .atomx-btn__label {
	text-decoration: underline
}

a.atomx-btn-link--theme-danger:focus,
button.atomx-btn-link--theme-danger:focus,
input.atomx-btn-link--theme-danger:focus {
	outline: dotted #b10b11 2px
}

a.atomx-btn-link--theme-danger.disabled,
a.atomx-btn-link--theme-danger:disabled,
button.atomx-btn-link--theme-danger.disabled,
button.atomx-btn-link--theme-danger:disabled,
input.atomx-btn-link--theme-danger.disabled,
input.atomx-btn-link--theme-danger:disabled {
	color: #9E9E9E;
	cursor: not-allowed;
	-webkit-box-shadow: none;
	box-shadow: none
}

a.atomx-btn-link--theme-danger.disabled:focus,
a.atomx-btn-link--theme-danger:disabled:focus,
button.atomx-btn-link--theme-danger.disabled:focus,
button.atomx-btn-link--theme-danger:disabled:focus,
input.atomx-btn-link--theme-danger.disabled:focus,
input.atomx-btn-link--theme-danger:disabled:focus {
	outline: dotted #DFDFDF 2px
}

a.atomx-btn-link--theme-danger.atomx-btn__active .atomx-btn__label,
a.atomx-btn-link--theme-danger:active .atomx-btn__label,
button.atomx-btn-link--theme-danger.atomx-btn__active .atomx-btn__label,
button.atomx-btn-link--theme-danger:active .atomx-btn__label,
input.atomx-btn-link--theme-danger.atomx-btn__active .atomx-btn__label,
input.atomx-btn-link--theme-danger:active .atomx-btn__label {
	text-decoration: underline
}

a.atomx-btn-link--theme-light,
button.atomx-btn-link--theme-light,
input.atomx-btn-link--theme-light {
	color: #fff;
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid rgba(0, 0, 0, 0)
}

a.atomx-btn-link--theme-light:hover .atomx-btn__label,
button.atomx-btn-link--theme-light:hover .atomx-btn__label,
input.atomx-btn-link--theme-light:hover .atomx-btn__label {
	text-decoration: underline
}

a.atomx-btn-link--theme-light:focus,
button.atomx-btn-link--theme-light:focus,
input.atomx-btn-link--theme-light:focus {
	outline: dotted #ccc 2px
}

a.atomx-btn-link--theme-light.disabled,
a.atomx-btn-link--theme-light:disabled,
button.atomx-btn-link--theme-light.disabled,
button.atomx-btn-link--theme-light:disabled,
input.atomx-btn-link--theme-light.disabled,
input.atomx-btn-link--theme-light:disabled {
	color: #9E9E9E;
	cursor: not-allowed;
	-webkit-box-shadow: none;
	box-shadow: none
}

a.atomx-btn-link--theme-light.disabled:focus,
a.atomx-btn-link--theme-light:disabled:focus,
button.atomx-btn-link--theme-light.disabled:focus,
button.atomx-btn-link--theme-light:disabled:focus,
input.atomx-btn-link--theme-light.disabled:focus,
input.atomx-btn-link--theme-light:disabled:focus {
	outline: dotted #DFDFDF 2px
}

a.atomx-btn-link--theme-light.atomx-btn__active .atomx-btn__label,
a.atomx-btn-link--theme-light:active .atomx-btn__label,
button.atomx-btn-link--theme-light.atomx-btn__active .atomx-btn__label,
button.atomx-btn-link--theme-light:active .atomx-btn__label,
input.atomx-btn-link--theme-light.atomx-btn__active .atomx-btn__label,
input.atomx-btn-link--theme-light:active .atomx-btn__label {
	text-decoration: underline
}

a.atomx-btn-link--theme-dark,
button.atomx-btn-link--theme-dark,
input.atomx-btn-link--theme-dark {
	color: #1A1A1A;
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid rgba(0, 0, 0, 0)
}

a.atomx-btn-link--theme-dark:hover .atomx-btn__label,
button.atomx-btn-link--theme-dark:hover .atomx-btn__label,
input.atomx-btn-link--theme-dark:hover .atomx-btn__label {
	text-decoration: underline
}

a.atomx-btn-link--theme-dark:focus,
button.atomx-btn-link--theme-dark:focus,
input.atomx-btn-link--theme-dark:focus {
	outline: dotted #000 2px
}

a.atomx-btn-link--theme-dark.disabled,
a.atomx-btn-link--theme-dark:disabled,
button.atomx-btn-link--theme-dark.disabled,
button.atomx-btn-link--theme-dark:disabled,
input.atomx-btn-link--theme-dark.disabled,
input.atomx-btn-link--theme-dark:disabled {
	color: #9E9E9E;
	cursor: not-allowed;
	-webkit-box-shadow: none;
	box-shadow: none
}

a.atomx-btn-link--theme-dark.disabled:focus,
a.atomx-btn-link--theme-dark:disabled:focus,
button.atomx-btn-link--theme-dark.disabled:focus,
button.atomx-btn-link--theme-dark:disabled:focus,
input.atomx-btn-link--theme-dark.disabled:focus,
input.atomx-btn-link--theme-dark:disabled:focus {
	outline: dotted #DFDFDF 2px
}

a.atomx-btn-link--theme-dark.atomx-btn__active .atomx-btn__label,
a.atomx-btn-link--theme-dark:active .atomx-btn__label,
button.atomx-btn-link--theme-dark.atomx-btn__active .atomx-btn__label,
button.atomx-btn-link--theme-dark:active .atomx-btn__label,
input.atomx-btn-link--theme-dark.atomx-btn__active .atomx-btn__label,
input.atomx-btn-link--theme-dark:active .atomx-btn__label {
	text-decoration: underline
}

a.atomx-btn-link--theme-orange-dark,
button.atomx-btn-link--theme-orange-dark,
input.atomx-btn-link--theme-orange-dark {
	color: #FFA02F;
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid rgba(0, 0, 0, 0)
}

a.atomx-btn-link--theme-orange-dark:hover .atomx-btn__label,
button.atomx-btn-link--theme-orange-dark:hover .atomx-btn__label,
input.atomx-btn-link--theme-orange-dark:hover .atomx-btn__label {
	text-decoration: underline
}

a.atomx-btn-link--theme-orange-dark:focus,
button.atomx-btn-link--theme-orange-dark:focus,
input.atomx-btn-link--theme-orange-dark:focus {
	outline: dotted #c86d00 2px
}

a.atomx-btn-link--theme-orange-dark.disabled,
a.atomx-btn-link--theme-orange-dark:disabled,
button.atomx-btn-link--theme-orange-dark.disabled,
button.atomx-btn-link--theme-orange-dark:disabled,
input.atomx-btn-link--theme-orange-dark.disabled,
input.atomx-btn-link--theme-orange-dark:disabled {
	color: #9E9E9E;
	cursor: not-allowed;
	-webkit-box-shadow: none;
	box-shadow: none
}

a.atomx-btn-link--theme-orange-dark.disabled:focus,
a.atomx-btn-link--theme-orange-dark:disabled:focus,
button.atomx-btn-link--theme-orange-dark.disabled:focus,
button.atomx-btn-link--theme-orange-dark:disabled:focus,
input.atomx-btn-link--theme-orange-dark.disabled:focus,
input.atomx-btn-link--theme-orange-dark:disabled:focus {
	outline: dotted #DFDFDF 2px
}

a.atomx-btn-link--theme-orange-dark.atomx-btn__active .atomx-btn__label,
a.atomx-btn-link--theme-orange-dark:active .atomx-btn__label,
button.atomx-btn-link--theme-orange-dark.atomx-btn__active .atomx-btn__label,
button.atomx-btn-link--theme-orange-dark:active .atomx-btn__label,
input.atomx-btn-link--theme-orange-dark.atomx-btn__active .atomx-btn__label,
input.atomx-btn-link--theme-orange-dark:active .atomx-btn__label {
	text-decoration: underline
}

a.atomx-btn-link--theme-orange-light,
button.atomx-btn-link--theme-orange-light,
input.atomx-btn-link--theme-orange-light {
	color: #FE5815;
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid rgba(0, 0, 0, 0)
}

a.atomx-btn-link--theme-orange-light:hover .atomx-btn__label,
button.atomx-btn-link--theme-orange-light:hover .atomx-btn__label,
input.atomx-btn-link--theme-orange-light:hover .atomx-btn__label {
	text-decoration: underline
}

a.atomx-btn-link--theme-orange-light:focus,
button.atomx-btn-link--theme-orange-light:focus,
input.atomx-btn-link--theme-orange-light:focus {
	outline: dotted #ac3201 2px
}

a.atomx-btn-link--theme-orange-light.disabled,
a.atomx-btn-link--theme-orange-light:disabled,
button.atomx-btn-link--theme-orange-light.disabled,
button.atomx-btn-link--theme-orange-light:disabled,
input.atomx-btn-link--theme-orange-light.disabled,
input.atomx-btn-link--theme-orange-light:disabled {
	color: #9E9E9E;
	cursor: not-allowed;
	-webkit-box-shadow: none;
	box-shadow: none
}

a.atomx-btn-link--theme-orange-light.disabled:focus,
a.atomx-btn-link--theme-orange-light:disabled:focus,
button.atomx-btn-link--theme-orange-light.disabled:focus,
button.atomx-btn-link--theme-orange-light:disabled:focus,
input.atomx-btn-link--theme-orange-light.disabled:focus,
input.atomx-btn-link--theme-orange-light:disabled:focus {
	outline: dotted #DFDFDF 2px
}

a.atomx-btn-link--theme-orange-light.atomx-btn__active .atomx-btn__label,
a.atomx-btn-link--theme-orange-light:active .atomx-btn__label,
button.atomx-btn-link--theme-orange-light.atomx-btn__active .atomx-btn__label,
button.atomx-btn-link--theme-orange-light:active .atomx-btn__label,
input.atomx-btn-link--theme-orange-light.atomx-btn__active .atomx-btn__label,
input.atomx-btn-link--theme-orange-light:active .atomx-btn__label {
	text-decoration: underline
}

a.atomx-btn-link--theme-blue-dark,
button.atomx-btn-link--theme-blue-dark,
input.atomx-btn-link--theme-blue-dark {
	color: #09357A;
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid rgba(0, 0, 0, 0)
}

a.atomx-btn-link--theme-blue-dark:hover .atomx-btn__label,
button.atomx-btn-link--theme-blue-dark:hover .atomx-btn__label,
input.atomx-btn-link--theme-blue-dark:hover .atomx-btn__label {
	text-decoration: underline
}

a.atomx-btn-link--theme-blue-dark:focus,
button.atomx-btn-link--theme-blue-dark:focus,
input.atomx-btn-link--theme-blue-dark:focus {
	outline: dotted #020c1b 2px
}

a.atomx-btn-link--theme-blue-dark.disabled,
a.atomx-btn-link--theme-blue-dark:disabled,
button.atomx-btn-link--theme-blue-dark.disabled,
button.atomx-btn-link--theme-blue-dark:disabled,
input.atomx-btn-link--theme-blue-dark.disabled,
input.atomx-btn-link--theme-blue-dark:disabled {
	color: #9E9E9E;
	cursor: not-allowed;
	-webkit-box-shadow: none;
	box-shadow: none
}

a.atomx-btn-link--theme-blue-dark.disabled:focus,
a.atomx-btn-link--theme-blue-dark:disabled:focus,
button.atomx-btn-link--theme-blue-dark.disabled:focus,
button.atomx-btn-link--theme-blue-dark:disabled:focus,
input.atomx-btn-link--theme-blue-dark.disabled:focus,
input.atomx-btn-link--theme-blue-dark:disabled:focus {
	outline: dotted #DFDFDF 2px
}

a.atomx-btn-link--theme-blue-dark.atomx-btn__active .atomx-btn__label,
a.atomx-btn-link--theme-blue-dark:active .atomx-btn__label,
button.atomx-btn-link--theme-blue-dark.atomx-btn__active .atomx-btn__label,
button.atomx-btn-link--theme-blue-dark:active .atomx-btn__label,
input.atomx-btn-link--theme-blue-dark.atomx-btn__active .atomx-btn__label,
input.atomx-btn-link--theme-blue-dark:active .atomx-btn__label {
	text-decoration: underline
}

a.atomx-btn-link--theme-blue-light,
button.atomx-btn-link--theme-blue-light,
input.atomx-btn-link--theme-blue-light {
	color: #005BBB;
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid rgba(0, 0, 0, 0)
}

a.atomx-btn-link--theme-blue-light:hover .atomx-btn__label,
button.atomx-btn-link--theme-blue-light:hover .atomx-btn__label,
input.atomx-btn-link--theme-blue-light:hover .atomx-btn__label {
	text-decoration: underline
}

a.atomx-btn-link--theme-blue-light:focus,
button.atomx-btn-link--theme-blue-light:focus,
input.atomx-btn-link--theme-blue-light:focus {
	outline: dotted #002955 2px
}

a.atomx-btn-link--theme-blue-light.disabled,
a.atomx-btn-link--theme-blue-light:disabled,
button.atomx-btn-link--theme-blue-light.disabled,
button.atomx-btn-link--theme-blue-light:disabled,
input.atomx-btn-link--theme-blue-light.disabled,
input.atomx-btn-link--theme-blue-light:disabled {
	color: #9E9E9E;
	cursor: not-allowed;
	-webkit-box-shadow: none;
	box-shadow: none
}

a.atomx-btn-link--theme-blue-light.disabled:focus,
a.atomx-btn-link--theme-blue-light:disabled:focus,
button.atomx-btn-link--theme-blue-light.disabled:focus,
button.atomx-btn-link--theme-blue-light:disabled:focus,
input.atomx-btn-link--theme-blue-light.disabled:focus,
input.atomx-btn-link--theme-blue-light:disabled:focus {
	outline: dotted #DFDFDF 2px
}

a.atomx-btn-link--theme-blue-light.atomx-btn__active .atomx-btn__label,
a.atomx-btn-link--theme-blue-light:active .atomx-btn__label,
button.atomx-btn-link--theme-blue-light.atomx-btn__active .atomx-btn__label,
button.atomx-btn-link--theme-blue-light:active .atomx-btn__label,
input.atomx-btn-link--theme-blue-light.atomx-btn__active .atomx-btn__label,
input.atomx-btn-link--theme-blue-light:active .atomx-btn__label {
	text-decoration: underline
}

a.atomx-btn-link--theme-green-dark,
button.atomx-btn-link--theme-green-dark,
input.atomx-btn-link--theme-green-dark {
	color: #C4D600;
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid rgba(0, 0, 0, 0)
}

a.atomx-btn-link--theme-green-dark:hover .atomx-btn__label,
button.atomx-btn-link--theme-green-dark:hover .atomx-btn__label,
input.atomx-btn-link--theme-green-dark:hover .atomx-btn__label {
	text-decoration: underline
}

a.atomx-btn-link--theme-green-dark:focus,
button.atomx-btn-link--theme-green-dark:focus,
input.atomx-btn-link--theme-green-dark:focus {
	outline: dotted #677000 2px
}

a.atomx-btn-link--theme-green-dark.disabled,
a.atomx-btn-link--theme-green-dark:disabled,
button.atomx-btn-link--theme-green-dark.disabled,
button.atomx-btn-link--theme-green-dark:disabled,
input.atomx-btn-link--theme-green-dark.disabled,
input.atomx-btn-link--theme-green-dark:disabled {
	color: #9E9E9E;
	cursor: not-allowed;
	-webkit-box-shadow: none;
	box-shadow: none
}

a.atomx-btn-link--theme-green-dark.disabled:focus,
a.atomx-btn-link--theme-green-dark:disabled:focus,
button.atomx-btn-link--theme-green-dark.disabled:focus,
button.atomx-btn-link--theme-green-dark:disabled:focus,
input.atomx-btn-link--theme-green-dark.disabled:focus,
input.atomx-btn-link--theme-green-dark:disabled:focus {
	outline: dotted #DFDFDF 2px
}

a.atomx-btn-link--theme-green-dark.atomx-btn__active .atomx-btn__label,
a.atomx-btn-link--theme-green-dark:active .atomx-btn__label,
button.atomx-btn-link--theme-green-dark.atomx-btn__active .atomx-btn__label,
button.atomx-btn-link--theme-green-dark:active .atomx-btn__label,
input.atomx-btn-link--theme-green-dark.atomx-btn__active .atomx-btn__label,
input.atomx-btn-link--theme-green-dark:active .atomx-btn__label {
	text-decoration: underline
}

a.atomx-btn-link--theme-green-light,
button.atomx-btn-link--theme-green-light,
input.atomx-btn-link--theme-green-light {
	color: #509E2F;
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid rgba(0, 0, 0, 0)
}

a.atomx-btn-link--theme-green-light:hover .atomx-btn__label,
button.atomx-btn-link--theme-green-light:hover .atomx-btn__label,
input.atomx-btn-link--theme-green-light:hover .atomx-btn__label {
	text-decoration: underline
}

a.atomx-btn-link--theme-green-light:focus,
button.atomx-btn-link--theme-green-light:focus,
input.atomx-btn-link--theme-green-light:focus {
	outline: dotted #284f18 2px
}

a.atomx-btn-link--theme-green-light.disabled,
a.atomx-btn-link--theme-green-light:disabled,
button.atomx-btn-link--theme-green-light.disabled,
button.atomx-btn-link--theme-green-light:disabled,
input.atomx-btn-link--theme-green-light.disabled,
input.atomx-btn-link--theme-green-light:disabled {
	color: #9E9E9E;
	cursor: not-allowed;
	-webkit-box-shadow: none;
	box-shadow: none
}

a.atomx-btn-link--theme-green-light.disabled:focus,
a.atomx-btn-link--theme-green-light:disabled:focus,
button.atomx-btn-link--theme-green-light.disabled:focus,
button.atomx-btn-link--theme-green-light:disabled:focus,
input.atomx-btn-link--theme-green-light.disabled:focus,
input.atomx-btn-link--theme-green-light:disabled:focus {
	outline: dotted #DFDFDF 2px
}

a.atomx-btn-link--theme-green-light.atomx-btn__active .atomx-btn__label,
a.atomx-btn-link--theme-green-light:active .atomx-btn__label,
button.atomx-btn-link--theme-green-light.atomx-btn__active .atomx-btn__label,
button.atomx-btn-link--theme-green-light:active .atomx-btn__label,
input.atomx-btn-link--theme-green-light.atomx-btn__active .atomx-btn__label,
input.atomx-btn-link--theme-green-light:active .atomx-btn__label {
	text-decoration: underline
}

a.atomx-btn,
button.atomx-btn,
input.atomx-btn {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-family: 'frutiger', Arial, Sans serif;
	border-radius: 2px;
	font-size: 0.875rem;
	line-height: 0.875rem;
	padding: .9375rem 1rem;
	cursor: pointer;
	white-space: normal;
	text-decoration: none;
	vertical-align: inherit;
	max-width: 100%;
	width: 100%
}

a.atomx-btn--uppercase,
button.atomx-btn--uppercase,
input.atomx-btn--uppercase {
	font-family: 'WorkSansSemiBold';
	font-size: 0.875rem;
	text-transform: uppercase
}

a.atomx-btn--shadow,
button.atomx-btn--shadow,
input.atomx-btn--shadow {
	-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23)
}

a.atomx-btn-lg,
button.atomx-btn-lg,
input.atomx-btn-lg {
	padding: 1.25rem 1rem
}

a.atomx-btn-sm,
button.atomx-btn-sm,
input.atomx-btn-sm {
	padding: .6875rem 1rem
}

a.atomx-btn-block,
button.atomx-btn-block,
input.atomx-btn-block {
	width: 100%
}

a.atomx-btn .atomx-btn__ico-r,
button.atomx-btn .atomx-btn__ico-r,
input.atomx-btn .atomx-btn__ico-r {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-left: 10px
}

a.atomx-btn .atomx-btn__ico-l,
button.atomx-btn .atomx-btn__ico-l,
input.atomx-btn .atomx-btn__ico-l {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-right: 10px
}

a.atomx-btn-block,
button.atomx-btn-block,
input.atomx-btn-block {
	width: 100%
}

input[type="submit"].atomx-btn {
	border: 1px solid transparent
}

button.atomx-btn {
	border: 1px solid transparent
}

@media (min-width: 576px) {
	a.atomx-btn,
	button.atomx-btn,
	input.atomx-btn {
		width: auto;
		max-width: auto
	}
	a.atomx-btn-block,
	button.atomx-btn-block,
	input.atomx-btn-block {
		width: 100%
	}
}

.p-0 {
	padding: 0 !important
}

.p-5 {
	padding: 0.3125rem !important
}

.p-10 {
	padding: 0.625rem !important
}

.p-15 {
	padding: 0.9375rem !important
}

.p-20 {
	padding: 1.25rem !important
}

.p-30 {
	padding: 1.875rem !important
}

.p-40 {
	padding: 2.5rem !important
}

.p-50 {
	padding: 3.125rem !important
}

.pt-0 {
	padding-top: 0 !important
}

.pt-5 {
	padding-top: 0.3125rem !important
}

.pt-10 {
	padding-top: 0.625rem !important
}

.pt-15 {
	padding-top: 0.9375rem !important
}

.pt-20 {
	padding-top: 1.25rem !important
}

.pt-30 {
	padding-top: 1.875rem !important
}

.pt-40 {
	padding-top: 2.5rem !important
}

.pt-50 {
	padding-top: 3.125rem !important
}

.pr-0 {
	padding-right: 0 !important
}

.pr-5 {
	padding-right: 0.3125rem !important
}

.pr-10 {
	padding-right: 0.625rem !important
}

.pr-15 {
	padding-right: 0.9375rem !important
}

.pr-20 {
	padding-right: 1.25rem !important
}

.pr-30 {
	padding-right: 1.875rem !important
}

.pr-40 {
	padding-right: 2.5rem !important
}

.pr-50 {
	padding-right: 3.125rem !important
}

.pb-0 {
	padding-bottom: 0 !important
}

.pb-5 {
	padding-bottom: 0.3125rem !important
}

.pb-10 {
	padding-bottom: 0.625rem !important
}

.pb-15 {
	padding-bottom: 0.9375rem !important
}

.pb-20 {
	padding-bottom: 1.25rem !important
}

.pb-30 {
	padding-bottom: 1.875rem !important
}

.pb-40 {
	padding-bottom: 2.5rem !important
}

.pb-50 {
	padding-bottom: 3.125rem !important
}

.pl-0 {
	padding-left: 0 !important
}

.pl-5 {
	padding-left: 0.3125rem !important
}

.pl-10 {
	padding-left: 0.625rem !important
}

.pl-15 {
	padding-left: 0.9375rem !important
}

.pl-20 {
	padding-left: 1.25rem !important
}

.pl-30 {
	padding-left: 1.875rem !important
}

.pl-40 {
	padding-left: 2.5rem !important
}

.pl-50 {
	padding-left: 3.125rem !important
}

.m-0 {
	margin: 0 !important
}

.m-5 {
	margin: 0.3125rem !important
}

.m-10 {
	margin: 0.625rem !important
}

.m-15 {
	margin: 0.9375rem !important
}

.m-20 {
	margin: 1.25rem !important
}

.m-30 {
	margin: 1.875rem !important
}

.m-40 {
	margin: 2.5rem !important
}

.m-50 {
	margin: 3.125rem !important
}

.mt-0 {
	margin-top: 0 !important
}

.mt-5 {
	margin-top: 0.3125rem !important
}

.mt-10 {
	margin-top: 0.625rem !important
}

.mt-15 {
	margin-top: 0.9375rem !important
}

.mt-20 {
	margin-top: 1.25rem !important
}

.mt-30 {
	margin-top: 1.875rem !important
}

.mt-40 {
	margin-top: 2.5rem !important
}

.mt-50 {
	margin-top: 3.125rem !important
}

.mr-0 {
	margin-right: 0 !important
}

.mr-5 {
	margin-right: 0.3125rem !important
}

.mr-10 {
	margin-right: 0.625rem !important
}

.mr-15 {
	margin-right: 0.9375rem !important
}

.mr-20 {
	margin-right: 1.25rem !important
}

.mr-30 {
	margin-right: 1.875rem !important
}

.mr-40 {
	margin-right: 2.5rem !important
}

.mr-50 {
	margin-right: 3.125rem !important
}

.mb-0 {
	margin-bottom: 0 !important
}

.mb-5 {
	margin-bottom: 0.3125rem !important
}

.mb-10 {
	margin-bottom: 0.625rem !important
}

.mb-15 {
	margin-bottom: 0.9375rem !important
}

.mb-20 {
	margin-bottom: 1.25rem !important
}

.mb-30 {
	margin-bottom: 1.875rem !important
}

.mb-40 {
	margin-bottom: 2.5rem !important
}

.mb-50 {
	margin-bottom: 3.125rem !important
}

.ml-0 {
	margin-left: 0 !important
}

.ml-5 {
	margin-left: 0.3125rem !important
}

.ml-10 {
	margin-left: 0.625rem !important
}

.ml-15 {
	margin-left: 0.9375rem !important
}

.ml-20 {
	margin-left: 1.25rem !important
}

.ml-30 {
	margin-left: 1.875rem !important
}

.ml-40 {
	margin-left: 2.5rem !important
}

.ml-50 {
	margin-left: 3.125rem !important
}

@media screen and (min-width: 576px) {
	.p-sm-0 {
		padding: 0 !important
	}
	.p-sm-5 {
		padding: 0.3125rem !important
	}
	.p-sm-10 {
		padding: 0.625rem !important
	}
	.p-sm-15 {
		padding: 0.9375rem !important
	}
	.p-sm-20 {
		padding: 1.25rem !important
	}
	.p-sm-30 {
		padding: 1.875rem !important
	}
	.p-sm-40 {
		padding: 2.5rem !important
	}
	.p-sm-50 {
		padding: 3.125rem !important
	}
	.pt-sm-0 {
		padding-top: 0 !important
	}
	.pt-sm-5 {
		padding-top: 0.3125rem !important
	}
	.pt-sm-10 {
		padding-top: 0.625rem !important
	}
	.pt-sm-15 {
		padding-top: 0.9375rem !important
	}
	.pt-sm-20 {
		padding-top: 1.25rem !important
	}
	.pt-sm-30 {
		padding-top: 1.875rem !important
	}
	.pt-sm-40 {
		padding-top: 2.5rem !important
	}
	.pt-sm-50 {
		padding-top: 3.125rem !important
	}
	.pr-sm-0 {
		padding-right: 0 !important
	}
	.pr-sm-5 {
		padding-right: 0.3125rem !important
	}
	.pr-sm-10 {
		padding-right: 0.625rem !important
	}
	.pr-sm-15 {
		padding-right: 0.9375rem !important
	}
	.pr-sm-20 {
		padding-right: 1.25rem !important
	}
	.pr-sm-30 {
		padding-right: 1.875rem !important
	}
	.pr-sm-40 {
		padding-right: 2.5rem !important
	}
	.pr-sm-50 {
		padding-right: 3.125rem !important
	}
	.pb-sm-0 {
		padding-bottom: 0 !important
	}
	.pb-sm-5 {
		padding-bottom: 0.3125rem !important
	}
	.pb-sm-10 {
		padding-bottom: 0.625rem !important
	}
	.pb-sm-15 {
		padding-bottom: 0.9375rem !important
	}
	.pb-sm-20 {
		padding-bottom: 1.25rem !important
	}
	.pb-sm-30 {
		padding-bottom: 1.875rem !important
	}
	.pb-sm-40 {
		padding-bottom: 2.5rem !important
	}
	.pb-sm-50 {
		padding-bottom: 3.125rem !important
	}
	.pl-sm-0 {
		padding-left: 0 !important
	}
	.pl-sm-5 {
		padding-left: 0.3125rem !important
	}
	.pl-sm-10 {
		padding-left: 0.625rem !important
	}
	.pl-sm-15 {
		padding-left: 0.9375rem !important
	}
	.pl-sm-20 {
		padding-left: 1.25rem !important
	}
	.pl-sm-30 {
		padding-left: 1.875rem !important
	}
	.pl-sm-40 {
		padding-left: 2.5rem !important
	}
	.pl-sm-50 {
		padding-left: 3.125rem !important
	}
	.m-sm-0 {
		margin: 0 !important
	}
	.m-sm-5 {
		margin: 0.3125rem !important
	}
	.m-sm-10 {
		margin: 0.625rem !important
	}
	.m-sm-15 {
		margin: 0.9375rem !important
	}
	.m-sm-20 {
		margin: 1.25rem !important
	}
	.m-sm-30 {
		margin: 1.875rem !important
	}
	.m-sm-40 {
		margin: 2.5rem !important
	}
	.m-sm-50 {
		margin: 3.125rem !important
	}
	.mt-sm-0 {
		margin-top: 0 !important
	}
	.mt-sm-5 {
		margin-top: 0.3125rem !important
	}
	.mt-sm-10 {
		margin-top: 0.625rem !important
	}
	.mt-sm-15 {
		margin-top: 0.9375rem !important
	}
	.mt-sm-20 {
		margin-top: 1.25rem !important
	}
	.mt-sm-30 {
		margin-top: 1.875rem !important
	}
	.mt-sm-40 {
		margin-top: 2.5rem !important
	}
	.mt-sm-50 {
		margin-top: 3.125rem !important
	}
	.mr-sm-0 {
		margin-right: 0 !important
	}
	.mr-sm-5 {
		margin-right: 0.3125rem !important
	}
	.mr-sm-10 {
		margin-right: 0.625rem !important
	}
	.mr-sm-15 {
		margin-right: 0.9375rem !important
	}
	.mr-sm-20 {
		margin-right: 1.25rem !important
	}
	.mr-sm-30 {
		margin-right: 1.875rem !important
	}
	.mr-sm-40 {
		margin-right: 2.5rem !important
	}
	.mr-sm-50 {
		margin-right: 3.125rem !important
	}
	.mb-sm-0 {
		margin-bottom: 0 !important
	}
	.mb-sm-5 {
		margin-bottom: 0.3125rem !important
	}
	.mb-sm-10 {
		margin-bottom: 0.625rem !important
	}
	.mb-sm-15 {
		margin-bottom: 0.9375rem !important
	}
	.mb-sm-20 {
		margin-bottom: 1.25rem !important
	}
	.mb-sm-30 {
		margin-bottom: 1.875rem !important
	}
	.mb-sm-40 {
		margin-bottom: 2.5rem !important
	}
	.mb-sm-50 {
		margin-bottom: 3.125rem !important
	}
	.ml-sm-0 {
		margin-left: 0 !important
	}
	.ml-sm-5 {
		margin-left: 0.3125rem !important
	}
	.ml-sm-10 {
		margin-left: 0.625rem !important
	}
	.ml-sm-15 {
		margin-left: 0.9375rem !important
	}
	.ml-sm-20 {
		margin-left: 1.25rem !important
	}
	.ml-sm-30 {
		margin-left: 1.875rem !important
	}
	.ml-sm-40 {
		margin-left: 2.5rem !important
	}
	.ml-sm-50 {
		margin-left: 3.125rem !important
	}
}

@media screen and (min-width: 768px) {
	.p-md-0 {
		padding: 0 !important
	}
	.p-md-5 {
		padding: 0.3125rem !important
	}
	.p-md-10 {
		padding: 0.625rem !important
	}
	.p-md-15 {
		padding: 0.9375rem !important
	}
	.p-md-20 {
		padding: 1.25rem !important
	}
	.p-md-30 {
		padding: 1.875rem !important
	}
	.p-md-40 {
		padding: 2.5rem !important
	}
	.p-md-50 {
		padding: 3.125rem !important
	}
	.pt-md-0 {
		padding-top: 0 !important
	}
	.pt-md-5 {
		padding-top: 0.3125rem !important
	}
	.pt-md-10 {
		padding-top: 0.625rem !important
	}
	.pt-md-15 {
		padding-top: 0.9375rem !important
	}
	.pt-md-20 {
		padding-top: 1.25rem !important
	}
	.pt-md-30 {
		padding-top: 1.875rem !important
	}
	.pt-md-40 {
		padding-top: 2.5rem !important
	}
	.pt-md-50 {
		padding-top: 3.125rem !important
	}
	.pr-md-0 {
		padding-right: 0 !important
	}
	.pr-md-5 {
		padding-right: 0.3125rem !important
	}
	.pr-md-10 {
		padding-right: 0.625rem !important
	}
	.pr-md-15 {
		padding-right: 0.9375rem !important
	}
	.pr-md-20 {
		padding-right: 1.25rem !important
	}
	.pr-md-30 {
		padding-right: 1.875rem !important
	}
	.pr-md-40 {
		padding-right: 2.5rem !important
	}
	.pr-md-50 {
		padding-right: 3.125rem !important
	}
	.pb-md-0 {
		padding-bottom: 0 !important
	}
	.pb-md-5 {
		padding-bottom: 0.3125rem !important
	}
	.pb-md-10 {
		padding-bottom: 0.625rem !important
	}
	.pb-md-15 {
		padding-bottom: 0.9375rem !important
	}
	.pb-md-20 {
		padding-bottom: 1.25rem !important
	}
	.pb-md-30 {
		padding-bottom: 1.875rem !important
	}
	.pb-md-40 {
		padding-bottom: 2.5rem !important
	}
	.pb-md-50 {
		padding-bottom: 3.125rem !important
	}
	.pl-md-0 {
		padding-left: 0 !important
	}
	.pl-md-5 {
		padding-left: 0.3125rem !important
	}
	.pl-md-10 {
		padding-left: 0.625rem !important
	}
	.pl-md-15 {
		padding-left: 0.9375rem !important
	}
	.pl-md-20 {
		padding-left: 1.25rem !important
	}
	.pl-md-30 {
		padding-left: 1.875rem !important
	}
	.pl-md-40 {
		padding-left: 2.5rem !important
	}
	.pl-md-50 {
		padding-left: 3.125rem !important
	}
	.m-md-0 {
		margin: 0 !important
	}
	.m-md-5 {
		margin: 0.3125rem !important
	}
	.m-md-10 {
		margin: 0.625rem !important
	}
	.m-md-15 {
		margin: 0.9375rem !important
	}
	.m-md-20 {
		margin: 1.25rem !important
	}
	.m-md-30 {
		margin: 1.875rem !important
	}
	.m-md-40 {
		margin: 2.5rem !important
	}
	.m-md-50 {
		margin: 3.125rem !important
	}
	.mt-md-0 {
		margin-top: 0 !important
	}
	.mt-md-5 {
		margin-top: 0.3125rem !important
	}
	.mt-md-10 {
		margin-top: 0.625rem !important
	}
	.mt-md-15 {
		margin-top: 0.9375rem !important
	}
	.mt-md-20 {
		margin-top: 1.25rem !important
	}
	.mt-md-30 {
		margin-top: 1.875rem !important
	}
	.mt-md-40 {
		margin-top: 2.5rem !important
	}
	.mt-md-50 {
		margin-top: 3.125rem !important
	}
	.mr-md-0 {
		margin-right: 0 !important
	}
	.mr-md-5 {
		margin-right: 0.3125rem !important
	}
	.mr-md-10 {
		margin-right: 0.625rem !important
	}
	.mr-md-15 {
		margin-right: 0.9375rem !important
	}
	.mr-md-20 {
		margin-right: 1.25rem !important
	}
	.mr-md-30 {
		margin-right: 1.875rem !important
	}
	.mr-md-40 {
		margin-right: 2.5rem !important
	}
	.mr-md-50 {
		margin-right: 3.125rem !important
	}
	.mb-md-0 {
		margin-bottom: 0 !important
	}
	.mb-md-5 {
		margin-bottom: 0.3125rem !important
	}
	.mb-md-10 {
		margin-bottom: 0.625rem !important
	}
	.mb-md-15 {
		margin-bottom: 0.9375rem !important
	}
	.mb-md-20 {
		margin-bottom: 1.25rem !important
	}
	.mb-md-30 {
		margin-bottom: 1.875rem !important
	}
	.mb-md-40 {
		margin-bottom: 2.5rem !important
	}
	.mb-md-50 {
		margin-bottom: 3.125rem !important
	}
	.ml-md-0 {
		margin-left: 0 !important
	}
	.ml-md-5 {
		margin-left: 0.3125rem !important
	}
	.ml-md-10 {
		margin-left: 0.625rem !important
	}
	.ml-md-15 {
		margin-left: 0.9375rem !important
	}
	.ml-md-20 {
		margin-left: 1.25rem !important
	}
	.ml-md-30 {
		margin-left: 1.875rem !important
	}
	.ml-md-40 {
		margin-left: 2.5rem !important
	}
	.ml-md-50 {
		margin-left: 3.125rem !important
	}
}

@media screen and (min-width: 992px) {
	.p-lg-0 {
		padding: 0 !important
	}
	.p-lg-5 {
		padding: 0.3125rem !important
	}
	.p-lg-10 {
		padding: 0.625rem !important
	}
	.p-lg-15 {
		padding: 0.9375rem !important
	}
	.p-lg-20 {
		padding: 1.25rem !important
	}
	.p-lg-30 {
		padding: 1.875rem !important
	}
	.p-lg-40 {
		padding: 2.5rem !important
	}
	.p-lg-50 {
		padding: 3.125rem !important
	}
	.pt-lg-0 {
		padding-top: 0 !important
	}
	.pt-lg-5 {
		padding-top: 0.3125rem !important
	}
	.pt-lg-10 {
		padding-top: 0.625rem !important
	}
	.pt-lg-15 {
		padding-top: 0.9375rem !important
	}
	.pt-lg-20 {
		padding-top: 1.25rem !important
	}
	.pt-lg-30 {
		padding-top: 1.875rem !important
	}
	.pt-lg-40 {
		padding-top: 2.5rem !important
	}
	.pt-lg-50 {
		padding-top: 3.125rem !important
	}
	.pr-lg-0 {
		padding-right: 0 !important
	}
	.pr-lg-5 {
		padding-right: 0.3125rem !important
	}
	.pr-lg-10 {
		padding-right: 0.625rem !important
	}
	.pr-lg-15 {
		padding-right: 0.9375rem !important
	}
	.pr-lg-20 {
		padding-right: 1.25rem !important
	}
	.pr-lg-30 {
		padding-right: 1.875rem !important
	}
	.pr-lg-40 {
		padding-right: 2.5rem !important
	}
	.pr-lg-50 {
		padding-right: 3.125rem !important
	}
	.pb-lg-0 {
		padding-bottom: 0 !important
	}
	.pb-lg-5 {
		padding-bottom: 0.3125rem !important
	}
	.pb-lg-10 {
		padding-bottom: 0.625rem !important
	}
	.pb-lg-15 {
		padding-bottom: 0.9375rem !important
	}
	.pb-lg-20 {
		padding-bottom: 1.25rem !important
	}
	.pb-lg-30 {
		padding-bottom: 1.875rem !important
	}
	.pb-lg-40 {
		padding-bottom: 2.5rem !important
	}
	.pb-lg-50 {
		padding-bottom: 3.125rem !important
	}
	.pl-lg-0 {
		padding-left: 0 !important
	}
	.pl-lg-5 {
		padding-left: 0.3125rem !important
	}
	.pl-lg-10 {
		padding-left: 0.625rem !important
	}
	.pl-lg-15 {
		padding-left: 0.9375rem !important
	}
	.pl-lg-20 {
		padding-left: 1.25rem !important
	}
	.pl-lg-30 {
		padding-left: 1.875rem !important
	}
	.pl-lg-40 {
		padding-left: 2.5rem !important
	}
	.pl-lg-50 {
		padding-left: 3.125rem !important
	}
	.m-lg-0 {
		margin: 0 !important
	}
	.m-lg-5 {
		margin: 0.3125rem !important
	}
	.m-lg-10 {
		margin: 0.625rem !important
	}
	.m-lg-15 {
		margin: 0.9375rem !important
	}
	.m-lg-20 {
		margin: 1.25rem !important
	}
	.m-lg-30 {
		margin: 1.875rem !important
	}
	.m-lg-40 {
		margin: 2.5rem !important
	}
	.m-lg-50 {
		margin: 3.125rem !important
	}
	.mt-lg-0 {
		margin-top: 0 !important
	}
	.mt-lg-5 {
		margin-top: 0.3125rem !important
	}
	.mt-lg-10 {
		margin-top: 0.625rem !important
	}
	.mt-lg-15 {
		margin-top: 0.9375rem !important
	}
	.mt-lg-20 {
		margin-top: 1.25rem !important
	}
	.mt-lg-30 {
		margin-top: 1.875rem !important
	}
	.mt-lg-40 {
		margin-top: 2.5rem !important
	}
	.mt-lg-50 {
		margin-top: 3.125rem !important
	}
	.mr-lg-0 {
		margin-right: 0 !important
	}
	.mr-lg-5 {
		margin-right: 0.3125rem !important
	}
	.mr-lg-10 {
		margin-right: 0.625rem !important
	}
	.mr-lg-15 {
		margin-right: 0.9375rem !important
	}
	.mr-lg-20 {
		margin-right: 1.25rem !important
	}
	.mr-lg-30 {
		margin-right: 1.875rem !important
	}
	.mr-lg-40 {
		margin-right: 2.5rem !important
	}
	.mr-lg-50 {
		margin-right: 3.125rem !important
	}
	.mb-lg-0 {
		margin-bottom: 0 !important
	}
	.mb-lg-5 {
		margin-bottom: 0.3125rem !important
	}
	.mb-lg-10 {
		margin-bottom: 0.625rem !important
	}
	.mb-lg-15 {
		margin-bottom: 0.9375rem !important
	}
	.mb-lg-20 {
		margin-bottom: 1.25rem !important
	}
	.mb-lg-30 {
		margin-bottom: 1.875rem !important
	}
	.mb-lg-40 {
		margin-bottom: 2.5rem !important
	}
	.mb-lg-50 {
		margin-bottom: 3.125rem !important
	}
	.ml-lg-0 {
		margin-left: 0 !important
	}
	.ml-lg-5 {
		margin-left: 0.3125rem !important
	}
	.ml-lg-10 {
		margin-left: 0.625rem !important
	}
	.ml-lg-15 {
		margin-left: 0.9375rem !important
	}
	.ml-lg-20 {
		margin-left: 1.25rem !important
	}
	.ml-lg-30 {
		margin-left: 1.875rem !important
	}
	.ml-lg-40 {
		margin-left: 2.5rem !important
	}
	.ml-lg-50 {
		margin-left: 3.125rem !important
	}
}

@media screen and (min-width: 1280px) {
	.p-xl-0 {
		padding: 0 !important
	}
	.p-xl-5 {
		padding: 0.3125rem !important
	}
	.p-xl-10 {
		padding: 0.625rem !important
	}
	.p-xl-15 {
		padding: 0.9375rem !important
	}
	.p-xl-20 {
		padding: 1.25rem !important
	}
	.p-xl-30 {
		padding: 1.875rem !important
	}
	.p-xl-40 {
		padding: 2.5rem !important
	}
	.p-xl-50 {
		padding: 3.125rem !important
	}
	.pt-xl-0 {
		padding-top: 0 !important
	}
	.pt-xl-5 {
		padding-top: 0.3125rem !important
	}
	.pt-xl-10 {
		padding-top: 0.625rem !important
	}
	.pt-xl-15 {
		padding-top: 0.9375rem !important
	}
	.pt-xl-20 {
		padding-top: 1.25rem !important
	}
	.pt-xl-30 {
		padding-top: 1.875rem !important
	}
	.pt-xl-40 {
		padding-top: 2.5rem !important
	}
	.pt-xl-50 {
		padding-top: 3.125rem !important
	}
	.pr-xl-0 {
		padding-right: 0 !important
	}
	.pr-xl-5 {
		padding-right: 0.3125rem !important
	}
	.pr-xl-10 {
		padding-right: 0.625rem !important
	}
	.pr-xl-15 {
		padding-right: 0.9375rem !important
	}
	.pr-xl-20 {
		padding-right: 1.25rem !important
	}
	.pr-xl-30 {
		padding-right: 1.875rem !important
	}
	.pr-xl-40 {
		padding-right: 2.5rem !important
	}
	.pr-xl-50 {
		padding-right: 3.125rem !important
	}
	.pb-xl-0 {
		padding-bottom: 0 !important
	}
	.pb-xl-5 {
		padding-bottom: 0.3125rem !important
	}
	.pb-xl-10 {
		padding-bottom: 0.625rem !important
	}
	.pb-xl-15 {
		padding-bottom: 0.9375rem !important
	}
	.pb-xl-20 {
		padding-bottom: 1.25rem !important
	}
	.pb-xl-30 {
		padding-bottom: 1.875rem !important
	}
	.pb-xl-40 {
		padding-bottom: 2.5rem !important
	}
	.pb-xl-50 {
		padding-bottom: 3.125rem !important
	}
	.pl-xl-0 {
		padding-left: 0 !important
	}
	.pl-xl-5 {
		padding-left: 0.3125rem !important
	}
	.pl-xl-10 {
		padding-left: 0.625rem !important
	}
	.pl-xl-15 {
		padding-left: 0.9375rem !important
	}
	.pl-xl-20 {
		padding-left: 1.25rem !important
	}
	.pl-xl-30 {
		padding-left: 1.875rem !important
	}
	.pl-xl-40 {
		padding-left: 2.5rem !important
	}
	.pl-xl-50 {
		padding-left: 3.125rem !important
	}
	.m-xl-0 {
		margin: 0 !important
	}
	.m-xl-5 {
		margin: 0.3125rem !important
	}
	.m-xl-10 {
		margin: 0.625rem !important
	}
	.m-xl-15 {
		margin: 0.9375rem !important
	}
	.m-xl-20 {
		margin: 1.25rem !important
	}
	.m-xl-30 {
		margin: 1.875rem !important
	}
	.m-xl-40 {
		margin: 2.5rem !important
	}
	.m-xl-50 {
		margin: 3.125rem !important
	}
	.mt-xl-0 {
		margin-top: 0 !important
	}
	.mt-xl-5 {
		margin-top: 0.3125rem !important
	}
	.mt-xl-10 {
		margin-top: 0.625rem !important
	}
	.mt-xl-15 {
		margin-top: 0.9375rem !important
	}
	.mt-xl-20 {
		margin-top: 1.25rem !important
	}
	.mt-xl-30 {
		margin-top: 1.875rem !important
	}
	.mt-xl-40 {
		margin-top: 2.5rem !important
	}
	.mt-xl-50 {
		margin-top: 3.125rem !important
	}
	.mr-xl-0 {
		margin-right: 0 !important
	}
	.mr-xl-5 {
		margin-right: 0.3125rem !important
	}
	.mr-xl-10 {
		margin-right: 0.625rem !important
	}
	.mr-xl-15 {
		margin-right: 0.9375rem !important
	}
	.mr-xl-20 {
		margin-right: 1.25rem !important
	}
	.mr-xl-30 {
		margin-right: 1.875rem !important
	}
	.mr-xl-40 {
		margin-right: 2.5rem !important
	}
	.mr-xl-50 {
		margin-right: 3.125rem !important
	}
	.mb-xl-0 {
		margin-bottom: 0 !important
	}
	.mb-xl-5 {
		margin-bottom: 0.3125rem !important
	}
	.mb-xl-10 {
		margin-bottom: 0.625rem !important
	}
	.mb-xl-15 {
		margin-bottom: 0.9375rem !important
	}
	.mb-xl-20 {
		margin-bottom: 1.25rem !important
	}
	.mb-xl-30 {
		margin-bottom: 1.875rem !important
	}
	.mb-xl-40 {
		margin-bottom: 2.5rem !important
	}
	.mb-xl-50 {
		margin-bottom: 3.125rem !important
	}
	.ml-xl-0 {
		margin-left: 0 !important
	}
	.ml-xl-5 {
		margin-left: 0.3125rem !important
	}
	.ml-xl-10 {
		margin-left: 0.625rem !important
	}
	.ml-xl-15 {
		margin-left: 0.9375rem !important
	}
	.ml-xl-20 {
		margin-left: 1.25rem !important
	}
	.ml-xl-30 {
		margin-left: 1.875rem !important
	}
	.ml-xl-40 {
		margin-left: 2.5rem !important
	}
	.ml-xl-50 {
		margin-left: 3.125rem !important
	}
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0
}

:root {
	--color_fill: #1057c8
}

@media(min-width: 992px) {
	:root {
		--color_fill: #feffff
	}
}

.atomx-slider {
	position: relative
}

.atomx-slider-content {
	padding: 1.5rem 1rem;
	position: relative
}

@media(min-width: 992px) {
	.atomx-slider-content {
		background-color: transparent;
		bottom: 5.9375em;
		padding: 0 1.5em;
		position: absolute
	}
}

@media(min-width: 1280px) {
	.atomx-slider-content {
		left: 30.3%
	}
}

.atomx-slider-content .atomx-slider-text {
	margin-bottom: 24px;
	color: #333;
	letter-spacing: 0;
	line-height: 40px;
	font-family: "Frutiger", sans-serif;
	font-size: 32px;
	font-size: 2rem;
	font-weight: 500
}

@media(min-width: 992px) {
	.atomx-slider-content .atomx-slider-text {
		font-family: "frutiger-light";
		color: #fff;
		line-height: 56px;
		font-size: 48px
	}
}

.atomx-slider-content .atomx-btn {
	color: #1057c8 ;
	border: 0 none;
	justify-content: start;
	padding: 0
}

.atomx-slider-content .atomx-btn:focus {
	outline: 0 none
}

.atomx-slider-content .atomx-btn:focus-visible {
	border-radius: 4px;
	outline: 2px solid #fe5716
}

.atomx-slider-content .atomx-btn .atomx-btn__label {
	font-family: "Frutiger-bold", sans-serif;
	font-size: 16px;
	font-size: 1rem;
	font-weight: 500
}

@media(min-width: 992px) {
	.atomx-slider-content .atomx-btn {
		color: #fff !important
	}
}

@media(max-width: 992px) {
	.atomx-slider-content .atomx-btn {
		color: #1057c8 !important
	}
}




.atomx-slider-wrapper {
	border-bottom: 1px solid #e0e0e0;
	overflow: hidden;
	max-height: none
}

@media(min-width: 992px) {
	.atomx-slider-wrapper {
		border: 0 none;
		max-height: 100%
	}
}

.atomx-slider-container {
	display: flex;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	min-height: 100%;
	max-width: 100%
}

.atomx-slider__items {
	position: relative;
	width: 100%;
	flex: 0 0 100%;
	opacity: 0;
	z-index: 1;
	transition: opacity 1000ms ease 0s;
	box-sizing: border-box;
	color: #fff
}

.atomx-slider__items--showing {
	opacity: 1;
	z-index: 2
}

@media(min-width: 992px) {
	.atomx-slider__items {
		height: 100%
	}
}

.atomx-slider__img img {
	object-fit: cover;
	min-width: 100%;
	min-height: 12.625em
}

@media(min-width: 768px) {
	.atomx-slider__img img {
		min-height: 27em
	}
}

@media(min-width: 992px) {
	.atomx-slider__img img {
		min-height: 33em
	}
}

@media screen and (min-width: 1440px) {
	.atomx-slider__img img {
		min-height: 35em
	}
}

@media(min-width: 992px) {
	.atomx-slider__img:after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.02)), to(rgba(0, 0, 0, 0.6)));
		background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.6));
		background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.6))
	}
}

.atomx-slider__controls {
	display: none;
	align-items: center;
	max-width: max-content;
	margin-left: auto;
	position: absolute;
	right: 32px;
	bottom: 32px
}

@media(min-width: 992px) {
	.atomx-slider__controls {
		display: flex
	}
}

@media only screen and (min-device-width: 768px)and (max-device-width: 1024px)and (orientation: landscape) {
	.atomx-slider__controls {
		right: 24px;
		bottom: 24px
	}
}

@media(min-width: 1024px)and (max-width: 1279px) {
	.atomx-slider__controls {
		right: 24px;
		bottom: 24px
	}
}

@media(min-width: 1440px) {
	.atomx-slider__controls {
		right: 40px;
		bottom: 40px
	}
}

.atomx-slider__direction {
	align-items: center;
	background-color: rgba(0, 0, 0, .7);
	border: 0 none;
	border-radius: 2px;
	display: flex;
	outline: none;
	padding: 12px;
	z-index: 3;
}

.atomx-slider__direction:focus-visible {
	border-radius: 4px;
	outline: 2px solid #fe5716
}

.atomx-slider__direction:hover {
	background-color: #000
}

.atomx-slider__direction--next {
	transform: rotate(180deg)
}

.atomx-slider__direction--actions {
	margin: 0 1px
}

.atomx-slider__dots {
	background-color: #feffff;
	display: flex;
	width: 100%;
	padding: 0 0 1.5em 0.5em;
	list-style: none;
	text-align: center;
	z-index: 3
}

.atomx-slider__dots li.active button {
	background-color: #1057c8
}

.atomx-slider__dots li button {
	background-color: #e0e0e0;
	border-radius: 100%;
	border: 0 none;
	color: transparent;
	display: flex;
	height: 10px;
	margin: 0 0 0 8px;
	outline: none;
	padding: 0;
	width: 10px
}

@media(min-width: 992px) {
	.atomx-slider__dots {
		bottom: 1.4375em;
		display: none;
		padding-left: 0;
		position: absolute;
		left: 1em
	}
}

@media(max-width: 991px) {
	.desktop-text {
		display: none;
	}
	.mobile-text {
		display: block;
	}
}
@media(min-width: 992px) {
	.desktop-text {
		display: block;
	}
	.mobile-text {
		display: none;
	}
}

#body .sitemap {
    background-color: #f8f8f8;
    line-height: 16px;
    font-size: inherit;
    margin: 20px 0;
}

#body .sitemap ul {
    padding-left: 25px;
}

#body .sitemap ul li {
    list-style-type: none;
    position: relative;
    padding: 0 5px 5px 0;
}

#body .sitemap a {
    width: auto;
    text-align: left;
    text-decoration: none;
}

#body .sitemap .title {
    font-size: 1.25em;
    color: #FE5815;
    padding-left: 20px;
    padding-top: 20px;
    line-height: 20px;
}

#body [class^=sitemap-item] {
    font-size: 0.8125em;
}

#body .sitemap-item1 {
    line-height: 18px;
    position: relative;
    z-index: 1;
    font-size: 0.875em;
    color: #005bbb;
}

#body .sitemap-item1>a {
    color: #005bbb;
}

#body .sitemap-item2, #body .sitemap-item2>a {
    color: #333333;
}

#body .sitemap-item3, #body .sitemap-item3>a {
    color: #484848;
}

#body .sitemap-item4, #body .sitemap-item4>a {
    color: #666666;
}

#body .sitemap-item5, #body .sitemap-item5>a {
    color: #777777;
}

.sitemap .border-left {
    border-left: 3px dotted #005bbb;
}

.font-orange {
    color: #fe5815;
}

.sitemap-main-list>li>ul {
    /*border-left: 3px dotted #005bbb;*/
    margin-bottom: 10px;
    background-image: url("assets/img/icons/puceBlue.png");
    background-repeat: repeat-y;
    -webkit-background-image: url("assets/img/icons/puceBlue.png");
    -webkit-background-repeat: repeat-y;
}

.ico-chevron-right {
    text-indent: -4px;
    display: inline-block;
}

#tdcApp .achatThermostat {
  margin-bottom: 50px;
}
#tdcApp .achatThermostat .capitalize {
  text-transform : capitalize;
}
#tdcApp .achatThermostat .uppercase {
  text-transform : uppercase;
}

#tdcApp .error {
  border: solid 1px #ff0000;
}
#tdcApp .achatThermostat h2 {
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: 700;
}

#tdcApp .achatThermostat .boldLine {
  display: block;
}

#tdcApp .achatThermostat .cgvContent p {
  font-size: 16px;
  font-size: 1rem;
  line-height: 20px;
  line-height: 1.25rem;
}

#tdcApp .achatThermostat .cgvDetails p {
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-style: italic;
  line-height: 18px;
  line-height: 1.125rem;
}

#tdcApp .achatThermostat .cgvDocuments {
  margin-top: 30px;
}

#tdcApp .achatThermostat .cgvDocuments li .icon-pdf{
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 22px;
  background: url(assets/img/sprites/icons.png) no-repeat -75px -137px;
  margin-left:8px;
  padding-right: 10px;
}

#tdcApp .achatThermostat .cgvDocuments li {
  padding-left: 0px;
  color: #0744ad;
}

#tdcApp .achatThermostat .cgvDocuments li:hover {
  text-decoration: underline;
}

#tdcApp .achatThermostat .formCheckbox {
  margin-top: 25px;
  padding: 40px 35px;
  background-color: #f8f8f8;
}

#tdcApp .achatThermostat .formCheckbox .checkBoxRow {
  display: flex;
  align-items: center;
}

#tdcApp .achatThermostat .formCheckbox .checkBoxRow .content-cell {
  margin-left: 15px;
}
#tdcApp .achatThermostat .formSubmit {
  margin-top: 20px;
}

#tdcApp .achatThermostat .formConfirmation {
  max-width: 400px;
  margin: 70px auto 0;
  text-align: center;
}

#tdcApp .achatThermostat .formConfirmation .icon {
  display: block;
  margin: 0 auto;
  background: url('../../../apps/EDF_RC/components/singlePageApps/thermostatDoubleClic/tdcApp/clientlibs/img/fill-22@2x.png')no-repeat center center;
  background-size: 64px 64px;
  width: 64px;
  height: 64px;
}

#tdcApp .achatThermostat .formConfirmation .highlight-txt {
  display: block;
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: normal;
  text-align: center;
  color: #1e76d6;
}

#tdcApp .achatThermostat .formConfirmation span {
  display: block;
  margin-top: 10px;
}

#tdcApp .refusThermostat .formSubmit .validationBtn.orange {
  background-color: #fe5815;
}
#tdcApp .refusThermostat .formSubmit .btn {
  margin: 24px auto 0;
}
#tdcApp .achatThermostat .formSubmit .validationBtn {
  float: right;
  background-color: #005bbb;
  color: #fff;
}
#tdcApp .refusThermostat {
  margin-bottom: 90px;
}

/*---Buttons----*/
#tdcApp .btn {
  display: block;
  height: 50px;
  text-align: center;
  width: 200px;
  color: #ffffff;
  border-radius: 3px;
  border: 0;

  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 50px;
  padding: 0px 20px;
  text-align: center;
  text-decoration: none;
}

#tdcApp .btn.orange {
  font-weight: 400;
  width: auto;
}

#tdcApp .form-submit .btn-submit {
  background-color: #001a70;
  float: right;
}

#tdcApp .form-submit .btn-back {
  background-color: #c0c0c0;
}

#tdcApp .formCheckbox .energy-choice .span-radio,
#tdcApp .formCheckbox .energy-choice .span-radio label {
    min-height: auto;
    display: block;
}

/* Error */
#tdcApp .error-titre {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.09;
  color: #ff2e2e;
}

#tdcApp .error-label {
  margin: 0;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: normal;
  color: #ff2e2e;
}

/* FORMULAIRE */
#demandFormApp .form .appearance-upload-wrapper,
#demandFormApp .form input[type="text"],
#demandFormApp .form input[type="tel"],
#demandFormApp .form input[type="email"] {
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px;
    height: 46px;
    text-align: left;
    font-size: 16px;
    font-size: 1rem;
    line-height: 18px;
    line-height: 1.125rem;
    color: #666666;
    background: #eff2f4;
    border: 0;
    margin-bottom: 0;
}

#demandFormApp .form input[type="email"]::-ms-clear{
	display:none;
}

#demandFormApp .form .form-title {
    display: block;
    margin-top: 30px;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 36px;
    line-height: 2.25rem;
    padding: 0;
}

#demandFormApp .form .form-title.disagreement-title{
  margin-top: 63px;
  margin-bottom: 20px;
}

#demandFormApp .form .item-label {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    font-size: 1rem;
}
#demandFormApp .form .form-infos {
    display: block;
    font-size: 16px;
    font-size: 1rem;
    margin-top: 10px;
}

#demandFormApp .form .btn {
    display: block;
    height: 50px;
    padding: 0 70px;
    text-align: center;
    font-size: 16px;
    font-size: 1rem;
    line-height: 50px;
    line-height: 3.125rem;
    color: #ffffff;
    border-radius: 3px;
    border: 0;
}
#demandFormApp .form .btn-submit {
    background-color: #001a70;
}
#demandFormApp .form .btn-back {
    background-color: #c0c0c0;
}
#demandFormApp .form .form-item {
    margin-top: 20px;
    font-size: 0;
}

#demandFormApp .form .form-radio .item-label {
    display: inline-block;
    vertical-align: middle;
    padding: 0 15px 0 0;
    font-weight: normal;
    font-size: 16px;
    font-size: 1rem;
    line-height: 18px;
    line-height: 1.125rem;
}
#demandFormApp .form .form-textarea .item-label {
    display: block;
    font-size: 16px;
    font-size: 1rem;
}
#demandFormApp .form .form-textarea textarea {
    padding: 10px;
    background: #eff2f4;
    resize: none;
    border: 0;
    margin-top: 20px;
    overflow: hidden;
    min-height: 220px;
    opacity: 1;
}
#demandFormApp .form .form-textarea .form-infos {
    text-align: right;
}

#demandFormApp .form .form-item .item-label,
#demandFormApp .form .form-item .radio-label,
#demandFormApp .form .form-radio .radio-label{
    padding: 10px 0 0 0;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    font-size: 1rem;
    line-height: 18px;
    line-height: 1.125rem;
}
#demandFormApp .form .form-radio .item-label {
    font-weight: normal;
    margin-right: 15px;
    color: #666666;
}

#demandFormApp .form .form-highlight {
    padding: 40px;
    border: 1px solid #d8d8d8;
    border-radius: 3px;
    margin-bottom: 30px;
}
#demandFormApp .form .form-highlight .form-radio .radio-label {
    padding-top: 0;
}
#demandFormApp .form .form-submit {
    margin-top: 20px;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
}
/* #demandFormApp .form .form-submit .btn-submit {
    float: right;
} */

#demandFormApp .form .col-left {
    padding-right: 50px;
}
#demandFormApp .form .col-right {
    padding-left: 50px;
}

/* Error */

#demandFormApp .error-titre {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.09;
    color: #ff2e2e;
}

#demandFormApp .error-label {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: normal;
    color: #ff2e2e;
    margin: 0;
    float: right;
    padding-top: 5px;
}

#demandFormApp .form .appearance-upload-wrapper.error,
#demandFormApp .form input[type="text"].error,
#demandFormApp .form input[type="tel"].error,
#demandFormApp .form input[type="email"].error {
    border: solid 1px #ff0000;
}
#demandFormApp .form .radio_civilite.error,#demandFormApp .form .radio_compteur.error{
  border: solid 1px #f00;
  border-radius: 50%;
}
#demandFormApp .form .appearance-upload-wrapper {
    letter-spacing: normal;
    font-size: 16px;
    display: flex;
    align-items: center;
    padding-left: 5px;
}
#demandFormApp .form .appearance-upload-button {
    width: 111px;
    height: 39px;
    border-radius: 4px;
    background-color: #ffffff;
    color: #005bbb;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
}

@media screen and (max-width: 1280px) {
    #demandFormApp .form .col-left {
        padding-right: 0px;
    }
    #demandFormApp .form .col-right {
        padding-left: 0px;
    }
}

@media screen and (max-width: 35em) {
  #demandFormApp .form .form-item {
    margin-top: 15px;
  }

  #demandFormApp .form .form-item .item-label {
    padding: 10px 0 10px 0;
  }

  #demandFormApp .form .form-submit {
    flex-direction: column;
    align-content: center;
  }

  #demandFormApp .form .form-submit .btn-back {
    margin-bottom: 1em;
  }
}
@charset "UTF-8";


.mfp-content {
  padding: 25px; }

.mfp-bg {
  background: rgba(0, 0, 0, 0.5); }

.responsive-popup {
  font-family: "Frutiger", Helvetica, Arial, sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  /* corrects ie10/ie11 bug regarding min-height and flex */ }
  .responsive-popup.white-popup {
    position: relative;
    padding: 0px;
    background: #FFF;
    width: auto;
    max-width: 420px;
    margin: 0px auto;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.5);
            box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.5); }
  .responsive-popup.no-close-icon .mfp-close {
    display: none; }
  .responsive-popup .mfp-close {
    width: 40px;
    height: 40px;
    right: -20px;
    top: -20px;
    font-size: 0;
    opacity: 1;
    background: url("assets/img/cpc/ico_close_popup@2x.png") no-repeat center center;
    background-size: 40px 40px; }
    .responsive-popup .mfp-close:active {
      top: -20px; }
  .responsive-popup .popup-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    /* corrects ie10/ie11 bug regarding min-height and flex */
    text-align: center;
    min-height: 200px; }
    .responsive-popup .popup-container .popup-header {
      padding: 28px 0;
      border-radius: 4px 4px 0 0; }
      .responsive-popup .popup-container .popup-header img {
        margin: 0 auto; }
      .responsive-popup .popup-container .popup-header span {
        display: inline-block;
        font-size: 20px;
        font-weight: bold;
        line-height: 36px;
        text-align: center;
        color: #ffffff; }
      .responsive-popup .popup-container .popup-header.light-green {
        background-color: #c4d600; }
      .responsive-popup .popup-container .popup-header.green {
        background-color: #509e2f; }
      .responsive-popup .popup-container .popup-header.light-orange {
        background-color: #ffa02f; }
      .responsive-popup .popup-container .popup-header.orange {
        background-color: #fe5815; }
      .responsive-popup .popup-container .popup-header.blue {
        background-color: #005bbb; }
      .responsive-popup .popup-container .popup-header.gray {
        background-color: #9b9b9b; }
    .responsive-popup .popup-container .popup-content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 30px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      background-color: #fff;
      border-radius: 0 0 4px 4px; }
      .responsive-popup .popup-container .popup-content .title {
        margin-bottom: 10px;
        -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto;
        font-size: 20px;
        line-height: 24px;
        color: #4a4a4a; }
      .responsive-popup .popup-container .popup-content .description {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto;
        font-size: 16px;
        line-height: 20px;
        color: #4a4a4a; }
        .responsive-popup .popup-container .popup-content .description:only-child {
          margin-top: 0; }
      .responsive-popup .popup-container .popup-content a {
        color: #005bbb; }
        .responsive-popup .popup-container .popup-content a:hover {
          color: #fe5815; }

#cpc .edf-text-field {
  font-family: "frutiger", sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: normal;
  letter-spacing: normal;
  color: #4a4a4a;
  position: relative;
  width: 100%; }

#cpc .edf-text-field {
  /*&.small-width {

    }
    &.wide-width {

    }*/ }
  #cpc .edf-text-field.default-width {
    max-width: 280px; }

#cpc .edf-text-field__input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: middle;
  width: 100%;
  height: 48px;
  padding: 9px 7px;
  border-radius: 0;
  border: none;
  border: solid 1px #dfdfdf;
  background: none;
  background-color: #ffffff;
  font-family: "frutiger", sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: normal;
  letter-spacing: normal;
  color: #4a4a4a;
  z-index: 1; }
  #cpc .edf-text-field__input.is-invalid {
    border: solid 1px #fe5815; }
  #cpc .edf-text-field__input:focus, #cpc .edf-text-field__input:active {
    border: solid 1px #4a90e2;
    -webkit-box-shadow: 0 0 2px 0 rgba(74, 144, 226, 0.7);
            box-shadow: 0 0 2px 0 rgba(74, 144, 226, 0.7); }

#cpc .edf-text-field__error {
  display: none;
  font-size: 1rem;
  line-height: 1.125rem;
  color: #fe5815; }

#cpc .edf-text-field__placeholder {
  position: absolute;
  bottom: 9px;
  left: 15px;
  width: 100%;
  font-size: inherit;
  line-height: inherit;
  color: #9b9b9b;
  cursor: text; }

#cpc .edf-text-field--with-leading-icon .edf-text-field__input {
  padding-left: 48px; }

#cpc .edf-text-field--with-leading-icon .edf-text-field__placeholder {
  left: 48px;
  right: initial; }

#cpc .phone-icon {
  display: inline-block;
  position: absolute;
  top: 14px;
  left: 14px;
  width: 20px;
  height: 20px;}

/*!
 Material Components for the web
 Copyright (c) 2018 Google Inc.
 License: Apache-2.0
*/
@-webkit-keyframes mdc-ripple-fg-radius-in {
  from {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
    transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1); }
  to {
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } }

@keyframes mdc-ripple-fg-radius-in {
  from {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
    transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1); }
  to {
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } }

@-webkit-keyframes mdc-ripple-fg-opacity-in {
  from {
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    opacity: 0; }
  to {
    opacity: var(--mdc-ripple-fg-opacity, 0.16); } }

@keyframes mdc-ripple-fg-opacity-in {
  from {
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    opacity: 0; }
  to {
    opacity: var(--mdc-ripple-fg-opacity, 0.16); } }

@-webkit-keyframes mdc-ripple-fg-opacity-out {
  from {
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    opacity: var(--mdc-ripple-fg-opacity, 0.16); }
  to {
    opacity: 0; } }

@keyframes mdc-ripple-fg-opacity-out {
  from {
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    opacity: var(--mdc-ripple-fg-opacity, 0.16); }
  to {
    opacity: 0; } }

.mdc-ripple-surface--test-edge-var-bug {
  --mdc-ripple-surface-test-edge-var: 1px solid #000;
  visibility: hidden; }

.mdc-ripple-surface--test-edge-var-bug::before {
  border: var(--mdc-ripple-surface-test-edge-var); }

/**
 * Creates a rule that will be applied when an MDC Web component is within the context of an RTL layout.
 *
 * Usage Example:
 * ```scss
 * .mdc-foo {
 *   position: absolute;
 *   left: 0;
 *
 *   @include mdc-rtl {
 *     left: auto;
 *     right: 0;
 *   }
 *
 *   &__bar {
 *     margin-left: 4px;
 *     @include mdc-rtl(".mdc-foo") {
 *       margin-left: auto;
 *       margin-right: 4px;
 *     }
 *   }
 * }
 *
 * .mdc-foo--mod {
 *   padding-left: 4px;
 *
 *   @include mdc-rtl {
 *     padding-left: auto;
 *     padding-right: 4px;
 *   }
 * }
 * ```
 *
 * Note that this works by checking for [dir="rtl"] on an ancestor element. While this will work
 * in most cases, it will in some cases lead to false negatives, e.g.
 *
 * ```html
 * <html dir="rtl">
 *   <!-- ... -->
 *   <div dir="ltr">
 *     <div class="mdc-foo">Styled incorrectly as RTL!</div>
 *   </div>
 * </html>
 * ```
 *
 * In the future, selectors such as :dir (http://mdn.io/:dir) will help us mitigate this.
 */
/**
 * Takes a base box-model property - e.g. margin / border / padding - along with a default
 * direction and value, and emits rules which apply the value to the
 * "<base-property>-<default-direction>" property by default, but flips the direction
 * when within an RTL context.
 *
 * For example:
 *
 * ```scss
 * .mdc-foo {
 *   @include mdc-rtl-reflexive-box(margin, left, 8px);
 * }
 * ```
 * is equivalent to:
 *
 * ```scss
 * .mdc-foo {
 *   margin-left: 8px;
 *
 *   @include mdc-rtl {
 *     margin-right: 8px;
 *     margin-left: 0;
 *   }
 * }
 * ```
 * whereas:
 *
 * ```scss
 * .mdc-foo {
 *   @include mdc-rtl-reflexive-box(margin, right, 8px);
 * }
 * ```
 * is equivalent to:
 *
 * ```scss
 * .mdc-foo {
 *   margin-right: 8px;
 *
 *   @include mdc-rtl {
 *     margin-right: 0;
 *     margin-left: 8px;
 *   }
 * }
 * ```
 *
 * You can also pass a 4th optional $root-selector argument which will be forwarded to `mdc-rtl`,
 * e.g. `@include mdc-rtl-reflexive-box(margin, left, 8px, ".mdc-component")`.
 *
 * Note that this function will always zero out the original value in an RTL context. If you're
 * trying to flip the values, use mdc-rtl-reflexive-property().
 */
/**
 * Takes a base property and emits rules that assign <base-property>-left to <left-value> and
 * <base-property>-right to <right-value> in a LTR context, and vice versa in a RTL context.
 * For example:
 *
 * ```scss
 * .mdc-foo {
 *   @include mdc-rtl-reflexive-property(margin, auto, 12px);
 * }
 * ```
 * is equivalent to:
 *
 * ```scss
 * .mdc-foo {
 *   margin-left: auto;
 *   margin-right: 12px;
 *
 *   @include mdc-rtl {
 *     margin-left: 12px;
 *     margin-right: auto;
 *   }
 * }
 * ```
 *
 * A 4th optional $root-selector argument can be given, which will be passed to `mdc-rtl`.
 */
/**
 * Takes an argument specifying a horizontal position property (either "left" or "right") as well
 * as a value, and applies that value to the specified position in a LTR context, and flips it in a
 * RTL context. For example:
 *
 * ```scss
 * .mdc-foo {
 *   @include mdc-rtl-reflexive-position(left, 0);
 *   position: absolute;
 * }
 * ```
 * is equivalent to:
 *
 * ```scss
 *  .mdc-foo {
 *    position: absolute;
 *    left: 0;
 *    right: initial;
 *
 *    @include mdc-rtl {
 *      right: 0;
 *      left: initial;
 *    }
 *  }
 * ```
 * An optional third $root-selector argument may also be given, which is passed to `mdc-rtl`.
 */
@-webkit-keyframes mdc-checkbox-unchecked-checked-checkmark-path {
  0%,
  50% {
    stroke-dashoffset: 29.78334; }
  50% {
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1); }
  100% {
    stroke-dashoffset: 0; } }

@keyframes mdc-checkbox-unchecked-checked-checkmark-path {
  0%,
  50% {
    stroke-dashoffset: 29.78334; }
  50% {
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1); }
  100% {
    stroke-dashoffset: 0; } }

@-webkit-keyframes mdc-checkbox-unchecked-indeterminate-mixedmark {
  0%,
  68.2% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0); }
  68.2% {
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0, 1);
    animation-timing-function: cubic-bezier(0, 0, 0, 1); }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

@keyframes mdc-checkbox-unchecked-indeterminate-mixedmark {
  0%,
  68.2% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0); }
  68.2% {
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0, 1);
    animation-timing-function: cubic-bezier(0, 0, 0, 1); }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

@-webkit-keyframes mdc-checkbox-checked-unchecked-checkmark-path {
  from {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
    animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
    opacity: 1;
    stroke-dashoffset: 0; }
  to {
    opacity: 0;
    stroke-dashoffset: -29.78334; } }

@keyframes mdc-checkbox-checked-unchecked-checkmark-path {
  from {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
    animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
    opacity: 1;
    stroke-dashoffset: 0; }
  to {
    opacity: 0;
    stroke-dashoffset: -29.78334; } }

@-webkit-keyframes mdc-checkbox-checked-indeterminate-checkmark {
  from {
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1; }
  to {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; } }

@keyframes mdc-checkbox-checked-indeterminate-checkmark {
  from {
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1; }
  to {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; } }

@-webkit-keyframes mdc-checkbox-indeterminate-checked-checkmark {
  from {
    -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
    animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    opacity: 1; } }

@keyframes mdc-checkbox-indeterminate-checked-checkmark {
  from {
    -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
    animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    opacity: 1; } }

@-webkit-keyframes mdc-checkbox-checked-indeterminate-mixedmark {
  from {
    -webkit-animation-timing-function: mdc-animation-deceleration-curve-timing-function;
    animation-timing-function: mdc-animation-deceleration-curve-timing-function;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1; } }

@keyframes mdc-checkbox-checked-indeterminate-mixedmark {
  from {
    -webkit-animation-timing-function: mdc-animation-deceleration-curve-timing-function;
    animation-timing-function: mdc-animation-deceleration-curve-timing-function;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1; } }

@-webkit-keyframes mdc-checkbox-indeterminate-checked-mixedmark {
  from {
    -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
    animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1; }
  to {
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
    opacity: 0; } }

@keyframes mdc-checkbox-indeterminate-checked-mixedmark {
  from {
    -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
    animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1; }
  to {
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
    opacity: 0; } }

@-webkit-keyframes mdc-checkbox-indeterminate-unchecked-mixedmark {
  0% {
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1; }
  32.8%,
  100% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    opacity: 0; } }

@keyframes mdc-checkbox-indeterminate-unchecked-mixedmark {
  0% {
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1; }
  32.8%,
  100% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    opacity: 0; } }

#cpc .mdc-checkbox {
  display: inline-block;
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 18px;
  flex: 0 0 18px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  width: 18px;
  height: 18px;
  padding: 11px;
  line-height: 0;
  white-space: nowrap;
  cursor: pointer;
  vertical-align: bottom;
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: transparent;
  will-change: transform, opacity; }

#cpc .mdc-checkbox .mdc-checkbox__native-control:disabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {
  border-color: rgba(0, 0, 0, 0.26); }

#cpc .mdc-checkbox .mdc-checkbox__native-control:disabled:checked ~ .mdc-checkbox__background,
#cpc .mdc-checkbox .mdc-checkbox__native-control:disabled:indeterminate ~ .mdc-checkbox__background {
  border-color: transparent;
  background-color: rgba(0, 0, 0, 0.26); }

#cpc .mdc-checkbox--theme-dark .mdc-checkbox__native-control:disabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background,
#cpc .mdc-theme--dark .mdc-checkbox .mdc-checkbox__native-control:disabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {
  border-color: rgba(255, 255, 255, 0.3); }

#cpc .mdc-checkbox--theme-dark .mdc-checkbox__native-control:disabled:checked ~ .mdc-checkbox__background,
#cpc .mdc-checkbox--theme-dark .mdc-checkbox__native-control:disabled:indeterminate ~ .mdc-checkbox__background,
#cpc .mdc-theme--dark .mdc-checkbox .mdc-checkbox__native-control:disabled:checked ~ .mdc-checkbox__background,
#cpc .mdc-theme--dark .mdc-checkbox .mdc-checkbox__native-control:disabled:indeterminate ~ .mdc-checkbox__background {
  background-color: rgba(255, 255, 255, 0.3); }

#cpc .mdc-checkbox::before, #cpc .mdc-checkbox::after {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: ""; }

#cpc .mdc-checkbox::before {
  -webkit-transition: opacity 15ms linear;
  transition: opacity 15ms linear; }

#cpc .mdc-checkbox.mdc-ripple-upgraded::after {
  top: 0;
  left: 0;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
      transform: scale(0);
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
      transform-origin: center center; }

#cpc .mdc-checkbox.mdc-ripple-upgraded--unbounded::after {
  top: var(--mdc-ripple-top, 0);
  left: var(--mdc-ripple-left, 0); }

#cpc .mdc-checkbox.mdc-ripple-upgraded--foreground-activation::after {
  -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
  animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; }

#cpc .mdc-checkbox.mdc-ripple-upgraded--foreground-deactivation::after {
  -webkit-animation: 150ms mdc-ripple-fg-opacity-out;
  animation: 150ms mdc-ripple-fg-opacity-out;
  -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  -ms-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
      transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); }

#cpc .mdc-checkbox::before, #cpc .mdc-checkbox::after {
  /* @alternate */
  background-color: #005bbb; }

@supports not (-ms-ime-align: auto) {
  #cpc .mdc-checkbox::before, #cpc .mdc-checkbox::after {
    background-color: var(--mdc-theme-secondary, #005bbb); } }

#cpc .mdc-checkbox:hover::before {
  opacity: 0.04; }

#cpc .mdc-checkbox:not(.mdc-ripple-upgraded):focus::before, #cpc .mdc-checkbox.mdc-ripple-upgraded--background-focused::before {
  -webkit-transition-duration: 75ms;
  transition-duration: 75ms;
  opacity: 0.12; }

#cpc .mdc-checkbox:not(.mdc-ripple-upgraded)::after {
  -webkit-transition: opacity 150ms linear;
  transition: opacity 150ms linear; }

#cpc .mdc-checkbox:not(.mdc-ripple-upgraded):active::after {
  -webkit-transition-duration: 75ms;
  transition-duration: 75ms;
  opacity: 0.16; }

#cpc .mdc-checkbox.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.16; }

#cpc .mdc-checkbox::before, #cpc .mdc-checkbox::after {
  top: -webkit-calc(50% - 50%);
  top: calc(50% - 50%);
  left: -webkit-calc(50% - 50%);
  left: calc(50% - 50%);
  width: 100%;
  height: 100%; }

#cpc .mdc-checkbox.mdc-ripple-upgraded::before {
  top: -webkit-calc(50% - 50%);
  top: calc(50% - 50%);
  left: -webkit-calc(50% - 50%);
  left: calc(50% - 50%);
  width: 100%;
  height: 100%;
  -webkit-transform: scale(var(--mdc-ripple-fg-scale, 0));
  -ms-transform: scale(var(--mdc-ripple-fg-scale, 0));
      transform: scale(var(--mdc-ripple-fg-scale, 0)); }

#cpc .mdc-checkbox.mdc-ripple-upgraded--unbounded::before {
  top: var(--mdc-ripple-top, -webkit-calc(50% - 25%));
  top: var(--mdc-ripple-top, calc(50% - 25%));
  left: var(--mdc-ripple-left, -webkit-calc(50% - 25%));
  left: var(--mdc-ripple-left, calc(50% - 25%));
  width: var(--mdc-ripple-fg-size, 50%);
  height: var(--mdc-ripple-fg-size, 50%);
  -webkit-transform: scale(var(--mdc-ripple-fg-scale, 0));
  -ms-transform: scale(var(--mdc-ripple-fg-scale, 0));
      transform: scale(var(--mdc-ripple-fg-scale, 0)); }

#cpc .mdc-checkbox.mdc-ripple-upgraded::after {
  width: var(--mdc-ripple-fg-size, 50%);
  height: var(--mdc-ripple-fg-size, 50%); }

#cpc .mdc-checkbox--theme-dark .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background,
#cpc .mdc-theme--dark .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {
  border-color: white;
  background-color: transparent; }

#cpc .mdc-checkbox--theme-dark .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
#cpc .mdc-checkbox--theme-dark .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background,
#cpc .mdc-theme--dark .mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
#cpc .mdc-theme--dark .mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background {
  /* @alternate */
  border-color: #005bbb;
  border-color: var(--mdc-theme-secondary, #005bbb);
  /* @alternate */
  background-color: #005bbb;
  background-color: var(--mdc-theme-secondary, #005bbb); }

@-webkit-keyframes mdc-checkbox-fade-in-background-0 {
  0% {
    border-color: white;
    background-color: transparent; }
  50% {
    /* @alternate */
    border-color: #005bbb;
    border-color: var(--mdc-theme-secondary, #005bbb);
    /* @alternate */
    background-color: #005bbb;
    background-color: var(--mdc-theme-secondary, #005bbb); } }

@keyframes mdc-checkbox-fade-in-background-0 {
  0% {
    border-color: white;
    background-color: transparent; }
  50% {
    /* @alternate */
    border-color: #005bbb;
    border-color: var(--mdc-theme-secondary, #005bbb);
    /* @alternate */
    background-color: #005bbb;
    background-color: var(--mdc-theme-secondary, #005bbb); } }

@-webkit-keyframes mdc-checkbox-fade-out-background-0 {
  0%,
  80% {
    /* @alternate */
    border-color: #005bbb;
    border-color: var(--mdc-theme-secondary, #005bbb);
    /* @alternate */
    background-color: #005bbb;
    background-color: var(--mdc-theme-secondary, #005bbb); }
  100% {
    border-color: white;
    background-color: transparent; } }

@keyframes mdc-checkbox-fade-out-background-0 {
  0%,
  80% {
    /* @alternate */
    border-color: #005bbb;
    border-color: var(--mdc-theme-secondary, #005bbb);
    /* @alternate */
    background-color: #005bbb;
    background-color: var(--mdc-theme-secondary, #005bbb); }
  100% {
    border-color: white;
    background-color: transparent; } }

#cpc .mdc-checkbox--theme-dark.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, #cpc .mdc-checkbox--theme-dark.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background,
#cpc .mdc-theme--dark .mdc-checkbox.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background,
#cpc .mdc-theme--dark .mdc-checkbox.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {
  -webkit-animation-name: mdc-checkbox-fade-in-background-0;
  animation-name: mdc-checkbox-fade-in-background-0; }

#cpc .mdc-checkbox--theme-dark.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, #cpc .mdc-checkbox--theme-dark.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background,
#cpc .mdc-theme--dark .mdc-checkbox.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background,
#cpc .mdc-theme--dark .mdc-checkbox.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {
  -webkit-animation-name: mdc-checkbox-fade-out-background-0;
  animation-name: mdc-checkbox-fade-out-background-0; }

#cpc .mdc-checkbox__checkmark__path {
  stroke: white !important; }

#cpc .mdc-checkbox__mixedmark {
  background-color: white; }

#cpc .mdc-checkbox__background::before {
  /* @alternate */
  background-color: #005bbb; }

@supports not (-ms-ime-align: auto) {
  #cpc .mdc-checkbox__background::before {
    background-color: var(--mdc-theme-secondary, #005bbb); } }

#cpc .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {
  border-color: rgba(0, 0, 0, 0.54);
  background-color: transparent; }

#cpc .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background, #cpc .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background {
  /* @alternate */
  border-color: #005bbb;
  border-color: var(--mdc-theme-secondary, #005bbb);
  /* @alternate */
  background-color: #005bbb;
  background-color: var(--mdc-theme-secondary, #005bbb); }

@-webkit-keyframes mdc-checkbox-fade-in-background-1 {
  0% {
    border-color: rgba(0, 0, 0, 0.54);
    background-color: transparent; }
  50% {
    /* @alternate */
    border-color: #005bbb;
    border-color: var(--mdc-theme-secondary, #005bbb);
    /* @alternate */
    background-color: #005bbb;
    background-color: var(--mdc-theme-secondary, #005bbb); } }

@keyframes mdc-checkbox-fade-in-background-1 {
  0% {
    border-color: rgba(0, 0, 0, 0.54);
    background-color: transparent; }
  50% {
    /* @alternate */
    border-color: #005bbb;
    border-color: var(--mdc-theme-secondary, #005bbb);
    /* @alternate */
    background-color: #005bbb;
    background-color: var(--mdc-theme-secondary, #005bbb); } }

@-webkit-keyframes mdc-checkbox-fade-out-background-1 {
  0%, 80% {
    /* @alternate */
    border-color: #005bbb;
    border-color: var(--mdc-theme-secondary, #005bbb);
    /* @alternate */
    background-color: #005bbb;
    background-color: var(--mdc-theme-secondary, #005bbb); }
  100% {
    border-color: rgba(0, 0, 0, 0.54);
    background-color: transparent; } }

@keyframes mdc-checkbox-fade-out-background-1 {
  0%, 80% {
    /* @alternate */
    border-color: #005bbb;
    border-color: var(--mdc-theme-secondary, #005bbb);
    /* @alternate */
    background-color: #005bbb;
    background-color: var(--mdc-theme-secondary, #005bbb); }
  100% {
    border-color: rgba(0, 0, 0, 0.54);
    background-color: transparent; } }

#cpc .mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, #cpc .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {
  -webkit-animation-name: mdc-checkbox-fade-in-background-1;
  animation-name: mdc-checkbox-fade-in-background-1; }

#cpc .mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, #cpc .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {
  -webkit-animation-name: mdc-checkbox-fade-out-background-1;
  animation-name: mdc-checkbox-fade-out-background-1; }

#cpc .mdc-checkbox--disabled {
  cursor: default;
  pointer-events: none; }

#cpc .mdc-checkbox__background {
  left: 11px;
  right: initial;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: absolute;
  top: 11px;
  bottom: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 45%;
  height: 45%;
  -webkit-transition: background-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  transition: background-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  border: 2px solid currentColor;
  border-radius: 2px;
  background-color: transparent;
  pointer-events: none;
  will-change: background-color, border-color; }

#cpc [dir="rtl"] .mdc-checkbox .mdc-checkbox__background,
#cpc .mdc-checkbox[dir="rtl"] .mdc-checkbox__background {
  left: initial;
  right: 11px; }

#cpc .mdc-checkbox__checkmark {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  -webkit-transition: opacity 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  transition: opacity 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  opacity: 0; }

#cpc .mdc-checkbox--upgraded .mdc-checkbox__checkmark {
  opacity: 1; }

#cpc .mdc-checkbox__checkmark__path {
  -webkit-transition: stroke-dashoffset 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  transition: stroke-dashoffset 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  stroke-width: 3.12px;
  stroke-dashoffset: 29.78334;
  stroke-dasharray: 29.78334; }

#cpc .mdc-checkbox__mixedmark {
  width: 100%;
  height: 2px;
  -webkit-transform: scaleX(0) rotate(0deg);
  -ms-transform: scaleX(0) rotate(0deg);
      transform: scaleX(0) rotate(0deg);
  -webkit-transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  opacity: 0; }

#cpc .mdc-checkbox--upgraded .mdc-checkbox__background,
#cpc .mdc-checkbox--upgraded .mdc-checkbox__checkmark,
#cpc .mdc-checkbox--upgraded .mdc-checkbox__checkmark__path,
#cpc .mdc-checkbox--upgraded .mdc-checkbox__mixedmark {
  -webkit-transition: none !important;
  transition: none !important; }

#cpc .mdc-checkbox--anim-unchecked-checked .mdc-checkbox__background, #cpc .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__background, #cpc .mdc-checkbox--anim-checked-unchecked .mdc-checkbox__background, #cpc .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__background {
  -webkit-animation-duration: 180ms;
  animation-duration: 180ms;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear; }

#cpc .mdc-checkbox--anim-unchecked-checked .mdc-checkbox__checkmark__path {
  -webkit-animation: 180ms linear 0s mdc-checkbox-unchecked-checked-checkmark-path;
  animation: 180ms linear 0s mdc-checkbox-unchecked-checked-checkmark-path;
  -webkit-transition: none;
  transition: none; }

#cpc .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__mixedmark {
  -webkit-animation: 90ms linear 0s mdc-checkbox-unchecked-indeterminate-mixedmark;
  animation: 90ms linear 0s mdc-checkbox-unchecked-indeterminate-mixedmark;
  -webkit-transition: none;
  transition: none; }

#cpc .mdc-checkbox--anim-checked-unchecked .mdc-checkbox__checkmark__path {
  -webkit-animation: 90ms linear 0s mdc-checkbox-checked-unchecked-checkmark-path;
  animation: 90ms linear 0s mdc-checkbox-checked-unchecked-checkmark-path;
  -webkit-transition: none;
  transition: none; }

#cpc .mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__checkmark {
  -webkit-animation: 90ms linear 0s mdc-checkbox-checked-indeterminate-checkmark;
  animation: 90ms linear 0s mdc-checkbox-checked-indeterminate-checkmark;
  -webkit-transition: none;
  transition: none; }

#cpc .mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__mixedmark {
  -webkit-animation: 90ms linear 0s mdc-checkbox-checked-indeterminate-mixedmark;
  animation: 90ms linear 0s mdc-checkbox-checked-indeterminate-mixedmark;
  -webkit-transition: none;
  transition: none; }

#cpc .mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__checkmark {
  -webkit-animation: 500ms linear 0s mdc-checkbox-indeterminate-checked-checkmark;
  animation: 500ms linear 0s mdc-checkbox-indeterminate-checked-checkmark;
  -webkit-transition: none;
  transition: none; }

#cpc .mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__mixedmark {
  -webkit-animation: 500ms linear 0s mdc-checkbox-indeterminate-checked-mixedmark;
  animation: 500ms linear 0s mdc-checkbox-indeterminate-checked-mixedmark;
  -webkit-transition: none;
  transition: none; }

#cpc .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__mixedmark {
  -webkit-animation: 300ms linear 0s mdc-checkbox-indeterminate-unchecked-mixedmark;
  animation: 300ms linear 0s mdc-checkbox-indeterminate-unchecked-mixedmark;
  -webkit-transition: none;
  transition: none; }

#cpc .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background,
#cpc .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background {
  -webkit-transition: border-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1), background-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1);
  transition: border-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1), background-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1); }

#cpc .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark__path,
#cpc .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__checkmark__path {
  stroke-dashoffset: 0; }

#cpc .mdc-checkbox__background::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
      transform: scale(0, 0);
  -webkit-transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
  will-change: opacity, transform; }

#cpc .mdc-ripple-upgraded--unbounded .mdc-checkbox__background::before {
  content: none; }

#cpc .mdc-checkbox__native-control:focus ~ .mdc-checkbox__background::before {
  -webkit-transform: scale(2.75, 2.75);
  -ms-transform: scale(2.75, 2.75);
      transform: scale(2.75, 2.75);
  -webkit-transition: opacity 80ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1);
  transition: opacity 80ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1);
  transition: opacity 80ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1);
  transition: opacity 80ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1);
  opacity: 0.26; }

#cpc .mdc-checkbox__native-control {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  opacity: 0;
  cursor: inherit; }

#cpc .mdc-checkbox__native-control:disabled {
  cursor: default;
  pointer-events: none; }

#cpc .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
  -webkit-transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);
  transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);
  transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);
  transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);
  opacity: 1; }

#cpc .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__mixedmark {
  -webkit-transform: scaleX(1) rotate(-45deg);
  -ms-transform: scaleX(1) rotate(-45deg);
      transform: scaleX(1) rotate(-45deg); }

#cpc .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
  -webkit-transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  opacity: 0; }

#cpc .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__mixedmark {
  -webkit-transform: scaleX(1) rotate(0deg);
  -ms-transform: scaleX(1) rotate(0deg);
      transform: scaleX(1) rotate(0deg);
  opacity: 1; }

/*!
 Material Components for the web
 Copyright (c) 2018 Google Inc.
 License: Apache-2.0
*/
/**
 * The css property used for elevation. In most cases this should not be changed. It is exposed
 * as a variable for abstraction / easy use when needing to reference the property directly, for
 * example in a `will-change` rule.
 */
/**
 * The default duration value for elevation transitions.
 */
/**
 * The default easing value for elevation transitions.
 */
/**
 * Applies the correct CSS rules to an element to give it the elevation specified by $z-value.
 * The $z-value must be between 0 and 24.
 * If $color has an alpha channel, it will be ignored and overridden. To increase the opacity of the shadow, use
 * $opacity-boost.
 */
/**
 * Returns a string that can be used as the value for a `transition` property for elevation.
 * Calling this function directly is useful in situations where a component needs to transition
 * more than one property.
 *
 * ```scss
 * .foo {
 *   transition: mdc-elevation-transition-value(), opacity 100ms ease;
 *   will-change: $mdc-elevation-property, opacity;
 * }
 * ```
 */
#cpc .mdc-switch {
  display: inline-block;
  position: relative; }

#cpc .mdc-switch .mdc-switch__native-control:enabled:not(:checked) ~ .mdc-switch__background::before {
  background-color: #000; }

#cpc .mdc-switch .mdc-switch__native-control:enabled:not(:checked) ~ .mdc-switch__background .mdc-switch__knob {
  background-color: #fafafa; }

#cpc .mdc-switch .mdc-switch__native-control:enabled:not(:checked) ~ .mdc-switch__background .mdc-switch__knob::before {
  background-color: #9e9e9e; }

#cpc .mdc-switch--theme-dark .mdc-switch__native-control:enabled:not(:checked) ~ .mdc-switch__background::before,
#cpc .mdc-theme--dark .mdc-switch .mdc-switch__native-control:enabled:not(:checked) ~ .mdc-switch__background::before {
  background-color: #fff; }

#cpc .mdc-switch--theme-dark .mdc-switch__native-control:enabled:not(:checked) ~ .mdc-switch__background .mdc-switch__knob,
#cpc .mdc-theme--dark .mdc-switch .mdc-switch__native-control:enabled:not(:checked) ~ .mdc-switch__background .mdc-switch__knob {
  background-color: #bdbdbd; }

#cpc .mdc-switch--theme-dark .mdc-switch__native-control:enabled:not(:checked) ~ .mdc-switch__background .mdc-switch__knob::before,
#cpc .mdc-theme--dark .mdc-switch .mdc-switch__native-control:enabled:not(:checked) ~ .mdc-switch__background .mdc-switch__knob::before {
  background-color: #f1f1f1; }

#cpc .mdc-switch .mdc-switch__native-control:enabled:checked ~ .mdc-switch__background::before {
  /* @alternate */
  background-color: #005bbb;
  background-color: var(--mdc-theme-secondary, #005bbb); }

#cpc .mdc-switch .mdc-switch__native-control:enabled:checked ~ .mdc-switch__background .mdc-switch__knob {
  /* @alternate */
  background-color: #005bbb;
  background-color: var(--mdc-theme-secondary, #005bbb); }

#cpc .mdc-switch .mdc-switch__native-control:enabled:checked ~ .mdc-switch__background .mdc-switch__knob::before {
  /* @alternate */
  background-color: #005bbb;
  background-color: var(--mdc-theme-secondary, #005bbb); }

#cpc .mdc-switch__native-control {
  position: absolute;
  top: -14px;
  left: -14px;
  width: 48px;
  height: 48px;
  display: inline-block;
  margin-top: -3px;
  -webkit-transition: -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  cursor: pointer;
  z-index: 2; }

#cpc .mdc-switch__native-control:checked {
  -webkit-transform: translateX(14px);
  -ms-transform: translateX(14px);
      transform: translateX(14px); }

#cpc .mdc-switch__background {
  display: block;
  position: relative;
  width: 34px;
  height: 14px;
  border-radius: 7px;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

#cpc .mdc-switch__background::before {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition: opacity 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 7px;
  opacity: .38;
  content: ""; }

#cpc .mdc-switch--theme-dark .mdc-switch__background::before,
#cpc .mdc-theme--dark .mdc-switch__background::before {
  opacity: .3; }

#cpc .mdc-switch__background .mdc-switch__knob {
  -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  display: block;
  position: absolute;
  top: -3px;
  left: 0;
  width: 20px;
  height: 20px;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
      transform: translateX(0);
  -webkit-transition: background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 10px;
  z-index: 1; }

#cpc .mdc-switch__background .mdc-switch__knob::before {
  position: absolute;
  top: -14px;
  left: -14px;
  width: 48px;
  height: 48px;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
      transform: scale(0);
  -webkit-transition: background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 24px;
  opacity: .2;
  content: ""; }

#cpc .mdc-switch__native-control:focus ~ .mdc-switch__background .mdc-switch__knob::before {
  position: absolute;
  width: 48px;
  height: 48px;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
      transform: scale(1);
  -webkit-transition: background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 24px; }

#cpc .mdc-switch--theme-dark .mdc-switch__native-control:focus ~ .mdc-switch__background .mdc-switch__knob::before,
#cpc .mdc-theme--dark .mdc-switch__native-control:focus ~ .mdc-switch__background .mdc-switch__knob::before {
  opacity: .14; }

#cpc .mdc-switch__native-control:checked ~ .mdc-switch__background::before {
  opacity: .5; }

#cpc .mdc-switch__native-control:checked ~ .mdc-switch__background .mdc-switch__knob {
  -webkit-transform: translateX(14px);
  -ms-transform: translateX(14px);
      transform: translateX(14px);
  -webkit-transition: background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1); }

#cpc .mdc-switch__native-control:checked ~ .mdc-switch__background .mdc-switch__knob::before {
  opacity: .15; }

#cpc .mdc-switch__native-control:disabled {
  cursor: initial; }

#cpc .mdc-switch__native-control:disabled ~ .mdc-switch__background::before {
  background-color: #000;
  opacity: .12; }

#cpc .mdc-switch--theme-dark .mdc-switch__native-control:disabled ~ .mdc-switch__background::before,
#cpc .mdc-theme--dark .mdc-switch__native-control:disabled ~ .mdc-switch__background::before {
  background-color: #fff;
  opacity: .1; }

#cpc .mdc-switch__native-control:disabled ~ .mdc-switch__background .mdc-switch__knob {
  background-color: #bdbdbd; }

#cpc .mdc-switch--theme-dark .mdc-switch__native-control:disabled ~ .mdc-switch__background .mdc-switch__knob,
#cpc .mdc-theme--dark .mdc-switch__native-control:disabled ~ .mdc-switch__background .mdc-switch__knob {
  background-color: #424242; }

#cpc *, #cpc *:before, #cpc *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

#cpc {
  font-family: 'frutiger', sans-serif;
  background-color: #f3f3f3;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  #cpc address, #cpc section, #cpc p {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline; }
  #cpc .l-header-cpc {
    background-color: #ffffff;
    text-align: center; }
    #cpc .l-header-cpc .header-cpc {
      padding: 5px 15px;
      -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14);
              box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14); }
    #cpc .l-header-cpc .client-data {
      padding: 10px 15px;
      background-color: #e0e0e0; }
    #cpc .l-header-cpc .header-cpc-img {
      display: none;
      margin: 0 auto; }
    #cpc .l-header-cpc .header-cpc-title {
      margin: 5px auto 0;
      max-width: 930px;
      width: 100%;
      font-family: 'frutiger-light', sans-serif;
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 30px;
      line-height: 1.875rem;
      font-weight: 300;
      color: #4a4a4a; }
    #cpc .l-header-cpc .client-data-name, #cpc .l-header-cpc .client-data-address {
      margin: 0 auto;
      display: block;
      max-width: 930px;
      width: 100%;
      font-family: 'frutiger', sans-serif;
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 18px;
      line-height: 1.125rem;
      color: #666666; }
    #cpc .l-header-cpc .client-data-name {
      font-weight: bold; }
  #cpc .l-content-cpc {
    margin: 0 auto;
    padding: 30px 15px;
    max-width: 930px;
    width: 100%; }
    #cpc .l-content-cpc .content-cpc-title {
      margin: 0;
      padding: 0;
      font-family: 'frutiger', sans-serif;
      font-size: 16px;
      font-size: 1rem;
      line-height: 20px;
      line-height: 1.25rem;
      font-weight: bold;
      text-align: center;
      color: #666666; }
    #cpc .l-content-cpc .cpc-subscription {
      margin: 20px 0 10px;
      position: relative; }
    #cpc .l-content-cpc .cpc-subscription-header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding: 8px 15px 8px 20px;
      border-radius: 4px 4px 0 0;
      height: 60px;
      background-color: #ffa02f;
      color: #ffffff; }
      #cpc .l-content-cpc .cpc-subscription-header > div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
      #cpc .l-content-cpc .cpc-subscription-header .subscription-header-icon {
        display: none; }
      #cpc .l-content-cpc .cpc-subscription-header .subscription-header-title {
        font-family: 'frutiger', sans-serif;
        font-size: 16px;
        font-size: 1rem;
        line-height: 20px;
        line-height: 1.25rem;
        text-align: left; }
      #cpc .l-content-cpc .cpc-subscription-header .mdc-switch-label {
        margin-right: 20px;
        display: none;
        font-family: 'frutiger', sans-serif;
        font-size: 16px;
        font-size: 1rem;
        line-height: 19px;
        line-height: 1.188rem; }
      #cpc .l-content-cpc .cpc-subscription-header .cpc-infobulle {
        display: inline-block;
        cursor: pointer; }
    #cpc .l-content-cpc .cpc-subscription-list {
      position: relative;
      padding: 0;
      border-radius: 0 0 4px 4px;
      background-color: #ffffff;
      -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14);
              box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14); }
      #cpc .l-content-cpc .cpc-subscription-list.is-disabled::after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        width: 100%;
        border-radius: 0 0 4px 4px;
        background-color: rgba(255, 255, 255, 0.75); }
    #cpc .l-content-cpc .cpc-subscription-item.is-disabled::after {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      width: 100%;
      border-radius: 0 0 4px 4px;
      cursor: default;
      left: 0px;}
    #cpc .l-content-cpc .cpc-subscription-item {
      padding: 15px 10px 20px 20px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      position: relative;
      border-top: 1px solid #d5d5d5;
      cursor: pointer; }
      #cpc .l-content-cpc .cpc-subscription-item-first {
        border-top: none !important; }
      #cpc .l-content-cpc .cpc-subscription-item.is-error {
        border-radius: 0 0 4px 4px;
        border-left: 4px solid #fe5815;
        background-color: rgba(254, 88, 21, 0.2); }
        #cpc .l-content-cpc .cpc-subscription-item.is-error .edf-text-field__error {
          display: block; }
      #cpc .l-content-cpc .cpc-subscription-item.no-border {
        border-top: none; }
      #cpc .l-content-cpc .cpc-subscription-item.app-subscription {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
        #cpc .l-content-cpc .cpc-subscription-item.app-subscription .edf-text-field {
          margin-top: 20px;
          margin-right: 10px; }
      #cpc .l-content-cpc .cpc-subscription-item .mdc-checkbox {
        margin-left: 20px; }
    #cpc .l-content-cpc .subscription-item-description {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto; }
    #cpc .l-content-cpc .subscription-item-title {
      font-family: 'frutiger', sans-serif;
      font-size: 17px;
      font-size: 1.063rem;
      line-height: 21px;
      line-height: 1.313rem;
      font-weight: bold;
      color: #4a4a4a; }
    #cpc .l-content-cpc .subscription-item-detail {
      margin-top: 10px;
      font-family: 'frutiger', sans-serif;
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 18px;
      line-height: 1.125rem;
      color: #666666; }
    #cpc .l-content-cpc .cpc-subscription-info {
      position: absolute;
      width: 100%;
      top: 0;
      right: 0; }
      #cpc .l-content-cpc .cpc-subscription-info .cpc-infobulle-wrapper.is-visible {
        display: block;
        opacity: 1; }
      #cpc .l-content-cpc .cpc-subscription-info p {
        font-family: 'frutiger', sans-serif;
        font-size: 1rem;
        line-height: 1.375rem;
        color: #4a4a4a; }
    #cpc .l-content-cpc .cpc-subscription-alert {
      padding: 15px 15px 15px 30px;
      background: rgba(255, 160, 47, 0.2) url("assets/img/cpc/icon-information@2x.png") no-repeat center left 8px;
      background-size: 16px 16px; }
      #cpc .l-content-cpc .cpc-subscription-alert p {
        border-radius: 3px;
        font-size: 14px;
        line-height: 20px;
        color: #4a4a4a; }
  #cpc .cpc-form-validation {
    margin: 0 auto;
    padding-bottom: 60px;
    width: 100%;
    max-width: 930px;
    text-align: center; }
    #cpc .cpc-form-validation #submitCpc .btn-content span {
      color : rgba(255,255,255,1);

    }

@-webkit-keyframes fadeIn {
  0% {
    display: none;
    opacity: 0; }
  1% {
    display: block;
    opacity: 0; }
  100% {
    display: block;
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    display: none;
    opacity: 0; }
  1% {
    display: block;
    opacity: 0; }
  100% {
    display: block;
    opacity: 1; } }

@media (max-width: 900px) {
  .mfp-container {
    padding-left: 0;
    padding-right: 0; } }

@media screen and (max-width: 767px) {
          .responsive-popup .popup-container .popup-header span {
            font-size: 17px; }
        .responsive-popup .popup-container .popup-content {
          padding: 30px 15px; }
          .responsive-popup .popup-container .popup-content .title {
            font-size: 17px;
            line-height: 20px; }
          .responsive-popup .popup-container .popup-content .description {
            font-size: 14px;
            line-height: 18px; }
        #cpc .l-content-cpc .cpc-subscription-info .cpc-infobulle-wrapper {
          display: none;
          padding: 15px;
          position: absolute;
          right: 0;
          width: 100%;
          max-width: 345px;
          background: #f1f5f9;
          background-size: 22px;
          border-radius: 3px;
          border: 1px solid #E4E9ED;
          -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
                  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
          opacity: 0;
          -webkit-animation: fadeIn 0.4s ease-in-out;
                  animation: fadeIn 0.4s ease-in-out;
          z-index: 2;
          cursor: pointer; }
          #cpc .l-content-cpc .cpc-subscription-info .cpc-infobulle-wrapper:after, #cpc .l-content-cpc .cpc-subscription-info .cpc-infobulle-wrapper:before {
            bottom: 100%;
            left: 92%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none; }
          #cpc .l-content-cpc .cpc-subscription-info .cpc-infobulle-wrapper:after {
            border-color: rgba(241, 245, 249, 0);
            border-bottom-color: #f1f5f9;
            border-width: 10px;
            margin-left: -10px; }
          #cpc .l-content-cpc .cpc-subscription-info .cpc-infobulle-wrapper:before {
            border-color: rgba(130, 137, 144, 0);
            border-bottom-color: #E4E9ED;
            border-width: 11px;
            margin-left: -11px; } }

@media screen and (min-width: 768px) {
        #cpc .l-header-cpc .header-cpc {
          padding: 26px 15px 32px; }
        #cpc .l-header-cpc .header-cpc-img {
          display: block; }
        #cpc .l-header-cpc .header-cpc-title {
          font-size: 30px;
          font-size: 1.875rem;
          line-height: 40px;
          line-height: 2.5rem; }
        #cpc .l-header-cpc .client-data-name, #cpc .l-header-cpc .client-data-address {
          font-size: 16px;
          font-size: 1rem;
          line-height: 22px;
          line-height: 1.375rem; }
        #cpc .l-content-cpc .cpc-subscription {
          margin: 30px 0 40px; }
        #cpc .l-content-cpc .cpc-subscription-header {
          padding: 8px 24px 8px 30px; }
          #cpc .l-content-cpc .cpc-subscription-header .subscription-header-icon {
            display: inline-block; }
          #cpc .l-content-cpc .cpc-subscription-header .subscription-header-title {
            margin-left: 15px;
            font-size: 24px;
            font-size: 1.5rem;
            line-height: 24px;
            line-height: 1.5rem; }
          #cpc .l-content-cpc .cpc-subscription-header .mdc-switch-label {
            display: inline-block; }
          #cpc .l-content-cpc .cpc-subscription-header .cpc-infobulle {
            display: none; }
        #cpc .l-content-cpc .cpc-subscription-item {
          padding: 15px 20px 20px 30px; }
          #cpc .l-content-cpc .cpc-subscription-item.app-subscription {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
                -ms-flex-direction: row;
                    flex-direction: row; }
            #cpc .l-content-cpc .cpc-subscription-item.app-subscription .edf-text-field {
              margin-top: 0; }
        #cpc .l-content-cpc .subscription-item-title {
          font-size: 20px;
          font-size: 1.25rem;
          line-height: 24px;
          line-height: 1.5rem; }
        #cpc .l-content-cpc .subscription-item-detail {
          margin-top: 5px;
          font-size: 16px;
          font-size: 1rem;
          line-height: 20px;
          line-height: 1.25rem; }
        #cpc .l-content-cpc .cpc-subscription-info {
          position: relative;
          background-color: #f3f3f3;
          padding: 15px 30px; }
          #cpc .l-content-cpc .cpc-subscription-info p {
            font-size: 1rem;
            line-height: 1.25rem; }
        #cpc .l-content-cpc .cpc-subscription-alert {
          padding: 15px 30px; } }

.question-hidden {
  display: none !important;
}

#submitCpc {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  
}

.submitCPC-content a.btn{
  display: inline-block;
  color: #FFFFFF;
}

.btn.disabled {
  color: #aaaaaa !important;
}

/*** iPad mini in portrait ***/
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 1){
  .responsive-popup .popup-container .popup-content a[href^="tel"] {
    color: inherit;
    text-decoration: none;
    display: block;
  }
}

/* ATOM X RADIO*/
.atomx-field-container {
  border: none;
  margin: 0;
  padding: 0;
}
.atomx-field-container--error .atomx-field-container__label {
  color: #f23037;
}
.atomx-field-container--error .atomx-field-container__error {
  display: block;
}
.atomx-group-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media (min-width: 576px) {
  .atomx-group-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.atomx-group-container.d-flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media (min-width: 576px) {
  .atomx-group-container.d-flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.atomx-group-container.d-flex-column .atomx-form-field {
  margin-left: -8px;
}
.atomx-field-container__label {
  text-transform: uppercase;
  padding: 0;
  display: block;
  font-family: "frutiger", Arial, sans-serif;
  font-size: 0.75rem;
  line-height: 0.75rem;
  color: #666;
}
.atomx-field-container__error {
  margin: -3px 0 0;
  display: none;
  font-family: "frutiger", Arial, sans-serif;
  font-size: 0.75rem;
  line-height: 1.375rem;
  color: #f23037;
}
.atomx-form-field {
  margin-bottom: -3px;
  margin-left: -8px;
  margin-right: 15px;
  font-family: "frutiger", Arial, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 1rem;
  line-height: 1rem;
  color: #1a1a1a;
  color: var(--atomx-theme-text-primary-on-background, #1a1a1a);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
}
@media (min-width: 576px) {
  .atomx-form-field {
    margin-left: 0;
  }
}
.atomx-form-field.atomx-form-field--first {
  margin-left: -8px;
}
.atomx-form-field > label {
  -ms-flex-order: 0;
  -webkit-box-ordinal-group: 1;
  order: 0;
  margin-right: auto;
  padding-left: 2px;
}
.atomx-form-field--align-end > label {
  -ms-flex-order: -1;
  -webkit-box-ordinal-group: 0;
  order: -1;
  margin-left: auto;
  padding-right: 2px;
}
@media (min-width: 576px) {
  .cpc-subscription-item .atomx-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.atomx-radio {
  display: inline-block;
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  padding: 10px;
  cursor: pointer;
  will-change: opacity, transform, border-color, color;
}
.atomx-radio .atomx-radio__native-control:enabled:not(:checked) + .atomx-radio__background .atomx-radio__outer-circle {
  border-color: rgba(0, 0, 0, 0.5);
}
.atomx-radio .atomx-radio__native-control:enabled:checked + .atomx-radio__background .atomx-radio__outer-circle {
  border-color: #006dff;
  border-color: var(--atomx-theme-secondary, #006dff);
}
.atomx-radio .atomx-radio__native-control:enabled + .atomx-radio__background .atomx-radio__inner-circle {
  border-color: #006dff;
  border-color: var(--atomx-theme-secondary, #006dff);
}
.atomx-radio .atomx-radio__background::before {
  background-color: #006dff;
}
@supports not (-ms-ime-align: auto) {
  .atomx-radio .atomx-radio__background::before {
    background-color: var(--atomx-theme-secondary, #006dff);
  }
}
.atomx-radio__background {
  display: inline-block;
  position: absolute;
  left: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  height: 50%;
}
.atomx-radio__background::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0, 0);
  transform: scale(0, 0);
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
  transition: opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  -webkit-transition: opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1),
  -webkit-transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  -o-transition: opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1),
  transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  transition: opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  transition: opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1),
  transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1),
  -webkit-transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
}
.atomx-radio__outer-circle {
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-width: 2px;
  border-style: solid;
  border-radius: 50%;
  -webkit-transition: border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 0.5);
  -o-transition: border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 0.5);
  transition: border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 0.5);
}
.atomx-radio__inner-circle {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0, 0);
  transform: scale(0, 0);
  border-width: 10px;
  border-style: solid;
  border-radius: 50%;
  transition: border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1),
  -webkit-transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  -webkit-transition: border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1),
  -webkit-transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  -o-transition: transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1),
  border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  transition: transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1),
  border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  transition: transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1),
  border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1),
  -webkit-transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
}
.atomx-radio__native-control {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  opacity: 0;
  cursor: inherit;
  z-index: 1;
}
.atomx-radio__native-control:checked + .atomx-radio__background,
.atomx-radio__native-control:disabled + .atomx-radio__background {
  transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1),
  -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
  -webkit-transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1),
  -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
  -o-transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1),
  transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
  transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1),
  transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
  transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1),
  transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1),
  -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
}
.atomx-radio__native-control:checked
+ .atomx-radio__background
.atomx-radio__outer-circle,
.atomx-radio__native-control:disabled
+ .atomx-radio__background
.atomx-radio__outer-circle {
  -webkit-transition: border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
  -o-transition: border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
  transition: border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
}
.atomx-radio__native-control:checked
+ .atomx-radio__background
.atomx-radio__inner-circle,
.atomx-radio__native-control:disabled
+ .atomx-radio__background
.atomx-radio__inner-circle {
  transition: border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1),
  -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
  -webkit-transition: border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1),
  -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
  -o-transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1),
  border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
  transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1),
  border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
  transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1),
  border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1),
  -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
}
.atomx-radio--disabled {
  cursor: default;
  pointer-events: none;
}
.atomx-radio__native-control:checked + .atomx-radio__background .atomx-radio__inner-circle {
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  transition: border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1),
  -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
  -webkit-transition: border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1),
  -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
  -o-transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1),
  border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
  transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1),
  border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
  transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1),
  border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1),
  -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
}
.atomx-radio__native-control:disabled + .atomx-radio__background,
[aria-disabled="true"] .atomx-radio__native-control + .atomx-radio__background {
  cursor: default;
}
.atomx-radio__native-control:disabled + .atomx-radio__background .atomx-radio__outer-circle, [aria-disabled="true"] .atomx-radio__native-control + .atomx-radio__background .atomx-radio__outer-circle {
  border-color: rgba(0, 0, 0, 0.26);
}
.atomx-radio__native-control:disabled + .atomx-radio__background .atomx-radio__inner-circle, [aria-disabled="true"] .atomx-radio__native-control + .atomx-radio__background .atomx-radio__inner-circle {
  border-color: rgba(0, 0, 0, 0.26);
}
.atomx-radio__native-control:focus + .atomx-radio__background::before {
  -webkit-transform: scale(2, 2);
  transform: scale(2, 2);
  opacity: 0.12;
  transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1),
  -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
  -webkit-transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1),
  -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
  -o-transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1),
  transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
  transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1),
  transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
  transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1),
  transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1),
  -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
}
.atomx-radio::before,
.atomx-radio::after {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
}
.atomx-radio::before {
  -webkit-transition: opacity 15ms linear, background-color 15ms linear;
  -o-transition: opacity 15ms linear, background-color 15ms linear;
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1;
}
.atomx-radio::before,
.atomx-radio::after {
  top: calc(50% - 50%);
  left: calc(50% - 50%);
  width: 100%;
  height: 100%;
}
.atomx-radio::before,
.atomx-radio::after {
  background-color: #006dff;
}
@supports not (-ms-ime-align: auto) {
  .atomx-radio::before,
  .atomx-radio::after {
    background-color: var(--atomx-theme-secondary, #006dff);
  }
}
.atomx-radio:hover::before {
  opacity: 0.04;
}
.atomx-radio:focus::before {
  -webkit-transition-duration: 75ms;
  -o-transition-duration: 75ms;
  transition-duration: 75ms;
  opacity: 0.12;
}
.atomx-radio::after {
  -webkit-transition: opacity 150ms linear;
  -o-transition: opacity 150ms linear;
  transition: opacity 150ms linear;
}
.atomx-radio:active::after {
  -webkit-transition-duration: 75ms;
  -o-transition-duration: 75ms;
  transition-duration: 75ms;
  opacity: 0.12;
}


#cpc .subscription-item-description label {
  display: block;
}
#cpc .cpc-form-mentions .cpc-mentions--md {
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 18px;
  color: #666666;
}

#cpc .cpc-form-mentions .cpc-mentions--md a {
  color: #005bbb;
}

#cpc .cpc-form-mentions .cpc-mentions--sm {
  margin: 0;
  font-size: 9px;
  line-height: 11px;
  color: #666666;
}

#cpc .whiteBoxTitle {
  padding: 15px 20px 20px 30px;
  background: white;
}
.mfp-content .description a{
  display: block;
}
/*# sourceMappingURL=main.css.map */

#rwdContainer {
	height: 100%;
}

#body {
	flex: 1 0 auto !important;
}

#header, #footer {
	flex-shrink: 0;
}
@media only screen and (max-width:568px) {
  .no-mobile-display {
    display: none;
  }
} 


/* DEBUT DE LA MAQUETTE **********************************************************************************/


/* DEFAULT CONTAINER SETTINGS **********************/
.centered-container {
	width: 100%;
	height:100%;
}
.centered-container .container-content{
	margin: 0 auto; /* always centered */
  padding: 20px; /*default padding */
  border-color: #666666; /* default border color */
}
/***************************************************/



/* WIDTHS OPTIONS **********************************/
.centered-container .container-content.lg-width {	
  max-width: 718px;
}
.centered-container .container-content.md-width {
	max-width: 640px;
}
.centered-container .container-content.sm-width {	
  max-width: 345px;
}
/***************************************************/


/* BACKGROUND COLOR OPTIONS ************************/
.centered-container .container-content.blue-bg{
  background-color: #005bbb;
}
.centered-container .container-content.lightgray-bg {
  background-color: #f2f2f2
}
.centered-container .container-content.gray-bg {
  background-color: #666666;
}
.centered-container .container-content.green-bg {
  background-color: #509e2f;
}
.centered-container .container-content.lightgreen-bg {
  background-color: #c4d600;
}
.centered-container .container-content.lightorange-bg {
  background-color: #ffa02f;
}
.centered-container .container-content.orange-bg {
  background-color: #fe5815;
}
.centered-container .container-content.white-bg {
  background-color: #ffffff;
}
/***************************************************/


/* IMAGE BACKGROUND POSITIONING */
.centered-container .container-content.background-img {
	background-size: cover;
	background-position: 50% 50%;
  	background-repeat: no-repeat;
}

.centered-container, .centered-container .container-content{
  box-sizing: border-box;
}


/* BORDER SIZE OPTIONS *****************************/
/* TOP */
.centered-container .container-content.no-border-top {
  border-top: 0;
}
.centered-container .container-content.sm-border-top {
  border-top: 1px solid;
}
.centered-container .container-content.md-border-top {
  border-top: 2px solid;
}
.centered-container .container-content.lg-border-top {
  border-top: 5px solid;
}
/* RIGHT */
.centered-container .container-content.no-border-right {
  border-right: 0;
}
.centered-container .container-content.sm-border-right {
  border-right: 1px solid;
}
.centered-container .container-content.md-border-right {
  border-right: 2px solid;
}
.centered-container .container-content.lg-border-right {
   border-right: 5px solid;
}
/* BOTTOM */
.centered-container .container-content.no-border-bottom {
  border-bottom: 0;
}
.centered-container .container-content.sm-border-bottom {
  border-bottom: 1px solid;
}
.centered-container .container-content.md-border-bottom {
  border-bottom: 2px solid;
}
.centered-container .container-content.lg-border-bottom {
  border-bottom: 5px solid;
}
/* LEFT */
.centered-container .container-content.no-border-left {
  border-left: 0;
}
.centered-container .container-content.sm-border-left {
  border-left: 1px solid;
}
.centered-container .container-content.md-border-left {
  border-left: 2px solid;
}
.centered-container .container-content.lg-border-left {
  border-left: 5px solid;
}
/***************************************************/



/* BORDER COLOR OPTIONS ************************/
.centered-container .container-content.blue-border{
  border-color: #005bbb;
}
.centered-container .container-content.lightgray-border {
  border-color: #f2f2f2
}
.centered-container .container-content.gray-border {
  border-color: #666666;
}
.centered-container .container-content.green-border {
  border-color: #509e2f;
}
.centered-container .container-content.lightgreen-border {
  border-color: #c4d600;
}
.centered-container .container-content.lightorange-border {
  border-color: #ffa02f;
}
.centered-container .container-content.orange-border {
  border-color: #fe5815;
}
.centered-container .container-content.white-border {
  border-color: #ffffff;
}
.centered-container .container-content.no-border-color {
  border-color: transparent;
}
/***************************************************/

/* PADDING SIZE OPTIONS **************************/
.centered-container .container-content.sm-padding-top {
	padding-top: 20px;
}
.centered-container .container-content.md-padding-top {
	padding-top: 30px;
}
.centered-container .container-content.lg-padding-top {
	padding-top: 40px;
}
.centered-container .container-content.no-padding-top {
	padding-top: 0;
}

.centered-container .container-content.sm-padding-right {
	padding-right: 20px;
}
.centered-container .container-content.md-padding-right {
	padding-right: 30px;
}
.centered-container .container-content.lg-padding-right {
	padding-right: 40px;
}
.centered-container .container-content.no-padding-right {
	padding-right: 0;
}

.centered-container .container-content.sm-padding-left {
	padding-left: 20px;
}
.centered-container .container-content.md-padding-left {
	padding-left: 30px;
}
.centered-container .container-content.lg-padding-left {
	padding-left: 40px;
}
.centered-container .container-content.no-padding-left {
	padding-left: 0;
}

.centered-container .container-content.sm-padding-bottom {
	padding-bottom: 20px;
}
.centered-container .container-content.md-padding-bottom {
	padding-bottom: 30px;
}
.centered-container .container-content.lg-padding-bottom {
	padding-bottom: 40px;
}
.centered-container .container-content.no-padding-bottom {
	padding-bottom: 0;
}
@media only screen and (max-width:568px) {

  .centered-container .container-content.md-padding-top,
  .centered-container .container-content.lg-padding-top {
    padding-top: 20px;
  }

  .centered-container .container-content.md-padding-right, 
  .centered-container .container-content.lg-padding-right {
    padding-right: 20px;
  }

  .centered-container .container-content.md-padding-left,
  .centered-container .container-content.lg-padding-left {
    padding-left: 20px;
  }

  .centered-container .container-content.md-padding-bottom,
  .centered-container .container-content.lg-padding-bottom {
    padding-bottom: 20px;
  }

}

/***************************************************/
/******************************************/
.selecteur .bloc-bp {
  margin-bottom: 24px;
}

.message-header-aco{
    font-size: 16px;
    color: #666666;
}

.selecteur label.label-mono-bp{
    margin-left : 0;
}

.selecteur .bloc-bp .titulaire-contrat {
  margin-bottom: 30px;
}

.selecteur label {
  display: inline-block;
  margin-left: 20px;
  line-height: 24px;
}

.titulaire-contrat .selecteur label + label {
  margin: 0;
}

.selecteur label span {
  display: block;
  font-size: 16px;
}

.selecteur .mess-aco,
.selecteur label span span {
  display: inline;
  font-size: 14px;
  color: #a1acaf;
}

.selecteur label span.name-titulaire {
  font-weight: bold;
}

.selecteur .bloc-accord-co {
  margin-bottom: 40px;
}

.selecteur .bloc-accord-co .aco {
  padding: 20px 15px;
  border-bottom: 1px solid #eeeeee;
}

.selecteur .bloc-accord-co .aco.active {
  border: 1px solid #062275;
  border-radius: 2px;
}

.selecteur .bloc-accord-co .aco label {
  font-size: 14px;
  margin-left: 0;
  padding-left: 0;
  font-weight: normal;
  text-transform: uppercase;
  vertical-align: sub;
}

.selecteur .bloc-accord-co .aco label span {
  font-size: 14px;
}

.selecteur .num-contrat-added {
  font-size: 14px;
}

.selecteur .bloc-accord-co .aco p {
  margin: 0;
  font-size: 14px;
  margin-top: 5px;
  color: #a1acaf;
}

.selecteur .bloc-accord-co p.numContractLabel {
  font-size: 100% !important;
}

.selecteur .bloc-accord-co .aco .cas-spe p {
  font-style: italic;
  color: #a1acaf;
  line-height: 20px;
  margin-top:0;
}

.selecteur .bloc-accord-co .aco .cas-spe button {
  background: #fe5815;
  border-radius: 2px;
  border: 0;
  color: white;
  line-height: 51px;
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 15px;
  float: right;
  margin-top: 10px;
}

.selecteur .bloc-accord-co .aco .contract {
  margin-top: 20px;
  text-transform: initial;
  font-size: 16px;
}

.selecteur .contract-bottom {
  font-size: 14px;
}

.selecteur .contract-bottom .numero-contrat {
  display: inline;
}

.selecteur .chevron-bas {
    display: inline-block;
    width: 10px;
    height: 9px;
    background-image: url(assets/img/sprites/icons.png);
    background-repeat: no-repeat;
    background-position: -11px -687px;
    margin-left: 10px;
    margin-right: 10px;
}

.selecteur .not-populated {
  display: none;
}

.selecteur .show-hide-logement{
    margin: 0 auto;
    border-bottom: 6px solid #f8f8f8;
    margin-bottom: 40px;
    cursor: pointer;
    text-align: center;
    width: 40%;
    min-width: 440px;
}
.selecteur .show-hide-logement p{
    color: #fe5815;
    text-transform: uppercase;
    display: inline-block;
    margin-right: 10px;
    margin-left: 10px;
    max-width: 80%;
    letter-spacing: normal;
}
.selecteur .show-hide-logement .chevron-haut {
    display: inline-block;
    width: 10px;
    height: 9px;
    background-image: url(assets/img/sprites/icons.png);
    background-repeat: no-repeat;
    background-position: 0px -687px;
    margin-left: 10px;
    margin-right: 10px;
}

.selecteur .radio-btn-grey.span-radio input[type="radio"]+label span {
    vertical-align: initial;
}
.selecteur .radio-btn-grey.span-radio input[type="radio"]+label span.cursor-default {
  cursor: default;
}

.selecteur .grise-fonce {
  background-color: #f8f8f8;
}

.selecteur .grise-clair {
  background-color: #fcfcfc;
}

.selecteur .bloc-accord-co .aco.mode-consultation {
  border-bottom: none;
  margin-bottom: 3px;
}

.selecteur .aco-choice label{
    padding-left: 10px;
}

@media screen and (max-width: 35em) {
  .selecteur .bloc-accord-co .aco {
    padding: 15px;
  }
}
.span-radio input[type="radio"] {
  display: none;
}
.rightBloc {
    background-color: #F8F8F8;
    margin-bottom: 45px;
    margin-top: 112px;
}

.rightBloc .zone-image-rightBloc {
    font-size: 0;
}

.rightBloc .zone-image-rightBloc img {
    width: 100%;
}

.rightBloc .dot_list {
    margin-right: 10px;
    margin-bottom: 5px;
}

.rightBloc .zone-text-rightBloc {
    padding: 1px 11px 10px 35px;
}

.rightBloc .zone-text-rightBloc .text {
    margin-right: 0 !important;
}

.rightBloc .button {
    padding-bottom: 15px;
}

.rightBloc .btn_article {
    margin-left: auto;
    margin-right: auto;
}

.rightBloc .rightBloc_title {
  color: #FE5815;
  font-size: 1.25em;
}

@media screen (max-width: 768px) {
    .rightBloc {
       margin-top: 40px;
    }
}

.motifs {
    padding-top: 20px;
}
.motifs h4
{
    display: flex;
    font-size: 16px;
    font-weight: bold;
    line-height: 16px;
    color: #005bbb;
    margin-top: 0;
    align-items: center;
}

.motifs h4 span
{
    width: 32px;
    height: 32px;
    position: unset;
    top: unset;
    padding-right: 5px;
}
.motifs h4 span img {
    max-width: 100%;
}
.motifs .bloc-motif {
    padding-left: 6px;
    /* margin-bottom: 40px; */
    margin-bottom: 6px;
    cursor: pointer;
}

.motifs .bloc-motif div {
    background-color: #f0f0f2;
    height: 100%;
    padding: 15px;
}
.motifs .bloc-motif.active div,.motifs .bloc-motif:hover div{
    background-color: #005bbb;
}

.motifs .bloc-motif div p {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #4a4a4a;
    margin: 0;
    margin-top: 10px;
}
.motifs .bloc-motif.active div p,.motifs .bloc-motif:hover div p{
    color: #fff;
}
.motifs .bloc-motif div .picto, .motifs .bloc-motif div .picto_actif {
    display: block;
    height: 50px;
    width: 102px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin: 0 auto;
}

.motifs .bloc-motif div .picto.hide, .motifs .bloc-motif div .picto_actif.hide, .motifs .bloc-zone-motif.hide {
    display:none;
}

.motifs .tab-zone_edit{
  background-color: cornflowerblue;
  text-align: center;
}

@media screen and (min-width: 48em) {
    .motifs .bloc-motif {
        margin-bottom: 6px;
    }
}

@media screen and (max-width: 35em) {
  .motifs .bloc-motif div {
    padding: 15px 8px;
  }

  .motifs .bloc-motif div .picto,
  .motifs .bloc-motif div .picto_actif {
    width: 45px;
  }

  .motifs .bloc-motif div p {
    line-height: 1.35;
    font-size: 13px;
  }
}

.demandFaqHeader {
    padding-top: 20px;
}
.demandFaqHeader .specificFaqHeader {
    min-height: 155px;
    margin-bottom: 20px;
}
.demandFaqHeader .bloc-title-faq {
    background-color: #fe5815;
    color: #fff;
    padding: 25px;
    text-align: center;
    height: 175px;
    position: relative;
    font-weight: bold;
}
.demandFaqHeader .bloc-title-faq:after {
    content: '';
    position: absolute;
    bottom: -15px;
    left: calc(50% - 15px);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 17px 15px 0 15px;
    border-color: #fe5815 transparent transparent transparent;
}
.demandFaqHeader .bloc-title-faq .ico {
    height: auto;
    width: auto;
    margin: 0 auto;
    padding-bottom: 5px;
}
.demandFaqHeader .contactBloc.section {
    height: auto;
    margin: 0;
}
.demandFaqHeader .bloc-contact {
    height: 150px;
}
.demandFaqHeader .contactBloc.section .contact-bloc {
    margin-top: 0;
}
.demandFaqHeader .contactBloc.section .contact-bloc .contact-item {
    height: 150px;
    width: 100%;
}
.demandFaqHeader .contactBloc.section .contact-bloc .contact-item .contact-item-icon,
.demandFaqHeader .contactBloc.section .contact-bloc .contact-item .contact-item-text {
    width: 100%;
    border: none;
    padding: 0;
    margin: 0;
    text-align: center;
}
.demandFaqHeader .contactBloc.section .contact-bloc .contact-item .contact-item-text p {
    font-size: 16px;
    color: #4a4a4a;
    font-weight: bold;
}

.demandFaqHeader .phone-details-text p {
  line-height: 1.25em;
  font-size: 13px;
}

@media screen and (max-width: 768px) {
    .demandFaqHeader .bloc-title-faq p{
            margin-top: 12px;
    }
}

@media screen and (max-width: 35em) {
  .specificFaqHeader {
    display: flex;
  }

  .demandFaqHeader .bloc-title-faq,
  .demandFaqHeader .bloc-contact {
    margin-bottom: 6px;
  }

  .demandFaqHeader .bloc-title-faq {
    order: 100;
  }

  /* .demandFaqHeader .bloc-title-faq::after {
    content: none;
  } */
}

.demandFAQ h2 {
    font-size: 20px;
    font-weight: normal;
    color: #fe5815;
    text-transform: uppercase;
    line-height: 24px;
}
.demandFAQ h2 span {
    font-weight: bold;
    display: block;
}
.demandFAQ .faqAccordion .accordion {
    border-bottom: 1px solid #d8d8d8;
}

.demandFAQ .faqAccordion .accordion:last-child {
  border-bottom: none
}


.demandFAQ .faqAccordion .accordion div {
    padding: 0 32px;
}

.demandFAQ .faqAccordion .accordion div p {
    margin-top: 0;
}

.demandFAQ .faqAccordion .accordion .accordion-title {
  position: relative;
  padding: 20px 0;
  width: 100%;
  cursor: pointer;
}

.demandFAQ .faqAccordion .accordion .accordion-title h4 {
  vertical-align: middle;
  margin: 0;
  font-size: 18px;
  font-weight: normal;
  color: #001a70;
  text-transform: inherit;
  cursor: pointer;
  margin-left: 37px;
}

.demandFAQ .faqAccordion .accordion .accordion-title span {
  position: absolute ;
  top: 35%;
  left: 5px;
  background-image: url(assets/img/sprites/icons.png);
  background-repeat: no-repeat;
  background-position: -60px -762px;
  height: 20px;
  width: 20px;
}

.demandFAQ .faqAccordion .accordion.active h4  {
    color: #fe5815;
}

.demandFAQ .faqAccordion .accordion.active .accordion-title span {
    background-position: -82px -762px;
}

.demandFAQ .faqAccordion .hideOtherQA {
    display: none;
}

.demandFAQ .seeOtherQuestionLabel {
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    color: #666666;
    margin-top: 35px;
    margin-bottom: 15px;
    cursor: pointer;
}


.demandFAQ .seeOtherQuestionLabel .hide{
  display: none;
}

.demandFAQ .seeOtherQuestionLabel .seeOtherQuestionLabel_messageHide,.demandFAQ .seeOtherQuestionLabel .seeOtherQuestionLabel_message {
    font-size: 18px;
    color: #666666;
}
.demandFAQ .seeOtherQuestionLabel a:hover {
    color: #666666;
}

.demandFAQ .seeOtherQuestionLabel .seeOtherQuestionLabel_icon {
    width: 12px;
    height: 11px;
    display: inline-block;
    position: relative;
    background-image: url(assets/img/sprites/icons.png);
    background-repeat: no-repeat;
    margin-left: 10px;
    background-position: -69px -685px;
}

.demandFAQ .seeOtherQuestionLabel.active .seeOtherQuestionLabel_icon {
    background-position: -80px -685px;
}

.demandFAQ .faqAccordion .accordion .trackingClass {
    display: none;
}

.demandFAQ .faqAccordion .accordion .link-form-n2{
    padding: 0;
}

.contactBlocValve{
  background-color: #ffffff;
  border: solid 1px #d8d8d8;
  min-height: 180px;
  margin-left: 5px;
  cursor: pointer;
  height: 100%;
}

.contactBlocValve .valve-reclamation, .contactBlocValve .valve-demand{
  min-height: 175px;
}

@media only screen and (max-width:376px) {
	.contactBlocValve .contactBlocValve_content{
    padding-top: 30px;
	  margin-right: 2%;
	  margin-left: 2%;
	}
}

.IdzCallDemandeOnline{
  display: block !important;
  min-height: 175px;
}

.bloc-contact .vanne-inactive, .valve-demand .vanne-inactive, .valve-reclamation .vanne-inactive{
  background-color: #d8d8d8;
  color: #4a4a4a;
  cursor: no-drop;
  height: 150px;
  cursor: default;
}

.contactBlocValve div.text {
  display: table;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: #666;
  margin-top: 25px;
  margin-left: auto;
  margin-right: auto;
}

.contactBlocValve div.text p{
  display: table-cell;
  vertical-align: middle;
}

.contactBlocValve div.text .i-chevron-right {
  display: table-cell;
  vertical-align: middle;
}

.contactBlocValve .vanne-active:hover .text{
  color: #005bbb;
}

.contactBlocValve .contactBlocValve_picto, .contactBlocValve .contactBlocValve_picto-hover {
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto;
  background-size: 100%;
  padding: 25px 0 0 0;
}

.contactBlocValve .contactBlocValve_picto.hide, .contactBlocValve .contactBlocValve_picto-hover.hide, .contactBlocValve .phone-text.hide,.contactBlocValve .phone-details-text.hide, .contactBlocValve .text.hide {
  display: none;
}

.contactBlocValve .text,.contactBlocValve .phone-text{
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: #666666;
  display: inline-block;
}

.contactBlocValve .phone-text p{
  margin-bottom: 0;
  margin-top: 7px;
}

.contactBlocValve .phone-details-text{
  font-size: 10px;
  text-align: center;
  display: block;
}

.contactBlocValve .phone-details-text p{
  margin: 0;
}

.contactBlocValve .phone-text,.contactBlocValve .phone-details-text{
  color: #005bbb;
}

.contactBlocValve .contactBlocValv_link {
  margin: 0;
  display: block;
  height: auto;
  text-align: center;
  min-height: 175px;
}

.contactBlocValve .contactBlocValve_content{
  height: auto;
  text-align: center;
  margin-right: 2%;
  margin-left: 2%;
  min-height: 175px;
}

@media only screen and (max-width:767px) {
	.contactBlocValve .contactBlocValve_content{
    	padding-top: 15px;
	  margin-right: 5%;
	  margin-left: 5%;
	}
	
	.contactBlocValve .contactBlocValv_link{
		padding-top: 15px;
	}
}

.contactBlocValve .text .i-chevron-right:before {
  margin-left: 5px;
}

.bloc-contact .vanne-inactive, .valve-demand .vanne-inactive, .valve-reclamation .vanne-inactive{
  background-color: #d8d8d8;
  color: #4a4a4a;
  cursor: no-drop;
  height: 150px;
}

.demandFaqHeader .bloc-contact .vanne-inactive .contactBlocValve_picto {
	opacity: .3;
}

@media screen and (max-width: 1016px) {
	.contactBlocValve .contactBlocValve_picto, .contactBlocValve .contactBlocValve_picto-hover{
    	padding: 18px 0 0 0;
  	}
}

@media screen and (max-width: 35em) {
	.contactBlocValve {
    	margin: 0;
  	}
}
/* fix MES WCB */
.mesHousingIdentify .adviser-relation .popup-content {
	text-align: left;
}


.bloc-contact .valve-demand,.bloc-contact .valve-reclamation,.bloc-contact .contactBlocValve {
    height: auto;
    min-height: 175px;
    background: #f1f5f9;
    border: 0
}

@media(max-width: 640px) {
    .bloc-contact .valve-demand,.bloc-contact .valve-reclamation,.bloc-contact .contactBlocValve {
        min-height:160px;
        min-width: 270px
    }
}

.vanne-inactive {
    display: none !important
}

.IdzCallDemandeOnline {
    display: block !important
}

.bloc-contact .valve-demand:hover,.bloc-contact .valve-reclamation:hover {
    background: #dcdcdd
}

.bloc-contact-conseiller .bloc-contact .contactBlocValve_content div {
    width: 280px;
    color: #005bbb
}

.contact-wcbgenesys .contactstwebcallbackonline {
  display: block !important;
  min-height: 175px;
}

.contactstwebcallbackonline.loading-img {
  pointer-events: none;
}
.accordionContener .accordionContenerZone {
    border-radius: 3px;
    background-color: #ffffff;
}

.accordionContener .accordionContenerZone .accordionBloc h3{
    font-size: 20px;
    font-weight: bold;
    line-height: 1.12;
    color: #fe5815;
    margin: 0;
    padding: 20px 50px 20px 30px;
}

.accordionContener .accordionContenerZone .accordionBloc h3,
.accordionContener .accordionContenerZone .accordionBloc div.toHide {
    background-color: inherit;
    border-left: solid 1px #d8d8d8;
    border-right: solid 1px #d8d8d8;
}

.accordionContener .accordionContenerZone .accordionBloc h3 {
    border-top: solid 1px #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    padding: 15px 30px;
    position: relative;
    text-transform: uppercase;
    cursor: pointer;
    line-height: 30px;
}

.accordionContener .accordionContenerZone .accordionBloc.active h3 {
    border-bottom: inherit;
}

.accordionContener .accordionContenerZone .accordionBloc div.toHide {
    border-bottom: solid 1px #d8d8d8;
    padding: 0px 30px 15px;
}

.accordionContener .accordionContenerZone .accordionBloc h3 .header-icon {
    position: absolute;
    display: inline-block;
    top: 15px;
    right: 20px;
    background-image: url(assets/img/sprites/icons.png);
    background-repeat: no-repeat;
    background-position: -746px -1030px;
    height: 30px;
    width: 30px;
    margin-top: 0px;
}

.accordionContener .accordionContenerZone .accordionBloc.active h3 .header-icon {
    background-position: -745px -1062px;
}

.accordionContener .accordionContenerZone .accordionBloc {
    margin-bottom: 20px;
}

.accordionContener .accordionContenerZone .accordionBloc.btn_article_lightGray .accordionBlocH3{
    color: #dddddd;
}

.accordionContener .accordionContenerZone .accordionBloc.btn_article_gray .accordionBlocH3{
    color: #75787b;
}

.accordionContener .accordionContenerZone .accordionBloc.btn_article_lightBlue .accordionBlocH3{
    color: #005bbb;
}

.accordionContener .accordionContenerZone .accordionBloc.btn_article_blue .accordionBlocH3{
    color: #001A70;
}

.accordionContener .accordionContenerZone .accordionBloc.btn_article_lightGreen .accordionBlocH3{
    color: #c4d600;
}

.accordionContener .accordionContenerZone .accordionBloc.btn_article_green .accordionBlocH3{
    color: #509e2f;
}

.accordionContener .accordionContenerZone .accordionBloc.btn_article_lightOrange .accordionBlocH3{
    color: #ffa02f;
}

.accordionContener .accordionContenerZone .accordionBloc.btn_article_orange .accordionBlocH3{
    color: #fe5815;
}

.accordionContener .accordionContenerZone .accordionBloc .toHide {
    display: none;
}

.accordionContener .accordionContenerZone .accordionBloc .toOpen {
    display: block;
    border-left: solid 1px #d8d8d8;
    border-right: solid 1px #d8d8d8;
    border-bottom: solid 1px #d8d8d8;
    padding: 0px 30px 15px;
}

@media screen and (max-width: 35em) {
  .accordionContener .accordionContenerZone .accordionBloc h3 {
    padding: 15px;
  }

  .accordionContener .accordionContenerZone .accordionBloc .toOpen,
  .accordionContener .accordionContenerZone .accordionBloc div.toHide {
    padding: 0px 15px 15px;
  }

  .responsive-content tr {
    display: flex;
    flex-direction: column;
  }

  .responsive-content td {
    width: auto;
  }

  .responsive-content td p:first-child {
    margin-top: 0;
  }

  .responsive-content td p:last-child {
    margin-bottom: 0;
  }
}
.edf-card {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 0;
  height: 100%;
  word-wrap: break-word;
  background-color: #fff;
  font-family: Frutiger, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  overflow: hidden;
}

.edf-card__with-shadow{ -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);}

.edf-card__with-shadow:hover { -webkit-box-shadow: 0 10px 20px 0 rgba(9, 53, 122, 0.14), 0 6px 6px 0 rgba(9, 53, 122, 0.14);
box-shadow: 0 10px 20px 0 rgba(9, 53, 122, 0.14), 0 6px 6px 0 rgba(9, 53, 122, 0.14);
{color:#dc322f}}
 }
  .edf-card.edf-card--vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
    .edf-card.edf-card--vertical .edf-card__media {
      max-height: 240px; }
  .edf-card.edf-card--horizontal {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row; }
    .edf-card.edf-card--horizontal .edf-card__media {
      max-width: 33.3333%;
      -webkit-box-flex: 0;
  	  -ms-flex: 0 0 33.333333%;
 	   flex: 0 0 33.333333%;
  	   max-width: 33.33%; }
  	   .edf-card.edf-card--horizontal .edf-card__body {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.66%; }
  	   
.edf-card__media {
  overflow: hidden; }
  .edf-card__media img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; }
.edf-card__body {
  padding: 1.875rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto; }
  .edf-card__body .card-subheading {
    color: #666666; }
    .edf-card__body .card-subheading h1, .edf-card__body .card-subheading h2, .edf-card__body .card-subheading h3, .edf-card__body .card-subheading h4, .edf-card__body .card-subheading h5, .edf-card__body .card-subheading h6 {
      margin: 0 0 5px 0;
      font-size: 0.75rem;
      line-height: 0.875rem;
      font-weight: bold;
      text-transform: uppercase;
      letter-spacing: 1.5px;
      color: inherit; }
  .edf-card__body .card-title {
    color: #666666; }
    .edf-card__body .card-title h1, .edf-card__body .card-title h2, .edf-card__body .card-title h3, .edf-card__body .card-title h4, .edf-card__body .card-title h5, .edf-card__body .card-title h6 {
      margin: 0 0 20px 0;
      font-size: 2rem;
      line-height: 2.375rem;
      font-weight: bold;
      color: inherit; }
  .edf-card__body .card-text {
    margin-bottom: 20px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    font-size: 1rem;
    line-height: 1.375rem;
    letter-spacing: normal;
    color: #666666; }
	.edf-card__body .card-text p{
    	margin: 0;}
  .edf-card__body .card-actions {
    margin-top: auto; }
    
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ */
  .edf-card.edf-card--vertical .edf-card__media img {
    width: 100%;
    height: auto;
  }
}

.push { height: 100%; }

/***********************************************************************************************************************/

.noColor{
 }
  
.bg-primary.edf-card {
  background: #007BFF; }

.bg-secondary.edf-card {
  background: #666666; }

.bg-success.edf-card {
  background: #00C172; }

.bg-danger.edf-card {
  background: #F23037; }

.bg-light.edf-card {
  background: #fff; }

.bg-dark.edf-card {
  background: #333333; }

.bg-dark-green-edf.edf-card {
  background: #509E2F; }

.bg-light-green-edf.edf-card {
  background: #C4D600; }

.bg-dark-blue-edf.edf-card {
  background: #09357A; }

.bg-light-blue-edf.edf-card {
  background: #005bbb; }

.bg-dark-orange-edf.edf-card {
  background: #FE5815; }

.bg-light-orange-edf.edf-card {
  background: #FFA02F; }

.color-primary.card-subheading, .color-primary.card-title {
  color: #007BFF; }

.color-secondary.card-subheading, .color-secondary.card-title {
  color: #666666; }

.color-success.card-subheading, .color-success.card-title {
  color: #00C172; }

.color-danger.card-subheading, .color-danger.card-title {
  color: #F23037; }

.color-light.card-subheading, .color-light.card-title {
  color: #fff; }

.color-dark.card-subheading, .color-dark.card-title {
  color: #333333; }

.color-dark-green-edf.card-subheading, .color-dark-green-edf.card-title {
  color: #509E2F; }

.color-light-green-edf.card-subheading, .color-light-green-edf.card-title {
  color: #C4D600; }

.color-dark-blue-edf.card-subheading, .color-dark-blue-edf.card-title {
  color: #09357A; }

.color-light-blue-edf.card-subheading, .color-light-blue-edf.card-title {
  color: #005bbb; }

.color-dark-orange-edf.card-subheading, .color-dark-orange-edf.card-title {
  color: #FE5815; }

.color-light-orange-edf.card-subheading, .color-light-orange-edf.card-title {
  color: #FFA02F; }

/*# sourceMappingURL=main.css.map */
.hub-mentions {
  padding: 30px 15px;
}

.hub-mentions p{
    margin: 0;
}

.hub-mentions.dark{
  background-color: #474747;
}

.hub-mentions .mentions-info {
  margin: 0 auto;
  width: 100%;
  max-width: 1145px;
}

.hub-mentions .mentions-info a{
  display: inline;
  color: #005bbb;
}

.hub-mentions .mentions-info a:hover{
  color: #fe5815;
}

.hub-mentions .title {
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  font-family: 'Frutiger LT W01 65 Bold', sans-serif;
}

.hub-mentions.dark .title {
  color: #fff;
}

.hub-mentions.light .title {
  color: #3d3d3d;
}

@media only screen and (max-width: 1145px) {
  .hub-mentions {
    padding: 25px;
  }
}

.mentions_headertitle {
  padding: 20px 35px 20px 0;
}

.mentions-text {
  padding-bottom: 10px;
}

.mentions_headertitle,
.mentions_headertitle.open,
.mentions_headertitle.closed {
  background: none;
  pointer-events: none;
}

@media only screen and (min-width: 1024px) {
  .mentions_headertitle {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mentions_headertitle {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .mentions_headertitle {
    cursor: pointer;
    pointer-events: all;
  }

  .hub-mentions .mentions_headertitle.open {
    background: url('assets/img/icons/icon-arrow-top-dark@2x.png') no-repeat center right;
    background-size: 30px 30px;
    pointer-events: all;
  }

  .hub-mentions .mentions_headertitle.closed,
  .hub-mentions .mentions_headertitle {
    background: url('assets/img/icons/icon-arrow-bottom-dark@2x.png') no-repeat center right;
    background-size: 30px 30px;
    pointer-events: all;
  }

  .hub-mentions.dark .mentions_headertitle.open {
    background: url('assets/img/icons/icon-arrow-top@2x.png') no-repeat center right;
    background-size: 30px 30px;
    pointer-events: all;
  }

  .hub-mentions.dark .mentions_headertitle.closed,
  .hub-mentions.dark .mentions_headertitle {
    background: url('assets/img/icons/icon-arrow-bottom@2x.png') no-repeat center right;
    background-size: 30px 30px;
    pointer-events: all;
  }

  .hub-mentions {
    padding: 0 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  }

  .mentions-text {
    padding-bottom: 10px;
  }

  .hub-mentions-default-mobile-display {
    display: none;
  }
}

@media only screen and (max-width: 640px){
  .hub-mentions{
    padding: 20px 15px !important;
  }
  .hub-mentions .title{
    font-size: 14px !important;
    padding: 0!important;
  }
}

.dark .privacy-policy-txt {
  color: #cccccc;
}

.dark .mentions-text {
  color: #fff;
}

.mentions-text {
  color: #cccccc;
}


.privacy-policy-txt {
  margin: 0;
  font-size: 12px;
  line-height: 16px;
  line-height: 1em;
  color: #333333;
}


.paymentModeNormalText, .paymentModeSecondRow {
	max-width: 100%;
}

.w100{
	width: 100%;
}

.payment-modes #paiements {
    padding-bottom: 45px;
}

.payment-modes #paiements .tuile {
    display: flex;
    min-height: 290px;
    flex-direction: column;
}

.payment-modes #paiements .content_tuile {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 30px 20px;
    margin: 15px;
    align-items: center;
    text-align: center;
    background-color: #f2f2f2;
}

.payment-modes #paiements .content_tuile .illustration_tuile {
    padding-bottom: 20px;
}

.payment-modes #paiements .content_tuile .illustration_tuile img{
    width: 48px;
    height: 48px;
}

.payment-modes #paiements .content_tuile .illustration_tuile .second_state,
.payment-modes #paiements .current_tuile .illustration_tuile .first_state,
.payment-modes #paiements .content_tuile .bouton_selection .btn.second_state,
.payment-modes #paiements .current_tuile .bouton_selection .btn.first_state {
    display: none;
}

.payment-modes #paiements .current_tuile .illustration_tuile .second_state,
.payment-modes #paiements .current_tuile .bouton_selection .btn.second_state {
    display: inline-block;
}

.payment-modes #paiements .content_tuile h2 {
    font-family: Frutiger, sans-serif;
    font-size: 20px;
    color: #005bbb;
    padding: 0 0 10px 0;
}

.payment-modes #paiements .current_tuile h2 {
    color: #ffffff;
}

.payment-modes #paiements .content_tuile p {
    font-family: Frutiger, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #666666;
    margin: 0;
}

.payment-modes #paiements .content_tuile a {
    text-decoration: none;
}

.payment-modes #paiements .content_tuile .bouton_selection{
    width: 100%;
    margin-top: auto;
    padding-top: 30px;
}

.payment-modes #paiements .current_tuile .bouton_selection .btn {
    border: solid 2px #ffffff;
}

.payment-modes #paiements .content_tuile .bouton_selection a{
    color: #ffffff;
}

.payment-modes #paiements .content_tuile .bouton_selection .btn {
    display: inline-block;
    min-width: 160px;
}

.payment-modes #paiements .current_tuile {
    background-color: #509e2f;
}

.payment-modes #paiements .current_tuile p {
    color: #ffffff;
}

.payment-modes #paiements .current_tuile a span {
    color: #4a4a4a
}

.payment-modes #paiements .current_tuile .bouton_selection a:hover {
    background-color: #CCCCCC;
    color: #666666;
    box-shadow: none;
}

.payment-modes #paiements .current_tuile a:hover span {
    color: #ffffff;
    background-color: #CCCCCC;
}

.payment-modes #paiements .current_tuile a.popin_description:hover span{
    color: #fe5815;
}

.payment-modes .content_tuile a {
    color: #005bbb;
}

.payment-modes .content_tuile a.popin_description:hover {
    color: #fe5815;
}

@media screen and (max-width: 767px) {
    .payment-modes #paiements .content_tuile .bouton_selection .btn {
        width: 100%;
        height: 50px;
    }
    .payment-modes #paiements .content_tuile  {
        padding-bottom: 15px;
    }
    
    .payment-modes #paiements .tuile {
    	min-height: auto;
    }
}

.payment-modes .btn.activated {
  color: #fff;
  box-shadow:inset 0 0 0 99999px rgba(0, 0, 0, 0.2);
}

.payment-modes .bouton_selection .btn {
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  font-family: Frutiger,Arial,sans-serif;
  font-weight: normal;
  border: none;
  cursor: pointer;
  background-image: none;
  height: 40px;
  min-height: 50px;
  max-height: 60px;
  font-size: 16px;
  line-height: 10px;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  box-sizing: border-box;
}

.payment-modes .bouton_selection .btn .contour{
  border: 2px solid transparent;
}
.payment-modes .bouton_selection .btn-lg {
  min-height: 60px;
}
.payment-modes .bouton_selection .btn-sm {
  min-height: 40px;
}
.payment-modes .bouton_selection .btn .btn-content{
  height: 100%;
  border-radius: 4px;
  padding-right: 15px;
  padding-left: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.payment-modes .bouton_selection .btn .btn-content .txt{
  padding-right: 10px;
  padding-left: 10px;
  line-height: 1;
}

/* effets au click */
.payment-modes .bouton_selection .btn:active .btn-content, .btn.active .btn-content,
.payment-modes .bouton_selection .btn:active:hover .btn-content, .btn.active:hover .btn-content {
  box-shadow: inset 0 2px 0 1px rgba(0, 0, 0, 0.2);
}
/* effets hover */
.payment-modes .bouton_selection .btn:active, .btn.active,
.payment-modes .bouton_selection .btn:active:hover, .btn.active:hover,
.payment-modes .bouton_selection .btn:hover {
  color: #fff;
  box-shadow:inset 0 0 0 99999px rgba(0, 0, 0, 0.2);
}

/* Message d'erreur */
.payment-modes .message-error{
    padding: 50px 0;
    display:flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
}

.payment-modes .message-error .title{
    color: #fe5815;
    font-size: 32px;
    font-family: frutiger-light, sans-serif;
}

.payment-modes .message-error p{
    text-align: center;
    margin-bottom: 40px;
    font-size: 16px;
}

.payment-modes .icon-erreur{
    width: 78px;
    margin-bottom: 40px;
}

.payment-modes .icon-erreur img{
    width: 100%;
}
.payment-modes .message-error.hide{
  display: none;
}

/**********************************************************************************/


/*********BLEU**********/
.payment-modes .bouton_selection .btn-primary{
  color: #fff;
  background-color: #005bbb;
}

.payment-modes .bouton_selection .btn-primary.contour{
  color: #005bbb;
  background-color: transparent;
  border: solid 2px #005bbb;
}

.payment-modes .bouton_selection .btn-primary.contour.activated,
.payment-modes .bouton_selection .btn-primary.contour:active, .payment-modes .bouton_selection .btn-primary.contour.active,
.payment-modes .bouton_selection .btn-primary.contour:hover,
.payment-modes .bouton_selection .btn-primary.contour:active:hover, .payment-modes .bouton_selection .btn-primary.contour.active:hover {
  color: #fff;
  background-color: #005bbb;
  box-shadow:none;
}
/**********************************************************************************/

/*********GRIS*********/
.payment-modes .bouton_selection .btn-secondary{
  color: #fff;
  background-color: #666666;
}

.payment-modes .bouton_selection .btn-secondary.contour{
  color: #666666;
  background-color: transparent;
  border: solid 2px #666666;
}

.payment-modes .bouton_selection .btn-secondary.contour.activated,
.payment-modes .bouton_selection .btn-secondary.contour:active, .payment-modes .bouton_selection .btn-secondary.contour.active,
.payment-modes .bouton_selection .btn-secondary.contour:hover,
.payment-modes .bouton_selection .btn-secondary.contour:active:hover, .payment-modes .bouton_selection .btn-secondary.contour.active:hover
{
  color: #fff;
  background-color: #666666;
  box-shadow:none;
}

/**********************************************************************************/


/*********VERT*********/
.payment-modes .bouton_selection .btn-success{
  color: #fff;
  background-color: #509e2f;
}

.payment-modes .bouton_selection .btn-success.contour{
  color: #509e2f;
  background-color: transparent;
  border: solid 2px #509e2f;
}
.payment-modes .bouton_selection .btn-success.contour.activated,
.payment-modes .bouton_selection .btn-success.contour:active, .payment-modes .bouton_selection .btn-success.contour.active,
.payment-modes .bouton_selection .btn-success.contour:hover,
.payment-modes .bouton_selection .btn-success.contour:active:hover, .payment-modes .bouton_selection .btn-success.contour.active:hover {
  color: #fff;
  background-color: #509e2f;
  box-shadow:none;
}
/**********************************************************************************/

/*********VERT CLAIRE*********/
.payment-modes .bouton_selection .btn-info{
  color: #fff;
  background-color: #c4d600;
}

.payment-modes .bouton_selection .btn-info.contour{
  color: #c4d600;
  background-color: transparent;
  border: solid 2px #c4d600;
}

.payment-modes .bouton_selection .btn-info.contour.activated,
.payment-modes .bouton_selection .btn-info.contour:active, .payment-modes .bouton_selection .btn-info.contour.active,
.payment-modes .bouton_selection .btn-info.contour:hover,
.payment-modes .bouton_selection .btn-info.contour:active:hover, .payment-modes .bouton_selection .btn-info.contour.active:hover {
  color: #fff;
  background-color: #c4d600;
  box-shadow:none;
}
/**********************************************************************************/

/*********ORANGE CLAIR*********/
.payment-modes .bouton_selection .btn-warning{
  color: #fff;
  background-color: #ffa02f;
}

.payment-modes .bouton_selection .btn-warning.contour{
  color: #ffa02f;
  background-color: transparent;
  border: solid 2px #ffa02f;
}
.payment-modes .bouton_selection .btn-warning.activated,
.payment-modes .bouton_selection .btn-warning.contour:active, .payment-modes .bouton_selection .btn-warning.contour.active,
.payment-modes .bouton_selection .btn-warning.contour:hover,
.payment-modes .bouton_selection .btn-warning.contour:active:hover, .payment-modes .bouton_selection .btn-warning.contour.active:hover {
  color: #fff;
  background-color: #ffa02f;
  box-shadow:none;
}
/**********************************************************************************/

/*********ORANGE*********/
.payment-modes .bouton_selection .btn-danger,
.payment-modes .bouton_selection .btn-orange-new{
  color: #fff;
  background-color: #fe5815;
}

.payment-modes .bouton_selection .btn-danger.contour{
  color: #fe5815;
  background-color: transparent;
  border: solid 2px #fe5815;
}
.payment-modes .bouton_selection .btn-danger.contour.activated,
.payment-modes .bouton_selection .btn-danger.contour:active, .payment-modes .bouton_selection .btn-danger.contour.active,
.payment-modes .bouton_selection .btn-danger.contour:hover,
.payment-modes .bouton_selection .btn-danger.contour:active:hover, .payment-modes .bouton_selection .btn-danger.contour.active:hover {
  color: #fff;
  background-color: #fe5815;
  box-shadow:none;
}
/**********************************************************************************/

/*********BLANC*********/
.payment-modes .bouton_selection .btn-white{
  color: #4a4a4a;
  background-color: #fff;
}

.payment-modes .bouton_selection .btn-white.contour{
  color: #fff;
  background-color: transparent;
  border: solid 2px #fff;
}
.payment-modes .bouton_selection .btn-white.contour.activated,
.payment-modes .bouton_selection .btn-white.contour:active, .payment-modes .bouton_selection .btn-white.contour.active,
.payment-modes .bouton_selection .btn-white.contour:hover,
.payment-modes .bouton_selection .btn-white.contour:active:hover, .payment-modes .bouton_selection .btn-white.contour.active:hover {
  color: #4a4a4a;
  background-color: #fff;
  box-shadow:none;
}
/**********************************************************************************/

/*********POPIN*********/
#descriptionPopinNonEligible1_pa.responsive-popup .popup-container .popup-content{  text-align: left;  }
#descriptionPopinNonEligible1_pa.responsive-popup .popup-container .btn-container{  padding-top: 10px; }
#descriptionPopinNonEligible1_pa.responsive-popup .popup-container .popup-content .title{  padding-bottom: 5px;  }
#descriptionPopinNonEligible1_pa.responsive-popup .popup-container .popup-content p{  margin: 0px;   }
#descriptionPopinNonEligible1_pa.responsive-popup.white-popup { padding: 30px; max-width: 365px;}

#descriptionPopinNonEligible1_mens.responsive-popup .popup-container .popup-content{  text-align: left;  }
#descriptionPopinNonEligible1_mens.responsive-popup .popup-container .btn-container{  padding-top: 10px; }
#descriptionPopinNonEligible1_mens.responsive-popup .popup-container .popup-content .title{  padding-bottom: 5px;  }
#descriptionPopinNonEligible1_mens.responsive-popup .popup-container .popup-content p{  margin: 0px;   }
#descriptionPopinNonEligible1_mens.responsive-popup.white-popup { padding: 30px; max-width: 500px;}

#descriptionResiliationPopin_tp.responsive-popup .popup-container .popup-content{  text-align: left;  }
#descriptionResiliationPopin_tp.responsive-popup .popup-container .btn-container{  padding-top: 10px; }
#descriptionResiliationPopin_tp.responsive-popup .popup-container .popup-content .title{  padding-bottom: 5px;  }
#descriptionResiliationPopin_tp.responsive-popup .popup-container .popup-content p{  margin: 0px;  }
#descriptionResiliationPopin_tp.responsive-popup.white-popup { padding: 30px; max-width: 500px;}

.mfp-hide {
	display: none !important;
}

/**********************************************************************************/

.payment-modes #paiements .to-resiliation{
    background-color: #ebeff2;
    max-height: 0;
    transform: scale(0);
    transition: transform .3s cubic-bezier(.5,0,.3,1);
    padding: 0 !important;
    margin: 0 !important;
  }

.payment-modes #paiements .to-resiliation.fade-in{
    padding: 30px 20px !important;
    margin: 15px !important;
}

.payment-modes #paiements .fade-in {
    max-height: 3000px!important;
    transform: scale(1)!important;
    -webkit-transform: scale(1)!important;
    -moz-transform: scale(1)!important;
    -ms-transform: scale(1)!important;
    -o-transform: scale(1)!important;
}
  
.payment-modes #paiements .fade-out {
    transform: scale(0);
    transition: transform .4s cubic-bezier(.5,0,.3,1);
    display: none !important;
}

.payment-modes #paiements .to-resiliation {
    position: relative;
    background: #509e2f;
    color: white;
}

.payment-modes #paiements .to-resiliation h2{
    color: white;
    font-size: 20px;
    line-height: 20px;
}

.payment-modes #paiements .to-resiliation p{
    color: white;
}

.payment-modes #paiements .to-resiliation .illustration_tuile {
    visibility: hidden;
}

.payment-modes #paiements .to-resiliation .close-resiliation {
    position: absolute;
    top: 20px;
    right: 20px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    background: black;
    color: white;
    border: none;
	padding: 0;
	font: inherit;
	cursor: pointer;
    outline: inherit;
    height: 30px;
    width: 30px;
}

.payment-modes .bouton_selection .cta-desktop a {
    color: #005bbb !important;
}

#popinDejaPayeModePaiement.responsive-popup .popup-container .popup-content {
  padding-left: 40px;
  padding-right: 40px;
}
.ongletsderoulement {
    background-color: #FFFFFF;
    margin: 0 0 20px 0;
    border: 1px solid #CECECE;
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 5px 1px #BFBFBF;
    box-shadow: 0 2px 5px 1px #BFBFBF;
    width: 100%;
}

.ongletsderoulement_barre_titre {
    cursor: pointer;
    position: relative;
    color: #005BBB;
}

.ongletsderoulement_barre_titre:before {
    position: absolute;
    top: 15%;
    right: 2.5%;
    font-size: 1.4em;
    font-weight: bold !important;
    /* intentionally overwrite default font style */
    color: inherit;
}

.ongletsderoulement_bloc_main-text .right {
    float: right;
}

.ongletsderoulement_bloc_main-text .left {
    float: left;
    padding-right: 10px;
}

.ongletsderoulement_titre {
    padding: 0px 45px 0px 15px;
    height: auto;
    font-weight: bold;
    text-transform: uppercase;
}

.ongletsderoulement_content {
    padding: 0 15px;
}

.ongletsderoulement_bloc_masked {
    padding-left: 15px;
}

.ongletsderoulement_content .ongletsderoulement_btn {
    vertical-align: bottom;
    padding-bottom: 20px;
    clear: both;
}

.ongletsderoulement_bloc_btn a {
    background: url("assets/img/icons/component-gray-button-bg.png") 0 50%;
    border-color: #EEE;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    height: 22px;
    color: #333;
    padding: 4px 10px 0 10px;
    width: auto;
    margin: auto;
}

.ongletsderoulement_bloc_content .tableEDF {
    padding: 15px;
    width: auto;
}

.ongletsderoulement_bloc_masked_link {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url(https://particuliers.edf.com/FRONT/NetExpress/img/link-arrow-bg.png);
    background-origin: padding-box;
    background-size: auto;
    background-repeat: no-repeat;
    background-position: 0 5px;
    border-color: #005BBB;
    border-style: none;
    border-width: 0;
    color: #005BBB;
    cursor: pointer;
    padding: 0 0 20px 10px;
    text-align: left;
}

.ongletsderoulement_bloc_masked_link_text {
    height: auto;
    overflow: scroll;
}

.ongletsderoulement_bloc_masked_content {
    width: 100%;
    overflow: auto;
}

.ongletsderoulement_content .image_content {
    display: inline-block;
}

.image_content.left_image {
    float: left;
    padding-right: 20px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.image_content.right_image {
    float: right;
    padding-left: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.image_content.bottom_image, .image_content.top_image, .image_content.middle_image {
    width: 100%;
}

.image_content.top_image img, .image_content.bottom_image img, .image_content.middle_image img {
    margin: 0 auto;
}

.ongletsderoulement_bloc_main-text {
    position: relative;
}

.ongletsderoulement_bloc_main-text p {
    text-align: justify;
}

.ongletsderoulement_bloc_main-text img {
    display: block;
}

.ongletsderoulement_bloc_masked_content .text {
    margin-left: 20px;
    margin-right: 20px;
}

/* DEBUT DE LA MAQUETTE */

.multiColumn .multi-column-content .column-container{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0;
}
/*Marges entre les colonnes*/

.multiColumn .multi-column-content.small-margin .column-container{
  margin: 0 -6px;
}
.multiColumn .multi-column-content.small-margin .one_column{
  padding:0 6px;
}

.multiColumn .multi-column-content.medium-margin .column-container{
  margin: 0 -15px;
}
.multiColumn .multi-column-content.medium-margin .one_column{
  padding:0 15px;
}

.multiColumn .multi-column-content.large-margin .column-container{
  margin: 0 -20px;
}
.multiColumn .multi-column-content.large-margin .one_column{
  padding:0 20px;
}

.multiColumn .multi-column-content.mega-margin .column-container{
  margin: 0 -24px;
}
.multiColumn .multi-column-content.mega-margin .one_column{
  padding:0 24px;
}

.multiColumn .multi-column-content.background_img, .multiColumn .content_of_column.background_img{
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.multiColumn .multi-column-content .one_column{
  padding: 0;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}


.multi-column-content .one_column .content_of_column{
  width: 100%;
  box-sizing: border-box;
  flex: 1 1 auto;
}

.multi-column-content .one_column .content_of_column.content_of_column--centered {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}


/* 1 colonne 100% */
.multi-column-content.col-1-100 .one_column{
  width: 100%;
}

/* 6 colonnes 16.666...7% */
.multi-column-content.col-6-16 .one_column{
  width: 16.66666666666667%;
}

/* 3 colonnes 33.33% */
.multi-column-content.col-3-33 .one_column{
  width: 33.33%;
}

/* 4 colonnes 25% */
.multi-column-content.col-4-25 .one_column{
  width: 25%;
}

/* 2 colonnes 25% */
.multi-column-content.col-2-50 .one_column{
  width: 50%;
}

.multi-column-content.col-2-16-83 .multi-column-content.col-2-50 > .column-container > .one_column{
  width: 230px !important;
}

/* 2 colonnes 2/3 1/3 */
.multi-column-content.col-2-66-33 .one_column:nth-child(1){
  width: 66.66%;
}

.multi-column-content.col-2-66-33 .one_column:nth-child(2){
  width: 33.33%;
}

.multi-column-content.col-2-66-33 .one_column .content_of_column{
  width: 100%;
}

/* 3 colonnes 50% 25% 25% */
.multi-column-content.col-3-50-25-25 .one_column:nth-child(1){
  width: 50%;
}

.multi-column-content.col-3-50-25-25 .one_column:nth-child(2), .multi-column-content.col-3-50-25-25 .one_column:nth-child(3){
  width: 25%;
}

.multi-column-content.col-3-50-25-25 .one_column .content_of_column{
  width: 100%;
}

/* 3 colonnes 20% 60% 20% */
.multi-column-content.col-3-20-60-20 .one_column:nth-child(1), .multi-column-content.col-3-20-60-20 .one_column:nth-child(3){
  width: 20%;
}

.multi-column-content.col-3-20-60-20 .one_column:nth-child(2){
  width: 60%;
}

.multi-column-content.col-3-20-60-20 .one_column .content_of_column{
  width: 100%;
}

/* 2 colonnes 1/3 2/3 */
.multi-column-content.col-2-33-66 .one_column:nth-child(1){
  width: 33.33%;
}

.multi-column-content.col-2-33-66 .one_column:nth-child(2){
  width: 66.66%;
}

.multi-column-content.col-2-33-66 .one_column .content_of_column{
  width: 100%;
}

/* 2 colonnes 16,66% 83,33% */
.multi-column-content.col-2-16-83 .one_column:nth-child(1){
  width: 16.66%;
}

.multi-column-content.col-2-16-83 .one_column:nth-child(2){
  width: 83.33%;
}

.multi-column-content.col-2-16-83 .one_column .content_of_column{
  width: 100%;
}

/* 3 colonnes 25% 25% 50% */
.multi-column-content.col-3-25-25-50 .one_column:nth-child(1), .multi-column-content.col-3-25-25-50 .one_column:nth-child(2){
  width: 25%;
}

.multi-column-content.col-3-25-25-50 .one_column:nth-child(3){
  width: 50%;
}

.multi-column-content.col-3-25-25-50 .one_column .content_of_column{
  width: 100%;
}

/* 4 colonnes 16% 33% 16% 33% */
.multi-column-content.col-4-16-33-16-33 .one_column:nth-child(1), .multi-column-content.col-4-16-33-16-33 .one_column:nth-child(3){
  width: 16.66%;
}

.multi-column-content.col-4-16-33-16-33 .one_column:nth-child(2), .multi-column-content.col-4-16-33-16-33 .one_column:nth-child(4){
  width: 33.33%;
}

.multi-column-content.col-4-16-33-16-33 .one_column .content_of_column{
  width: 100%;
}

/* 4 colonnes 16% 33% 16% 33% */
.multi-column-content.col-4-33-16-33-16 .one_column:nth-child(1), .multi-column-content.col-4-33-16-33-16 .one_column:nth-child(3){
  width: 33.33%;
}

.multi-column-content.col-4-33-16-33-16 .one_column:nth-child(2), .multi-column-content.col-4-33-16-33-16 .one_column:nth-child(4){
  width: 16.66%;
}

.multi-column-content.col-4-33-16-33-16 .one_column .content_of_column{
  width: 100%;
}

/* 4 colonnes 16% 16% 16% 33% */
.multi-column-content.col-4-16-16-33-33 .one_column:nth-child(1), .multi-column-content.col-4-16-16-33-33 .one_column:nth-child(2){
  width: 16.66%;
}
.multi-column-content.col-4-16-16-33-33 .one_column:nth-child(3), .multi-column-content.col-4-16-16-33-33 .one_column:nth-child(4){
  width: 33.33%;
}

.multi-column-content.col-4-16-16-33-33 .one_column .content_of_column{
  width: 100%;
}

/* 3 colonnes 16% 16% 66% */
.multi-column-content.col-3-16-16-66 .one_column:nth-child(1), .multi-column-content.col-3-16-16-66 .one_column:nth-child(2){
  width: 16.66%;
}

.multi-column-content.col-3-16-16-66 .one_column:nth-child(3){
  width: 66.66%;
}

.multi-column-content.col-3-16-16-66 .one_column .content_of_column{
  width: 100%;
}

/* 3 colonnes 66% 16% 16% */
.multi-column-content.col-3-66-16-16 .one_column:nth-child(2), .multi-column-content.col-3-66-16-16 .one_column:nth-child(3){
  width: 16.66%;
}
.multi-column-content.col-3-66-16-16 .one_column:nth-child(1){
  width: 66.66%;
}

.multi-column-content.col-3-66-16-16 .one_column .content_of_column{
  width: 100%;
}

/* 5 colonnes 33% 16% 16% 16% 16%*/
.multi-column-content.col-5-33-16-16-16-16 .one_column:nth-child(1){
  width: 33.33%;
}

.multi-column-content.col-5-33-16-16-16-16 .one_column:nth-child(2), .multi-column-content.col-5-33-16-16-16-16 .one_column:nth-child(3), .multi-column-content.col-5-33-16-16-16-16 .one_column:nth-child(4), .multi-column-content.col-5-33-16-16-16-16 .one_column:nth-child(5){
  width: 16.66%;
}

.multi-column-content.col-5-33-16-16-16-16 .one_column .content_of_column{
  width: 100%;
}

/* 5 colonnes 16% 16% 16% 16% 33%*/
.multi-column-content.col-5-16-16-16-16-33 .one_column:nth-child(1), .multi-column-content.col-5-16-16-16-16-33 .one_column:nth-child(2), .multi-column-content.col-5-16-16-16-16-33 .one_column:nth-child(3), .multi-column-content.col-5-16-16-16-16-33 .one_column:nth-child(4){
  width: 16.66%;
}
.multi-column-content.col-5-16-16-16-16-33 .one_column:nth-child(5){
  width: 33.33%;
}

.multi-column-content.col-5-16-16-16-16-33 .one_column .content_of_column{
  width: 100%;
}

/* 5 colonnes 16% 16% 33% 16% 16%*/
.multi-column-content.col-5-16-16-33-16-16 .one_column:nth-child(1), .multi-column-content.col-5-16-16-33-16-16 .one_column:nth-child(2), .multi-column-content.col-5-16-16-33-16-16 .one_column:nth-child(4), .multi-column-content.col-5-16-16-33-16-16 .one_column:nth-child(5){
  width: 16.66%;
}
.multi-column-content.col-5-16-16-33-16-16 .one_column:nth-child(3){
  width: 33.33%;
}

.multi-column-content.col-5-16-16-33-16-16 .one_column .content_of_column{
  width: 100%;
}


/* 5 colonnes 20% 20% 20% 20% 20%*/
.multi-column-content.col-5-20 .one_column{
  width: 20%;
}

.multi-column-content.col-5-20 .one_column .content_of_column{
  width: 100%;
}
/***ENDOF COLUMN SPECIFIC STYLES************************************************************/

/* GLOBAL CONTAINER PADDING SIZE OPTIONS */
.multiColumn .multi-column-content.sm-padding-top-bottom{
  padding-top:12px;
  padding-bottom:12px;
}
.multiColumn .multi-column-content.sm-padding-right-left{
  padding-right:12px;
  padding-left:12px;
}
.multiColumn .multi-column-content.md-padding-top-bottom{
  padding-top:30px;
  padding-bottom:30px;
}
.multiColumn .multi-column-content.md-padding-right-left{
  padding-right:30px;
  padding-left:30px;
}
.multiColumn .multi-column-content.lg-padding-top-bottom{
  padding-top:40px;
  padding-bottom:40px;
}
.multiColumn .multi-column-content.lg-padding-right-left{
  padding-right:40px;
  padding-left:40px;
}
.multiColumn .multi-column-content.xl-padding-top-bottom{
  padding-top:48px;
  padding-bottom:48px;
}
.multiColumn .multi-column-content.xl-padding-right-left{
  padding-right:48px;
  padding-left:48px;
}
.multiColumn .multi-column-content.no-padding-top-bottom{
  padding-top: 0;
  padding-bottom: 0;
}
.multiColumn .multi-column-content.no-padding-right-left{
  padding-right: 0;
  padding-left: 0;
}


/***COMMON STYLES TO GLOBAL CONTAINER AND COLUMNS*******************************************/
/*** BORDER SIZE OPTIONS ***/
.multiColumn .sm-border {
  border: 1px solid;
}
.multiColumn .md-border {
  border: 2px solid;
}
.multiColumn .lg-border {
  border: 5px solid;
}
.multiColumn .no-border {
  border: none;
}

/*** BORDER COLOR OPTIONS ***/
.multiColumn .blue-border {
  border-color: #005bbb;
}
.multiColumn .lightgray-border {
  border-color: #f2f2f2
}
.multiColumn .gray-border {
  border-color: #666666;
}
.multiColumn .green-border {
  border-color: #509e2f;
}
.multiColumn .lightgreen-border {
  border-color: #c4d600;
}
.multiColumn .lightorange-border {
  border-color: #ffa02f;
}
.multiColumn .orange-border {
  border-color: #fe5815;
}
.multiColumn .white-border {
  border-color: #ffffff;
}

/*** BACKGROUND COLOR OPTIONS ***/
.multiColumn .blue-bg {
  background-color: #005bbb;
}
.multiColumn .lightgray-bg {
  background-color: #f2f2f2
}
.multiColumn .gray-bg {
  background-color: #666666;
}
.multiColumn .green-bg {
  background-color: #509e2f;
}
.multiColumn .lightgreen-bg {
  background-color: #c4d600;
}
.multiColumn .lightorange-bg {
  background-color: #ffa02f;
}
.multiColumn .orange-bg {
  background-color: #fe5815;
}
.multiColumn .white-bg {
  background-color: #ffffff;
}
.multiColumn .no-color-bg{
  background-color: transparent;
}

/*** BACKGROUND WITH OPACITY OPTIONS ***/
.multiColumn .blue-bg.op-0 {
  background-color: rgba(0,91,187,0);
}
.multiColumn .blue-bg.op-25 {
  background-color: rgba(0,91,187,0.25);
}
.multiColumn .blue-bg.op-50 {
  background-color: rgba(0,91,187,0.5);
}
.multiColumn .blue-bg.op-75 {
  background-color: rgba(0,91,187,0.75);
}

.multiColumn .lightgray-bg.op-0 {
  background-color: rgba(242,242,242,0);
}
.multiColumn .lightgray-bg.op-25 {
  background-color: rgba(242,242,242,0.25);
}
.multiColumn .lightgray-bg.op-50 {
  background-color: rgba(242,242,242,0.5);
}
.multiColumn .lightgray-bg.op-75 {
  background-color: rgba(242,242,242,0.75);
}


.multiColumn .gray-bg.op-0 {
  background-color: rgba(102,102,102,0);
}
.multiColumn .gray-bg.op-25 {
  background-color: rgba(102,102,102,0.25);
}
.multiColumn .gray-bg.op-50 {
  background-color: rgba(102,102,102,0.5);
}
.multiColumn .gray-bg.op-75 {
  background-color: rgba(102,102,102,0.75);
}

.multiColumn .green-bg.op-0 {
  background-color: rgba(80, 158, 47,0);
}
.multiColumn .green-bg.op-25 {
  background-color: rgba(80, 158, 47,0.25);
}
.multiColumn .green-bg.op-50 {
  background-color: rgba(80, 158, 47,0.5);
}
.multiColumn .green-bg.op-75 {
  background-color: rgba(80, 158, 47,0.75);
}

.multiColumn .lightgreen-bg.op-0 {
  background-color: rgba(196, 214, 0,0);
}
.multiColumn .lightgreen-bg.op-25 {
  background-color: rgba(196, 214, 0,0.25);
}
.multiColumn .lightgreen-bg.op-50 {
  background-color: rgba(196, 214, 0,0.5);
}
.multiColumn .lightgreen-bg.op-75 {
  background-color: rgba(196, 214, 0,0.75);
}

.multiColumn .lightorange-bg.op-0 {
  background-color: rgba(255, 160, 47,0);
}
.multiColumn .lightorange-bg.op-25 {
  background-color: rgba(255, 160, 47,0.25);
}
.multiColumn .lightorange-bg.op-50 {
  background-color: rgba(255, 160, 47,0.5);
}
.multiColumn .lightorange-bg.op-75 {
  background-color: rgba(255, 160, 47,0.75);
}

.multiColumn .orange-bg.op-0 {
  background-color: rgba(254, 88, 21,0);
}
.multiColumn .orange-bg.op-25 {
  background-color: rgba(254, 88, 21,0.25);
}
.multiColumn .orange-bg.op-50 {
  background-color: rgba(254, 88, 21,0.5);
}
.multiColumn .orange-bg.op-75 {
  background-color: rgba(254, 88, 21,0.75);
}

.multiColumn .white-bg.op-0 {
  background-color: rgba(255,255,255,0);
}
.multiColumn .white-bg.op-25 {
  background-color: rgba(255,255,255,0.25);
}
.multiColumn .white-bg.op-50 {
  background-color: rgba(255,255,255,0.5);
}
.multiColumn .white-bg.op-75 {
  background-color: rgba(255,255,255,0.75);
}

/*** IMAGE BACKGROUND POSITIONING ***/
.multiColumn .multi-column-content .one_column .content_of_column.background_img {
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

/* COLUMNS PADDING SIZE OPTIONS */
.multiColumn .multi-column-content .one_column .content_of_column.sm-padding-column-top{
  padding-top:15px;
}
.multiColumn .multi-column-content .one_column .content_of_column.sm-padding-column-bottom{
  padding-bottom:15px;
}
.multiColumn .multi-column-content .one_column .content_of_column.sm-padding-column-right{
  padding-right:15px;
}
.multiColumn .multi-column-content .one_column .content_of_column.sm-padding-column-left{
  padding-left:15px;
}


.multiColumn .multi-column-content .one_column .content_of_column.md-padding-column-top{
  padding-top:30px;
}
.multiColumn .multi-column-content .one_column .content_of_column.md-padding-column-bottom{
  padding-bottom:30px;
}
.multiColumn .multi-column-content .one_column .content_of_column.md-padding-column-right{
  padding-right:30px;
}
.multiColumn .multi-column-content .one_column .content_of_column.md-padding-column-left{
  padding-left:30px;
}

.multiColumn .multi-column-content .one_column .content_of_column.lg-padding-column-top{
  padding-top:40px;
}
.multiColumn .multi-column-content .one_column .content_of_column.lg-padding-column-bottom{
  padding-bottom:40px;
}
.multiColumn .multi-column-content .one_column .content_of_column.lg-padding-column-right{
  padding-right:40px;
}
.multiColumn .multi-column-content .one_column .content_of_column.lg-padding-column-left{
  padding-left:40px;
}

.multiColumn .multi-column-content .one_column .content_of_column.no-padding-column-top{
  padding-top:0;
}
.multiColumn .multi-column-content .one_column .content_of_column.no-padding-column-bottom{
  padding-bottom:0;
}
.multiColumn .multi-column-content .one_column .content_of_column.no-padding-column-right{
  padding-right:0;
}
.multiColumn .multi-column-content .one_column .content_of_column.no-padding-column-left{
  padding-left:0;
}

/***ENDOF COMMON STYLES*********************************************************************/

/***  RESPONSIVE COLUMNS  *****/

@media only screen and (max-width:1023px) {
  .content .multi-column-content.col-6-16 .one_column{
    width: 33.33%;
  }

  .content .multi-column-content.col-4-25 .one_column{
    width: 50%;
  }

  .content .multi-column-content.col-3-50-25-25 .one_column:nth-child(1){
    width: 100%;
  }

  .content .multi-column-content.col-3-50-25-25 .one_column:nth-child(2), .content .multi-column-content.col-3-50-25-25 .one_column:nth-child(3){
    width: 50%;
  }

  .content .multi-column-content.col-3-20-60-20 .one_column{
    width: 100%;
  }

  .content .multi-column-content.col-2-16-83 .one_column{
    width: 100%;
  }

  .content .multi-column-content.col-3-25-25-50 .content .one_column:nth-child(1), .content .multi-column-content.col-3-25-25-50 .content .one_column:nth-child(2){
    width: 50%;
  }

  .content .multi-column-content.col-3-25-25-50 .content .one_column:nth-child(3){
    width: 100%;
  }

  .content .multi-column-content.col-4-16-33-16-33 .one_column{
    width: 50%;
  }

  .content .multi-column-content.col-4-33-16-33-16 .one_column{
    width: 50%;
  }

  .content .multi-column-content.col-4-16-16-33-33 .one_column{
    width: 50%;
  }

  .content .multi-column-content.col-3-16-16-66 .one_column:nth-child(1),
  .content .multi-column-content.col-3-16-16-66 .one_column:nth-child(2),
  .content .multi-column-content.col-3-66-16-16 .one_column:nth-child(2),
  .content .multi-column-content.col-3-66-16-16 .one_column:nth-child(3){
    width: 50%;
  }

  .content .multi-column-content.col-3-16-16-66 .one_column:nth-child(3),
  .content .multi-column-content.col-3-66-16-16 .one_column:nth-child(1){
    width: 100%;
  }

  .content .multi-column-content.col-5-33-16-16-16-16 .one_column:nth-child(1),
  .content .multi-column-content.col-5-16-16-16-16-33 .one_column:nth-child(5),
  .content .multi-column-content.col-5-16-16-33-16-16 .one_column:nth-child(3){
    width: 100%;
  }

  .content .multi-column-content.col-5-33-16-16-16-16 .one_column:nth-child(2),
  .content .multi-column-content.col-5-33-16-16-16-16 .one_column:nth-child(3),
  .content .multi-column-content.col-5-33-16-16-16-16 .one_column:nth-child(4),
  .content .multi-column-content.col-5-33-16-16-16-16 .one_column:nth-child(5),
  .content .multi-column-content.col-5-16-16-16-16-33 .one_column:nth-child(1),
  .content .multi-column-content.col-5-16-16-16-16-33 .one_column:nth-child(2),
  .content .multi-column-content.col-5-16-16-16-16-33 .one_column:nth-child(3),
  .content .multi-column-content.col-5-16-16-16-16-33 .one_column:nth-child(4),
  .content .multi-column-content.col-5-16-16-33-16-16 .one_column:nth-child(1),
  .content .multi-column-content.col-5-16-16-33-16-16 .one_column:nth-child(2),
  .content .multi-column-content.col-5-16-16-33-16-16 .one_column:nth-child(4),
  .content .multi-column-content.col-5-16-16-33-16-16 .one_column:nth-child(5) {
    width: 50%;
  }

  .content .multi-column-content.col-5-20 .one_column{
    width: 50%;
  }

  .multiColumn .multi-column-content.medium-margin .column-container{
    margin: -15px;
  }
  .multiColumn .multi-column-content.medium-margin .one_column{
    padding: 15px;
  }
  .multiColumn .multi-column-content.large-margin .column-container{
    margin: -20px;
  }
  .multiColumn .multi-column-content.mega-margin .one_column{
    padding: 20px;
  }
  .multiColumn .multi-column-content.mega-margin .column-container{
    margin: -24px;
  }
  .multiColumn .multi-column-content.large-margin .one_column{
    padding: 24px;
  }

  .content .multi-column-content.full-1024 .one_column{
    width: 100%;
  }
}

@media only screen and (max-width:1280px) {

  .multiColumn .multi-column-content.small-margin .column-container{
    margin: -6px;
  }
  .multiColumn .multi-column-content.small-margin .one_column{
    padding: 6px;
  }
}


@media only screen and (max-width:768px) {
  .multi-column-content.full-width-mobile .full-width-mobile.one_column {
    width: 100%;
  }

  .multiColumn .display-none-mobile{
    display:none;
  }

  .multiColumn .multi-column-content .one_column.display-none-mobile{
    display:none;
  }
  .multiColumn .multi-column-content.md-padding-right-left,
  .multiColumn .multi-column-content.md-padding-top-bottom,
  .multiColumn .multi-column-content.lg-padding-right-left,
  .multiColumn .multi-column-content.lg-padding-top-bottom,
  .multiColumn .multi-column-content.xl-padding-right-left,
  .multiColumn .multi-column-content.xl-padding-top-bottom{
    padding: 12px;
  }

  .multiColumn .multi-column-content.small-margin .column-container{
    margin: -6px;
  }
  .multiColumn .multi-column-content.small-margin .one_column{
    padding: 6px;
  }

  .multiColumn .multi-column-content.medium-margin .column-container{
    margin: -6px;
  }
  .multiColumn .multi-column-content.medium-margin .one_column{
    padding: 6px;
  }
  .multiColumn .multi-column-content.large-margin .column-container{
    margin: -6px;
  }
  .multiColumn .multi-column-content.mega-margin .one_column{
    padding: 6px;
  }
  .multiColumn .multi-column-content.mega-margin .column-container{
    margin: -6px;
  }
  .multiColumn .multi-column-content.large-margin .one_column{
    padding: 6px;
  }

  .multiColumn .multi-column-content .one_column .content_of_column.md-padding-column-top{
    padding-top:15px;
  }
  .multiColumn .multi-column-content .one_column .content_of_column.md-padding-column-bottom{
    padding-bottom:15px;
  }
  .multiColumn .multi-column-content .one_column .content_of_column.md-padding-column-right{
    padding-right:15px;
  }
  .multiColumn .multi-column-content .one_column .content_of_column.md-padding-column-left{
    padding-left:15px;
  }

  .multiColumn .multi-column-content .one_column .content_of_column.sm-padding-column-top{
    padding-top:15px;
  }
  .multiColumn .multi-column-content .one_column .content_of_column.sm-padding-column-bottom{
    padding-bottom:15px;
  }
  .multiColumn .multi-column-content .one_column .content_of_column.sm-padding-column-right{
    padding-right:15px;
  }
  .multiColumn .multi-column-content .one_column .content_of_column.sm-padding-column-left{
    padding-left:15px;
  }

  .multiColumn .multi-column-content .one_column .content_of_column.lg-padding-column-top{
    padding-top:20px;
  }
  .multiColumn .multi-column-content .one_column .content_of_column.lg-padding-column-bottom{
    padding-bottom:20px;
  }
  .multiColumn .multi-column-content .one_column .content_of_column.lg-padding-column-right{
    padding-right:20px;
  }
  .multiColumn .multi-column-content .one_column .content_of_column.lg-padding-column-left{
    padding-left:20px;
  }

  .multi-column-content.col-2-16-83 .multi-column-content.col-2-50 > .column-container > .one_column{
    width: 100% !important;
  }
}

#balImgcompteur-linky-img {
  max-width: 130px !important;
}
@media only screen and (max-width:768px) {
  /* ID de l'image de contrib' */
  #balImgcompteur-linky-img {
    float: none;
    margin: auto;
  }
}
#profilTab .clientaccount-header-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 110px;
  background: #fe5815 url("assets/img/icons/pattern.png") repeat center center; }
#profilTab .clientaccount-header-container .clientaccount-header-title {
  margin: 0 auto;
  padding: 0 15px;
  max-width: 930px;
  width: 100%;
  font-family: "frutiger-light", sans-serif;
  font-size: 1.5rem;
  line-height: 1.75rem;
  text-align: center;
  color: #ffffff; }

#profilTab .profil-blocs-list {
  margin: 0;
  padding: 0;
  font-family: "frutiger", Arial, sans-serif; }

#profilTab .profil-bloc-item {
  background-color: #ffffff;
  border-top: 10px solid #edf1f5;
  padding: 0 15px 10px; }
#profilTab .profil-bloc-item:first-child {
  border-top: none; }

#profilTab .profil-bloc-header {
  margin: 0 auto;
  padding: 15px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  height: 70px;
  max-width: 930px;
  width: 100%;
  overflow: hidden; }
#profilTab .profil-bloc-header .profil-bloc-title {
  font-family: "frutiger-light", sans-serif;
  display: inline-block;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 66%;
  flex: 1 1 66%;
  font-size: 1.25rem;
  line-height: 1.5rem;
  color: #09357a;
  text-transform: uppercase; }
#profilTab .profil-bloc-header .profil-bloc-info {
  margin-left: 10px;
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  font-size: 0.625rem;
  line-height: 0.75rem;
  color: #666666;
  text-align: right;
  /* needed to bypass apple's automatic number */ }
#profilTab .profil-bloc-header .profil-bloc-info a {
  color: inherit !important;
  text-decoration: none !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important; }

#profilTab .profil-bloc-content {
  margin: 0 auto;
  max-width: 930px;
  width: 100%; }

#profilTab .bloc-item-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid #dfdfdf; }
#profilTab .bloc-item-row:first-child {
  border-top: none; }
#profilTab .bloc-item-row .is-grouped {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 60%;
  flex: 0 1 60%; }

#profilTab .bloc-item-content {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 70%;
  flex: 0 1 70%;
  max-width: 70%;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 75px;
  overflow: hidden; }
#profilTab .bloc-item-content.adress-bloc-item-row{
  height: 100px;
}
#profilTab .bloc-item-content > div {
  display: inline-block;
  max-width: 100%; }
#profilTab .bloc-item-content .bloc-item-icon {
  display: none; }
#profilTab .bloc-item-content .label-placeholder-title {
  display: block;
  font-size: 0.625rem;
  line-height: 0.625rem;
  color: #9e9e9e;
  text-transform: uppercase;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  /* needed to bypass apple's automatic number */ }
#profilTab .bloc-item-content .label-placeholder-title a[href^="tel:"] {
  color: inherit !important;
  text-decoration: none !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important; }
#profilTab .bloc-item-content .label-content {
  margin-top: 5px;
  display: block;
  max-height: 36px;
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: #09357a;
  overflow: hidden;
  /* needed to bypass apple's automatic number */ }
#profilTab .bloc-item-content .label-content a[href^="tel:"] {
  color: inherit !important;
  text-decoration: none !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important; }
#profilTab .bloc-item-content .label-content.is-placeholder {
  color: #9e9e9e; }
#profilTab .bloc-item-content .label-info {
  margin-top: 4px;
  display: block;
  font-size: 0.625rem;
  line-height: 0.625rem;
  color: #666666;
  overflow: hidden;
  max-height: 20px;
  /* needed to bypass apple's automatic number */ }
#profilTab .bloc-item-content .label-info a[href^="tel:"] {
  color: inherit !important;
  text-decoration: none !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important; }

#profilTab .bloc-item-action {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: right; }
#profilTab .bloc-item-action .action-link {
  display: block;
  margin-left: 10px;
  font-size: 0.875rem;
  line-height: 1rem;
  font-weight: bold;
  text-transform: uppercase;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
#profilTab .bloc-item-action .action-link.is-removable {
  color: #f23037; }
#profilTab .bloc-item-action .action-link .is-desktop {
  display: none; }
#profilTab .bloc-item-action .action-link .is-mobile {
  display: block; }
@media screen and (min-width: 768px) {
  #profilTab .clientaccount-header-container .clientaccount-header-title {
    font-size: 1.875rem;
    line-height: 2.25rem; }
  #profilTab .profil-bloc-header .profil-bloc-title {
    font-size: 1.5rem;
    line-height: 1.75rem; }
  #profilTab .profil-bloc-header .profil-bloc-info {
    font-size: 0.75rem;
    line-height: 0.938rem; }
  #profilTab .bloc-item-content .label-content {
    font-size: 1rem;
    line-height: 1.25rem;
    max-height: 40px; }
  #profilTab .bloc-item-content .label-info {
    font-size: 0.75rem;
    line-height: 0.75rem;
    max-height: 24px; }
  #profilTab .bloc-item-action .action-link .is-desktop {
    display: block; }
  #profilTab .bloc-item-action .action-link .is-mobile {
    display: none; } }
@media screen and (min-width: 375px) {
  #profilTab .bloc-item-content .bloc-item-icon {
    display: inline-block;
    margin-right: 16px;
    width: 24px;
    height: 24px; } }

.icon-information-mirror:before {
  content: "\e900";
  color: #828990;
  vertical-align: middle;
}

.tooltip_templates { display: none; }

.border {
  border-bottom: 1px dotted #333;
}

.tooltip {
  font-size: inherit;
  cursor: help;
  font-size: inherit;
}

.tooltip img {
  vertical-align: middle;
  width: 16px;
  height: 16px;
  display: inline-block;
}

.tooltip-close{
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}

.tooltipster-sidetip.tooltipster-shadow .tooltipster-content h3 {
  margin: 0;
  padding: 0;
  margin-bottom: 0;
  font-size: 1.25rem; /* 20px */
  line-height: 1.625rem; /* 26px */
  color: #6f6f6f;
  font-weight: bold;
}

.tooltipster-base { pointer-events: auto; }

.tooltipster-sidetip.tooltipster-shadow .tooltipster-content a {
  text-decoration: underline;
  cursor: pointer;
  display: inline-block;
}

.tooltipster-sidetip.tooltipster-shadow .tooltipster-content p {
  margin: 0 0 0 0;
  padding: 0;
  font-size:1rem; /* 16px */
  line-height: 1.375rem; /* 22px */
  color: #6f6f6f;
}

.tooltipster-sidetip.tooltipster-shadow .tooltipster-box{
  position: relative;
  padding: 5px 5px;
  border:none;
  border-radius:2px;
  background:#f1f5f9;
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
  width: 320px;
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-arrow-border{
  border-bottom-color:#f1f5f9
}
.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-arrow-border{
  border-left-color:#f1f5f9
}
.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow-border{
  border-right-color:#f1f5f9
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-arrow-border{
  border-top-color:#f1f5f9
}

@media screen and (min-width: 1025px){
  .tooltipster-sidetip.tooltipster-shadow .tooltipster-content h3 {
    font-size: 1.25rem; /* 20px */
    line-height: 1.625rem; /* 26px */
  }

  .tooltipster-sidetip.tooltipster-shadow .tooltipster-content p {
    font-size:1rem; /* 16px */
    line-height: 1.375rem; /* 22px */
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {

  .tooltipster-sidetip.tooltipster-shadow .tooltipster-content h3 {
    font-size: 1.0625rem; /* 17px */
    line-height: 1.4375rem; /* 23px */
  }

  .tooltipster-sidetip.tooltipster-shadow .tooltipster-content p {
    font-size:0.875rem; /* 14px */
    line-height: 1.25rem; /* 20px */
  }
}

@media screen and (max-width: 767px) {

  .tooltipster-sidetip.tooltipster-shadow .tooltipster-content p {
    font-size:0.875rem; /* 14px */
    line-height: 1.25rem; /* 20px */
  }
}

@media screen and (max-width: 568px) {

  .tooltipster-sidetip.tooltipster-shadow .tooltipster-content h3 {
    font-size: 1.0625rem; /* 17px */
    line-height: 1.4375rem; /* 23px */
  }
}

.tooltipster-sidetip.tooltipster-shadow .tooltipster-box{
  width: 100%;
  margin: 0 15px;
}

#profilTab .btn-white{
  color:#4a4a4a;
  background: #fff;
}
#profilTab .btn-warning{
  color:#fe5815;
  background: #fff;
}
#profilTab .btn-secondary{
  color:#666;
  background: #fff;
}
#profilTab .btn-primary{
  color:#007bff ;
  background: #fff;
}
#profilTab .btn-vert-claire-new{
  color:#c4d600;
  background: #fff;
}

#profilTab .btn-success{
  color:#509e2f;
  background: #fff;
}
#profilTab .btn-orange-new{
  color:#fe5815;
  background: #fff;
}

#profilTab .btn-red{
  color:#f23037;
  background: #fff;
}

#profilTab img{
  vertical-align: middle;
  width: 24px;
  height: 24px;
  display: inline-block;
  max-width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
}

#profilTab .action-link{
  text-align: right;
}

#profilTab .bloc-item-row.cssHelper {
  border-top: 1px solid #dfdfdf;
}

@media only screen and (min-width: 1024px) {
  #profilTab .no-flex {
    flex: none;
    width: 50%;
  }
}


#popin_conf_compte {
  padding: 0px;
}

#profilTab #section-infobanq{
  border-top-color : rgb(233, 233, 233);
  border-top-width: 0px;
}

#profilTab #infobanq-css{
  border-top-color : rgb(233, 233, 233);
  border-top-width: 1px;
  border-top-style: solid;
  border-bottom-color : rgb(233, 233, 233);
  border-bottom-width: 1px;
  border-bottom-style: solid;
  padding: 0px;
  padding-bottom: 15px;
  height: 80px;
}
#profilTab #monLogCss{
  padding-bottom: 0px;
}

@media only screen and (max-width: 500px) {
  #profilTab .bloc-item-row.many-bloc-item-row{
    display: block;
    position: relative;
  }

  #profilTab .bloc-item-row.many-bloc-item-row .bloc-item-content {
    flex: none;
    max-width: 100%;
  }

  #profilTab .bloc-item-row.many-bloc-item-row .bloc-item-content .label-content{
    max-width: 200px;
  }

  #profilTab .bloc-item-row.many-bloc-item-row .bloc-item-action{
    position: absolute;
    top: 60%;
    transform: translateY(-50%);
    right: 0;
  }

  #profilTab .bloc-item-row.many-bloc-item-row .action-link {
    text-align: right;
    margin-bottom: 20px;
    margin-left: 0;
  }

  #profilTab #iban_banq{
    max-width: 250px;
  }

  #profilTab #RUM_banq{
    max-width: 250px;
  }


}
#popin_et_compte{
  padding: 0px;
}


.tooltipster-fall,.tooltipster-grow.tooltipster-show{-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-base{display:flex;pointer-events:none;position:absolute}.tooltipster-box{flex:1 1 auto}.tooltipster-content{box-sizing:border-box;max-height:100%;max-width:100%;overflow:auto}.tooltipster-ruler{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;visibility:hidden}.tooltipster-fade{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;-ms-transition-property:opacity;transition-property:opacity}.tooltipster-fade.tooltipster-show{opacity:1}.tooltipster-grow{-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-backface-visibility:hidden}.tooltipster-grow.tooltipster-show{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-swing{opacity:0;-webkit-transform:rotateZ(4deg);-moz-transform:rotateZ(4deg);-o-transform:rotateZ(4deg);-ms-transform:rotateZ(4deg);transform:rotateZ(4deg);-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform}.tooltipster-swing.tooltipster-show{opacity:1;-webkit-transform:rotateZ(0);-moz-transform:rotateZ(0);-o-transform:rotateZ(0);-ms-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,1);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-moz-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-ms-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-o-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);transition-timing-function:cubic-bezier(.23,.635,.495,2.4)}.tooltipster-fall{-webkit-transition-property:top;-moz-transition-property:top;-o-transition-property:top;-ms-transition-property:top;transition-property:top;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-fall.tooltipster-initial{top:0!important}.tooltipster-fall.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;top:0!important;opacity:0}.tooltipster-slide{-webkit-transition-property:left;-moz-transition-property:left;-o-transition-property:left;-ms-transition-property:left;transition-property:left;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-slide.tooltipster-initial{left:-40px!important}.tooltipster-slide.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;left:0!important;opacity:0}@keyframes tooltipster-fading{0%{opacity:0}100%{opacity:1}}.tooltipster-update-fade{animation:tooltipster-fading .4s}@keyframes tooltipster-rotating{25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}100%{transform:rotate(0)}}.tooltipster-update-rotate{animation:tooltipster-rotating .6s}@keyframes tooltipster-scaling{50%{transform:scale(1.1)}100%{transform:scale(1)}}.tooltipster-update-scale{animation:tooltipster-scaling .6s}.tooltipster-sidetip .tooltipster-box{background:#565656;border:2px solid #000;border-radius:4px}.tooltipster-sidetip.tooltipster-bottom .tooltipster-box{margin-top:8px}.tooltipster-sidetip.tooltipster-left .tooltipster-box{margin-right:8px}.tooltipster-sidetip.tooltipster-right .tooltipster-box{margin-left:8px}.tooltipster-sidetip.tooltipster-top .tooltipster-box{margin-bottom:8px}.tooltipster-sidetip .tooltipster-content{color:#fff;line-height:18px;padding:6px 14px}.tooltipster-sidetip .tooltipster-arrow{overflow:hidden;position:absolute}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow{height:10px;margin-left:-10px;top:0;width:20px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow{height:20px;margin-top:-10px;right:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow{height:20px;margin-top:-10px;left:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow{bottom:0;height:10px;margin-left:-10px;width:20px}.tooltipster-sidetip .tooltipster-arrow-background,.tooltipster-sidetip .tooltipster-arrow-border{height:0;position:absolute;width:0}.tooltipster-sidetip .tooltipster-arrow-background{border:10px solid transparent}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#565656;left:0;top:3px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background{border-left-color:#565656;left:-3px;top:0}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{border-right-color:#565656;left:3px;top:0}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{border-top-color:#565656;left:0;top:-3px}.tooltipster-sidetip .tooltipster-arrow-border{border:10px solid transparent;left:0;top:0}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#000}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border{border-left-color:#000}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border{border-right-color:#000}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border{border-top-color:#000}.tooltipster-sidetip .tooltipster-arrow-uncropped{position:relative}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped{top:-10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped{left:-10px}
.tooltipster-sidetip.tooltipster-shadow .tooltipster-box{border:none;border-radius:5px;background:#fff;box-shadow:0 0 10px 6px rgba(0,0,0,.1)}.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-box{margin-top:6px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-box{margin-right:6px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-box{margin-left:6px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-box{margin-bottom:6px}.tooltipster-sidetip.tooltipster-shadow .tooltipster-content{color:#8d8d8d}.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow{height:6px;margin-left:-6px;width:12px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-arrow,.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow{height:12px;margin-left:0;margin-top:-6px;width:6px}.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow-background{display:none}.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow-border{border:6px solid transparent}.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#fff}.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-arrow-border{border-left-color:#fff}.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow-border{border-right-color:#fff}.tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-arrow-border{border-top-color:#fff}.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-arrow-uncropped{top:-6px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow-uncropped{left:-6px}
/** couleur*/
.bg-primary {
	background: #007BFF;
}

.bg-secondary {
	background: #666666;
}

.bg-success {
	background: #00C172;
}

.bg-danger {
	background: #F23037;
}

.bg-light {
	background: #fff;
}

.bg-dark {
	background: #333333;
}

.bg-dark-green-edf {
	background: #509E2F;
}

.bg-light-green-edf {
	background: #C4D600;
}

.bg-dark-blue-edf {
	background: #09357A;
}

.bg-light-blue-edf {
	background: #005bbb;
}

.bg-dark-orange-edf {
	background: #FE5815;
}

.bg-light-orange-edf {
	background: #FFA02F;
}
/***********************************************************************************************************************/
/* GENERIC DEFAULT STYLES*/
.card-collection__container {
	max-width: 1140px;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.card-collection__row div[class^="col-"] {
	padding-top: 15px;
	padding-bottom: 15px;
}

/* different tailles d'espacement haut et bas par defaut 60px */
.card-collection__row {
	padding-top: 15px;
	padding-bottom: 15px;
}

/***********************************************************************************************************************/
@media ( max-width : 768px) {
	.no-mobile-display {
		display: none;
	}
}

@media ( min-width : 1025px) {
	.no-desktop-display {
		display: none;
	}
}

@media screen and (min-width: 768px) and (max-width: 1025px) {
	.no-tablet-display {
		display: none;
	}
}

@media screen and (min-width: 992px) {
	.card-collection__row {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.row {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-right: -15px;
		margin-left: -15px
	}
	.space-xxs {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.space-xs {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.space-sm {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.space-md {
		padding-top: 90px;
		padding-bottom: 90px;
	}
	.space-lg {
		padding-top: 120px;
		padding-bottom: 120px;
	}
	.space-lgg {
		padding-top: 150px;
		padding-bottom: 150px;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.card-collection__row {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.space-xxs {
		padding-top: 15px;
		padding-bottom: 15px;
	}
}
/*# sourceMappingURL=main.css.map */
#userServices .contour {
  border-bottom-color: white;
  border-top-color: white;
  border-right-color: white;
  border-left-color: white;
  color: white;
}

#userServices #resiliateConsumEquiBtn, #userServices #subscribedConsumEquiBtn {
  font-size: 14px;
  background: #fff;
  color: #000;
  font-weight: bold;
}

#userServices .btn-orange-new {
  background-color: #fe5815 !important;
  color: white !important;
}

#userServices .ico-r {
  float: right;
  font-weight: bold;
  font-size: 15px;
}

#userServices a {
  padding-top: 13px;
}

#userServices .btn-success {
  background-color: #00c172;
}

#userServices .shadow {
  background-color: #fff;
}

#userServices .button-text {
  vertical-align: baseline;
}

#userServices .services-page-description + p {
  text-align: center;
}

.btn-primary {
    color: #fff;
    background-color: #007BFF;
}

.uppercase {
    text-transform: uppercase;
    font-family: Frutiger, Helvetica, Arial, sans-serif;
}

.checbox-cgu-field {
  margin-top: 20px;
  font-family: "frutiger", sans-serif;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 400;
  text-decoration: inherit;
  text-transform: inherit;
  color: #666666;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  vertical-align: middle;
  text-align: left;
}

.checbox-cgu-field > label, .checbox-cgu-field .label {
  margin-left: 15px;
  display: inline-block;
  vertical-align: middle;
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
  margin-right: auto;
  text-align: left;
  padding-left: 0;
}

.checbox-cgu-field .link {
  color: #007bff;
}

@-webkit-keyframes mdc-ripple-fg-radius-in {
  from {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
    transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
  }
  to {
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  }
}

@keyframes mdc-ripple-fg-radius-in {
  from {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
    transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
  }
  to {
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  }
}

@-webkit-keyframes mdc-ripple-fg-opacity-in {
  from {
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    opacity: 0;
  }
  to {
    opacity: var(--mdc-ripple-fg-opacity, 0.16);
  }
}

@keyframes mdc-ripple-fg-opacity-in {
  from {
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    opacity: 0;
  }
  to {
    opacity: var(--mdc-ripple-fg-opacity, 0.16);
  }
}

@-webkit-keyframes mdc-ripple-fg-opacity-out {
  from {
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    opacity: var(--mdc-ripple-fg-opacity, 0.16);
  }
  to {
    opacity: 0;
  }
}

@keyframes mdc-ripple-fg-opacity-out {
  from {
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    opacity: var(--mdc-ripple-fg-opacity, 0.16);
  }
  to {
    opacity: 0;
  }
}

.mdc-ripple-surface--test-edge-var-bug {
  --mdc-ripple-surface-test-edge-var: 1px solid #000;
  visibility: hidden;
}

.mdc-ripple-surface--test-edge-var-bug::before {
  border: var(--mdc-ripple-surface-test-edge-var);
}

@-webkit-keyframes mdc-checkbox-unchecked-checked-checkmark-path {
  0%,
  50% {
    stroke-dashoffset: 29.78334px;
  }
  50% {
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes mdc-checkbox-unchecked-checked-checkmark-path {
  0%,
  50% {
    stroke-dashoffset: 29.78334px;
  }
  50% {
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    stroke-dashoffset: 0;
  }
}

@-webkit-keyframes mdc-checkbox-unchecked-indeterminate-mixedmark {
  0%,
  68.2% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
  }
  68.2% {
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0, 1);
    animation-timing-function: cubic-bezier(0, 0, 0, 1);
  }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}

@keyframes mdc-checkbox-unchecked-indeterminate-mixedmark {
  0%,
  68.2% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
  }
  68.2% {
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0, 1);
    animation-timing-function: cubic-bezier(0, 0, 0, 1);
  }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}

@-webkit-keyframes mdc-checkbox-checked-unchecked-checkmark-path {
  from {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
    animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
    opacity: 1;
    stroke-dashoffset: 0;
  }
  to {
    opacity: 0;
    stroke-dashoffset: -29.78334px;
  }
}

@keyframes mdc-checkbox-checked-unchecked-checkmark-path {
  from {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
    animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
    opacity: 1;
    stroke-dashoffset: 0;
  }
  to {
    opacity: 0;
    stroke-dashoffset: -29.78334px;
  }
}

@-webkit-keyframes mdc-checkbox-checked-indeterminate-checkmark {
  from {
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
}

@keyframes mdc-checkbox-checked-indeterminate-checkmark {
  from {
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
}

@-webkit-keyframes mdc-checkbox-indeterminate-checked-checkmark {
  from {
    -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
    animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    opacity: 1;
  }
}

@keyframes mdc-checkbox-indeterminate-checked-checkmark {
  from {
    -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
    animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    opacity: 1;
  }
}

@-webkit-keyframes mdc-checkbox-checked-indeterminate-mixedmark {
  from {
    -webkit-animation-timing-function: mdc-animation-deceleration-curve-timing-function;
    animation-timing-function: mdc-animation-deceleration-curve-timing-function;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
  }
}

@keyframes mdc-checkbox-checked-indeterminate-mixedmark {
  from {
    -webkit-animation-timing-function: mdc-animation-deceleration-curve-timing-function;
    animation-timing-function: mdc-animation-deceleration-curve-timing-function;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
  }
}

@-webkit-keyframes mdc-checkbox-indeterminate-checked-mixedmark {
  from {
    -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
    animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
    opacity: 0;
  }
}

@keyframes mdc-checkbox-indeterminate-checked-mixedmark {
  from {
    -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
    animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
    opacity: 0;
  }
}

@-webkit-keyframes mdc-checkbox-indeterminate-unchecked-mixedmark {
  0% {
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1;
  }
  32.8%,
  100% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    opacity: 0;
  }
}

@keyframes mdc-checkbox-indeterminate-unchecked-mixedmark {
  0% {
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1;
  }
  32.8%,
  100% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    opacity: 0;
  }
}

.mdc-checkbox {
  padding: 0px;
  display: inline-block;
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 18px;
  flex: 0 0 18px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  width: 18px;
  height: 18px;
  line-height: 0;
  white-space: nowrap;
  cursor: pointer;
  vertical-align: bottom;
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: transparent;
  will-change: transform, opacity;
}

.mdc-checkbox .mdc-checkbox__native-control:disabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {
  border-color: rgba(0, 0, 0, 0.26);
}

.mdc-checkbox .mdc-checkbox__native-control:disabled:checked ~ .mdc-checkbox__background,
.mdc-checkbox .mdc-checkbox__native-control:disabled:indeterminate ~ .mdc-checkbox__background {
  border-color: transparent;
  background-color: rgba(0, 0, 0, 0.26);
}

.mdc-checkbox--theme-dark .mdc-checkbox__native-control:disabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background,
.mdc-theme--dark .mdc-checkbox .mdc-checkbox__native-control:disabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {
  border-color: rgba(255, 255, 255, 0.3);
}

.mdc-checkbox--theme-dark .mdc-checkbox__native-control:disabled:checked ~ .mdc-checkbox__background,
.mdc-checkbox--theme-dark .mdc-checkbox__native-control:disabled:indeterminate ~ .mdc-checkbox__background,
.mdc-theme--dark .mdc-checkbox .mdc-checkbox__native-control:disabled:checked ~ .mdc-checkbox__background,
.mdc-theme--dark .mdc-checkbox .mdc-checkbox__native-control:disabled:indeterminate ~ .mdc-checkbox__background {
  background-color: rgba(255, 255, 255, 0.3);
}

.mdc-checkbox::before, .mdc-checkbox::after {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
}

.mdc-checkbox::before {
  -webkit-transition: opacity 15ms linear;
  transition: opacity 15ms linear;
}

.mdc-checkbox.mdc-ripple-upgraded::after {
  top: 0;
  left: 0;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
}

.mdc-checkbox.mdc-ripple-upgraded--unbounded::after {
  top: var(--mdc-ripple-top, 0);
  left: var(--mdc-ripple-left, 0);
}

.mdc-checkbox.mdc-ripple-upgraded--foreground-activation::after {
  -webkit-animation: 225ms forwards mdc-ripple-fg-radius-in, 75ms forwards mdc-ripple-fg-opacity-in;
  animation: 225ms forwards mdc-ripple-fg-radius-in, 75ms forwards mdc-ripple-fg-opacity-in;
}

.mdc-checkbox.mdc-ripple-upgraded--foreground-deactivation::after {
  -webkit-animation: 150ms mdc-ripple-fg-opacity-out;
  animation: 150ms mdc-ripple-fg-opacity-out;
  -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  -ms-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}

.mdc-checkbox::before, .mdc-checkbox::after {
  /* @alternate */
  background-color: #007bff;
}

@supports not (-ms-ime-align: auto) {
  .mdc-checkbox::before, .mdc-checkbox::after {
    background-color: var(--mdc-theme-secondary, #005bbb);
  }
}

.mdc-checkbox:hover::before {
  opacity: 0.04;
}

.mdc-checkbox:not(.mdc-ripple-upgraded):focus::before, .mdc-checkbox.mdc-ripple-upgraded--background-focused::before {
  -webkit-transition-duration: 75ms;
  transition-duration: 75ms;
  opacity: 0.12;
}

.mdc-checkbox:not(.mdc-ripple-upgraded)::after {
  -webkit-transition: opacity 150ms linear;
  transition: opacity 150ms linear;
}

.mdc-checkbox:not(.mdc-ripple-upgraded):active::after {
  -webkit-transition-duration: 75ms;
  transition-duration: 75ms;
  opacity: 0.16;
}

.mdc-checkbox.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.16;
}

.mdc-checkbox::before, .mdc-checkbox::after {
  top: -webkit-calc(50% - 50%);
  top: calc(50% - 50%);
  left: -webkit-calc(50% - 50%);
  left: calc(50% - 50%);
  width: 100%;
  height: 100%;
}

.mdc-checkbox.mdc-ripple-upgraded::before {
  top: -webkit-calc(50% - 50%);
  top: calc(50% - 50%);
  left: -webkit-calc(50% - 50%);
  left: calc(50% - 50%);
  width: 100%;
  height: 100%;
  -webkit-transform: scale(var(--mdc-ripple-fg-scale, 0));
  -ms-transform: scale(var(--mdc-ripple-fg-scale, 0));
  transform: scale(var(--mdc-ripple-fg-scale, 0));
}

.mdc-checkbox.mdc-ripple-upgraded--unbounded::before {
  top: var(--mdc-ripple-top, -webkit-calc(50% - 25%));
  top: var(--mdc-ripple-top, calc(50% - 25%));
  left: var(--mdc-ripple-left, -webkit-calc(50% - 25%));
  left: var(--mdc-ripple-left, calc(50% - 25%));
  width: var(--mdc-ripple-fg-size, 50%);
  height: var(--mdc-ripple-fg-size, 50%);
  -webkit-transform: scale(var(--mdc-ripple-fg-scale, 0));
  -ms-transform: scale(var(--mdc-ripple-fg-scale, 0));
  transform: scale(var(--mdc-ripple-fg-scale, 0));
}

.mdc-checkbox.mdc-ripple-upgraded::after {
  width: var(--mdc-ripple-fg-size, 50%);
  height: var(--mdc-ripple-fg-size, 50%);
}

.mdc-checkbox--theme-dark .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background,
.mdc-theme--dark .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {
  border-color: white;
  background-color: transparent;
}

.mdc-checkbox--theme-dark .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
.mdc-checkbox--theme-dark .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background,
.mdc-theme--dark .mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
.mdc-theme--dark .mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background {
  /* @alternate */
  border-color: #007bff;
  border-color: var(--mdc-theme-secondary, #005bbb);
  /* @alternate */
  background-color: #007bff;
  background-color: var(--mdc-theme-secondary, #005bbb);
}

@-webkit-keyframes mdc-checkbox-fade-in-background-0 {
  0% {
    border-color: white;
    background-color: transparent;
  }
  50% {
    /* @alternate */
    border-color: #007bff;
    border-color: var(--mdc-theme-secondary, #005bbb);
    /* @alternate */
    background-color: #007bff;
    background-color: var(--mdc-theme-secondary, #005bbb);
  }
}

@keyframes mdc-checkbox-fade-in-background-0 {
  0% {
    border-color: white;
    background-color: transparent;
  }
  50% {
    /* @alternate */
    border-color: #007bff;
    border-color: var(--mdc-theme-secondary, #005bbb);
    /* @alternate */
    background-color: #007bff;
    background-color: var(--mdc-theme-secondary, #005bbb);
  }
}

@-webkit-keyframes mdc-checkbox-fade-out-background-0 {
  0%,
  80% {
    /* @alternate */
    border-color: #007bff;
    border-color: var(--mdc-theme-secondary, #005bbb);
    /* @alternate */
    background-color: #007bff;
    background-color: var(--mdc-theme-secondary, #005bbb);
  }
  100% {
    border-color: white;
    background-color: transparent;
  }
}

@keyframes mdc-checkbox-fade-out-background-0 {
  0%,
  80% {
    /* @alternate */
    border-color: #007bff;
    border-color: var(--mdc-theme-secondary, #005bbb);
    /* @alternate */
    background-color: #007bff;
    background-color: var(--mdc-theme-secondary, #005bbb);
  }
  100% {
    border-color: white;
    background-color: transparent;
  }
}

.mdc-checkbox--theme-dark.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-checkbox--theme-dark.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background,
.mdc-theme--dark .mdc-checkbox.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background,
.mdc-theme--dark .mdc-checkbox.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {
  -webkit-animation-name: mdc-checkbox-fade-in-background-0;
  animation-name: mdc-checkbox-fade-in-background-0;
}

.mdc-checkbox--theme-dark.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-checkbox--theme-dark.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background,
.mdc-theme--dark .mdc-checkbox.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background,
.mdc-theme--dark .mdc-checkbox.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {
  -webkit-animation-name: mdc-checkbox-fade-out-background-0;
  animation-name: mdc-checkbox-fade-out-background-0;
}

.mdc-checkbox__checkmark__path {
  stroke: white !important;
}

.mdc-checkbox__mixedmark {
  background-color: white;
}

.mdc-checkbox__background::before {
  /* @alternate */
  background-color: #007bff;
}

@supports not (-ms-ime-align: auto) {
  .mdc-checkbox__background::before {
    background-color: var(--mdc-theme-secondary, #005bbb);
  }
}

.mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {
  border-color: rgba(0, 0, 0, 0.54);
  background-color: transparent;
}

.mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background, .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background {
  /* @alternate */
  border-color: #007bff;
  border-color: var(--mdc-theme-secondary, #005bbb);
  /* @alternate */
  background-color: #007bff;
  background-color: var(--mdc-theme-secondary, #005bbb);
}

@-webkit-keyframes mdc-checkbox-fade-in-background-1 {
  0% {
    border-color: rgba(0, 0, 0, 0.54);
    background-color: transparent;
  }
  50% {
    /* @alternate */
    border-color: #007bff;
    border-color: var(--mdc-theme-secondary, #005bbb);
    /* @alternate */
    background-color: #007bff;
    background-color: var(--mdc-theme-secondary, #005bbb);
  }
}

@keyframes mdc-checkbox-fade-in-background-1 {
  0% {
    border-color: rgba(0, 0, 0, 0.54);
    background-color: transparent;
  }
  50% {
    /* @alternate */
    border-color: #007bff;
    border-color: var(--mdc-theme-secondary, #005bbb);
    /* @alternate */
    background-color: #007bff;
    background-color: var(--mdc-theme-secondary, #005bbb);
  }
}

@-webkit-keyframes mdc-checkbox-fade-out-background-1 {
  0%, 80% {
    /* @alternate */
    border-color: #007bff;
    border-color: var(--mdc-theme-secondary, #005bbb);
    /* @alternate */
    background-color: #007bff;
    background-color: var(--mdc-theme-secondary, #005bbb);
  }
  100% {
    border-color: rgba(0, 0, 0, 0.54);
    background-color: transparent;
  }
}

@keyframes mdc-checkbox-fade-out-background-1 {
  0%, 80% {
    /* @alternate */
    border-color: #007bff;
    border-color: var(--mdc-theme-secondary, #005bbb);
    /* @alternate */
    background-color: #007bff;
    background-color: var(--mdc-theme-secondary, #005bbb);
  }
  100% {
    border-color: rgba(0, 0, 0, 0.54);
    background-color: transparent;
  }
}

.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {
  -webkit-animation-name: mdc-checkbox-fade-in-background-1;
  animation-name: mdc-checkbox-fade-in-background-1;
}

.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {
  -webkit-animation-name: mdc-checkbox-fade-out-background-1;
  animation-name: mdc-checkbox-fade-out-background-1;
}

.mdc-checkbox--disabled {
  cursor: default;
  pointer-events: none;
}

.mdc-checkbox__background {
  left: 0;
  right: initial;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: absolute;
  top: 0;
  bottom: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  -webkit-transition: background-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  transition: background-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  border: 2px solid currentColor;
  border-radius: 2px;
  background-color: transparent;
  pointer-events: none;
  will-change: background-color, border-color;
}

[dir="rtl"] .mdc-checkbox .mdc-checkbox__background,
.mdc-checkbox[dir="rtl"] .mdc-checkbox__background {
  left: initial;
  right: 11px;
}

.mdc-checkbox__checkmark {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  -webkit-transition: opacity 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  transition: opacity 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  opacity: 0;
}

.mdc-checkbox--upgraded .mdc-checkbox__checkmark {
  opacity: 1;
}

.mdc-checkbox__checkmark__path {
  -webkit-transition: stroke-dashoffset 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  transition: stroke-dashoffset 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  stroke-width: 3.12px;
  stroke-dashoffset: 29.78334px;
  stroke-dasharray: 29.78334;
}

.mdc-checkbox__mixedmark {
  width: 100%;
  height: 2px;
  -webkit-transform: scaleX(0) rotate(0deg);
  -ms-transform: scaleX(0) rotate(0deg);
  transform: scaleX(0) rotate(0deg);
  -webkit-transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  opacity: 0;
}

.mdc-checkbox--upgraded .mdc-checkbox__background,
.mdc-checkbox--upgraded .mdc-checkbox__checkmark,
.mdc-checkbox--upgraded .mdc-checkbox__checkmark__path,
.mdc-checkbox--upgraded .mdc-checkbox__mixedmark {
  -webkit-transition: none !important;
  transition: none !important;
}

.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__background, .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__background, .mdc-checkbox--anim-checked-unchecked .mdc-checkbox__background, .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__background {
  -webkit-animation-duration: 180ms;
  animation-duration: 180ms;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__checkmark__path {
  -webkit-animation: 180ms linear 0s mdc-checkbox-unchecked-checked-checkmark-path;
  animation: 180ms linear 0s mdc-checkbox-unchecked-checked-checkmark-path;
  -webkit-transition: none;
  transition: none;
}

.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__mixedmark {
  -webkit-animation: 90ms linear 0s mdc-checkbox-unchecked-indeterminate-mixedmark;
  animation: 90ms linear 0s mdc-checkbox-unchecked-indeterminate-mixedmark;
  -webkit-transition: none;
  transition: none;
}

.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__checkmark__path {
  -webkit-animation: 90ms linear 0s mdc-checkbox-checked-unchecked-checkmark-path;
  animation: 90ms linear 0s mdc-checkbox-checked-unchecked-checkmark-path;
  -webkit-transition: none;
  transition: none;
}

.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__checkmark {
  -webkit-animation: 90ms linear 0s mdc-checkbox-checked-indeterminate-checkmark;
  animation: 90ms linear 0s mdc-checkbox-checked-indeterminate-checkmark;
  -webkit-transition: none;
  transition: none;
}

.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__mixedmark {
  -webkit-animation: 90ms linear 0s mdc-checkbox-checked-indeterminate-mixedmark;
  animation: 90ms linear 0s mdc-checkbox-checked-indeterminate-mixedmark;
  -webkit-transition: none;
  transition: none;
}

.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__checkmark {
  -webkit-animation: 500ms linear 0s mdc-checkbox-indeterminate-checked-checkmark;
  animation: 500ms linear 0s mdc-checkbox-indeterminate-checked-checkmark;
  -webkit-transition: none;
  transition: none;
}

.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__mixedmark {
  -webkit-animation: 500ms linear 0s mdc-checkbox-indeterminate-checked-mixedmark;
  animation: 500ms linear 0s mdc-checkbox-indeterminate-checked-mixedmark;
  -webkit-transition: none;
  transition: none;
}

.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__mixedmark {
  -webkit-animation: 300ms linear 0s mdc-checkbox-indeterminate-unchecked-mixedmark;
  animation: 300ms linear 0s mdc-checkbox-indeterminate-unchecked-mixedmark;
  -webkit-transition: none;
  transition: none;
}

.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background,
.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background {
  -webkit-transition: border-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1), background-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1);
  transition: border-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1), background-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1);
}

.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark__path,
.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__checkmark__path {
  stroke-dashoffset: 0;
}

.mdc-checkbox__background::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
  will-change: opacity, transform;
}

.mdc-ripple-upgraded--unbounded .mdc-checkbox__background::before {
  content: none;
}

.mdc-checkbox__native-control:focus ~ .mdc-checkbox__background::before {
  -webkit-transform: scale(2.75, 2.75);
  -ms-transform: scale(2.75, 2.75);
  transform: scale(2.75, 2.75);
  -webkit-transition: opacity 80ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1);
  transition: opacity 80ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1);
  transition: opacity 80ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1);
  transition: opacity 80ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1);
  opacity: 0.26;
}

.mdc-checkbox__native-control {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  opacity: 0;
  cursor: inherit;
}

.mdc-checkbox__native-control:disabled {
  cursor: default;
  pointer-events: none;
}

.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
  -webkit-transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);
  transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);
  transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);
  transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);
  opacity: 1;
}

.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__mixedmark {
  -webkit-transform: scaleX(1) rotate(-45deg);
  -ms-transform: scaleX(1) rotate(-45deg);
  transform: scaleX(1) rotate(-45deg);
}

.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  opacity: 0;
}

.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__mixedmark {
  -webkit-transform: scaleX(1) rotate(0deg);
  -ms-transform: scaleX(1) rotate(0deg);
  transform: scaleX(1) rotate(0deg);
  opacity: 1;
}

#userServices {
  font-family: 'frutiger', Arial, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  padding: 0 15px;
}

#userServices *, #userServices *:before, #userServices *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#userServices .user-services-wrapper {
  width: 100%;
  max-width: 960px;
  margin: 0 auto 50px;
}

#userServices .services-page-title {
  margin: 25px 0 0;
  font-family: 'frutiger-light', Arial, sans-serif;
  font-weight: 300;
  font-size: 1.875rem;
  line-height: 2.25rem;
  text-align: center;
  color: #09357a;
}

#userServices .services-page-title .new-blue {
  color: #007bff;
}

#userServices .services-page-title .new-green {
  color: #00c172;
}

#userServices .services-page-description {
  margin: 14px 0;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #09357a;
  text-align: justify;
}

#userServices .title-separator {
  margin: 10px 0 0;
  height: 3px;
  background-color: #09357a;
  border: 0;
  display: none;
}

#userServices .service-category-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: bold;
  margin: 0;
  height: 80px;
  text-transform: uppercase;
  background-image: url("assets/img/icons/arrow_down@2x.png");
  background-position: center right 5px;
  background-repeat: no-repeat;
  background-size: 22px 12px;
  font-size: 1.5rem;
  line-height: 2.25rem;
  color: #09357a;
  border-top: 1px solid rgba(9, 53, 122, 0.14);
}

#userServices .service-category-title:first-child {
  border-top: none;
}

#userServices .service-category-title.open {
  background-image: url("assets/img/icons/arrow_up@2x.png");
}

#userServices .services-list-container {
  margin: 10px -15px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0;
}

#userServices .service-card-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 20px;
  position: relative;
  height: 100%;
  border-radius: 4px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 10px 20px 0 rgba(9, 53, 122, 0.14), 0 6px 6px 0 rgba(9, 53, 122, 0.14);
  box-shadow: 0 10px 20px 0 rgba(9, 53, 122, 0.14), 0 6px 6px 0 rgba(9, 53, 122, 0.14);
  text-align: center;
  width: 100%;
}

#userServices .service-card-content.is-selected {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #00c172;
}

#userServices .service-card-content.is-selected.card-background-white {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #fff;
}

#userServices .service-card-content.is-selected.card-background-red {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #f23037;
}

#userServices .service-card-content.is-selected.card-background-secondary {
  -webkit-box-shadow: none;
  box-shadow: none;
}

#userServices .service-card-content.is-selected.card-background-primary {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #007BFF;
}

#userServices .service-card-content.is-selected.card-background-vert-claire-new {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #c4d600;
}

#userServices .service-card-content.is-selected.card-background-success {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #00c172;
}

#userServices .service-card-content.is-selected.card-background-warning {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #ffa02f;
}

#userServices .service-card-content.is-selected.card-background-orange-new {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #fe5815;
}

#userServices .service-card-content.is-selected.card-background-noColor {
  -webkit-box-shadow: none;
  box-shadow: none;
}

#userServices .service-card-content.is-selected.is-equilibre {
  background-color: #007bff;
}

#userServices .service-card-content.is-selected .service-status {
  display: block;
  position: absolute;
  right: 15px;
  top: 15px;
  width: 40px;
  height: 40px;
  background: #ffffff url("assets/img/icons/maq-icon-validate@2x.png") no-repeat center center;
  background-size: 20px 20px;
  border-radius: 50%;
}

#userServices .service-img {
  margin: 0 auto;
  display: block;
  width: 156px;
  height: 156px;
  -o-object-fit: contain;
  object-fit: contain;
}

#userServices .css-popup {
  width: 400px;
  height: 347px;
}

#popinv2-conseiller {
  padding: 0;
}

#popinv2-erreur {
  padding: 0;
}

#popinv2-desins-arc {
  padding: 0;
}

#popinARC {
  padding: 0;
}

.mesServices #prospectView {
  margin-top: 20px;
}

#popinv2-popinAssur {
  padding: 0;
}

#popinv2-popinGaz {
  padding: 0;
}

#popinv2-popinMENS {
  padding: 0;
}

#popinv2-popinARC {
  padding: 0;
}

#popinv2-popinEquipement {
  padding: 0;
}

#popinv2-popinHabitat {
  padding: 0;
}

#popinv2-popinPA {
  padding: 0;
}

#userServices .service-promo-tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: -15px;
  left: 50%;
  margin-left: -90px;
  max-width: 180px;
  width: 100%;
  text-align: center;
  font-size: 0.75rem;
  line-height: 0.75rem;
  color: #ffffff;
  font-style: italic;
  font-weight: bold;
  height: 30px;
}

#userServices .service-promo-tag.bright-orange {
  background-color: #ffa02f;
}

#userServices .service-promo-tag.bright-green {
  background-color: #c4d600;
}

#userServices .service-promo-tag.dark-blue {
  background-color: #005bbb;
}

#userServices .service-category {
  margin-top: 10px;
  display: block;
  font-size: 0.75rem;
  line-height: 0.75rem;
  color: rgba(0, 0, 0, 0.5);
  text-transform: uppercase;
}

#userServices .service-title {
  margin: 8px 0 0;
  font-size: 1.063rem;
  line-height: 1.125rem;
  font-weight: bold;
  color: #09357a;
}

#userServices .service-description {
  margin-top: 15px;
  margin-bottom: auto;
  flex: 1 1 auto;
  font-size: 12px;
  line-height: 1.125rem;
  color: #4a4a4a;
}

#userServices .service-link {
  margin-top: 5px;
  margin-bottom: 10px;
  display: block;
  text-decoration: none;
  font-size: 1rem;
  line-height: 1.125rem;
  text-align: center;
  color: #007bff;
}

#userServices .btn {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 48px;
  flex: 0 0 48px;
  margin-top: 20px;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#userServices .service-card-content.is-selected .service-category {
  color: rgba(255, 255, 255, 0.5);
}

#userServices .service-card-content.is-selected .service-title,
#userServices .service-card-content.is-selected .service-description,
#userServices .service-card-content.is-selected .service-link {
  color: #ffffff;
}

#userServices .services-list-item {
  padding: 15px;
  width: 100%;
}

@media screen and (min-width: 768px) {
  #userServices {
    padding: 0 25px;
  }

  #userServices .services-page-title {
    font-size: 3.125rem;
    line-height: 3.625rem;
  }

  #userServices .services-page-description {
    text-align: center;
  }

  #userServices .title-separator {
    display: block;
  }

  #userServices .service-category-title {
    border-top: none;
    font-size: 1.875rem;
    line-height: 2.25rem;
    background-image: none;
    border-bottom: 3px solid #09357a;
  }

  #userServices .services-list-container {
    margin: 30px -15px 0;
  }

  #userServices .services-list-item {
    width: 50%;
  }
}

@media screen and (min-width: 1025px) {
  #userServices .services-page-description {
    font-size: 1rem;
    line-height: 1.25rem;
  }

  #userServices .service-category-title {
    font-size: 2rem;
    line-height: 2.25rem;
  }

  #userServices .services-list-item {
    width: 33.333%;
  }
}

@media screen and (max-width: 420px) {
  #userServices .service-category-title {
    font-size: 1.35rem;
  }
}

.mesServices .btn-white {
  color: #4a4a4a !important;
  background-color: #fff !important;
  border: black 1px solid;
}

.btn-red {
  color: #fff !important;
  background: #f23037 !important;
}

.btn-vert-claire-new {
  color: #c4d600 !important;
  background: #fff !important;
}

.btn-vert-claire-rempli {
  color: #fff !important;
  background: #c4d600 !important;
}

.btn-orange-new {
  color: #fe5815 !important;
  background: #fff !important;
}

.btn-secondary {
  height: auto !important;
}

#userServices .css-btn {
  color: #fff;
  padding-bottom: 15px;
}

@media screen and (max-width: 768px) {
  .help-css {
    height: 60px;
  }

  .popup-container {
    width: 100%;
  }

  .popup-content {
    width: 100%;
  }

  .close-popin {
    padding-top: 20px;
  }
  #SOWEE-bloc #tuileSOWEE {
    height: 440px;
  }
}

.resiliateButtonServices:hover {
  background-color: white !important;
  color: #555 !important;
}

.mesServices #prospectView #titleProspect {
  font-size: 1.2em;
  font-weight: bold;
}

.mesServices #prospectView img {
  width: 50px;
  margin-bottom: 10px;
}

.mesServices #prospectView .buttonV2Edf {
  margin-top: 60px;
}

.mesServices p#mesServicesTitle span {
  font-family: 'frutiger-light', Sans-Serif;
}

.mesServices a#linkLabelConsumEquiSouscrit {
  background-color: inherit;
}

.mesServices div#section-gestion h2 {
  font-family: "frutiger", sans-serif;
}

/*** Apres reseliation style***/
#userServices .service-card-content.to-cancellation{
  background-color: #ebeff2;
  max-height: 0;
  transform: scale(0);
  transition: transform .3s cubic-bezier(.5,0,.3,1);
}
.to-cancellation .service-close__close{
  position: absolute;
  right: 15px;
  top: 15px;
  background: transparent;
  border: 0;
  padding: 0;
  outline: none;
}
.service-close__close svg {
  width: 30px;
  height: 30px;
}
#userServices .to-cancellation .service-title{
  margin: 30px 0 20px;
}
#userServices .to-cancellation .service-title,
#userServices .to-cancellation .service-description{
  color: #09357a;
}
.fade-in {
  max-height: 3000px!important;
  transform: scale(1)!important;
}

.fade-out {
  transform: scale(0);
  transition: transform .4s cubic-bezier(.5,0,.3,1);
  display: none!important;
}
/*# sourceMappingURL=main.css.map */

.mfp-content {
  padding: 25px; }

.mfp-bg {
  background: rgba(0, 0, 0, 0.5); }

.responsive-popup {
  font-family: "Frutiger", Helvetica, Arial, sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /* corrects ie10/ie11 bug regarding min-height and flex */ }
.responsive-popup.white-popup {
  position: relative;
  background: #FFF;
  width: auto;
  max-width: 420px;
  margin: 0px auto;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.5); }
.responsive-popup.no-close-icon .mfp-close {
  display: none; }
.responsive-popup .mfp-close {
  width: 40px;
  height: 40px;
  right: -20px;
  top: -20px;
  font-size: 0;
  opacity: 1;
  background: url("assets/img/icons/ico_close_popup@2x.png") no-repeat center center;
  background-size: 40px 40px; }
.responsive-popup .mfp-close:active {
  top: -20px; }
.responsive-popup .popup-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  /* corrects ie10/ie11 bug regarding min-height and flex */
  text-align: center;
  min-height: 200px; }
.responsive-popup .popup-container .popup-header {
  padding: 28px 0;
  border-radius: 4px 4px 0 0; }
.responsive-popup .popup-container .popup-header img {
  margin: 0 auto; }
.responsive-popup .popup-container .popup-header span {
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  line-height: 36px;
  text-align: center;
  color: #ffffff; }
.responsive-popup .popup-container .popup-header.light-green {
  background-color: #c4d600; }
.responsive-popup .popup-container .popup-header.green {
  background-color: #509e2f; }
.responsive-popup .popup-container .popup-header.light-orange {
  background-color: #ffa02f; }
.responsive-popup .popup-container .popup-header.orange {
  background-color: #fe5815; }
.responsive-popup .popup-container .popup-header.blue {
  background-color: #005bbb; }
.responsive-popup .popup-container .popup-header.gray {
  background-color: #9b9b9b; }
.responsive-popup .popup-container .popup-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  background-color: #fff;
  border-radius: 0 0 4px 4px; }
.responsive-popup .popup-container .popup-content .title {
  margin-bottom: 10px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  font-size: 20px;
  line-height: 24px;
  color: #4a4a4a; }
.responsive-popup .popup-container .popup-content .description {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  font-size: 16px;
  line-height: 20px;
  color: #4a4a4a; }
.responsive-popup .popup-container .popup-content .description:only-child {
  margin-top: 0; }
.responsive-popup .popup-container .popup-content .btn-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
  margin-bottom: 10px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: distribute;
  justify-content: space-around; }
.responsive-popup .popup-container .popup-content .btn-container .btn + .btn {
  margin-left: 10px; }
.responsive-popup .popup-container .popup-content .btn-container .btn.close {
  min-width: 140px; }

@media only screen and (max-width:420px){
  .responsive-popup .popup-container .popup-content .btn-container .btn.close {
    min-width: 115px;
  }
}

@media (max-width: 900px) {
  .mfp-container {
    padding-left: 0;
    padding-right: 0; } }

@media only screen and (max-width: 767px) {
  .responsive-popup .popup-container .popup-header span {
    font-size: 17px; }
  .responsive-popup .popup-container .popup-content {
    padding: 30px 15px; }
  .responsive-popup .popup-container .popup-content .title {
    font-size: 17px;
    line-height: 20px; }
  .responsive-popup .popup-container .popup-content .description {
    font-size: 14px;
    line-height: 18px; }
  .responsive-popup .popup-container .popup-content .btn-container .btn.close {
    width: 100%; } }
.mes_services_popin .btn-white.contour:hover, .mes_services_popin .btn-white.contour:hover
{
  color: #fff !important;
  background-color: #666666 !important;
  box-shadow:none !important;
}

.mes_services_popin .btn-white{
  color: #fff !important;
  background-color: #666666 !important;
}

.mes_services_popin .btn-white.contour{
  color: #666666 !important;
  background-color: transparent !important;
  border: solid 2px #666666 !important;
}

.mes_services_popin .btn-success.contour{
  color: #fff !important;
  background-color: transparent !important;
  border: solid 2px #fff !important;
}

.mes_services_popin .btn-success.contour:hover, .mes_services_popin .btn-success.contour:hover {
  color: #4a4a4a !important;
  background-color: #fff !important;
  box-shadow:none !important;
}

.mes_services_popin p.title {
  font-size: 20px !important;
  padding-bottom: 0px !important;
}

.mes_services_popin .btn-white.close-popin {
  height: auto !important;
}


.mes_services_popin .btn-popin.btn-success {
  height: auto !important;
}
.responsive-popup .popup-container .btn-container .btn.btn-secondary.contour,
.responsive-popup .popup-container .btn-container .btn.btn-success{
  border-radius: 2px;
  padding: 13.5px 36px;
}

.responsive-popup .popup-container .btn-container .disabledBtn.btn-popin.btn.btn-success{
  color: #aaaaaa;
  background-color: #d8d8d8;
  cursor: not-allowed;
  box-shadow: none;
}

#Info-bloc .service-img {
  width: 95px;
}

.equi_bouton_chevron {
  margin-left: auto;
  margin-right: auto;
}

#SOWEE-bloc .service-card-content .img-sowee {
  height: 90px;
  margin-top: 30px;
}

#SOWEE-bloc .service-card-content .service-description {
  margin-top: 0px;
  margin-bottom: auto;
}

#SOWEE-bloc #tuileSOWEE {
  height: 493px;
}

#SOWEE-bloc .service-card-content .btn-light:hover {
  background-color: white !important;
  color: #555 !important;
}

#userServices .service-card-content.is-selected .service-description.police-noir {
  color: #4a4a4a !important;
}

#userServices .btn-clair {
  background: #fff;
  color: #000;
  font-weight: bold;
}
.mfp-content {
  padding: 25px; }

.mfp-bg {
  background: rgba(0, 0, 0, 0.5); }

.responsive-popup {
  font-family: "Frutiger", Helvetica, Arial, sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  /* corrects ie10/ie11 bug regarding min-height and flex */ }
.responsive-popup.white-popup {
  position: relative;
  background: #FFF;
  width: auto;
  max-width: 420px;
  margin: 0px auto;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.5); }
.responsive-popup.no-close-icon .mfp-close {
  display: none; }
.responsive-popup .mfp-close {
  width: 40px;
  height: 40px;
  right: -20px;
  top: -20px;
  font-size: 0;
  opacity: 1;
  background: url("assets/img/icons/ico_close_popup@2x.png") no-repeat center center;
  background-size: 40px 40px; }
.responsive-popup .mfp-close:active {
  top: -20px; }
.responsive-popup .popup-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  /* corrects ie10/ie11 bug regarding min-height and flex */
  text-align: center;
  min-height: 200px; }
.responsive-popup .popup-container .popup-header {
  padding: 28px 0;
  border-radius: 4px 4px 0 0; }
.responsive-popup .popup-container .popup-header img {
  margin: 0 auto; }
.responsive-popup .popup-container .popup-header span {
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  line-height: 36px;
  text-align: center;
  color: #ffffff; }
.responsive-popup .popup-container .popup-header.light-green {
  background-color: #c4d600; }
.responsive-popup .popup-container .popup-header.green {
  background-color: #509e2f; }
.responsive-popup .popup-container .popup-header.light-orange {
  background-color: #ffa02f; }
.responsive-popup .popup-container .popup-header.orange {
  background-color: #fe5815; }
.responsive-popup .popup-container .popup-header.blue {
  background-color: #005bbb; }
.responsive-popup .popup-container .popup-header.gray {
  background-color: #9b9b9b; }
.responsive-popup .popup-container .popup-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  background-color: #fff;
  border-radius: 0 0 4px 4px; }
.responsive-popup .popup-container .popup-content .title {
  margin-bottom: 10px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  font-size: 20px;
  line-height: 24px;
  color: #4a4a4a; }
.responsive-popup .popup-container .popup-content .description {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  font-size: 16px;
  line-height: 20px;
  color: #4a4a4a; }
.responsive-popup .popup-container .popup-content .description:only-child {
  margin-top: 0; }
.responsive-popup .popup-container .popup-content .btn-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
  margin-bottom: 10px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: distribute;
  justify-content: space-around; }
.responsive-popup .popup-container .popup-content .btn-container .btn + .btn {
  margin-left: 10px; }
.responsive-popup .popup-container .popup-content .btn-container .btn.close {
  min-width: 140px; }

@media only screen and (max-width:420px){
  .responsive-popup .popup-container .popup-content .btn-container .btn.close {
    min-width: 115px;
  }
}

@media (max-width: 900px) {
  .mfp-container {
    padding-left: 0;
    padding-right: 0; } }

@media only screen and (max-width: 767px) {
  .responsive-popup .popup-container .popup-header span {
    font-size: 17px; }
  .responsive-popup .popup-container .popup-content {
    padding: 30px 15px; }
  .responsive-popup .popup-container .popup-content .title {
    font-size: 17px;
    line-height: 20px; }
  .responsive-popup .popup-container .popup-content .description {
    font-size: 14px;
    line-height: 18px; }
  .responsive-popup .popup-container .popup-content .btn-container .btn.close {
    width: 100%; } }
.mes_services_popin .btn-white.contour:hover, .mes_services_popin .btn-white.contour:hover
{
  color: #fff !important;
  background-color: #666666 !important;
  box-shadow:none !important;
}

.mes_services_popin .btn-white{
  color: #fff !important;
  background-color: #666666 !important;
}

.mes_services_popin .btn-white.contour{
  color: #666666 !important;
  background-color: transparent !important;
  border: solid 2px #666666 !important;
}

.mes_services_popin .btn-success.contour{
  color: #fff !important;
  background-color: transparent !important;
  border: solid 2px #fff !important;
}

.mes_services_popin .btn-success.contour:hover, .mes_services_popin .btn-success.contour:hover {
  color: #4a4a4a !important;
  background-color: #fff !important;
  box-shadow:none !important;
}

.mes_services_popin p.title {
  font-size: 20px !important;
  padding-bottom: 0px !important;
}

.mes_services_popin .btn-white.close-popin {
  height: auto !important;
}


.mes_services_popin .btn-popin.btn-success {
  height: auto !important;
}
.responsive-popup .popup-container .btn-container .btn.btn-secondary.contour,
.responsive-popup .popup-container .btn-container .btn.btn-success{
  border-radius: 2px;
  padding: 13.5px 36px;
}

.responsive-popup .popup-container .btn-container .disabledBtn.btn-popin.btn.btn-success{
  color: #aaaaaa;
  background-color: #d8d8d8;
  cursor: not-allowed;
  box-shadow: none;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #page-contrat .page-contrat--offer-details{
    min-height:100vh;
    height: 100vh;
  }
}

.hide {
    display: none;
}

@media only screen and (min-width: 667.98px) {
  .page-contrat--services-content--logo {
      position: absolute;
      right: 30px;
  }
}

@media only screen and (max-width: 667px) {
  .page-contrat--services-content--logo {
      margin: 0 0 24px 0;
  }
}

#page-contrat .page-contrat--offer-details.more-than4{
  min-height:140vh;
  height: 140vh;
}

#page .margin-top-20 {
  margin-top: 20px;
}
#page .margin-bottom-20 {
  margin-bottom: 20px;
}
#page .placeholder::-webkit-input-placeholder {
  font-family: "Frutiger-light", sans-serif;
  font-size: 12px;
  font-weight: 500;
}
#page .placeholder:-moz-placeholder {
  font-family: "Frutiger-light", sans-serif;
  font-size: 12px;
  font-weight: 500;
}
#page .placeholder::-moz-placeholder {
  font-family: "Frutiger-light", sans-serif;
  font-size: 12px;
  font-weight: 500;
}
#page .placeholder:-ms-input-placeholder {
  font-family: "Frutiger-light", sans-serif;
  font-size: 12px;
  font-weight: 500;
}
#page .fill_the_width {
  background-color: #ffffff;
  margin-left: -15px;
  margin-right: -15px;
  padding-left: 15px;
  padding-right: 15px;
}
#mesContrats {
  font-size: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
#mesContrats {
  background-color: #ebeff2;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  margin: 0;
  padding: 0;
  font-family: 'Frutiger', Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

#mesContrats {
  height: 100%;
}
#mesContrats .cursor-pointer {
  cursor: pointer;
}

#page-contrat .page-contrat__wrapper {
  padding-bottom: 30px;
  padding-top: 30px;
  position: relative;
  max-width: 100%;
  /*@media @desctop{
        background-color: #ebeff2;
      }*/
}
@media only screen and (min-width: 1900px) {
  #page-contrat .page-contrat__wrapper {
    width: 1366px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #page-contrat .page-contrat__wrapper {
    padding-right: 0;
    padding-left: 0;
  }
}
@media only screen and (max-width: 667px) {
  #page-contrat .page-contrat__wrapper {
    padding-top: 0;
  }
}
#page-contrat .page-contrat__wrapper .row {
  margin: 0;
  display: flex;
}
#page-contrat .page-contrat__wrapper--left {
  padding: 0 5px 0 10px;
}
#page-contrat .page-contrat__wrapper--left .contrat-number {
  color: #09357a;
  font-family: "Work Sans", sans-serif;
  font-size: 40px;
  line-height: 0px;
  font-weight: 300;
}
#page-contrat .page-contrat__wrapper--left .contrat-number span {
  font-family: "Frutiger", sans-serif;
  font-size: 14px;
  font-weight: 500;
}
#page-contrat .page-contrat__wrapper--left .contrat-number span.contrat-terminate {
  color: #fe5815;
}
@media only screen and (max-width: 667px) {
  #page-contrat .page-contrat__wrapper--left .contrat-number span {
    font-size: 14px;
  }
}
@media only screen and (max-width: 667px) {
  #page-contrat .page-contrat__wrapper--left .contrat-number {
    font-size: 30px;
    padding: 25px 0;
    background-color: #ffffff;
    margin-left: -15px;
    margin-right: -15px;
    margin-top: auto;
    margin-bottom: auto;
    padding-left: 15px;
    padding-right: 15px;
  }
}
#page-contrat .page-contrat__wrapper--left .contrat-informations {
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0 6px 6px 0 rgba(9, 53, 122, 0.14), 0 10px 20px 0 rgba(9, 53, 122, 0.14);
  margin-top: 20px;
  padding: 40px 30px 30px;
}
#page-contrat .page-contrat__wrapper--left .contrat-informations__title {
  color: #000000;
  cursor: pointer;
  position: relative;
  padding-right: 50px;
  font-family: "Work Sans", sans-serif;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 55px;
  line-height: 35px;
  word-wrap: break-word;
  overflow: hidden;
}
#page-contrat .page-contrat__wrapper--left .contrat-informations__title.title-terminate {
  height: auto;
  margin-bottom: 38px;
  cursor: inherit;
}
#page-contrat .page-contrat__wrapper--left .contrat-informations__title--edit {
  font-family: "Work Sans", sans-serif;
  font-size: 16px;
  font-weight: 700;
}
#page-contrat .page-contrat__wrapper--left .contrat-informations__title--edit .citation {
  color: #007bff;
  text-align: center;
  font-family: "Work Sans", sans-serif;
  font-size: 14px;
  font-weight: 700;
  margin-top: 0px;
  margin-bottom: 5px;
}
#page-contrat .page-contrat__wrapper--left .contrat-informations__title--edit .citation p {
  color: #007bff;
  text-align: center;
  font-family: "Work Sans", sans-serif;
  font-size: 15px;
  font-weight: 700;
  margin-top: 0px;
  margin-bottom: 5px;
}
#page-contrat .page-contrat__wrapper--left .contrat-informations__title--edit .exemple {
  color: #9e9e9e;
  font-style: italic;
  text-align: center;
  font-family: "Frutiger", sans-serif;
  font-size: 12px;
  font-weight: 500;
}
#page-contrat .page-contrat__wrapper--left .contrat-informations__title--edit .error-text {
  color: #f23037;
  display: none;
  margin-top: 5px;
  font-family: "Frutiger", sans-serif;
  font-size: 12px;
  font-weight: 500;
}
#page-contrat .page-contrat__wrapper--left .contrat-informations__title--edit input {
  border: 0 none;
  border-bottom: 1px solid #007bff;
  width: 100%;
}
#page-contrat .page-contrat__wrapper--left .contrat-informations__title--edit input:focus {
  outline: 0;
}
#page-contrat .page-contrat__wrapper--left .contrat-informations__title--edit.error .error-text {
  display: block;
}
#page-contrat .page-contrat__wrapper--left .contrat-informations__title--edit.error input {
  border-bottom: 1px solid #f23037;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #page-contrat .page-contrat__wrapper--left .contrat-informations__title--edit {
    font-size: 20px;
  }
}
@media only screen and (max-width: 667px) {
  #page-contrat .page-contrat__wrapper--left .contrat-informations__title--holder {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 667px) {
  #page-contrat .page-contrat__wrapper--left .contrat-informations__title--prospect {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 667px) {
  #page-contrat .page-contrat__wrapper--left .contrat-informations__title--location {
    margin-bottom: 30px;
  }
}
#page-contrat .page-contrat__wrapper--left .contrat-informations__title .icon-edit {
  position: absolute;
  right: 0;
  top: 0;
}
@media only screen and (max-width: 667px) {
  #page-contrat .page-contrat__wrapper--left .contrat-informations__title {
    height: 60px;
  }
}
@media only screen and (max-width: 667px) {
  #page-contrat .page-contrat__wrapper--left .contrat-informations {
    padding-top: 0;
    background-color: #ffffff;
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 0;
  }
}
#page-contrat .contrat-tracking-consumption {
  background-color: #ffffff;
  border-radius: 4px;
  margin-bottom: 30px;
  padding: 20px 40px 40px 40px;
  text-align: center;
}
#page-contrat .contrat-tracking-consumption__picture {
  margin-bottom: 20px;
}
#page-contrat .contrat-tracking-consumption__picture img {
  margin: auto;
  width: 60%;
}
@media only screen and (max-width: 1024px) {
  #page-contrat .contrat-tracking-consumption__picture img {
    width: 20%;
  }
}
@media only screen and (max-width: 667px) {
  #page-contrat .contrat-tracking-consumption__picture {
    display: none;
  }
}
#page-contrat .contrat-tracking-consumption__title {
  margin-bottom: 20px;
}
#page-contrat .contrat-tracking-consumption__title span {
  color: #005bbb;
}
@media only screen and (max-width: 667px) {
  #page-contrat .contrat-tracking-consumption__title {
    font-size: 24px;
  }
}
#page-contrat .contrat-tracking-consumption__citation {
  color: #666666!important;
  line-height: 1.38;
  margin-bottom: 40px;
  text-align: center;
  font-family: "Frutiger", sans-serif;
  font-size: 16px;
  font-weight: 500;
}
#page-contrat .contrat-tracking-consumption__citation p {
  color: #666666!important;
  line-height: 1.38;
  margin-bottom: 40px;
  text-align: center;
  font-family: "Frutiger", sans-serif;
  font-size: 16px;
  font-weight: 500;
}
#page-contrat .contrat-tracking-consumption__btn {
  background-color: #005bbb;
  width: 100%;
  font-family: "Work Sans", sans-serif;
  font-size: 14px;
  font-weight: 500;
}
@media only screen and (min-width: 1260px) {
  #page-contrat .contrat-tracking-consumption {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 667px) {
  #page-contrat .contrat-tracking-consumption__btn {
    padding: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #page-contrat .page-contrat__wrapper--left {
    position: inherit;
  }
}
@media only screen and (max-width: 667px) {
  #page-contrat .page-contrat__wrapper--left {
    padding: 0;
    position: inherit;
  }
}
#page-contrat .page-contrat__wrapper--right {
  padding-left: 20px;
}
@media only screen and (max-width: 667px) {
  #page-contrat .page-contrat__wrapper--right {
    padding: 0;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
#page-contrat .page-contrat--title {
  color: #000000;
  font-family: "Work Sans", sans-serif;
  font-size: 20px;
  font-weight: 700;
  margin-top: 30px;
}
#page-contrat .page-contrat--title p {
  color: #000000;
  font-family: "Work Sans", sans-serif;
  font-size: 20px;
  font-weight: 700;
  margin-top: 30px;
}
#page-contrat .page-contrat--title-big {
  font-family: "Work Sans", sans-serif;
  margin-top: initial;
  font-size: 24px;
  font-weight: 700;
  word-wrap: break-word;
  color: black;
}
#page-contrat .page-contrat--indication {
  color: #9e9e9e;
  margin-bottom: 5px;
  text-transform: uppercase;
  font-family: "Frutiger", sans-serif;
  font-size: 12px;
  font-weight: 700;
}
#page-contrat .page-contrat--citation {
  color: #000000;
  margin-bottom: 10px;
  font-family: "Frutiger", sans-serif;
  font-size: 16px;
  font-weight: 700;
}
#page-contrat .page-contrat--citation .number {
  color: #007bff;
}
@media only screen and (max-width: 667px) {
  #page-contrat .page-contrat--citation {
    font-size: 14px;
  }
}
#page-contrat .page-contrat--btn {
  line-height: 1.142857143rem;
  color: #ffffff;
  margin-bottom: 10px;
  margin-top: 30px;
  text-transform: uppercase;
  width: 100%;
  font-family: "Work Sans", sans-serif;
  font-size: 13px;
  font-weight: 600;
  padding: 18px 30px 35px;
}
@media only screen and (max-width: 667px) {
  #page-contrat .page-contrat--btn {
    margin-top: 0;
  }
}
#page-contrat .page-contrat--terminate {
  color: #fe682c;
  display: block;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  font-family: "Work Sans", sans-serif;
  font-size: 14px;
  font-weight: 600;
}
#page-contrat .page-contrat--offer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0;
}
#page-contrat .page-contrat--offer h1 {
  color: #09357a;
  margin-bottom: 40px;
  margin-top: 70px;
  text-align: center;
  width: 100%;
  font-family: "Work Sans", sans-serif;
  font-size: 32px;
  font-weight: 700;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #page-contrat .page-contrat--offer h1 {
    font-size: 30px;
  }
  #page-contrat .page-contrat__wrapper--right  {
    padding: 0 20px;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
#page-contrat .page-contrat--offer .items.hide,
#page-contrat .page-contrat--offer .items.items--empty.items--first.hide {
    display: none;
}
#page-contrat .page-contrat--offer .items {
  max-width: 48%;
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
}

@media only screen and (max-width: 667px) {
  #page-contrat .page-contrat--offer h1 {
    font-size: 24px;
    margin-bottom: 30px;
    margin-top: 40px;
  }
  #page-contrat .page-contrat--offer .items {
    max-width: 100%;
  }
}
@media only screen and (min-width: 1260px) {
  #page-contrat .page-contrat--offer .items--first {
    margin-right: 4%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #page-contrat .page-contrat--offer .items--first {
    margin-right: 3%;
  }
}
#page-contrat .page-contrat--offer .items--empty .page-contrat--offer-title--icon.second {
  background: rgba(51, 51, 51, 0.2) no-repeat center center;
}
#page-contrat .page-contrat--offer .items--empty .page-contrat--offer-title--text.second {
  color: rgba(51, 51, 51, 0.3);
}
#page-contrat .page-contrat--offer .items--empty .page-contrat--offer-details {
  padding-top: 200px;
  text-align: center;
  max-width: 100%;
}
#page-contrat .page-contrat--offer .items--empty .page-contrat--offer-details img {
  max-width: 48px;
  margin: 0 auto 20px;
}
#page-contrat .page-contrat--offer .items--empty .page-contrat--offer-details-title {
  color: #666666;
  font-family: "Frutiger", sans-serif;
  font-size: 20px;
  font-weight: 700;
}
#page-contrat .page-contrat--offer .items--empty .page-contrat--offer-details-text {
  color: #9e9e9e;
  margin-top: 15px;
  font-family: "Frutiger", sans-serif;
  font-size: 16px;
  font-weight: 500;
}
#page-contrat .page-contrat--offer .items--empty .page-contrat--offer-details-offer-choice {
  border-radius: 2px;
  border: solid 1px #666666;
  color: #666666;
  margin-top: 25px;
  width: 275px;
  text-transform: uppercase;
  font-family: "Work Sans", sans-serif;
  font-size: 14px;
  font-weight: 600;
  max-width: 100%;
  display: flex;
  padding: 0px;
  max-height: 40px;
}
#page-contrat .page-contrat--offer .items--empty .page-contrat--offer-details-offer-choice span {
  text-decoration: none;
  margin: auto;
  height: 2rem;
  line-height: 2rem;
}
@media only screen and (max-width: 667px) {
  #page-contrat .page-contrat--offer .items--empty .page-contrat--offer-details {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
#page-contrat .page-contrat--offer-details {
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0 6px 6px 0 rgba(9, 53, 122, 0.14);
  padding: 30px 25px 0;
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  max-width: 100%;
}
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
  #page-contrat .page-contrat--offer-details {
    padding: 30px 30px 0;
  }
}
#page-contrat .page-contrat--offer-details-price {
  background-color: rgba(241, 245, 249, 0.6);
  color: #09357a;
  margin-left: -10px;
  margin-right: -10px;
  padding: 30px 10px;
}
#page-contrat .page-contrat--offer-details-price-title {
  margin-bottom: 30px;
  font-family: "Work Sans", sans-serif;
  font-size: 20px;
  font-weight: 700;
}
#page-contrat .page-contrat--offer-details-price-title span {
  font-family: "Work Sans", sans-serif;
  font-size: 14px;
  font-weight: 300;
}
#page-contrat .page-contrat--offer-details-price-details .price-groups {
  clear: both;
  margin-top: 20px;
}
#page-contrat .page-contrat--offer-details-price-details .price-groups.price-groups-overflow {
  overflow: hidden;
  font-family: "Frutiger", sans-serif;
  font-size: 16px;
  font-weight: 500;
}
@media only screen and (max-width: 667px) {
  #page-contrat .page-contrat--offer-details-price-details .price-groups.price-groups-overflow {
    font-size: 14px;
  }
}
#page-contrat .page-contrat--offer-details-price-details .price-groups .tooltip {
  margin-left: 0;
}
#page-contrat .page-contrat--offer-details-price-details .price-groups .text {
  float: left;
  display: flex;
  font-family: "Frutiger", sans-serif;
  font-size: 16px;
  font-weight: 500;
  overflow: hidden;
  margin-right: 2%;
}
#page-contrat .page-contrat--offer-details-price-details .price-groups .text:after {
  border-bottom: 2px dotted #09357a;
  content: '';
  flex: 1;
  position: relative;
  bottom: 4px;
  left: 5px;
  width: 40px;
}
@media only screen and (max-width: 667px) {
  #page-contrat .page-contrat--offer-details-price-details .price-groups .text {
    font-size: 14px;
    width: 65%;
  }
}
#page-contrat .page-contrat--offer-details-price-details .price-groups .price {
  float: right;
  font-family: "Frutiger", sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-align: right;
}
@media only screen and (max-width: 667px) {
  #page-contrat .page-contrat--offer-details-price-details .price-groups .price {
    font-size: 14px;
    width: 30%;
  }
}
#page-contrat .page-contrat--offer-details-price-details .price-groups-content {
  margin-top: 20px;
  padding-left: 5px;
}
#page-contrat .page-contrat--offer-details-price-details .price-groups .flou {
  opacity: 0.3;
}
#page-contrat .page-contrat--offer-details-price-details .see-more {
  color: #09357a;
  display: block;
  margin: 20px auto 0;
  text-align: center;
  text-transform: uppercase;
  font-family: "Work Sans", sans-serif;
  font-size: 14px;
  font-weight: 600;
}
#page-contrat .page-contrat--offer-details-price-details .see-more svg {
  width: .475rem;
  height: .475rem;
  margin-left: .225rem;
}
#page-contrat .page-contrat--offer-details-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  width: 100%;
  margin-bottom: 15px;
}
#page-contrat .page-contrat--offer-details-footer {
  margin-top: 10px;
  width: 100%;
}
#page-contrat .page-contrat--offer-details-footer .link img {
  width: 20px;
}
#page-contrat .page-contrat--offer-details-footer.link-terminate {
  padding-bottom: 20px;
}
#page-contrat .page-contrat--offer-details-footer .offer-change {
  display: block;
  color: #000000;
  line-height: 60px;
  margin-left: -30px;
  margin-right: -30px;
  margin-top: 30px;
  text-align: center;
  text-transform: uppercase;
  font-family: "Work Sans", sans-serif;
  font-size: 14px;
  font-weight: 600;
}
#page-contrat .page-contrat--offer-details-footer .offer-change img {
  margin-top: 17px;
  margin-right: 10px;
  width: 24px;
}
#page-contrat .page-contrat--offer-details-footer .offer-change span {
  vertical-align: top;
}

@media only screen and (max-width: 667px) {
  #page-contrat .page-contrat--offer-details {
    margin-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
  }
}

@media only screen and (min-width: 668px) {
  #page-contrat .page-contrat--offer-details {
    box-sizing: border-box;
    width : 100%
  }
}




#page-contrat .page-contrat--offer-title {
  margin-bottom: 20px;
  width: 100%;
}
#page-contrat .page-contrat--offer-title--icon {
  background: #3a5d95 no-repeat center center;
  border-radius: 4px;
  float: left;
  height: 70px;
  width: 70px;
  line-height: 95px;
  text-align: center;
}
@media only screen and (max-width: 667px) {
  #page-contrat .page-contrat--offer-title--icon {
    max-width: 40%;
  }
}
#page-contrat .page-contrat--offer-title--icon.second {
  background: #fe5815 no-repeat center center;
}
#page-contrat .page-contrat--offer-title--text {
  color: #3a5d95;
  float: left;
  height: auto;
  line-height: 50px;
  margin-left: 20px;
  text-transform: uppercase;
  font-family: "Work Sans", sans-serif;
  font-size: 17px;
  font-weight: 700;
  width: 70%;
}

#page-contrat .page-contrat--offer-title--text span{
  display: inline-block;
  line-height: 1.2;
  vertical-align: middle;
}
#page-contrat .page-contrat--offer-title--text.second {
  color: #fe5815;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #page-contrat .page-contrat--offer-title--text {
    font-size: 17px;
  }
}
@media only screen and (max-width: 667px) {
  #page-contrat .page-contrat--offer-title--text {
    line-height: normal;
    margin-top: 13px;
    width: 200px;
    max-width: 55%;
  }
  #page-contrat .page-contrat--offer-title--text span{
    font-size: 20px;
  }
}
#page-contrat .page-contrat--services h2 {
  color: #09357a;
  margin-bottom: 20px;
  margin-top: 10px;
  font-family: "Work Sans", sans-serif;
  font-size: 28px;
  font-weight: 700;
}
#page-contrat .page-contrat--services h2 p {
  color: #09357a;
  margin-bottom: 0px;
  font-family: "Work Sans", sans-serif;
  margin-top: 70px;
  font-size: 32px;
  font-weight: 700;
  display: inline-block;
}
#page-contrat .page-contrat--services h2 p span {
  font-family: "Work Sans", sans-serif;
}
#page-contrat .page-contrat--services h2 span {
  color: #00c172;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #page-contrat .page-contrat--services h2 {
    font-size: 28px;
  }
}
@media only screen and (max-width: 667px) {
  #page-contrat .page-contrat--services h2 {
    font-size: 25px;
    margin-top: 0;
    text-align: center;
  }
  #page-contrat .page-contrat--services h2 .add-service {
    margin: 10px auto;
    display: block;
  }
  #page-contrat .page-contrat--services h2 p {
    font-size: 25px;
    margin-top: 0;
    margin-bottom: 15px;
    text-align: center;
  }
}
#page-contrat .page-contrat--services-content {
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0 6px 6px 0 rgba(9, 53, 122, 0.14);
  margin-top: 30px;
  padding: 30px 30px 0;
  position: relative;
}
#page-contrat .page-contrat--services-content--type {
  margin-bottom: 20px;
  text-transform: uppercase;
  font-family: "Frutiger", sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #fff;
  background-color: #1057C8;
  width: fit-content;
  padding: 6px 12px 6px 12px;
  border-radius: 4px;
}
@media only screen and (max-width: 667px) {
  #page-contrat .page-contrat--services-content--type {
    font-size: 12px;
  }
}
#page-contrat .page-contrat--services-content--title {
  margin-bottom: 20px;
  font-family: "Work Sans", sans-serif;
  font-size: 24px;
  font-weight: 800;
  color : #000000;
}
@media only screen and (max-width: 667px) {
  #page-contrat .page-contrat--services-content--title {
    font-size: 17px;
  }
}
#page-contrat .page-contrat--services-content--footer {
  background-color: rgba(241, 245, 249, 0.6);
  padding: 22px 30px;
  margin-left: -30px;
  margin-right: -30px;
  margin-top: 20px;
  font-family: "Work Sans", sans-serif;
  font-size: 14px;
  font-weight: 600;
}
#page-contrat .page-contrat--services-content--footer .page-contrat--terminate {
  color: #f23037;
  float: right;
  width: auto;
}
@media only screen and (max-width: 667px) {
  #page-contrat .page-contrat--services-content--footer .page-contrat--terminate {
    padding: 25px;
    margin-left: -20px;
    background-color: rgba(241, 245, 249, 0.6);
    margin-top: 40px;
    float: none;
    width: 119%;
  }
}
@media only screen and (max-width: 667px) {
  #page-contrat .page-contrat--services-content--footer {
    background-color: transparent;
    margin-top: 10px;
    padding: 0 30px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #page-contrat .page-contrat--services-content .col {
    margin-top: 20px;
  }
  #page-contrat .page-contrat--services-content .col:nth-child(1),
  #page-contrat .page-contrat--services-content .col:nth-child(4) {
    padding-left: 0;
  }
}
@media only screen and (max-width: 667px) {
  #page-contrat .page-contrat--services-content {
    padding-left: 20px;
    padding-right: 20px;
  }
  #page-contrat .page-contrat--services-content .col-12 {
    padding: 0;
    margin-bottom: 20px;
  }
}
#page-contrat .page-contrat .link-primary {
  color: #007bff;
  background: url(../../../apps/EDF_RC/components/mesContrats/clientlib/images/pdf-icon.png) no-repeat 0 center / 20px 20px;
  font-size: 14px;
  padding-left: 30px;
}
#page-contrat .page-contrat .link-primary.link-services {
  background: url(../../../apps/EDF_RC/components/mesContrats/clientlib/images/pdf-icon.png) no-repeat 15px center / 20px 20px;
  padding-right: 0;
  padding-left: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #page-contrat .page-contrat .link-primary.link-services {
    padding-left: 10px;
  }
}
@media only screen and (max-width: 667px) {
  #page-contrat .page-contrat .link-primary.link-services {
    background: url(../../../apps/EDF_RC/components/mesContrats/clientlib/images/pdf-icon.png) no-repeat 0px center / 20px 20px;
    margin-bottom: 30px;
    padding-left: 30px;
  }
  #page-contrat .page-contrat .link-primary.link-services .button-text {
    margin-left: 0;
  }
}
@media only screen and (max-width: 667px) {
  #page-contrat .page-contrat .link-primary {
    background: url(../../../apps/EDF_RC/components/mesContrats/clientlib/images/pdf-icon.png) no-repeat 0 center / 15px 15px;
    font-size: 13px;
    padding-left: 0;
  }
}
#page-contrat .add-service {
  background: url("assets/img/mesContrats/add-icon.png") no-repeat 0 center / 23px;
  color: #09357a;
  float: right;
  margin-top: 65px;
  padding-left: 25px;
  text-transform: uppercase;
  font-family: "Work Sans", sans-serif;
  font-size: 13px;
  font-weight: 700;
}
@media only screen and (max-width: 667px) {
  #page-contrat .page-contrat .add-service {
    float: none;
    width: 100%;
    display: block;
    background: url(../../../apps/EDF_RC/components/mesContrats/clientlib/images/add-icon.png) no-repeat 50px center / 24px;
    text-align: center;
  }
  #page-contrat .add-service {
    float: none;
    width: 70%;
  }
}
#page-contrat .page-contrat .know-more {
  background: url(../../../apps/EDF_RC/components/mesContrats/clientlib/images/arrow-circle.png) no-repeat 0 center / 24px;
  color: #09357a;
  padding-left: 30px;
  text-transform: uppercase;
}
#page-contrat .page-contrat .tooltip {
  margin-left: 5px;
  position: relative;
  bottom: 2px;
}

#page-contrat .container-variable.mobile {
  display: none;
}

#page-contrat .container-variable.not-mobile {
  display: block;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #page-contrat .container-variable.mobile {
    display: block;
    padding: 0 20px;
    width: 100%;
  }
  #page-contrat .container-variable.not-mobile {
    display: none;
  }
  #page-contrat .container-variable .contrat-tracking-consumption{
    margin-bottom: 0;
    margin-top: 30px;
    padding: 20px 30px 40px 30px;
  }
}
@media only screen and (max-width: 667px) {
  #page-contrat .container-variable.mobile {
    display: block;
  }
  #page-contrat .container-variable.not-mobile {
    display: none;
  }
  #page-contrat .container-variable .contrat-tracking-consumption{
    margin-bottom: 0;
    margin-top: 30px;
    padding: 20px 30px 40px 30px;
  }
}
.clearfix {
  clear: both;
}

#page-contrat .padding-override{
  padding-left: 0px;
  padding-right: 0px;
}

#page-contrat .url-cpv{
  text-decoration: none;
}

#page-contrat .white{
  color: #FFF;
}

#page-contrat .Noir{
  color: #000;
}

#page-contrat .display-help{
  display: flex;
  flex-direction: column;
}

#page-contrat #price-elec{
  display: inline-block;
}

#page-contrat #price-gaz{
  display: inline-block;
}

#page-contrat .link{
  background-color: #ffffff!important;
  color: rgb(0, 123, 255)!important;
  box-shadow: none;
  font-size: 14px;
  padding-left: 0px;
}

#page-contrat .black {
  color: #000 !important;
}

#page-contrat .secondary {
  color: #666 !important;
}

#page-contrat .primary {
  color: #005BBB !important;
}

#page-contrat .success {
  color: #509E2F !important;
}

#page-contrat .info {
  color: #C4D600 !important;
}

#page-contrat .warning {
  color: #FFA02F !important;
}

#page-contrat .danger{
  color: #FE5815 !important;
}

#page-contrat .white {
  color: #fff !important;
}

#page-contrat .btn-white {
  background-color: #fff !important;
}

#page-contrat .know-more-div {
  float: left;
  line-height: 4px;
}

#page-contrat .know-more-div .picto-know-more {
  width: 24px;
  float: left;
  margin-right: 5px;
  display: inline;
}

#page-contrat .know-more-div .know-more {
  text-transform: uppercase;
  font-size: 14px;
  font-family: "Work Sans", sans-serif;
  font-weight: 600;
  color: #09357a;
  margin-top: 10px;
  display: inline-block;
  line-height: 22px;
}

#page-contrat .picto-cpv {
  width: 20px;
}

#page-contrat .button-text {
  vertical-align: top;
  text-decoration: underline;
  margin-left: 5px;
}

#page-contrat .resiliate-service {
  margin-top: 4px;
}

/* #3137 CURSOR POINTER ON RESILIATE BUTTON */
#page-contrat .resiliate-service:hover {
  cursor: pointer;
}

#page-contrat .pdf-section {
  display: inline-block;
  padding-left: 15px;
  padding-top: 15px;
  max-width: 49%;
}

#page-contrat .pdf-sectionFe {
  display: inline-block;
  padding-left: 15px;
  padding-top: 15px;
}

@media only screen and (max-width: 1024px) {
  #page-contrat .pdf-section {
    padding-left: 0px;
  }
  #page-contrat .pdf-sectionFe {
      padding-left: 0px;
  }
}

#page-contrat .pdf-section img {
  width: 24px;
  height: 24px;
}

#page-contrat .pdf-section a {
  font-size: 14px;
}

#gestionSection .icone-right-cpv {
  padding-left: 5px;
}

.buttonV3Edf > .stepContainerContent {
    color: default;
    display: default;
    font-family: default;
    font-size: default;
}

.icon-information-mirror {
  font-size: 16px;
}

#page-contrat #btn-resiliate.btn.btn-white {
  box-shadow: none;
}

#page-contrat .page-contrat--offer-details p {
  max-height: 40px;
}

/* #3137 Popin Resiliate */
#popinResiliation div {
  font-family: "Work Sans", sans-serif;
}

#popinResiliation .title {
  font-size: 20px;
  padding-top: 15px;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

#popinResiliation a {
  min-height: 50px;
}

#popinResiliation .btn {
  min-width: 40%;
}

#popinResiliation .popup-content {
  padding: 0px;
}

#popinResiliation #closePopin.contour {
  border: 1px black solid;
  border-radius: 0px;
  display: flex;
}

#popinResiliation #closePopin.contour span,
#popinResiliation #confirmResiliate span {
  margin: auto;
}

#popinResiliation #confirmResiliate {
  border-radius: 0px;
}

#popinResiliation #confirmResiliate {
  display: flex;
}

#popinResiliation .btn-container {
  margin-top: 10px;
}

#popinResiliation .description {
  margin-top: 0px;
  margin-bottom: 10px;
  padding-top: 0px;
}

/* POPINS V2 */
#popin_conf_res.responsive-popup,
#popin_err.responsive-popup,
#popin_securcles.responsive-popup{
  padding: 0;
}

#popin_conf_res.responsive-popup .popup-container .popup-content .description,
#popin_err.responsive-popup .popup-container .popup-content .description {
  margin-top: 0px;
}

/* #3136 COULEUR INFOBULLE PRIX UNITAIRE */
#page-contrat .page-contrat--offer-details-price-details .price-groups .tooltip .icon-information-mirror.color-blue:before {
  color: #09357a;
}

/* Pour que l'image du parsys de mesContrats soit bien centrée */
#parsysMesContrats #parsys-prospect img {
  margin: auto;
  margin-bottom: 10px;
}

/* Corrections de styles externes tapant sur notre page */
#page-contrat img {
  display: inline-block;
}

#page-contrat .page-contrat--offer-details p {
  margin-top: 20px;
}

/* cibler les petits écrans */
@media only screen and (max-width: 320px) {
  .contratContent {
    padding: 0;
  }
  .contratContent #page-contrat .page-contrat__wrapper--left .contrat-informations__title--edit .citation{
    font-size: 13px;
  }
}

/* cas prospect */
#parsysMesContrats #parsys-prospect {
  margin-top: 20px;
}

#parsysMesContrats #parsys-prospect #imgProspect {
  width: 50px;
}

#parsysMesContrats #parsys-prospect #titleProspect {
  font-size: 1.2em;
  font-weight: bold;
}

/* set marge to unique-dial */
#page-contrat #unique-dial,
#page-contrat #unique-dial-gaz {
  margin-top: 10px;
}

#bloc-services .anchor {
  display: block;
  position: relative;
  top: -100px;
  visibility: hidden;
}

#price-details-gaz {
  height: 80px;
}

/* Pour Mozilla */
#page-contrat .pdf-section a {
  text-decoration: none;
  background-color: transparent !important;
  display: initial;
}

.details-footer-resiliate {
  padding-bottom: 90px;
}

/* Because wtf is the Bootstrap of this website */
@media (max-width: 1199px) {
  #page-contrat .col-md-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (min-width: 1200px) {
  #page-contrat .col-lg-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
}

#page-contrat .btn-danger {
  background-color: #fe5815;
}

/*** iPad mini in portrait ***/
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 1){
  #page-contrat .page-contrat--offer-details-price-details .price-groups .price {
    font-size: 14px;
  }
}

#details-footer-gaz, #details-footer-elec {
  padding-bottom: 10%;
}

/* Ajouts pour la 7053 */
#page-contrat .secur-cles-link {
  font-size: 14px;
}

#page-contrat .secur-cles-div {
  padding-top: 3px;
}

.subscription-date-div {
  padding-right: 0 !important;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #page-contrat .pdf-section {
    max-width: 45%;
  }	
}

#page-contrat .page-contrat--offer > h2 {
  color: #09357a;
  margin-bottom: 40px;
  margin-top: 70px;
  text-align: center;
  width: 100%;
  font-family: "Work Sans", sans-serif;
  font-size: 32px;
  font-weight: 700;
}

@media only screen and (max-width: 667px) {
  #page-contrat .page-contrat--offer > h2 {
    font-size: 24px;
    margin-bottom: 30px;
    margin-top: 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #page-contrat .page-contrat--offer > h2 {
    font-size: 30px;
  }
}

#page-contrat .page-contrat--services h2 {
  color: #09357a;
  margin-bottom: 40px;
  font-family: "Work Sans", sans-serif;
  font-size: 32px;
  font-weight: 700;
}

#page-contrat .page-contrat--services h2 span {
  color: #00c172;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #page-contrat .page-contrat--services h2 {
    font-size: 30px;
  }
}

@media only screen and (max-width: 667px) {
  #page-contrat .page-contrat--services h2 {
    font-size: 25px;
    margin-top: 0;
    text-align: center;
  }
}

.services-to-cancellation .service-close__close{
  position: absolute;
  right: 15px;
  top: 15px;
  background: transparent;
  border: 0;
  padding: 0;
  outline: none;
}

#page-contrat .page-contrat--services-content.services-to-cancellation {
  background-color: #dfdfdf;
  position: relative;
  max-height: 0;
  transform: scale(0);
  transition: transform .3s cubic-bezier(.5,0,.3,1);
  margin: 0;
  padding: 0;
}

#page-contrat .page-contrat--services-content.services-to-cancellation.fade-in {
  margin-top: 30px;
  padding: 30px 30px 25px;
}

.fade-in {
  max-height: 3000px !important;
  transform: scale(1) !important;
}

#page-contrat .page-contrat--services-content.services-to-cancellation .page-contrat--services-content--title{
  margin: 0;
}

#page-contrat .page-contrat--services-content.services-to-cancellation p{
  font-family: "Frutiger";
  font-size: 16px;
  color: #1a1a1a;
  margin: 10px 0 0;
}

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

#page-contrat .page-contrat--offer-details .tooltip .tooltip-text p  {
  height: inherit;
  max-height: inherit;
}  

.page-contrat--offer-details-price .tooltip{
  position: absolute;
} 

.focusable:focus{
  outline:-webkit-focus-ring-color auto 1px;
  outline-color:-webkit-focus-ring-color;
  outline-style:auto;
  outline-width:1px
}

.modal-btnClose:focus{
  outline:-webkit-focus-ring-color auto 1px;
  outline-color:-webkit-focus-ring-color;
  outline-style:auto;
  outline-width:1px;
}

/*assuerenergie.css*/
.page-contrat--services-content--footer .know-more {
  color: #09357a;
  text-transform: uppercase;
}
#page-contrat .service-assurenergie .page-contrat--services-content--title {
  margin-bottom: 0;
}

.service-assurenergie .service-assurenergie_content {
  padding: 20px 15px 20px 10px;
  border-radius: 4px;
  font-family: "Frutiger", sans-serif;
  background-color: #f7f9fb;
}

.service-assurenergie .service-assurenergie_header {
  margin-bottom: 30px;
}

.service-assurenergie_content_row .col-pricing {
  border-right: 1px solid #e0e0e0;
  text-align: center;
}

.service-assurenergie_content_row .col-pricing .price-detail {
  margin-bottom: 10px;
  font-family: "Work Sans", sans-serif;
  font-size: 40px;
  line-height: 48px;
  font-weight: 600;
  color: #09357a;
}
.service-assurenergie_content_row .col-pricing .price-suffix {
  font-family: "Work Sans", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: #09357a;
}

.service-assurenergie_content_row .assurenergie-plus-title {
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  color: #9e9e9e;
}

.service-assurenergie_content_row .col-pricing .assurenergie-plus-title {
  margin-bottom: 10px;
}
.service-assurenergie_content_row .assurenergie-plus-description {
  margin: 10px 0 0;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
}
.service-assurenergie_content_row .col-date {
  padding-left: 30px;
}
.col-date .assurenergie-plus-description {
  margin: 4px 0 15px;
  font-weight: bold;
}
.service-assurenergie_content_row .assurenergie-plus-mention {
  margin-top: 5px;
  font-size: 14px;
  line-height: 20px;
  color: #9e9e9e;
}

.service-assurenergie_docs {
  padding-top: 18px;
}
.service-assurenergie_docs .atomx-btn-link--theme-primary {
  padding-left: 0;
}

@media (max-width: 767px) {
  #page-contrat .service-assurenergie_content_row .col-date {
      padding: 30px 0 0;
      margin-bottom: 0;
  }
  #page-contrat .service-assurenergie .page-contrat--services-content--title {
      margin-bottom: 30px;
  }
  #page-contrat .service-assurenergie .service-assurenergie_content_row .col-pricing {
      padding:0 0 30px;
      margin-bottom: 0;
      border-right: none;
      border-bottom: 1px solid #e0e0e0;
      text-align: center;
  }
  .service-assurenergie_docs .atomx-btn-link--theme-primary {
      width: auto;
  }
}

.fullwidth{
  width: 100%;
}

.btn-margin-bottom-20{
  margin-bottom: 20px;
}

div#bloc-assurenergieplus .subscription-date {
  white-space: nowrap;
}

#info-client-trv p {
  color: #666666;
  margin: 20px 0 0;
  line-height: 18px;
  font-family: "frutiger", sans-serif;
  font-size: 13px;
  font-weight: 500;
}

#info-client-trv a {
  color: #005BBB;
  cursor: pointer;
  font-family: "frutiger", sans-serif;
  font-size: 13px;
  text-decoration: none;
}

@media only screen and (max-width: 667px) {
  #info-client-trv p {
    margin-top: 0px;
    margin-bottom: 45px;
  }
}

#offer-change-elec > div > a {
  padding: 0px 16px 30px 0px !important;
  line-height: 1.4;
}

#offer-change-gaz > div > a {
  padding: 0px 16px 30px 0px !important;
  line-height: 1.4;
}


/****** POPIN DECLARER SINISTRE DEPANNAGE *****/
#modalDeclarerSinistreDepannage .atomx-modal__content{
  text-align: center;
}

#modalDeclarerSinistreDepannage .atomx-modal__content.atomx-modal__content--bordered {
  border-top: solid 1px #e1e1e1;
  padding: 20px 0  0;
  margin: 0px 20px 0;
}
@media screen and (min-width: 768px){
  #modalDeclarerSinistreDepannage .atomx-modal__content.atomx-modal__content--bordered {
    padding: 20px 0px 0;
    margin: 0px 40px 0;
  }
}
#modalDeclarerSinistreDepannage .atomx-modal__header{
  justify-content: center;
  border-bottom: none;
}

.sowee-footer {
  background-color: rgba(241, 245, 249, 0.6) !important;
  padding: 25px 30px !important;
}
.sowee-link {
  line-height:22px;
}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.tooltip_modal{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 0.9375rem;-webkit-overflow-scrolling:touch;background-color:rgba(0,0,0,0.6);-webkit-transition:.2s;-o-transition:.2s;transition:.2s}.tooltip_modal_wrapper{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:auto;background-color:white;-webkit-box-shadow:0 6px 6px 0 rgba(9,53,122,0.14),0 10px 20px 0 rgba(9,53,122,0.14);box-shadow:0 6px 6px 0 rgba(9,53,122,0.14),0 10px 20px 0 rgba(9,53,122,0.14)}.tooltip_modal_wrapper__header{position:relative;width:100%;height:5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:#005BBB;color:white}.tooltip_modal_wrapper__header-btn-close{padding:0.9375rem;color:white;position:absolute;top:0;right:0;border:0;background-color:transparent;white-space:nowrap;text-decoration:none;cursor:pointer;outline: none !important;}.tooltip_modal_wrapper__header h3{color:white}.tooltip_modal_wrapper__content{font-family:"frutiger";font-size:0.875rem;line-height:1.57;padding:0.9375rem}.tooltip_modal_wrapper__content h3{font-size:22px;margin-bottom:15px}.tooltip_modal_wrapper__footer{padding:0 0.9375rem 0.9375rem 0.9375rem}.tooltip_modal[aria-hidden="true"]{visibility:hidden;opacity:0}.tooltip{font-family:'frutiger';position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.tooltip .tooltip-btn{line-height:0.875rem;padding:0;color:#9E9E9E;border:0;background-color:transparent;white-space:nowrap;text-decoration:none;font-size:0.875rem;cursor:pointer;font-family:"Frutiger",sans-serif;font-size:14px;font-size:.875rem;font-weight:500}.tooltip .tooltip-btn:hover,.tooltip .tooltip-btn.active{color:#006DFF}.tooltip .tooltip-text{position:absolute}.tooltip .tooltip-text .tooltip-text_content{display:none;min-width:300px;height:auto;visibility:hidden;border:solid 1px #7c7c7c;background-color:#dadada;border-radius:0;color:#666;padding:8px 30px 8px 20px;border-radius:6px;font-weight:400;text-transform:initial;position:absolute;top:0;z-index:1;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;font-family:"Frutiger", sans-serif;line-height:1.43;font-size:0.875rem}.tooltip .tooltip-text .tooltip-text_content .tooltip-text_content__btn-close{padding:0.3125rem;color:#666;position:absolute;top:0;right:0;border:0;background-color:transparent;white-space:nowrap;text-decoration:none;outline: none !important;}.tooltip .tooltip-text .tooltip-right::after{content:"";position:absolute;top:50%;right:100%;margin-top:-10px;border-width:10px;border-style:solid;border-color:transparent #dadada transparent transparent}.tooltip .tooltip-text .tooltip-right::before{content:"";position:absolute;top:50%;right:100%;margin-top:-11px;border-width:11px;border-style:solid;border-color:transparent #7c7c7c transparent transparent}.tooltip .tooltip-text .tooltip-left::after{content:"";position:absolute;top:50%;left:100%;margin-top:-10px;border-width:10px;border-style:solid;border-color:transparent transparent transparent #dadada}.tooltip .tooltip-text .tooltip-left::before{content:"";position:absolute;top:50%;left:100%;margin-top:-11px;border-width:11px;border-style:solid;border-color:transparent transparent transparent #7c7c7c}.tooltip .tooltip-text .tooltip-top::after{content:"";position:absolute;top:100%;left:50%;margin-left:-10px;border-width:10px;border-style:solid;border-color:#dadada transparent transparent transparent}.tooltip .tooltip-text .tooltip-top::before{content:"";position:absolute;top:100%;left:50%;margin-left:-11px;border-width:11px;border-style:solid;border-color:#7c7c7c transparent transparent transparent}.tooltip .tooltip-text .tooltip-bottom::after{content:"";position:absolute;bottom:100%;left:50%;margin-left:-10px;border-width:10px;border-style:solid;border-color:transparent transparent #dadada transparent}.tooltip .tooltip-text .tooltip-bottom::before{content:"";position:absolute;bottom:100%;left:50%;margin-left:-11px;border-width:11px;border-style:solid;border-color:transparent transparent #7c7c7c transparent}.tooltip .tooltip-text[aria-hidden="false"] .tooltip-text_content{visibility:visible}.tooltip[aria-hidden="true"]{visibility:hidden;opacity:0}@media (min-width: 576px){.tooltip .tooltip-text .tooltip-text_content{display:block}}
/* Style modif carousel */
@media only screen and (max-width: 1165px) {
.EnableSlideButton{
    width: auto!important;
    transition: width 2s ease-in-out!important;
    }
}
@media screen and (min-width: 1280px) {
.EnableSlideButton{
    width: 24.4rem!important;
    transition: width 2s ease-in-out!important;
    }
        }
.hideChevron{
   	opacity: 0;
    transition: opacity 0.5s ease-in-out!important;
}
/* End */

/* INCITATION CONNEXION START */
#header #popup_sign-in { display:none; }
#header .hideIncitPopin { display:none; }
#header #bar_popups.adjustIncitPopin { width:0 }

/* HP */
#header .adjustIncitPopin.homepage { top: -30px; right: 0px; }
@media screen and (min-width:1280px) {
	#header .adjustIncitPopin.homepage { right: -90px; position:inherit; }
	#header.js-meta-home-scrolled .adjustIncitPopin { right:-49.5%; top:-60px; }
}
/* fin HP */

@media screen and (min-width:768px) {
	#header #popup_sign-in { display:block; }
}

#header #popup_sign-in .content_popup_sign-in {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 75px;
    width: 200px;
    margin: 0 auto;
    padding: 10px;
    border-radius: 3px;
    z-index: 1003;
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
    background-color: #ffffff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
}

#header #popup_sign-in .content_popup_sign-in.btn_article_lightGray {
    background-color: #dddddd;
}

#header #popup_sign-in .content_popup_sign-in.btn_article_gray {
    background-color: #6a6a6a;
}

#header #popup_sign-in .content_popup_sign-in.btn_article_lightBlue {
    background-color: #005bbb;
}

#header #popup_sign-in .content_popup_sign-in.btn_article_blue {
    background-color: #001A70;
}

#header #popup_sign-in .content_popup_sign-in.btn_article_lightGreen {
    background-color: #c4d600;
}

#header #popup_sign-in .content_popup_sign-in.btn_article_green {
    background-color: #509e2f;
}

#header #popup_sign-in .content_popup_sign-in.btn_article_lightOrange {
    background-color: #ffa02f;
}

#header #popup_sign-in .content_popup_sign-in.btn_article_orange {
    background-color: #fe5815;
}

#header #popup_sign-in .popin-arrow {
    position: absolute;
    margin: 0 auto;
    top: 66px;
    right: 30px;
    border-style: solid;
    border-width: 9px;
    border-color: transparent;
    border-top-width: 0;
    border-bottom: 9px solid #ffffff;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
}

.header-menu.header-menu-contact.js-header-menu-block-opened .animLink{
  text-align: left;
}

@media screen and (min-width:1024px) {
	#header #popup_sign-in .popin-arrow { right: 97px; }
}

#header #popup_sign-in .popin-arrow.btn_article_lightGray {
    border-bottom-color: #dddddd;
}

#header #popup_sign-in .popin-arrow.btn_article_gray {
    border-bottom-color: #6a6a6a;
}

#header #popup_sign-in .popin-arrow.btn_article_lightBlue {
    border-bottom-color: #005bbb;
}

#header #popup_sign-in .popin-arrow.btn_article_blue {
    border-bottom-color: #001A70;
}

#header #popup_sign-in .popin-arrow.btn_article_lightGreen {
    border-bottom-color: #c4d600;
}

#header #popup_sign-in .popin-arrow.btn_article_green {
    border-bottom-color: #509e2f;
}

#header #popup_sign-in .popin-arrow.btn_article_lightOrange {
    border-bottom-color: #ffa02f;
}

#header #popup_sign-in .popin-arrow.btn_article_orange {
    border-bottom-color: #fe5815;
}

#header #popup_sign-in .txt_popin {
    font-family: frutiger, sans-serif;
    font-size: 14px;
    line-height: 1.43;
    text-align: center;
    margin: 0;
}

#header #popup_sign-in .txt_popin.btn_article_lightGray {
    color: #dddddd;
}

#header #popup_sign-in .txt_popin.btn_article_gray {
    color: #6a6a6a;
}

#header #popup_sign-in .txt_popin.btn_article_lightBlue {
    color: #005bbb;
}

#header #popup_sign-in .txt_popin.btn_article_blue {
    color: #001A70;
}

#header #popup_sign-in .txt_popin.btn_article_lightGreen {
    color: #c4d600;
}

#header #popup_sign-in .txt_popin.btn_article_green {
    color: #509e2f;
}

#header #popup_sign-in .txt_popin.btn_article_lightOrange {
    color: #ffa02f;
}

#header #popup_sign-in .txt_popin.btn_article_orange {
    color: #fe5815;
}

#header #popup_sign-in .txt_popin.btn_article_white {
    color: white;
}
#header #popup_sign-in button.btn {
    width: 100%;
    margin-top: 10px;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    font-family: Frutiger, Arial, sans-serif;
    font-weight: normal;
    border: none;
    cursor: pointer;
    background-image: none;
    height: 50px;
    min-height: 50px;
    max-height: 60px;
    font-size: 16px;
    line-height: 17px;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-sizing: border-box;
}

#header #popup_sign-in button.btn-sm {
    height: 40px;
    min-height: 40px;
}

#header #popup_sign-in .btn .btn-content {
    height: 100%;
    border-radius: 4px;
    padding-right: 15px;
    padding-left: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#header #popup_sign-in .btn .btn-content .txt {
    padding-right: 10px;
    padding-left: 10px;
}

#header #popup_sign-in button.btn_article_lightGray {
    background-color: #dddddd;
    color: #666666;
}

#header #popup_sign-in button.btn_article_gray {
    background-color: #6a6a6a;
    color: white;
}

#header #popup_sign-in button.btn_article_lightBlue {
    background-color: #005bbb;
    color: white;
}

#header #popup_sign-in button.btn_article_blue {
    background-color: #001A70;
    color: white;
}

#header #popup_sign-in button.btn_article_lightGreen {
    background-color: #c4d600;
    color: white;
}

#header #popup_sign-in button.btn_article_green {
    background-color: #509e2f;
    color: white;
}

#header #popup_sign-in button.btn_article_lightOrange {
    background-color: #ffa02f;
    color: white;
}

#header #popup_sign-in button.btn_article_orange {
    background-color: #fe5815;
    color: white;
}

@media only screen and (max-width: 1165px) {
    #header #popup_sign-in {
        width: 240px;
    }
}
/* INCITATION CONNEXION END */


/*************************************************/

/* Bouton V2 pusher */

/* comportement général du bouton */
#header .menuPushTrackingBtn.btn-mp {
  font-family: Frutiger, Arial, sans-serif;
  text-decoration: none;
  font-size: 1rem;
  line-height: 1.142857143rem;
  cursor: pointer;
  border-radius: 2px;
  padding: 13.5px 36px;
  text-align: center;
  box-sizing: border-box;
  white-space: normal;
  vertical-align: middle;
  height: inherit;
  max-height: inherit;
  margin-left: auto;
  margin-right: auto;
}

/* effets hover */
#header .menuPushTrackingBtn.btn-mp:hover {
  color: #fff;
  box-shadow: inset 0 0 0 99999px rgba(0, 0, 0, 0.2);
}

/* uppercase */
#header .menuPushTrackingBtn.uppercase {
  text-transform: uppercase;
  font-family: WorkSans, Arial, sans-serif;
}

/* COULEURS DES BOUTONS */
/**********************************************************************************/

/********* PRIMARY **********/
#header .menuPushTrackingBtn.btn-primary-mp {
  color: #fff;
  background-color: #007BFF;
}

#header .menuPushTrackingBtn.btn-primary-mp.contour-mp {
  color: #007BFF;
  background-color: transparent;
  border: solid 2px #007BFF;
}

#header .menuPushTrackingBtn.btn-primary-mp.contour-mp:hover {
  color: #fff;
  background-color: #007BFF;
  box-shadow: none;
}

#header .menuPushTrackingBtn.btn-primary-mp.link-mp {
  color: #007BFF;
  background-color: transparent;
  border: solid 2px transparent;
}

#header .menuPushTrackingBtn.btn-primary-mp.link-mp:hover {
  background: transparent;
  box-shadow: none;
  text-decoration: underline;
}

/**********************************************************************************/

/*********GRIS*********/
#header .menuPushTrackingBtn.btn-secondary-mp {
  color: #fff;
  background-color: #666666;
}

#header .menuPushTrackingBtn.btn-secondary-mp.contour-mp {
  color: #666666;
  background-color: transparent;
  border: solid 2px #666666;
}

#header .menuPushTrackingBtn.btn-secondary-mp.contour-mp:hover {
  color: #fff;
  background-color: #666666;
  box-shadow: none;
}

#header .menuPushTrackingBtn.btn-secondary-mp.link-mp {
  color: #666666;
  background-color: transparent;
  border: solid 2px transparent;
}

#header .menuPushTrackingBtn.btn-secondary-mp.link-mp:hover {
  background: transparent;
  box-shadow: none;
  text-decoration: underline;
}

/**********************************************************************************/

/*********VERT*********/
#header .menuPushTrackingBtn.btn-success-mp {
  color: #fff;
  background-color: #00C172;
}

#header .menuPushTrackingBtn.btn-success-mp.contour-mp {
  color: #00C172;
  background-color: transparent;
  border: solid 2px #00C172;
}

#header .menuPushTrackingBtn.btn-success-mp.contour-mp:hover {
  color: #fff;
  background-color: #00C172;
  box-shadow: none;
}

#header .menuPushTrackingBtn.btn-success-mp.link-mp {
  color: #00C172;
  background-color: transparent;
  border: solid 2px transparent;
}

#header .menuPushTrackingBtn.btn-success-mp.link-mp:hover {
  background: transparent;
  box-shadow: none;
  text-decoration: underline;
}

/**********************************************************************************/

/*********VERT CLAIR*********/
#header .menuPushTrackingBtn.btn-info-mp {
  color: #fff;
  background-color: #c4d600;
}

#header .menuPushTrackingBtn.btn-info-mp.contour-mp {
  color: #c4d600;
  background-color: transparent;
  border: solid 2px #c4d600;
}

#header .menuPushTrackingBtn.btn-info-mp.contour-mp:hover {
  color: #fff;
  background-color: #c4d600;
  box-shadow: none;
}

#header .menuPushTrackingBtn.btn-info-mp.link-mp {
  color: #c4d600;
  background-color: transparent;
  border: solid 2px transparent;
}

#header .menuPushTrackingBtn.btn-info-mp.link-mp:hover {
  background: transparent;
  box-shadow: none;
  text-decoration: underline;
}

/**********************************************************************************/

/*********ORANGE CLAIR*********/
#header .menuPushTrackingBtn.btn-warning-mp {
  color: #fff;
  background-color: #ffa02f;
}

#header .menuPushTrackingBtn.btn-warning-mp.contour-mp {
  color: #ffa02f;
  background-color: transparent;
  border: solid 2px #ffa02f;
}

#header .menuPushTrackingBtn.btn-warning-mp.contour-mp:hover {
  color: #fff;
  background-color: #ffa02f;
  box-shadow: none;
}

#header .menuPushTrackingBtn.btn-warning-mp.link-mp {
  color: #ffa02f;
  background-color: transparent;
  border: solid 2px transparent;
}

#header .menuPushTrackingBtn.btn-warning-mp.link-mp:hover {
  background: transparent;
  box-shadow: none;
  text-decoration: underline;
}

/**********************************************************************************/

/*********ORANGE*********/
#header .menuPushTrackingBtn.btn-danger-mp {
  color: #fff;
  background-color: #F23037;
}

#header .menuPushTrackingBtn.btn-danger-mp.contour-mp {
  color: #F23037;
  background-color: transparent;
  border: solid 2px #F23037;
}

#header .menuPushTrackingBtn.btn-danger-mp.contour-mp:hover{
  color: #fff;
  background-color: #F23037;
  box-shadow: none;
}

#header .menuPushTrackingBtn.btn-danger-mp.link-mp {
  color: #F23037;
  background-color: transparent;
  border: solid 2px transparent;
}

#header .menuPushTrackingBtn.btn-danger-mp.link-mp:hover {
  background: transparent;
  box-shadow: none;
  text-decoration: underline;
}

/**********************************************************************************/

/*********BLANC*********/
#header .menuPushTrackingBtn.btn-light-mp {
  color: #4a4a4a;
  background-color: #fff;
}

#header .menuPushTrackingBtn.btn-light-mp.contour-mp {
  color: #fff;
  background-color: transparent;
  border: solid 2px #fff;
}

#header .menuPushTrackingBtn.btn-light-mp.contour-mp:hover {
  color: #4a4a4a;
  background-color: #fff;
  box-shadow: none;
}

#header .menuPushTrackingBtn.btn-light-mp.link-mp {
  color: #fff;
  background-color: transparent;
  border: solid 2px transparent;
}

#header .menuPushTrackingBtn.btn-light-mp.link-mp:hover {
  background: transparent;
  box-shadow: none;
  text-decoration: underline;
}

/**********************************************************************************/

/*********NOIR*********/
#header .menuPushTrackingBtn.btn-dark-mp {
  color: #fff;
  background-color: #333333;
}

#header .menuPushTrackingBtn.btn-dark-mp.contour-mp {
  color: #333333;
  background-color: transparent;
  border: solid 2px #333333;
}

#header .menuPushTrackingBtn.btn-dark-mp.contour-mp:hover {
  color: #fff;
  background-color: #333333;
  box-shadow: none;
}

#header .menuPushTrackingBtn.btn-dark-mp.link-mp:hover {
  background: transparent;
  box-shadow: none;
  text-decoration: underline;
}

#header .menuPushTrackingBtn.btn-dark-mp.link-mp {
  color: #333333;
  background-color: transparent;
  border: solid 2px transparent;
}

/**********************************************************************************/

/*********BLEU CLAIR EDF**********/
#header .menuPushTrackingBtn.btn-light-blue-edf-mp {
  color: #fff;
  background-color: #005bbb;
}

#header .menuPushTrackingBtn.btn-light-blue-edf-mp.contour-mp {
  color: #005bbb;
  background-color: transparent;
  border: solid 2px #005bbb;
}

#header .menuPushTrackingBtn.btn-light-blue-edf-mp.contour-mp:hover {
  color: #fff;
  background-color: #005bbb;
  box-shadow: none;
}

#header .menuPushTrackingBtn.btn-light-blue-edf-mp.link-mp {
  color: #005bbb;
  background-color: transparent;
  border: solid 2px transparent;
}

#header .menuPushTrackingBtn.btn-light-blue-edf-mp.link-mp:hover {
  background: transparent;
  box-shadow: none;
  text-decoration: underline;
}

/**********************************************************************************/

/*********BLEU FONCE EDF**********/
#header .menuPushTrackingBtn.btn-dark-blue-edf-mp {
  color: #fff;
  background-color: #09357A;
}

#header .menuPushTrackingBtn.btn-dark-blue-edf-mp.contour-mp {
  color: #09357A;
  background-color: transparent;
  border: solid 2px #09357A;
}

#header .menuPushTrackingBtn.btn-dark-blue-edf-mp.contour-mp:hover {
  color: #fff;
  background-color: #09357A;
  box-shadow: none;
}

#header .menuPushTrackingBtn.btn-dark-blue-edf-mp.link-mp {
  color: #09357A;
  background-color: transparent;
  border: solid 2px transparent;
}

#header .menuPushTrackingBtn.btn-dark-blue-edf-mp.link-mp:hover {
  background: transparent;
  box-shadow: none;
  text-decoration: underline;
}

/**********************************************************************************/

/*********VERT FONCE EDF**********/
#header .menuPushTrackingBtn.btn-dark-green-edf-mp {
  color: #fff;
  background-color: #509E2F;
}

#header .menuPushTrackingBtn.btn-dark-green-edf-mp.contour-mp {
  color: #509E2F;
  background-color: transparent;
  border: solid 2px #509E2F;
}

#header .menuPushTrackingBtn.btn-dark-green-edf-mp.contour-mp:hover {
  color: #fff;
  background-color: #509E2F;
  box-shadow: none;
}

#header .menuPushTrackingBtn.btn-dark-green-edf-mp.link-mp {
  color: #509E2F;
  background-color: transparent;
  border: solid 2px transparent;
}

#header .menuPushTrackingBtn.btn-dark-green-edf-mp.link-mp:hover {
  background: transparent;
  box-shadow: none;
  text-decoration: underline;
}

/**********************************************************************************/

/*********VERT CLAIR**********/
#header .menuPushTrackingBtn.btn-light-green-edf-mp {
  color: #fff;
  background-color: #C4D600;
}

#header .menuPushTrackingBtn.btn-light-green-edf-mp.contour-mp {
  color: #C4D600;
  background-color: transparent;
  border: solid 2px #C4D600;
}

#header .menuPushTrackingBtn.btn-light-green-edf-mp.contour-mp:hover {
  color: #fff;
  background-color: #C4D600;
  box-shadow: none;
}

#header .menuPushTrackingBtn.btn-light-green-edf-mp.link-mp {
  color: #C4D600;
  background-color: transparent;
  border: solid 2px transparent;
}

#header .menuPushTrackingBtn.btn-light-green-edf-mp.link-mp:hover {
  background: transparent;
  box-shadow: none;
  text-decoration: underline;
}

/**********************************************************************************/

/*********ORANGE FONCE EDF**********/
#header .menuPushTrackingBtn.btn-dark-orange-edf-mp {
  color: #fff;
  background-color: #FE5815;
}

#header .menuPushTrackingBtn.btn-dark-orange-edf-mp.contour-mp {
  color: #FE5815;
  background-color: transparent;
  border: solid 2px #FE5815;
}

#header .menuPushTrackingBtn.btn-dark-orange-edf-mp.contour-mp:hover {
  color: #fff;
  background-color: #FE5815;
  box-shadow: none;
}

#header .menuPushTrackingBtn.btn-dark-orange-edf-mp.link-mp {
  color: #FE5815;
  background-color: transparent;
  border: solid 2px transparent;
}

#header .menuPushTrackingBtn.btn-dark-orange-edf-mp.link-mp:hover {
  background: transparent;
  box-shadow: none;
  text-decoration: underline;
}

/**********************************************************************************/

/*********ORANGE CLAIR EDF**********/
#header .menuPushTrackingBtn.btn-light-orange-edf-mp {
  color: #fff;
  background-color: #FFA02F;
}

#header .menuPushTrackingBtn.btn-light-orange-edf-mp.contour-mp {
  color: #FFA02F;
  background-color: transparent;
  border: solid 2px #FFA02F;
}

#header .menuPushTrackingBtn.btn-light-orange-edf-mp.contour-mp:hover {
  color: #fff;
  background-color: #FFA02F;
  box-shadow: none;
}

#header .menuPushTrackingBtn.btn-light-orange-edf-mp.link-mp {
  color: #FFA02F;
  background-color: transparent;
  border: solid 2px transparent;
}

#header .menuPushTrackingBtn.btn-light-orange-edf-mp.link-mp:hover {
  background: transparent;
  box-shadow: none;
  text-decoration: underline;
}

.main-menu-section button:focus {
	outline: dotted #FFFFFF 2px;
}

.main-menu-section a:focus {
	outline: dotted #FFFFFF 2px;
}

.main-menu-level-2-wrapper a:focus {
	outline: dotted #005BBB 2px;
}

.push-interest a:focus {
	outline: dotted #005BBB 2px;
}

/**********************************************************************************/

.liseraiBlocContent {
    height: auto;
    overflow: hidden;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 10px;
	padding-bottom: 10px;
    width: 100%;
    background: rgb(243, 243, 243);
}

.parsys_column .liseraiBlocContent {
    width: 90%;
}

.liseraiBlocContent .image_content {
    text-align: center;
    margin-right: 10px;
    margin-left: 10px;
}

.liseraiBlocContent .image_content img {
    padding-bottom: 5px;
    max-width: 80%;
}

.liseraiBlocContent .right {
    float: right;
    padding-left: 10px;
}

.liseraiBlocContent .left {
    float: left;
    padding-right: 10px;
}

.liseraiBlocContent .text {
    margin-left: 10px;
    margin-right: 10px;
}

.liseraiBlocContent .title_blocContent{
  font-size:1.25em;
  vertical-align: middle;
  font-weight: initial;
  margin: 0;
  padding: 10px;

}

.liseraiBlocContent .liseraiBlocContent_content {
    width: 100%;
    overflow: auto;
}

.liseraiBlocContent .liseraiBlocContent_button {
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 25px;
}

.liseraiBlocContent .liseraiBlocContent_button .btn-valign {
    height: 51px
}

.liseraiBlocContent .center_button {
    margin-left: auto;
    margin-right: auto;
}

.liseraiBlocContent .left_button {
    margin-left: 23px;
    margin-right: auto;
}

.liseraiBlocContent .right_button {
    margin-left: auto;
    margin-right: 25px;
}

.liseraiBlocContent .max100 {
    max-width: 100%;
}

.liseraiBlocContent .restrictWidth img {
    max-width: 80%;
}

.liseraiBlocContent .top_border {
    border-bottom: 2px solid #F0F3F4;
}

.liseraiBlocContent .hide_text {
    text-align: center;
}

.liseraiBlocContent .btn_hide_text {
    cursor: pointer;
}

.liseraiBlocContent .hide_text {
    text-align: center;
}

.liseraiBlocContent .btn_hide_text p{
    color: #FFF;
    display: block;
    text-decoration: none;
    text-align: center;
    padding: 15px 10px;
}

.liseraiBlocContent .liseraiBlocContent_content a {
    color: #005bbb;
}

.liseraiBlocContent .liseraiBlocContent_content .wysiwyg-text ul {
    list-style: outside;
}

.liseraiBlocContent .liseraiBlocContent_content .wysiwyg-text ul li {
    padding: 0px;
    margin: 5px 51.5px;
}

.liseraiBlocContener {
    margin-bottom: 20px;
    margin-top: 20px;
    width: 100%;
    min-height: 80px;
    background-color: #F8F8F8;
}

.liseraiBlocContener a {
    color: #005BBB;
}

.liseraiBlocContener .liseraiBlocContener_content {
    padding-bottom: 10px;
}

.liseraiBlocContener .linkBloc {
    margin-top: 30px;
}

.columns .liseraiBlocContener h2 {
    line-height: 40px;
}

.liseraiBlocContener h2 {
    padding-top: 15px;
    padding-left: 10px;
    vertical-align: middle;
    padding-bottom: 7px;
    margin: 0;
}

.liseraiBlocContener .elem {
    width: 90%;
    margin: auto;
}

.linkList #linksComponent .download-links-container .title {
  font-family: "Frutiger", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
}

/****** couleurs titre ******/
.linkList #linksComponent .download-links-container .title.gray_title {
  color: #75787b;
}

.linkList #linksComponent .download-links-container .title.lightBlue_title {
  color: #005BBB;
}

.linkList #linksComponent .download-links-container .title.lightGreen_title {
  color: #c4d600;
}

.linkList #linksComponent .download-links-container .title.green_title {
  color: #509e2f;
}

.linkList #linksComponent .download-links-container .title.lightOrange_title {
  color: #FFA02F;
}

.linkList #linksComponent .download-links-container .title.orange_title {
  color: #FE5815;
}

.linkList #linksComponent .download-links-container .title.white_title {
  color: #FFFFFF;
}

/****** couleurs des traits ******/

.linkList #linksComponent .download-links-container hr.line_gray {
  background-color: #75787b;
}

.linkList #linksComponent .download-links-container hr.line_lightBlue {
  background-color: #005BBB;
}

.linkList #linksComponent .download-links-container hr.line_lightGreen {
  background-color: #c4d600;
}

.linkList #linksComponent .download-links-container hr.line_green {
  background-color: #509e2f;
}

.linkList #linksComponent .download-links-container hr.line_lightOrange {
  background-color: #FFA02F;
}

.linkList #linksComponent .download-links-container hr.line_orange {
  background-color: #FE5815;
}

.linkList #linksComponent .download-links-container hr.line_white {
  background-color: #FFFFFF;
}

.linkList #linksComponent .download-links-container hr {
  margin-top: 16px;
  height: 2px;
}

.linkList #linksComponent .download-links-container .links {
  margin-top: 20px;
}

.linkList #linksComponent .download-links-container .links a {
  display: table;
  margin: 6px 0;
  padding: 5px 0 5px 32px;
  font-family: "Frutiger", sans-serif;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #005bbb;
  text-decoration: none;
  text-align: left;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: center left;
}

.linkList #linksComponent .download-links-container .links a:hover {
  color: #fe5815;
}

.linkList #linksComponent .download-links-container .links a.no-icon {
  padding-left: 0;
}

.link.ico-document {
  background-image: url(assets/img/icons/listeLiens/document.png);
}

.link.ico-document:hover {
  background-image: url(assets/img/icons/listeLiens/document-copy.png);
}

.link.ico-documents {
  background-image: url(assets/img/icons/listeLiens/documents.png);
}

.link.ico-documents:hover {
  background-image: url(assets/img/icons/listeLiens/documents-copy.png);
}

.link.ico-right-arrow {
  background-image: url(assets/img/icons/listeLiens/droite.png);
}

.link.ico-right-arrow:hover {
  background-image: url(assets/img/icons/listeLiens/droite-copy.png);
}

.link.ico-print {
  background-image: url(assets/img/icons/listeLiens/imprimer.png);
}

.link.ico-print:hover {
  background-image: url(assets/img/icons/listeLiens/imprimer-copy.png);
}

.link.ico-link {
  background-image: url(assets/img/icons/listeLiens/lien.png);
}

.link.ico-link:hover {
  background-image: url(assets/img/icons/listeLiens/lien-copy-2.png);
}

.link.ico-pdf {
  background-image: url(assets/img/icons/listeLiens/p-d-f.png);
}

.link.ico-pdf:hover {
  background-image: url(assets/img/icons/listeLiens/p-d-f-copy-2.png);
}

.link.ico-upload {
  background-image: url(assets/img/icons/listeLiens/piece-jointe.png);
}

.link.ico-upload:hover {
  background-image: url(assets/img/icons/listeLiens/piece-jointe-copy.png);
}

.link.ico-download {
  background-image: url(assets/img/icons/listeLiens/telecharger.png);
}

.link.ico-download:hover {
  background-image: url(assets/img/icons/listeLiens/telecharger-copy.png);
}

.link.ico-doc-download {
  background-image: url(assets/img/icons/listeLiens/telechargement.png);
}

.link.ico-doc-download:hover {
  background-image: url(assets/img/icons/listeLiens/telechargement-copy.png);
}

.link.ico-zip {
  background-image: url(assets/img/icons/listeLiens/z-i-p.png);
}

.link.ico-zip:hover {
  background-image: url(assets/img/icons/listeLiens/z-i-p-copy.png);
}

.link.ico-chevron {
  background-image: url(assets/img/icons/listeLiens/chevron.png);
}

.link.ico-chevron:hover {
  background-image: url(assets/img/icons/listeLiens/chevron-copy.png);
}

.link.ico-puce {
  background-image: url(assets/img/icons/listeLiens/puce.png);
}

.link.ico-puce:hover {
  background-image: url(assets/img/icons/listeLiens/puce-copy.png);
}

.link.ico-valider {
  background-image: url(assets/img/icons/listeLiens/valider.png);
}

.link.ico-valider:hover {
  background-image: url(assets/img/icons/listeLiens/valider-copy.png);
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {

}

@media only screen and (max-width: 768px) {

  .linkList #linksComponent .download-links-container .links a {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

@media only screen and (max-width: 568px) {

  .linkList #linksComponent .download-links-container .links {
    overflow-x: hidden;
  }

  .linkList #linksComponent .download-links-container .links a {
    width: 100%;
    border-bottom: 1px solid #d8d8d8;
  }

  .linkList #linksComponent .download-links-container .links a:last-child {
    border-bottom: inherit;
  }
}

@media only screen and (max-width: 375px) {

}
@charset "UTF-8";
.bg-f3f3f3 {
  background: #f3f3f3;
}

/**********************************************************************************/
.mfp-content {
  padding: 25px; }
#urls_redirection{
  display: none;
}

#fe .loading-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99999;
  opacity: 1;
  -webkit-transition: opacity 400ms ease-in;
  transition: opacity 400ms ease-in;
  text-align: center;
  background: rgba(255, 255, 255, 0.75);
}
#fe .loading-overlay .animation {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -40px;
  margin-top: -40px;
}


.tag{
  display: none;
}
.accept-fe a {
  display: inline-block;
}
.mfp-bg {
  background: rgba(0, 0, 0, 0.5); }

#fe {
  font-family: 'frutiger', sans-serif;
  background-color: #f3f3f3;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
#fe address, #fe section, #fe p {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }
#fe .l-header-fe {
  background-color: #ffffff;
  text-align: center; }
#fe .l-header-fe .header-fe {
  padding: 5px 15px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14); }
#fe .l-header-fe .client-data {
  padding: 10px 15px;
  background-color: #e0e0e0; }
#fe .l-header-fe .header-fe-img {
  display: none;
  margin: 0 auto; }
#fe .l-header-fe .header-fe-title {
  margin: 5px auto 0;
  max-width: 930px;
  width: 100%;
  font-family: 'frutiger-light', sans-serif;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 30px;
  line-height: 1.875rem;
  font-weight: 300;
  color: #4a4a4a; }
#fe .l-header-fe .client-data-name, #fe .l-header-fe .client-data-address {
  margin: 0 auto;
  display: block;
  max-width: 930px;
  width: 100%;
  font-family: 'frutiger', sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
  color: #666666; }
#fe .l-header-fe .client-data-name {
  font-weight: bold; }
#fe .l-content-fe {
  margin: 0 auto;
  padding: 30px 15px;
  max-width: 930px;
  width: 100%; }
#fe .l-content-fe .content-fe-title {
  margin: 0;
  padding: 0;
  font-family: 'frutiger', sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 20px;
  line-height: 1.25rem;
  font-weight: bold;
  text-align: center;
  color: #666666; }
#fe .l-content-fe .fe-subscription {
  margin: 20px 0 10px;
  position: relative; }
#fe .l-content-fe .fe-subscription-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 8px 15px 8px 20px;
  border-radius: 4px 4px 0 0;
  height: 60px;
  background-color: #ffa02f;
  color: #ffffff; }
#fe .l-content-fe .fe-subscription-header > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
#fe .l-content-fe .fe-subscription-header .subscription-header-icon {
  display: none; }
#fe .l-content-fe .fe-subscription-header .subscription-header-title {
  font-family: 'frutiger', sans-serif;
  font-size: 1.25rem; /* 20px */
  line-height: 1.625rem; /* 26px */
  text-align: left; }
#fe .l-content-fe .fe-subscription-header .mdc-switch-label {
  margin-right: 20px;
  display: none;
  font-family: 'frutiger', sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 19px;
  line-height: 1.188rem; }
#fe .l-content-fe .fe-subscription-header .fe-infobulle {
  display: inline-block;
  cursor: pointer; }
#fe .l-content-fe .fe-subscription-list {
  position: relative;
  padding: 0;
  border-radius: 0 0 4px 4px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14); }
#fe .l-content-fe .fe-subscription-list.is-disabled::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  border-radius: 0 0 4px 4px;
  background-color: rgba(255, 255, 255, 0.75); }
#fe .l-content-fe .fe-subscription-item {
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  border-top: 1px solid #d5d5d5; }
#fe .l-content-fe .fe-subscription-item:first-child {
  border-top: none; }
#fe .l-content-fe .fe-subscription-item.is-error {
  border-radius: 0 0 4px 4px;
  border-left: 4px solid #fe5815;
  background-color: rgba(254, 88, 21, 0.2); }
#fe .l-content-fe .fe-subscription-item.is-error .edf-text-field__error {
  display: block; }
#fe .l-content-fe .fe-subscription-item.no-border {
  border-top: none; }
#fe .l-content-fe .fe-subscription-item.app-subscription {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
#fe .l-content-fe .fe-subscription-item.app-subscription .edf-text-field {
  margin-top: 20px;
  margin-right: 10px; }
#fe .l-content-fe .fe-subscription-item .mdc-checkbox {
  margin-right: 25px; }
#fe .l-content-fe .subscription-item-description {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
  flex-direction: column;
  display: flex;
  -webkit-box-flex: 1;
  justify-content: center;
  -ms-flex: 1 1 auto;
  align-items: center;
}
#fe .l-content-fe .subscription-item-title {
  font-family: 'frutiger', sans-serif;
  font-size: 17px;
  font-size: 1.063rem;
  line-height: 21px;
  line-height: 1.313rem;
  font-weight: bold;
  color: #4a4a4a; }
#fe .l-content-fe .fe-subscription-alert p {
  border-radius: 3px;
  font-size: 14px;
  line-height: 20px;
  color: #4a4a4a; }
#fe .fe-form-validation .btn {
  margin-top: 20px; }

#fe .mdc-form-field {
  display: flex;
  justify-content: center;
  align-items: center;
}

#fe .mdc-form-field a {
  color: #307CF6;
}

#fe .mdc-form-field a:hover {
  text-decoration: underline;
}

#fe .wrap-btn-group {
  width: 100%;
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}

#fe .btn:first-child{
  margin-bottom: 15px;
}

#fe .height250px {
  min-height: 250px;
}

#fe .subscription-item-description  .mdc-form-field {
  padding: 30px 0;
}

#fe .btn-cancel, #fe .btn-confirm {
  min-width: 150px;
  width: 100%;
}

#fe .accept-fe {
  font-size: 14px;
  line-height: 21px
}


@media (max-width: 900px) {
  .mfp-container {
    padding-left: 0;
    padding-right: 0; } }
@media screen and (min-width: 375px) {

  #fe .l-content-fe .fe-subscription-header .subscription-header-icon {
    display: inline-block; }

  #fe .l-content-fe .fe-subscription-header .subscription-header-title {
    margin-left: 15px;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 24px;
    line-height: 1.5rem; }
}
@media screen and (min-width: 768px) {
  #fe .l-header-fe .header-fe {
    padding: 26px 15px 32px; }
  #fe .l-header-fe .header-fe-img {
    display: block; }
  #fe .l-header-fe .header-fe-title {
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 40px;
    line-height: 2.5rem; }
  #fe .l-header-fe .client-data-name, #fe .l-header-fe .client-data-address {
    font-size: 16px;
    font-size: 1rem;
    line-height: 22px;
    line-height: 1.375rem; }
  #fe .l-content-fe .fe-subscription {
    margin: 30px 0 40px; }
  #fe .l-content-fe .fe-subscription-header {
    padding: 8px 24px 8px 30px; }


  #fe .l-content-fe .fe-subscription-header .mdc-switch-label {
    display: inline-block; }
  #fe .l-content-fe .fe-subscription-header .fe-infobulle {
    display: none; }
  #fe .l-content-fe .fe-subscription-item {
    padding: 15px 20px 20px 30px; }
  #fe .l-content-fe .fe-subscription-item.app-subscription {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; }
  #fe .l-content-fe .fe-subscription-item.app-subscription .edf-text-field {
    margin-top: 0; }
  #fe .l-content-fe .subscription-item-title {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 24px;
    line-height: 1.5rem; }
  #fe .l-content-fe .subscription-item-detail {
    margin-top: 5px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 20px;
    line-height: 1.25rem; }
  #fe .l-content-fe .fe-subscription-info {
    position: relative;
    background-color: #f3f3f3;
    padding: 15px 30px; }
  #fe .l-content-fe .fe-subscription-info p {
    font-size: 1rem;
    line-height: 1.25rem; }
  #fe .l-content-fe .fe-subscription-alert {
    padding: 15px 30px; }

  #fe .wrap-btn-group {
    flex-direction: row;
  }

  #fe .btn:first-child{
    margin-bottom: inherit;
  }

  #fe .mdc-form-field {
    position: relative;
    bottom: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  #fe .accept-fe {
    font-size: 16px;
  }

  #fe .btn-cancel, #fe .btn-confirm {
    max-width: 250px;
  }

  #fe .subscription-item-description  .mdc-form-field {
    padding: 0;
  }
}

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

.information-bannerRWD {
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 9999;
  display: table;
}

.information-bannerRWD img {
  max-width: inherit;
}

.information-bannerRWD__content {
  padding: 15px 20px 15px 20px;
  max-height: 120px;
  display: table-cell;
  vertical-align: middle;
}

.information-bannerRWD__content a {
  color: #fff;
  text-decoration: underline !important;
  display: inline;
}

.information-bannerRWD__content a:hover {
  display: inline;
  color: rgba(255, 255, 255, 0.800);
  text-decoration: underline;
}

.information-bannerRWD__text{
  padding: 0;
  float: left;
  width: 83%;
  display: table;
  height: 100px;
}

.information-bannerRWD__text p{
  padding: 0;
  padding-top: 5px;
  margin: 0 0 0 20px;
  font-size: 12px;
  line-height: 16px;
}

.information-bannerRWD__icon{
  padding: 0;
  float: left;
  width: 3%;
  height: 100px;
  display: table;
}

.center-verticalRWD {  
  display: table-cell; /* comportement visuel de cellule */
  vertical-align: middle;
}

.information-bannerRWD_right{
  padding: 0;
  width: 5%;
  height: 100px;
  float: right;
  display: table;
}

.img-centerRWD {
  display: block;
  margin-left: auto;
  margin-right: auto;
  vertical-align: middle;
}

@media screen and (min-width: 768px) {

  .information-bannerRWD__text,.information-bannerRWD__icon,.information-bannerRWD_right{
    height: 60px;
  }

}

@media screen and (min-width: 1024px) {

}

@media screen and (min-width: 1280px) {

}


.information-bannerRWD__close button{
background: none;
border: 0 none;
}


/*.information-bannerRWDNav {
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.information-bannerRWDNav__content {
  font-size: 88%;
  padding-left: 10px;
  padding-right: 10px;
}

.information-bannerRWDNav__content a {
  display: inline;
  color: #fff;
  text-decoration: underline;
}

.information-bannerRWDNav__content a:hover {
  display: inline;
  color: #fff;
  text-decoration: underline;
}

.information-bannerRWDNav__text {
    padding: 7px;
}

.information-bannerRWDNav__text p{
  font-size: 12px;
  line-height: 16px;
}

.sp-icon_info_white {
  width: 16px;
  height: 16px;
  background-image: url(assets/img/icons/information-mirror.png) !important;
  background-position: inherit;
  background-size: cover;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
  src='/etc/designs/EDF_RC/assets/img/icons/information-mirror.png',
  sizingMethod='scale');
}

.sp-close_white {
  width: 21px;
  height: 21px;
  background-image: url(assets/img/icons/supprimer.png) !important;
  background-position: inherit;
  background-size: cover;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
  src='/etc/designs/EDF_RC/assets/img/icons/supprimer.png',
  sizingMethod='scale');
}

.information-bannerRWDNav__close {
  cursor: pointer;
  padding-top: 17px;
}

.information-bannerRWDNav__close .sp-close_white {
  cursor: pointer;
}

.information-bannerRWDNav__icon {
  padding-top: 0;
  padding-bottom: 0;
  width: 15px;
  display: inline-block;
  line-height: 65px;
}

.information-bannerRWDNav_right {
    float: right;
}

.ShowIEBanner {
  z-index: 9999;
}*/
.information-banner-wrap{
  position: relative;
    margin: auto;
    width: 100%;
    top: 0;
    z-index: 1001;
}
.information-banner-wrap.sticky{
  position: fixed;
}
.information-banner{
	margin: 0 0 2px;
}
@media only screen and (max-width:768px) {
	.top80{
	    position: fixed;
	    top: 80px;
	}
}
.information-banner__content {
  padding: 5px 0px 5px 2%;
  width: 100%;
}

.information-banner__content a {
  color: #fff;
  display: inline;
  text-decoration: underline;
}

.information-banner__content a:hover {
  color: #fff;
  display: inline;
  text-decoration: underline;
}

.information-banner__text {
    margin-left: 5px;
    margin-top: 3px;
}
@media screen and (min-width: 571px) {
    .information-banner__text {
    	margin-left: 15px;
	}
}

.information-banner__text p {
  font-size: 12px;
  line-height: 16px;
}

.textAlign {
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.information-banner__icon {
  padding-top: 17px;
  padding-bottom: 17px;
  width: 15px;
  margin-left:10px;
}

.information-banner__close {
  cursor: pointer;
  padding-top: 15px;
}

.information-banner_right {
  float: right;
}

.fermetureBandeau {
  display: none;
}

.information-banner.hide {
  display: none !important;
}

.information-banner__icon, .information-banner_icon-right {
  display: inline-block;
  line-height: 65px;
  padding-top: 0;
  padding-bottom: 0;
  width: 24px;
}

@media only screen and (min-width: 768px) {

  .information-banner__close, .information-banner__icon {
    padding-top: 10px;
  }

  .information-banner__text {
    margin-top: 5px;
  }
}

.information-banner__close button {
background: none;
border: 0 none;
width: 40px;
height: 40px;
}

/*****************Background Color*****************/

.greyBackground {
  background-color: #F3F3F3;
  color: #00155a;
}
.information-banner .greyBackground path {
fill: #00155a;
}

.darkGreyBackground {
  background-color: #474747;
  color: #FFFFFF;
}
.information-banner .darkGreyBackground path {
fill: #FFFFFF;
}

.orangeBackground {
  background-color: #ffa02f;
  color: #00155a;
}
.information-banner .orangeBackground path {
fill: #00155a;
}

.darkOrangeBackground {
  background-color: #fe5815;
  color: #FFFFFF;
}
.information-banner .darkOrangeBackground path {
fill: #FFFFFF;
}

.blueBackground {
  background-color: #005bbb;
  color: #FFFFFF;
}
.information-banner .blueBackground path {
fill: #FFFFFF;
}

.darkBlueBackground {
  background-color: #001a70;
  color: #FFFFFF;
}
.information-banner .darkBlueBackground path {
fill: #FFFFFF;
}

.greenBackground {
  background-color: #c4d600;
  color: #00155a;
}
.information-banner .greenBackground path {
fill: #00155a;
}

.darkGreenBackground {
  background-color: #509e2f;
  color: #FFFFFF;
}
.information-banner .darkGreenBackground path {
fill: #FFFFFF;
}

.whiteBackground {
  background-color: #FFFFFF;
  color: #00155a;
}
.information-banner .whiteBackground path {
fill: #00155a;
}

/*************END Background Color*****************/
.image-rwd-container .image-rwd-content a { width:100% }

.imageRWD img {
    width: 100%;
    height: auto;
    display: block;
}

@media only screen and (max-width: 767px) {
    #header+#body .twoColumnsBloc .pure-u-md-1-2 {
        padding-left: 0;
        padding-right: 0;
    }
    #header+#body .threeColumns .pure-u-md-1-2 {
        padding-left: 0;
        padding-right: 0;
    }
    #header+#body .twoColumnsBloc .pure-u-md-1-3 {
        padding-left: 0;
        padding-right: 0;
    }
    #header+#body .twoColumnsBloc .pure-u-md-2-3 {
        padding-left: 0;
        padding-right: 0;
    }
}

.imageRWD section{
    height: 100%;
}

.image-rwd-container .image-rwd-content a {
    display: unset;
}

@media only screen and (max-width: 767px) {
    #header+#body .twoColumnsBloc .pure-u-md-1-2 {
        padding-left: 0;
        padding-right: 0;
    }
}

@media only screen and (max-width: 767px) {
    #header+#body .threeColumns .pure-u-md-1-2 {
        padding-left: 0;
        padding-right: 0;
    }
}

@media only screen and (max-width:568px) {
  .image-rwd-content.no-mobile-display {
    display: none;
  }
} 


/*.template-hub2 #inner-container h1 {
  margin-bottom: 12px;
  color: #fff;
}

.template-hub2 #inner-container .subtitle {
  margin: 0;
  color: #fff;
  font-size: 22px;
  line-height: 25px;
  font-weight: normal;
}*/


/* content */
.hub-niveau2 {
  background-color: #fff;
}

.hub-niveau2 .hub2-container .hub2-list li, #body .hub-niveau2 .hub2-container ul.hub2-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* QC #14496 - Adding text-align left for hub titles on all pages */
.hub-niveau2 .hub2-container .hub2-list .hub2-item {
  display: flex;
  padding: 25px 0 30px;

  text-align: left;
}
.hub-niveau2 .hub2-container .hub2-list .true {
border-bottom: 1px solid #d8d8d8;
}
.hub-niveau2 .hub2-container .hub2-list li:last-child .hub2-item {
  border-bottom: 0;
}

.hub-niveau2 .hub2-container .hub2-list .hub2-item figure {
  width: 105px;
  margin-bottom: auto;
  margin-top: auto;
  text-align: center;
}

/*................................................................*/
.hub-niveau2 .hub2-container .hub2-list .hub2-item .hub2-item-content.btn_article_lightGray{
    color: #666666;
    background: url(assets/img/icons/chevron_hub_gris.png) no-repeat center right 6px;
}

.hub-niveau2 .hub2-container .hub2-list .hub2-item .hub2-item-content.btn_article_gray{
    color: #75787b;
    background: url(assets/img/icons/chevron_hub_gris.png) no-repeat center right 6px;
}

.hub-niveau2 .hub2-container .hub2-list .hub2-item .hub2-item-content.btn_article_lightBlue{
    color: #005bbb;
    background: url(assets/img/icons/chevron_hub_bleu.png) no-repeat center right 6px;
}

.hub-niveau2 .hub2-container .hub2-list .hub2-item .hub2-item-content.btn_article_blue{
    color: #001A70;
    background: url(assets/img/icons/chevron_hub_bleu_fonce.png) no-repeat center right 6px;
}

.hub-niveau2 .hub2-container .hub2-list .hub2-item .hub2-item-content.btn_article_lightGreen{
    color: #c4d600;
    background: url(assets/img/icons/chevron_hub_vert_clair.png) no-repeat center right 6px;
}

.hub-niveau2 .hub2-container .hub2-list .hub2-item .hub2-item-content.btn_article_green{
    color: #509e2f;
    background: url(assets/img/icons/chevron_hub_vert.png) no-repeat center right 6px;
}

.hub-niveau2 .hub2-container .hub2-list .hub2-item .hub2-item-content.btn_article_lightOrange{
    color: #ffa02f;
    background: url(assets/img/icons/chevron_hub_jaune.png) no-repeat center right 6px;
}

.hub-niveau2 .hub2-container .hub2-list .hub2-item .hub2-item-content.btn_article_orange{
    color: #fe5815;
    background: url(assets/img/icons/chevron_hub_orange.png) no-repeat center right 6px;
}
/*......................................................................*/

.hub-niveau2 .hub2-container .hub2-list .hub2-item .hub2-item-content {
  flex: 1;
  padding-right: 33px;
  background-size: 20px 37px !important;
}

.hub-niveau2 .hub2-container .hub2-list .hub2-item .hub2-item-content h2 {
  padding: 0;
  font-size: 22px;
  line-height: 27px;
  font-weight: bold;
}

.hub-niveau2 .hub2-container .hub2-list .hub2-item .hub2-item-content p {
  margin: 10px 0 0 0;
  font-size: 16px;
  line-height: 18px;
  color: #666666;
}

.hub-niveau2 .links-container {
  margin-top: 25px;
}

.hub-niveau2 .links-container .title {
  margin: 0;
  padding-bottom: 12px;
  font-size: 16px;
  line-height: 1rem;
  line-height: 1.125rem;
  font-weight: 400;
  color: #509e2f;
  border-bottom: 2px solid #509e2f;
}

.hub-niveau2 .links-container ul {
  margin-top: 5px;
  padding-left: 0;
  list-style: disc;
}

.hub-niveau2 .links-container ul li {
  margin-left: 14px;
  padding: 2px 0 2px 10px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.69rem;
  color: #005bbb;
}

.hub-niveau2 .links-container ul li:hover {
  color: #fe5815;
}
@media screen and (max-width: 560px) {
    .hub-niveau2 .hub2-container .hub2-list .hub2-item figure.hub2-item-figure{
        display: none;
    }
    .hub-niveau2 .hub2-container .hub2-list .hub2-item .hub2-item-content.btn_article_orange{
        width: 100%;
    }
}

.hub-niveau1 .intro p {
  margin: 0;
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 25px;
  line-height: 1.5625rem;
  font-weight: 400;
  color: #666666;
}


/* setting the proper box-sizing on the container
 this definition is absolutely necessary for the grid */

.hub-niveau1 .hub-container * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.hub-niveau1 .hub-container h2.grid-title {
  margin-top: 100px;
  font-size: 40px;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 44px;
  line-height: 2.75rem;
  color: #4a4a4a;
}

.hub-niveau1 .hub-container .grid-container {
  margin: 0 -15px;
}

.hub-niveau1 .hub-container .grid-container .tile-grid .grid-item .grid-item-content figure {
  height: 100%;
  height: 100%;
  display: -webkit-flex;  display: -ms-flexbox;

  display: flex;
  flex-direction: column;
}

.hub-niveau1 .hub-container .grid-container .tile-grid .grid-item .grid-item-content figure img {
  width: 100%;
  display: block;
  border: 0;
  height: 100%;
  height: initial;
}

.hub-niveau1 .hub-container .grid-container .tile-grid .grid-item .grid-item-content.has-icon figure img {
  width: 156px;
  height: auto;
  margin: 30px auto 20px;
}

.hub-niveau1 .hub-container .grid-container .tile-grid .grid-item .grid-item-content div {
  height: 100%;
}

#body .hub-niveau1 .hub-container .grid-container .tile-grid,
.hub-niveau1 .hub-container .grid-container .tile-grid {
  width: 100%;
  overflow: hidden;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0;
}

#body .hub-niveau1 .hub-container .grid-container .tile-grid .grid-item,
.hub-niveau1 .hub-container .grid-container .tile-grid .grid-item {
  width: 33.333%;
  float: left;
  padding: 15px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
}

.hub-niveau1 .hub-container .grid-container .tile-grid .grid-item .grid-item-content {
  display: block;
  width: 100%;
  color: #fff;
  overflow: hidden;
  text-align: center;
}

.hub-niveau1 .hub-container .grid-container .tile-grid .grid-item .grid-item-content:hover {
  opacity: 0.85;
}

.hub-niveau1 .hub-container .grid-container .tile-grid .grid-item .grid-item-content.orangered {
  background-color: #fe5815;
}

.hub-container .grid-container .tile-grid .grid-item .grid-item-content.green {
  background-color: #509e2f;
}

.hub-niveau1 .hub-container .grid-container .tile-grid .grid-item .grid-item-content figcaption {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  padding: 30px 15px;
  min-height: 220px;
  width: 100%;
  flex: 1 0 auto;
}

.hub-niveau1 .hub-container .grid-container .tile-grid .grid-item .grid-item-content figcaption h3 {
  margin: 0;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 27px;
  line-height: 1.6875rem;
  font-weight: normal;
  color: #ffffff;
}

.hub-niveau1 .hub-container .grid-container .tile-grid .grid-item .grid-item-content figcaption p {
  flex: 1;
  flex-basis: auto;
  margin: 10px 0 0 0;
  font-size: 16px;
  font-size: 1rem;
  line-height: 16px;
  line-height: 1.125rem;
  font-weight: 400;
  color: #ffffff;
}

.hub-niveau1 .hub-container .grid-container .tile-grid .grid-item .grid-item-content figcaption span {
  display: block;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  color: #ffffff;
}

.hub-niveau1 .links-container {
  margin-top: 300px;
}

.hub-niveau1 .links-container .title {
  margin: 0;
  padding-bottom: 12px;
  font-size: 16px;
  line-height: 1rem;
  line-height: 1.125rem;
  font-weight: 400;
  color: #509e2f;
  border-bottom: 2px solid #509e2f;
}

.hub-niveau1 .links-container ul {
  list-style: disc;
}

.hub-niveau1 .links-container ul li {

  margin-left: 14px;
  padding: 2px 0 2px 10px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.69rem;
  color: #005bbb;
}

.hub-niveau1 .links-container ul li:hover {
  color: #fe5815;
}

.hub-niveau1 .hub-container .btn_article_lightGray{
  background-color: #75787b;
}

.hub-niveau1 .hub-container .btn_article_gray{
  background-color: #666666;
}

.hub-niveau1 .hub-container .btn_article_lightBlue{
  background-color: #005bbb;
}

.hub-niveau1 .hub-container .btn_article_blue{
  background-color: #001A70;
}

.hub-niveau1 .hub-container .btn_article_lightGreen{
  background-color: #c4d600;
}

.hub-niveau1 .hub-container .btn_article_green{
  background-color: #509e2f;
}

.hub-niveau1 .hub-container .btn_article_lightOrange{
  background-color: #ffa02f;
}

.hub-niveau1 .hub-container .btn_article_orange{
  background-color: #fe5815;
}

@media screen and ( max-width: 1024px) {
  #body .hub-niveau1 .hub-container .grid-container .tile-grid .grid-item,
  .hub-niveau1 .hub-container .grid-container .tile-grid .grid-item {
    width: 50%;
    /* 2 items per row */
  }
}

@media screen and (max-width: 768px) {
  #body .hub-niveau1 .hub-container .grid-container .tile-grid .grid-item,
  .hub-niveau1 .hub-container .grid-container .tile-grid .grid-item {
    width: 100%
  }
}

@media screen and ( max-width: 560px) {
  .hub-niveau1 .hub-container .grid-container .tile-grid .grid-item {
    width: 100%;
    /* 1 item per row */
    float: none;
  }
}

.atomx-header {
	background-color: #fff
}

.atomx-header object,
.atomx-header iframe,
.atomx-header h1,
.atomx-header .spanTitle,
.atomx-header h3,
.atomx-header h4,
.atomx-header h5,
.atomx-header h6,
.atomx-header p,
.atomx-header blockquote,
.atomx-header pre,
.atomx-header abbr,
.atomx-header address,
.atomx-header cite,
.atomx-header code,
.atomx-header del,
.atomx-header dfn,
.atomx-header em,
.atomx-header img,
.atomx-header ins,
.atomx-header kbd,
.atomx-header q,
.atomx-header samp,
.atomx-header small,
.atomx-header strong,
.atomx-header sub,
.atomx-header sup,
.atomx-header var,
.atomx-header b,
.atomx-header dl,
.atomx-header dt,
.atomx-header dd,
.atomx-header ol,
.atomx-header ul,
.atomx-header li,
.atomx-header fieldset,
.atomx-header form,
.atomx-header label,
.atomx-header legend,
.atomx-header table,
.atomx-header caption,
.atomx-header tbody,
.atomx-header tfoot,
.atomx-header thead,
.atomx-header tr,
.atomx-header th,
.atomx-header td,
.atomx-header article,
.atomx-header aside,
.atomx-header canvas,
.atomx-header details,
.atomx-header figcaption,
.atomx-header figure,
.atomx-header footer,
.atomx-header header,
.atomx-header hgroup,
.atomx-header menu,
.atomx-header nav,
.atomx-header section,
.atomx-header summary,
.atomx-header time,
.atomx-header mark,
.atomx-header audio,
.atomx-header video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline
}

.spanTitle{
	display: block;
}

.spanTitle a {
  color: inherit;
}

.atomx-header article,
.atomx-header aside,
.atomx-header details,
.atomx-header figcaption,
.atomx-header figure,
.atomx-header footer,
.atomx-header header,
.atomx-header hgroup,
.atomx-header menu,
.atomx-header nav,
.atomx-header section {
	display: block
}

.atomx-header blockquote,
.atomx-header q {
	quotes: none
}

.atomx-header blockquote:before,
.atomx-header blockquote:after,
.atomx-header q:before,
.atomx-header q:after {
	content: "";
	content: none
}

.atomx-header ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none
}

.atomx-header mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold
}

.atomx-header del {
	text-decoration: line-through
}

.atomx-header abbr[title],
.atomx-header dfn[title] {
	border-bottom: 1px dotted;
	cursor: help
}

.atomx-header table {
	border-collapse: collapse;
	border-spacing: 0
}

.atomx-header hr {
	display: block;
	margin: 0;
	padding: 0;
	height: 0;
	font-size: 0;
	border: 0
}

.atomx-header input,
.atomx-header select {
	vertical-align: middle
}

.atomx-header select,
.atomx-header input,
.atomx-header textarea,
.atomx-header button {
	font: 99% sans-serif
}

.atomx-header pre,
.atomx-header code,
.atomx-header kbd,
.atomx-header samp {
	font-family: monospace, sans-serif
}

.atomx-header a:hover,
.atomx-header a:active {
	outline: none
}

.atomx-header ul,
.atomx-header ol {
	margin: 0;
	list-style: none
}

.atomx-header ol {
	list-style-type: decimal
}

.atomx-header nav ul,
.atomx-header nav li {
	margin: 0;
	list-style: none;
	list-style-image: none
}

.atomx-header small {
	font-size: 85%
}

.atomx-header strong,
.atomx-header th {
	font-weight: bold
}

.atomx-header sub,
.atomx-header sup {
	font-size: 75%;
	line-height: 0;
	position: relative
}

.atomx-header sup {
	top: -0.5em
}

.atomx-header sub {
	bottom: -0.25em
}

.atomx-header pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
	padding: 15px
}

.atomx-header textarea {
	overflow: auto
}

.atomx-header q {
	font-style: italic
}

.atomx-header input[type=radio],
.atomx-header input[type=checkbox] {
	vertical-align: middle
}

.atomx-header label,
.atomx-header input[type=button],
.atomx-header input[type=submit],
.atomx-header input[type=image],
.atomx-header button {
	cursor: pointer
}

.atomx-header button,
.atomx-header input,
.atomx-header select,
.atomx-header textarea {
	margin: 0
}

.atomx-header input:invalid,
.atomx-header textarea:invalid {
	border-radius: 1px;
	-moz-box-shadow: 0px 0px 5px red;
	-webkit-box-shadow: 0px 0px 5px red;
	box-shadow: 0px 0px 5px red
}

.atomx-header .no-boxshadow input:invalid,
.atomx-header .no-boxshadow textarea:invalid {
	background-color: #f0dddd
}

.atomx-header ::-moz-selection {
	background: #0a246a;
	color: #fff;
	text-shadow: none
}

.atomx-header ::selection {
	background: #0a246a;
	color: #fff;
	text-shadow: none
}

.atomx-header a:link {
	-webkit-tap-highlight-color: rgba(45, 54, 142, .1)
}

.atomx-header button {
	width: auto;
	overflow: visible
}

.atomx-header select,
.atomx-header input,
.atomx-header textarea {
	color: #000
}

.atomx-header *,
.atomx-header *:before,
.atomx-header *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.atomx-header img {
	display: block;
	max-width: 100%;
	height: auto
}

.atomx-header iframe {
	display: block;
	max-width: 100%;
	width: 100%
}

.atomx-header input[type=text],
.atomx-header textarea,
.atomx-header input[type=submit],
.atomx-header input[type=password],
.atomx-header input[type=number],
.atomx-header input[type=email],
.atomx-header input[type=date] {
	-webkit-appearance: none;
	-webkit-border-radius: 0
}

.atomx-header select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-border-radius: 0;
	border: 0;
	text-indent: .01px;
	text-overflow: "";
	cursor: pointer
}

.atomx-header select::-ms-expand {
	display: none
}

.atomx-header a {
	text-decoration: none;
	/* color: inherit;
	word-wrap: break-word; */
}

.atomx-header .clearfix:before,
.atomx-header .clearfix:after {
	content: "";
	display: table
}

.atomx-header .clearfix:after {
	clear: both
}

.atomx-header .clearfix {
	*zoom: 1
}

body {
	padding-left: 0px
}

body .page-overlay {
	background-color: #1a1a1a;
	display: none;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
	height: 100%;
	width: 100%;
	transition: opacity .35s ease-out;
	z-index: 6
}

body .page-overlay.show {
	display: flex;
	opacity: .25;
	z-index: 999
}

body.bodyToggled .page-overlay {
	display: flex;
	opacity: .25
}

.atomx-header {
	position: relative;
	z-index: 1000
}

.atomx-header.accessibility--open .atomx-header-avoidance {
	position: relative;
	top: 0
}

.atomx-header .atomx-header-avoidance {
	background-color: #f4f4f4;
	padding-bottom: 16px;
	padding-top: 16px;
	top: -999%;
	position: absolute;
	-webkit-transition: .1s ease-in;
	transition: .1s ease-in
}

.atomx-header .atomx-header-avoidance-link {
	margin-bottom: 8px
}

.atomx-header .atomx-header-avoidance-link.atomx-btn {
	border: 1px solid #1057c8 !important;
	width: 100%
}

.atomx-header .atomx-header-avoidance-link.atomx-btn .atomx-btn__label {
	font-family: "Frutiger" !important
}

@media(min-width: 768px) {
	.atomx-header .atomx-header-avoidance-link.atomx-btn {
		width: auto
	}
}

@media(min-width: 992px) {
	.atomx-header .atomx-header-avoidance-link.atomx-btn {
		padding-left: 1rem;
		padding-right: 1rem
	}
}

@media(min-width: 1280px) {
	.atomx-header .atomx-header-avoidance-link {
		margin-bottom: 0;
		margin-right: 16px
	}
}

@media(min-width: 992px) {
	.atomx-header>.atomx-container {
		padding-right: 0
	}
	.atomx-header>.atomx-container>.atomx-row {
		margin-right: 0
	}
	.atomx-header>.atomx-container>.atomx-row>.atomx-col {
		padding-right: 0
	}
}

@media(min-width: 992px)and (-ms-high-contrast: none),
(min-width: 992px)and (-ms-high-contrast: active) {
	.atomx-header>.atomx-container>.atomx-row>.atomx-col {
		flex: 1 1 auto
	}
}

@media(min-width: 1280px) {
	.atomx-header .atomx-row {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox
	}
}

.atomx-header__card {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	font-family: "Frutiger", sans-serif;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	overflow: hidden
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
	.atomx-header__card-media {
		height: 11.153125em;
		width: 20em
	}
}

.atomx-header__card-media img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.atomx-header__card-body {
	padding: 24px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	background-color: #f4f4f4
}

.atomx-header__card-body__title {
	margin-bottom: 12px
}

.atomx-header__card-body__title h3 {
	line-height: 1.5em;
	color: #333;
	font-family: "Frutiger-bold", sans-serif;
	font-size: 16px;
	font-size: 1rem;
	font-weight: "bold"
}

.atomx-header__card-body__text {
	margin-bottom: 24px;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	font-family: "Frutiger", sans-serif;
	font-size: 16px;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5em;
	color: #333
}

.atomx-header__card-body__action .atomx-btn {
	justify-content: inherit;
	margin-left: -16px !important
}

.atomx-header .subMenu {
	background-color: #feffff;
	left: 0;
	top: 56px;
	position: absolute;
	transform: translateX(-100%);
	transition: transform .25s ease-out;
	z-index: 1;
	width: 100%
}

@media(max-width: 576px) {
	.atomx-header .subMenu .atomx-container {
		padding-left: 24px;
		padding-right: 24px
	}
}

.atomx-header .subMenu-container {
	background-color: #fff;
	left: 0;
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	position: fixed;
	transform: translateX(-100%);
	transition: transform .35s ease-out;
	top: 0;
	z-index: 7;
	width: 100%
}

.atomx-header .subMenu-container.first-main .subMenu-btn-return {
	display: none !important
}

.atomx-header .subMenu-container.swipe {
	transform: translateX(0)
}

.atomx-header .subMenu-container.swipe .subMenu-btn-return {
	display: block
}

@media(min-width: 768px) {
	.atomx-header .subMenu-container {
		overflow-x: hidden;
		overflow-y: auto;
		width: 22.5em
	}
}

.atomx-header .subMenu--right {
	left: auto;
	height: 100%;
	overflow: auto;
	padding-bottom: 48px;
	position: fixed;
	right: 0;
	top: 0;
	transform: translateX(100%);
	z-index: 10
}

.atomx-header .subMenu--right#subMenu-right .atomx-typo-title-second {
	color: #333;
	line-height: 40px;
	margin: 24px 0 32px;
	font-family: "Frutiger", sans-serif;
	font-size: 32px;
	font-size: 2rem;
	font-weight: 500
}

@media(min-width: 992px) {
	.atomx-header .subMenu--right#subMenu-right .atomx-typo-title-second {
		display: none
	}
}

.atomx-header .subMenu--right#subMenu-right .subMenu-header {
	padding: 16px
}

.atomx-header .subMenu--right#subMenu-right .subMenu-content {
	padding: 0 24px
}

.atomx-header .subMenu--right#subMenu-right .subMenu-content .subMenu-list a svg {
	display: none
}

.atomx-header .subMenu--right.swipe {
	transform: translateX(0)
}

@media(min-width: 768px) {
	.atomx-header .subMenu--right {
		width: 22.5em
	}
}

.atomx-header .subMenu-btn-close {
	height: 1.5em;
	width: 1.5em;
	margin-left: auto
}

.atomx-header .subMenu-btn-close:focus {
	outline: 0 none
}

.atomx-header .subMenu-btn-close:focus-visible {
	border-radius: 4px;
	outline: 2px solid #fe5716
}

.atomx-header .subMenu-btn-return {
	height: 1.5em;
	width: 1.5em
}

.atomx-header .subMenu-btn-return:focus {
	outline: 0 none
}

.atomx-header .subMenu-btn-return:focus-visible {
	border-radius: 4px;
	outline: 2px solid #fe5716
}

.atomx-header .subMenu-header {
	padding: 16px;
	position: relative;
	display: flex;
	align-content: space-between;
	align-items: center
}

.atomx-header .subMenu-header.sticky {
	border-bottom: 1px solid #e0e0e0;
	background: #fff;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	width: 100%;
	z-index: 3
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
	.atomx-header .subMenu-header.sticky {
		position: fixed
	}
}

.atomx-header .subMenu-content {
	padding: 0 0 48px
}

.atomx-header .subMenu-content .spanTitle {
	margin: 24px 0;
	line-height: 40px;
	font-family: "Frutiger", sans-serif;
	font-size: 32px;
	font-size: 2rem;
	font-weight: 500
}

@media(min-width: 1280px) {
	.atomx-header .subMenu-content {
		padding: 0
	}
}

.atomx-header .subMenu-list li>a {
	box-shadow: inset 0 -1px 0 0 #e0e0e0;
	color: #333;
	display: block;
	font-family: "Frutiger";
	font-size: 16px;
	position: relative;
	display: flex;
	align-items: center;
	line-height: 24px;
	padding: 16px 0
}

.atomx-header .subMenu-list li>a.subMenu-alert-link .subMenu-alert-link-text {
	flex: 0 0 auto;
	position: relative
}

.atomx-header .subMenu-list li>a.subMenu-alert-link .atomx-header-notification {
	margin-left: 8px
}

.atomx-header .subMenu-list li>a span {
	display: flex;
	align-items: center;
	flex: 0 0 100%;
	line-height: 24px;
	font-family: Frutiger, Helvetica, Arial, sans-serif;
}

.atomx-header .subMenu-list li>a span svg {
	margin-left: auto;
	order: 2
}

@media(min-width: 1280px) {
	.atomx-header .subMenu-list li>a span {
		flex: 0 0 auto;
		text-align: left
	}
}

.atomx-header .subMenu-list li>a:hover .atomx-header-notification {
	text-decoration: #fff
}

.atomx-header .subMenu-list li>a:focus {
	outline: 0 none !important
}

.atomx-header .subMenu-list li>a:focus-visible span {
	border-radius: 4px;
	outline: 2px solid #fe5716
}

.atomx-header .subMenu-list li>a[data-direction=left] {
	box-shadow: inset 0 -1px 0 0 #e0e0e0
}

.atomx-header .subMenu-list li>.atomx-header-notification {
	margin-left: 8px
}

.atomx-header .subMenu-list--subMenu {
	display: none
}

.atomx-header .subMenu-usefulLink {
	margin: 32px 0 0
}

.atomx-header .subMenu-usefulLink .atomx-btn {
	justify-content: inherit
}

.atomx-header .subMenu-usefulLink .atomx-btn:last-child {
	margin-top: 24px
}

@media(min-width: 992px) {
	.atomx-header .subMenu-usefulLink .atomx-btn:last-child {
		margin-top: 0
	}
}

.atomx-header .subMenu--sub {
	left: 0;
	transform: translateX(100%);
	z-index: 2
}

.atomx-header .subMenu--sub.swipe {
	transform: translateX(0)
}

.atomx-header .subMenu--sub-container {
	padding: 0 24px 48px
}

.atomx-header .subMenu--sub-content {
	margin-bottom: 32px
}

.atomx-header .subMenu--sub-content .spanTitle {
	margin: 24px 0;
	position: relative;
	margin-bottom: 32px;
	font-family: "Frutiger", sans-serif;
	font-size: 32px;
	font-size: 2rem;
	font-weight: 500
}

.atomx-header .subMenu--sub-content h2 a {
	color: #333;
	cursor: not-allowed;
	text-decoration: none
}

.atomx-header .subMenu--sub-content h2 a svg {
	display: none
}

.atomx-header .subMenu--sub.subMenu--sub--subMenu {
	display: none;
	height: 100%;
	left: 0;
	top: 7px;
	transform: translateX(-200%);
	z-index: 3
}

.atomx-header .subMenu--sub.subMenu--sub--subMenu.swipe {
	display: block;
	transform: translateX(-100%)
}

@media(min-width: 1280px) {
	.atomx-header .subMenu--sub {
		right: 0
	}
}

@media(min-width: 1280px) {
	.atomx-header .subMenu--sub {
		padding: 32px 0
	}
	.atomx-header .subMenu-linkContent .subMenu-list {
		justify-content: space-between
	}
	.atomx-header .subMenu-linkContent .subMenu-list li {
		flex: 0 0 30%;
		margin-bottom: 16px;
		position: relative
	}
}

@media(min-width: 992px) { 
	.atomx-header .subMenu.subMenu--right#subMenu-right {
		transform: translateX(0);
		position: absolute;
		border-radius: 2px;
		box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
		display: none;
		height: auto;
		padding: 8px;
		right: 8px;
		top: 85%;-
		width: 20em;
		z-index: 11
	}
	.atomx-header .subMenu.subMenu--right#subMenu-right.swipe {
		display: block
	}
	.atomx-header .subMenu.subMenu--right#subMenu-right .subMenu-header {
		display: none
	}
	.atomx-header .subMenu.subMenu--right#subMenu-right .subMenu-content {
		padding: 0;
		flex-direction: column
	}
	.atomx-header .subMenu.subMenu--right#subMenu-right .subMenu-content .subMenu-list {
		flex-direction: column;
		padding: 0 16px
	}
	.atomx-header .subMenu.subMenu--right#subMenu-right .subMenu-content .subMenu-list a {
		box-shadow: none;
		color: #333;
		font-family: "Frutiger";
		font-weight: inherit;
		line-height: 24px;
		margin-bottom: 16px;
		margin-right: 0;
		padding: 0
	}
	.atomx-header .subMenu.subMenu--right#subMenu-right .subMenu-content .subMenu-list a.subMenu-alert-link:hover {
		text-decoration: none
	}
	.atomx-header .subMenu.subMenu--right#subMenu-right .subMenu-content .subMenu-list a.subMenu-alert-link:hover .subMenu-alert-link-text {
		text-decoration: underline
	}
	.atomx-header .subMenu.subMenu--right#subMenu-right .subMenu-content .subMenu-list a:hover {
		text-decoration: underline
	}
}

@media(min-width: 992px)and (min-width: 1280px) {
	.atomx-header .subMenu.subMenu--right#subMenu-right .subMenu-content .subMenu-list a {
		line-height: 24px
	}
	.atomx-header .subMenu.subMenu--right#subMenu-right .subMenu-content .subMenu-list a svg {
		display: none
	}
}

@media(min-width: 992px) {
	.atomx-header .subMenu--sub-container {
		display: flex;
		justify-content: space-between;
		max-width: 100%;
		margin: auto
	}
}

@media(min-width: 992px)and (min-width: 1280px) {
	.atomx-header .subMenu--sub-container {
		padding: 2em
	}
}

@media(min-width: 992px)and (min-width: 1440px) {
	.atomx-header .subMenu--sub-container {
		max-width: 90em;
		padding: 2.5em
	}
}

@media(min-width: 992px) {
	.atomx-header .subMenu--sub .subMenu-btn-close,
	.atomx-header .subMenu--sub .subMenu-btn-return {
		display: none
	}
}
@media (min-width: 992px) {
.atomx-header #atomx-header-2 .subMenu-btn--client#subMenu-btn-open-right:hover span.subMenu-btn--client-text+span {
    background-color: #1a1a1a;
    border-radius: 50%;
	}
}
@media(min-width: 992px) {
	.atomx-header .subMenu--sub-content {
		margin-bottom: 32px;
	}
	.atomx-header .subMenu--sub-content .spanTitle {
		font-family: "Frutiger";
		line-height: 38px;
		padding: 0
	}
	.atomx-header .subMenu--sub-content h2 a {
		box-sizing: border-box
	}
	.atomx-header .subMenu--sub-content h2 a:after,
	.atomx-header .subMenu--sub-content h2 a:before {
		box-sizing: border-box
	}
	.atomx-header .subMenu--sub-content h2 a span {
		border-radius: 4px;
		border: solid 2px transparent
	}
	.atomx-header .subMenu--sub-content h2 a:focus {
		outline: 0 none
	}
	.atomx-header .subMenu--sub-content h2 a:focus-visible span {
		border-radius: 4px;
		outline: 2px solid #fe5716
	}
}

@media(min-width: 992px)and (min-width: 1280px) {
	.atomx-header .subMenu--sub-content h2 a {
		cursor: pointer;
		display: inline-flex;
		flex: 0 0 auto;
		width: auto;
		align-items: center;
		line-height: 28px
	}
	.atomx-header .subMenu--sub-content h2 a:hover {
		text-decoration: underline
	}
}

@media(min-width: 992px)and (min-width: 1280px) {
	.atomx-header .subMenu--sub-content.subMenu--sub-content__without-subsubMenu .subMenu-list {
		display: block
	}
	.atomx-header .subMenu--sub-content.subMenu--sub-content__without-subsubMenu .subMenu-list a {
		font-weight: 500
	}
	.atomx-header .subMenu--sub-content.subMenu--sub-content__without-subsubMenu .subMenu-list a span {
		flex: 0 0 auto;
		text-align: left
	}
	.atomx-header .subMenu--sub-content.subMenu--sub-content__without-subsubMenu .subMenu-list a:hover {
		text-decoration: underline
	}
}

@media(min-width: 992px) {
	.atomx-header .subMenu--sub .atomx-header__card {
		margin: 0
	}
}

.atomx-header .secondaryMenu-content .ico-r-localisation {
	color: #999
}

.atomx-header .secondaryMenu-content .atomx-arrow {
	border-color: #666;
	border-width: 2px
}

@media(min-width: 992px) {
	.atomx-header .secondaryMenu-content {
		height: 100%;
		margin-right: 20px
	}
}

@media(min-width: 1280px) {
	.atomx-header .secondaryMenu-content {
		display: none
	}
}

@media(min-width: 1280px) {
	.atomx-header .secondaryMenu-list {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100%
	}
}

.atomx-header .secondaryMenu-list li {
	height: 100%;
	margin-bottom: 16px;
	position: relative
}

.atomx-header .secondaryMenu-list li.openSecondaryMenu .secondaryMenu-txt+span {
	background-color: #e0e0e0
}

.atomx-header .secondaryMenu-list li.openSecondaryMenu .secondaryMenu-txt+span svg {
	margin: auto;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg)
}

.atomx-header .secondaryMenu-list li:last-child {
	margin-bottom: 0
}

.atomx-header .secondaryMenu-list li:last-child * {
	margin-bottom: 0
}

@media(min-width: 1280px) {
	.atomx-header .secondaryMenu-list li {
		margin-bottom: inherit;
		margin-left: 24px
	}
}

.atomx-header .secondaryMenu-btn {
	align-items: center;
	display: flex;
	height: 100%;
	position: relative;
	margin-bottom: 20px
}

.atomx-header .secondaryMenu-btn--hide {
	display: none !important
}

@media(min-width: 992px) {
	.atomx-header .secondaryMenu-btn {
		margin-bottom: 0
	}
	.atomx-header .secondaryMenu-btn:hover {
		outline: 0 none !important
	}
	.atomx-header .secondaryMenu-btn:hover .secondaryMenu-txt+span {
		background-color: #e0e0e0
	}
	.atomx-header .secondaryMenu-btn:focus-visible {
		border-radius: 4px;
		outline: 2px solid #fe5716
	}
}

.atomx-header .secondaryMenu-txt {
	color: #333;
	font-family: "Frutiger", sans-serif;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 20px;
	margin: 0 4px 0 8px
}

.atomx-header .secondaryMenu-txt_bar {
	color: #ccc
}

.atomx-header .secondaryMenu-txt+span {
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center
}

@media(min-width: 768px) {
	.atomx-header .secondaryMenu-txt+span {
		display: flex;
		align-items: center;
		justify-content: center
	}
}

.atomx-header .secondaryMenu-dropdown {
	background: #feffff;
	border-radius: 2px;
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
	display: none;
	padding: 1.5em;
	position: absolute;
	bottom: 2.5em;
	width: 100%;
	z-index: 1000
}

@media(min-width: 768px) {
	.atomx-header .secondaryMenu-dropdown {
		bottom: 60px
	}
}

@media(min-width: 992px) {
	.atomx-header .secondaryMenu-dropdown {
		bottom: auto;
		top: 32px;
		width: 20em;
		right: -2.5em
	}
}

.atomx-header .secondaryMenu-dropdown ul li {
	margin: 0 0 16px 0
}

.atomx-header .secondaryMenu-dropdown ul li a {
	align-items: center;
	color: #333;
	display: flex;
	line-height: 24px;
	font-family: "Frutiger", sans-serif;
	font-size: 16px;
	font-size: 1rem;
	font-weight: 500
}

.atomx-header .secondaryMenu-dropdown ul li a:hover {
	text-decoration: underline;
	outline: 0 none !important
}

.atomx-header .secondaryMenu-dropdown ul li a:focus-visible {
	border-radius: 4px;
	outline: 2px solid #fe5716
}

.atomx-header .secondaryMenu-dropdown ul li.secondaryMenu-site-eng a {
	color: #1057c8
}

.atomx-header .secondaryMenu-dropdown ul li.secondaryMenu-site-eng a .atomx-arrow-full {
	background: #1057c8
}

.atomx-header .secondaryMenu-dropdown ul li.secondaryMenu-site-eng a:hover {
	text-decoration: underline
}

.atomx-header .secondaryMenu-dropdown ul li.with-sep {
	border-top: 1px solid #e0e0e0;
	margin: 0;
	padding: 16px 0 0
}

.atomx-header .secondaryMenu-dropdown.show {
	display: block
}

.atomx-header .secondaryMenu-dropdown.show .atomx-switch-title {
	line-height: 24px;
	margin-bottom: 12px;
	font-family: "Frutiger-bold", sans-serif;
	font-size: 16px;
	font-size: 1rem;
	font-weight: "bold"
}

.atomx-header .secondaryMenu-site-eng {
	border-bottom: 1px solid #e0e0e0;
	padding: 0 0 16px
}

.atomx-header .secondaryMenu-site li {
	align-items: center
}

@media(min-width: 768px) {
	.atomx-header .secondaryMenu-site li {
		flex-direction: column;
		align-items: flex-start;
		display: flex;
		width: 100%
	}
}

.atomx-header .secondaryMenu-site li button {
	align-items: center;
	display: flex;
	justify-content: space-between;
	width: 100%;
	line-height: 24px;
	font-family: "Frutiger-bold", sans-serif;
	font-size: 16px;
	font-size: 1rem;
	font-weight: "bold"
}

.atomx-header .secondaryMenu-site li button[aria-expanded=true] svg {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg)
}

.atomx-header .secondaryMenu-site li button:hover {
	outline: 0 none !important
}

.atomx-header .secondaryMenu-site li button:focus-visible {
	border-radius: 4px;
	outline: 2px solid #fe5716
}

.atomx-header .secondaryMenu-site-dropdown {
	display: none;
	overflow: hidden;
	margin-top: 16px;
	transition: display .25s linear
}

.atomx-header .secondaryMenu-site-dropdown.show {
	display: block;
	overflow: inherit
}

.atomx-header .secondaryMenu-site-dropdown.show li {
	margin: 0 0 16px 0
}

.atomx-header .secondaryMenu-site-dropdown.show li a {
	line-height: 24px
}

.atomx-header .secondaryMenu-site-dropdown.show li:last-child {
	margin-bottom: 0
}

.atomx-header .secondaryMenu-site .atomx-arrow {
	margin-left: auto;
	order: 2
}

.atomx-header .atomx-arrow {
	display: inline-block;
	width: 0.4375em;
	height: 0.4375em;
	border-top: 2px solid #666;
	border-right: 2px solid #666
}

@media(min-width: 576px) {
	.atomx-header .atomx-arrow {
		border-top-color: #b8b8b8;
		border-right-color: #b8b8b8
	}
}

.atomx-header .atomx-arrow--right {
	margin-left: auto;
	order: 2;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg)
}

.atomx-header .atomx-arrow--left {
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg)
}

.atomx-header .atomx-arrow--up {
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg)
}

.atomx-header .atomx-arrow--down {
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg)
}

.atomx-header .atomx-arrow-full {
	background: #333;
	height: 0.0625em;
	width: 0.9375em;
	margin: 0 auto 0 5px;
	position: relative;
	cursor: pointer;
	display: inline-block;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg)
}

.atomx-header .atomx-arrow-full:before,
.atomx-header .atomx-arrow-full:after {
	content: "";
	background: #333;
	position: absolute;
	height: 0.0625em;
	top: 0;
	width: 0.5em
}

.atomx-header .atomx-arrow-full:before {
	right: -2px;
	bottom: -3px;
	transform: rotate(-45deg)
}

.atomx-header .atomx-arrow-full:after {
	right: -2px;
	top: -3px;
	transform: rotate(45deg)
}

.atomx-header .atomx--bold {
	font-family: "Frutiger-bold" !important;
	font-weight: 700
}

.atomx-header .subscription-content {
	border-bottom: 1px solid #e0e0e0;
	margin: 32px 0 24px;
	padding-bottom: 32px
}

@media(min-width: 1280px) {
	.atomx-header .subscription-content {
		border-bottom: 0 none
	}
}

.atomx-header-notification {
	background-color: #fe5716;
	border-radius: 10px;
	color: #feffff;
	display: inline-block;
	padding: 0px 6px;
	line-height: 1.6875em;
	font-family: "Frutiger", sans-serif;
	font-size: 11px;
	font-size: 0.6875rem;
	font-weight: 500
}

.atomx-header *:focus {
	outline: 0 none
}

.atomx-header.atomx-header-private .subMenu--sub.subMenu--sub--subMenu.swipe {
	position: fixed
}

.fadeOut {
	display: none !important
}

@media(min-width: 992px) {
	.atomx-header.atomx-header-private .subMenu>.atomx-container {
		padding: 0 24px
	}
	.atomx-header .atomx-header-2-content .secondaryMenu-content {
		display: block !important
	}
	.atomx-header .atomx-header-2-content .secondaryMenu-list {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100%
	}
	.atomx-header .atomx-header-2-content .secondaryMenu-list>li {
		margin-left: 24px;
		margin-bottom: 0
	}
	.atomx-header .atomx-header-2-content .secondaryMenu-list>li .secondaryMenu-txt+span {
		display: none
	}
	.atomx-header .atomx-header-2-content .secondaryMenu-list>li .secondaryMenu-dropdown {
		right: -10.5em
	}
	.atomx-header .atomx-header-2-content .secondaryMenu-list>li .secondaryMenu-dropdown:last-child {
		right: -5em
	}
	.atomx-header .atomx-header-2-content .secondaryMenu-txt {
		display: none
	}
	.atomx-header .atomx-header-2-content .subMenu-btn--client-text {
		display: none !important
	}
	.atomx-header .atomx-header-2-content .subMenu-btn--client-text+span {
		display: none !important
	}
	.atomx-header .subMenu-list li a span {
		flex: 0 0 100%;
		text-align: left
	}
	.atomx-header .subMenu .subscription-content {
		border-bottom: 0 none
	}
	.atomx-header .subMenu .secondaryMenu-content {
		display: none
	}
	.atomx-header .subMenu-usefulLink .atomx-btn:last-child {
		margin-top: 24px
	}
}

@media(min-width: 1280px) {
	.atomx-header .subMenu--sub-content .subMenu-list li a:hover>span {
		text-decoration: underline
	}
	.atomx-header .atomx-header-2-content .secondaryMenu-list>li .secondaryMenu-txt {
		display: block
	}
	.atomx-header .atomx-header-2-content .secondaryMenu-list>li .secondaryMenu-txt+span {
		display: flex
	}
	.atomx-header .atomx-header-2-content .secondaryMenu-list>li .secondaryMenu-dropdown {
		right: -2.5em
	}
	.atomx-header .atomx-header-2-content .subMenu-btn--client-text {
		display: block !important
	}
	.atomx-header .atomx-header-2-content .subMenu-btn--client-text+span {
		display: block !important
	}
	.atomx-header.atomx-header-private .subMenu {
		z-index: 10
	}
	.atomx-header.atomx-header-private .subMenu-container {
		overflow-y: auto
	}
	.atomx-header.atomx-header-private .subMenu-list li a span {
		flex: 0 0 100%
	}
	.atomx-header.atomx-header-private .subMenu--sub {
		padding: 0 0 40px
	}
	.atomx-header.atomx-header-private .subMenu--sub>.atomx-container {
		padding: 0 24px
	}
	.atomx-header.atomx-header-private .subMenu--sub .subMenu-btn-return,
	.atomx-header.atomx-header-private .subMenu--sub .subMenu-btn-close {
		display: block
	}
	.atomx-header.atomx-header-private .subMenu--sub-content.subMenu--sub-content__without-subsubMenu .subMenu-list a span {
		flex: 0 0 100%;
		text-align: left
	}
	.atomx-header.atomx-header-private .subMenu-linkContent .subMenu-list li {
		flex: 0 0 100%;
		margin-bottom: 0
	}
	.atomx-header.atomx-header-private .subMenu-usefulLink .atomx-btn:last-child {
		margin-top: 24px
	}
	.atomx-header:not(.atomx-header-private).accessibility--open .subMenu-container {
		top: 8.75em
	}
	.atomx-header:not(.atomx-header-private).show-second-nav .subMenu-container {
		border-bottom: 1px solid #e0e0e0
	}
	.atomx-header:not(.atomx-header-private) .atomx-header-private-nav {
		display: none
	}
	.atomx-header:not(.atomx-header-private) .subMenu-btn-open[data-direction=left] {
		display: none
	}
	.atomx-header:not(.atomx-header-private) .subMenu-container {
		height: auto;
		opacity: 1;
		overflow: inherit;
		position: absolute;
		top: 3.75em;
		transform: translateX(0);
		visibility: visible;
		width: 100%
	}
	.atomx-header:not(.atomx-header-private) .subMenu:not(.subMenu--right) {
		position: relative;
		top: 0;
		transform: translateX(0)
	}
	.atomx-header:not(.atomx-header-private) .subMenu:not(.subMenu--right)#subMenu-left {
		transform: translateX(0)
	}
}

@media(min-width: 1280px)and (-ms-high-contrast: none),
(min-width: 1280px)and (-ms-high-contrast: active) {
	.atomx-header:not(.atomx-header-private) .subMenu:not(.subMenu--right) .subMenu-list {
		flex: 0 0 70%
	}
	.atomx-header:not(.atomx-header-private) .subMenu:not(.subMenu--right) .subMenu-list li {
		flex: 1
	}
}

@media(min-width: 1280px) {
	.atomx-header:not(.atomx-header-private) .subMenu.subMenu--sub--subMenu {
		height: auto;
		position: relative;
		top: 0;
		display: block;
		height: auto;
		position: relative;
		left: auto;
		right: auto;
		top: auto;
		padding: 0;
		margin-top: 8px
	}
	.atomx-header:not(.atomx-header-private) .subMenu.subMenu--sub--subMenu>.atomx-container {
		padding: 0
	}
}

@media(min-width: 1280px)and (-ms-high-contrast: none),
(min-width: 1280px)and (-ms-high-contrast: active) {
	.atomx-header:not(.atomx-header-private) .subMenu.subMenu--sub--subMenu {
		height: 100%
	}
}

@media(min-width: 1280px) {
	.atomx-header:not(.atomx-header-private) .subMenu.subMenu--sub--subMenu .spanTitle,
	.atomx-header:not(.atomx-header-private) .subMenu.subMenu--sub--subMenu .subMenu-usefulLink {
		display: none
	}
}

@media(min-width: 1280px) {
	.atomx-header:not(.atomx-header-private) .subMenu.subMenu--sub--subMenu .subMenu-list {
		flex-direction: column;
		margin-top: 8px
	}
}

@media(min-width: 1280px)and (-ms-high-contrast: none),
(min-width: 1280px)and (-ms-high-contrast: active) {
	.atomx-header:not(.atomx-header-private) .subMenu.subMenu--sub--subMenu .subMenu-list {
		display: block
	}
}

@media(min-width: 1280px) {
	.atomx-header:not(.atomx-header-private) .subMenu.subMenu--sub--subMenu .subMenu-list li a {
		color: #333;
		line-height: 24px;
		margin-bottom: 0;
		padding: 0;
		font-family: "Frutiger", sans-serif;
		font-size: 16px;
		font-size: 1rem;
		font-weight: 500
	}
}

@media(min-width: 1280px) {
	.atomx-header:not(.atomx-header-private) .subMenu#subMenu-left .subscription-content {
		border: 0 none;
		display: flex;
		margin: 0;
		padding: 0
	}
}

@media(min-width: 1280px) {
	.atomx-header:not(.atomx-header-private) .subMenu-list {
		display: flex;
		padding-left: 2px
	}
	.atomx-header:not(.atomx-header-private) .subMenu-list li {
		margin-right: 48px;
	}
	.atomx-header:not(.atomx-header-private) .subMenu-list li:last-child {
		margin-right: 0
	}
	.atomx-header:not(.atomx-header-private) .subMenu-list li a {
		font-family: "Frutiger-bold";
		font-weight: 700;
		box-shadow: none;
		padding: 0
	}
	.atomx-header:not(.atomx-header-private) .subMenu-list li a svg {
		display: none
	}
	.atomx-header:not(.atomx-header-private) .subMenu-list--link__mobile {
		display: none !important
	}
}

@media(min-width: 1280px) {
	.atomx-header:not(.atomx-header-private) .subMenu-header {
		padding: 0
	}
	.atomx-header:not(.atomx-header-private) .subMenu-header .subMenu-btn-return,
	.atomx-header:not(.atomx-header-private) .subMenu-header .subMenu-btn-close {
		display: none
	}
}

@media(min-width: 1280px) {
	.atomx-header:not(.atomx-header-private) .subMenu--home .subMenu-list {
		align-items: center
	}
	.atomx-header:not(.atomx-header-private) .subMenu--home .subMenu-list li a {
		margin: 21px 0
	}
	.atomx-header:not(.atomx-header-private) .subMenu--home .subMenu-list li a:after {
    	content:"";
		border-bottom: 2px solid transparent;
		position:absolute;
        width:100%;
        height:1px;
        left:0;
        bottom:-21px;
		pointer-events: none;
	}
	.atomx-header:not(.atomx-header-private) .subMenu--home .subMenu-list li a.active {
		color: #1057c8
	}
.atomx-header:not(.atomx-header-private) .subMenu--home .subMenu-list li a.active:after {
		border-color: #1057c8;
	}
	.atomx-header:not(.atomx-header-private) .subMenu--home .subMenu-list li a span {
		display: inline;
		line-height: inherit
	}
	.atomx-header:not(.atomx-header-private) .subMenu--home .subMenu-content {
		display: flex;
		justify-content: space-between;
		padding: 0
	}
}

@media(min-width: 1280px) {
	.atomx-header:not(.atomx-header-private) .subMenu--sub {
		display: none;
		left: 0;
		padding: 40px 0;
		right: auto;
		z-index: 2
	}
	.atomx-header:not(.atomx-header-private) .subMenu--sub:not(.subMenu--sub--subMenu) {
		border-top: 1px solid #e0e0e0
	}
	.atomx-header:not(.atomx-header-private) .subMenu--sub.focused-subMenuSub .subMenu--sub-content h2 a span {
		border-radius: 4px;
		outline: 2px solid #fe5716
	}
	.atomx-header:not(.atomx-header-private) .subMenu--sub-content .spanTitle {
		margin-top: 0
	}
	.atomx-header:not(.atomx-header-private) .subMenu--sub-content h2 a svg {
		display: inline
	}
	.atomx-header:not(.atomx-header-private) .subMenu--sub-content .subMenu-list li a {
		display: flex;
		font-family: "Frutiger", sans-serif;
		font-size: 16px;
		font-size: 1rem;
		font-weight: 500;
		padding: 0
	}
	.atomx-header:not(.atomx-header-private) .subMenu--sub-content .subMenu-list li a[is-sub-title=true] {
		font-family: "Frutiger-bold";
		font-weight: 700
	}
	.atomx-header:not(.atomx-header-private) .subMenu--sub-content .subMenu-list--subMenu {
		margin-top: 16px
	}
}

@media(min-width: 1280px) {
	.atomx-header:not(.atomx-header-private) .subMenu-usefulLink {
		align-items: flex-end;
		display: flex;
		margin-right: 32px
	}
	.atomx-header:not(.atomx-header-private) .subMenu-usefulLink:last-child {
		margin-top: auto
	}
	.atomx-header:not(.atomx-header-private) .subMenu-usefulLink .atomx-btn:first-child {
		margin-right: 32px
	}
	.atomx-header:not(.atomx-header-private) .subMenu-usefulLink .atomx-btn__label {
		font-size: 16px
	}
}


/*!
    * Atomx Header v1.0
*/

.atomx-header.sticky {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
	.atomx-header.sticky {
		position: fixed
	}
}

.atomx-header.atomx-header-home-page.sticky {
	border-bottom: 1px solid #e0e0e0
}

.atomx-header:not(.atomx-header-home-page) {
	border-bottom: 1px solid #e0e0e0
}

.atomx-header button {
	background: none;
	border: 0;
	color: inherit;
	font: inherit;
	line-height: normal;
	overflow: visible;
	padding: 0;
	-webkit-appearance: button;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none
}

.atomx-header .btn-subscribe-sticky {
	display: none;
	border-top: 1px solid #e0e0e0;
	position: fixed;
	bottom: 0;
	background-color: #fff;
	padding: 8px;
	width: 100%;
	z-index: 6
}

@media(max-width: 576px) {
	.atomx-header .btn-subscribe-sticky .atomx-btn {
		width: auto
	}
}

.atomx-header .btn-subscribe-sticky .atomx-btn:first-child {
	padding-left: 22px;
	padding-right: 22px
}

.atomx-header .btn-subscribe-sticky .atomx-btn:last-child {
	padding-left: 34px;
	padding-right: 34px;
	margin-left: 8px
}

.atomx-header .btn-subscribe-sticky .atomx-btn .atomx-btn__label {
	font-family: "Frutiger"
}

.atomx-header .btn-subscribe-sticky.sticky {
	display: flex
}

.atomx-header .btn-subscribe-sticky--hide {
	display: none !important
}

.atomx-header #atomx-header-1 {
	padding-top: 12px;
	padding-bottom: 12px;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center
}

.atomx-header #atomx-header-1 .subMenu-btn-open {
	width: 1.5em;
	height: 1.5em
}

.atomx-header #atomx-header-1 .subMenu-btn-open:focus {
	outline: 0 none
}

.atomx-header #atomx-header-1 .subMenu-btn-open:focus-visible {
	border-radius: 4px;
	outline: 2px solid #fe5716
}

@media(min-width: 1280px) {
	.atomx-header #atomx-header-1 {
		padding-top: 0;
		padding-bottom: 0
	}
	.atomx-header #atomx-header-1>ul {
		width: 100%
	}
}

.atomx-header .atomx-header-logo-edf {
	padding-top: 12px;
	padding-bottom: 12px;
	display: flex;
	justify-content: center;
	width: 90%
}

@media(min-width: 1280px) {
	.atomx-header .atomx-header-logo-edf:focus {
		outline: solid #fe5716 2px
	}
}

@media(min-width: 768px) {
	.atomx-header .atomx-header-logo-edf {
		padding-top: 9px;
		padding-bottom: 9px
	}
}

@media(min-width: 992px) {
	.atomx-header .atomx-header-logo-edf {
		justify-content: flex-start;
		width: auto
	}
}

.atomx-header .atomx-header-2-content {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.atomx-header .atomx-header-2-content .secondaryMenu-content {
	display: none
}

@media(min-width: 1280px) {
	.atomx-header .atomx-header-2-content .secondaryMenu-content {
		display: block
	}
}

.atomx-header #atomx-header-2 {
	height: 100%;
	display: flex;
	justify-content: flex-end;
	align-items: center
}

.atomx-header #atomx-header-2 #menubar1 {
	max-height: 24px
}

.atomx-header #atomx-header-2 .subMenu-btn--client-icon {
	position: relative;
	vertical-align: middle
}

.atomx-header #atomx-header-2 .subMenu-btn--client-icon svg {
	display: none
}

.atomx-header #atomx-header-2 .subMenu-btn--client-icon svg.icon-mobile {
	display: block
}

@media(min-width: 992px) {
	.atomx-header #atomx-header-2 .subMenu-btn--client-icon svg.icon-mobile {
		display: none
	}
	.atomx-header #atomx-header-2 .subMenu-btn--client-icon svg.icon-desctop {
		display: block
	}
}

.atomx-header #atomx-header-2 .subMenu-btn--client-icon .atomx-header-notification {
	position: absolute;
	bottom: 65%;
	left: 35%
}

@media(min-width: 768px) {
	.atomx-header #atomx-header-2 .subMenu-btn--client-icon.with--notification {
		margin-right: 17px
	}
}

.atomx-header #atomx-header-2 .subMenu-btn--client-text {
	font-family: "Frutiger", sans-serif;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 500;
	margin: 0 4px 0 8px
}

.atomx-header #atomx-header-2 .subMenu-btn--client#subMenu-btn-open-right {
	position: relative
}

.atomx-header #atomx-header-2 .subMenu-btn--client#subMenu-btn-open-right span {
	display: none;
	position: relative
}

@media(min-width: 992px) {
	.atomx-header #atomx-header-2 .subMenu-btn--client#subMenu-btn-open-right {
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 18px 24px;
		background: #333;
		color: #fff;
		position: relative
	}
	.atomx-header #atomx-header-2 .subMenu-btn--client#subMenu-btn-open-right.active span.subMenu-btn--client-text+span {
		background-color: #1a1a1a;
		border-radius: 50%
	}
	.atomx-header #atomx-header-2 .subMenu-btn--client#subMenu-btn-open-right.active span.subMenu-btn--client-text+span svg {
		transform: rotate(180deg);
		-webkit-transform: rotate(180deg)
	}
	.atomx-header #atomx-header-2 .subMenu-btn--client#subMenu-btn-open-right span {
		display: inline;
		margin-left: 4px
	}
	.atomx-header #atomx-header-2 .subMenu-btn--client#subMenu-btn-open-right span.subMenu-btn--client-text+span {
		height: 1.5em;
		line-height: 1.5em;
		width: 1.5em
	}
	.atomx-header #atomx-header-2 .subMenu-btn--client#subMenu-btn-open-right .ico-r-profil {
		margin-right: 8px
	}
}

.atomx-header #atomx-header-2 .subMenu-btn--client:focus {
	outline: 0 none
}

.atomx-header #atomx-header-2 .atomx-header-2 .login {
	display: flex;
	justify-content: center;
	flex-direction: column;
	padding: 28px 16px 16px;
	border-radius: 2px;
	background-color: #f4f4f4;
	margin-bottom: 24px
}

.atomx-header #atomx-header-2 .atomx-header-2 .login.login_connect {
	background-color: #1057c8
}

.atomx-header #atomx-header-2 .atomx-header-2 .login.login_connect-content .icon {
	background-color: #1057c8
}

.atomx-header #atomx-header-2 .atomx-header-2 .login.login_connect-content .icon svg {
	color: #fff
}

.atomx-header #atomx-header-2 .atomx-header-2 .login-content {
	margin-bottom: 8px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center
}

.atomx-header #atomx-header-2 .atomx-header-2 .login-content .icon {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 12px;
	background-color: #fff;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
	margin-bottom: 16px
}

.atomx-header #atomx-header-2 .atomx-header-2 .login-content a.atomx-btn {
	margin-bottom: 16px;
	font-size: 16px
}

.atomx-header #atomx-header-2 .atomx-header-2 .login-content a.atomx-btn .atomx-btn__ico-r {
	margin-left: inherit
}

.atomx-header #atomx-header-2 .atomx-header-2 .login-footer {
	border-top: 1px solid #dfdfdf;
	padding-top: 16px;
	display: flex;
	justify-content: center
}

.atomx-header #atomx-header-2 .atomx-header-2 .login-footer::before {
	content: "";
	border-top: 1px solid #000
}

.atomx-header #atomx-header-2 .atomx-header-2 .login-footer a.atomx-btn {
	max-width: inherit;
	width: inherit;
	padding: 0
}

.atomx-header #atomx-header-2 .atomx-header-2 .login-footer a.atomx-btn:nth-child(1) {
	margin-right: 5px
}

.atomx-header #atomx-header-2 .atomx-header-2 .login-footer a.atomx-btn:nth-child(2) {
	text-decoration: underline
}

.atomx-header #atomx-header-2 .login {
	background-color: #f4f4f4;
	margin-bottom: 24px;
	padding: 28px 22px 16px;
	text-align: center;
	border-radius: 2px
}

.atomx-header #atomx-header-2 .login_connect {
	background-color: #1057c8
}

.atomx-header #atomx-header-2 .login_connect .login-icon {
	background-color: rgba(0, 0, 0, .2)
}

.atomx-header #atomx-header-2 .login_connect .login-icon svg g path {
	fill: #feffff
}

.atomx-header #atomx-header-2 .login_connect .login-userName {
	display: block
}

.atomx-header #atomx-header-2 .login_connect .login-linkConnexion,
.atomx-header #atomx-header-2 .login_connect .login-linkCreateAccount {
	display: none !important
}

.atomx-header #atomx-header-2 .login_connect .login-linkDiscconnect {
	display: block
}

.atomx-header #atomx-header-2 .login_connect .login-footer {
	border-color: rgba(254, 255, 255, .2)
}

.atomx-header #atomx-header-2 .login-icon {
	background-color: #fff;
	border-radius: 100%;
	height: 3em;
	margin: auto;
	padding: 12px;
	width: 3em
}

.atomx-header #atomx-header-2 .login-icon svg g path {
	fill: #333
}

.atomx-header #atomx-header-2 .login-content .icon {
	background-color: #0b4195
}

.atomx-header #atomx-header-2 .login-linkConnexion {
	display: flex;
	line-height: 1.5em;
	margin-top: 15px;
	font-family: "Frutiger", sans-serif;
	font-size: 16px;
	font-size: 1rem;
	font-weight: bold
}

.atomx-header #atomx-header-2 .login-linkConnexion .atomx-btn__ico-r {
	height: 24px
}

.atomx-header #atomx-header-2 .login-footer {
	border-top: 1px solid #e0e0e0;
	margin-top: 16px;
	padding-top: 16px;
	text-align: center
}

.atomx-header #atomx-header-2 .login-footer a {
	padding: 0
}

.atomx-header #atomx-header-2 .login-footer a:hover .atomx-btn__label:first-child {
	text-decoration: none
}

.atomx-header #atomx-header-2 .login-footer a .atomx-btn__label {
	color: #666;
	font-family: "Frutiger", sans-serif;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 500
}

.atomx-header #atomx-header-2 .login-footer a span:last-child {
	text-decoration: underline
}

.atomx-header #atomx-header-2 .login-userName {
	display: none;
	color: #feffff;
	text-align: center;
	margin-top: 16px;
	line-height: 24px;
	font-family: "Frutiger-bold", sans-serif;
	font-size: 16px;
	font-size: 1rem;
	font-weight: 500
}

.atomx-header #atomx-header-2 .login-linkDiscconnect {
	display: none
}

.atomx-header #atomx-header-2 .login-linkDiscconnect a {
	line-height: 18px
}

.atomx-header #atomx-header-2 .login-linkDiscconnect a .atomx-btn__label {
	color: #f0f0f0;
	font-family: "Frutiger", sans-serif;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 500
}

@media(min-width: 992px) {
	.atomx-header #atomx-header-2 #menubar1 {
		max-height: inherit
	}
}

@media(min-width: 1280px) {
	.atomx-header #atomx-header-2 .subMenu--right .subMenu-content {
		padding: 0
	}
}

@media(min-width: 1280px) {
	.atomx-header.accessibility--open:after {
		top: 8.75em
	}
	.atomx-header.accessibility--open:before {
		top: 13em
	}
}

@media(min-width: 1280px) {
	.atomx-header.atomx-header-home-page.sticky {
		border-bottom: 0 none
	}
	.atomx-header.atomx-header-home-page.show-logo .atomx-header-logo-edf {
		opacity: 1
	}
	.atomx-header.atomx-header-home-page.show-second-nav {
		border-bottom: 1px solid #e0e0e0
	}
	.atomx-header.atomx-header-home-page.show-second-nav #atomx-header-second-nav {
		display: flex
	}
	.atomx-header.atomx-header-home-page #atomx-header-second-nav {
		display: none;
		transition: display .6s
	}
	.atomx-header.atomx-header-home-page .atomx-header-logo-edf {
		opacity: 0;
		transition: opacity .6s
	}
	.atomx-header.atomx-header-home-page .btn-subscribe-sticky {
		display: flex
	}
	.atomx-header.atomx-header-home-page:after,
	.atomx-header.atomx-header-home-page:before {
		border-bottom: 0 none
	}
}

.atomx-header.atomx-header-private .subMenu--sub-content h2 a {
	color: #333;
	cursor: not-allowed;
	text-decoration: none
}

.atomx-header.atomx-header-private:after {
	z-index: 5
}

@media(min-width: 1280px) {
	.atomx-header.atomx-header-private:before {
		border-bottom: 0 none
	}
}

@media(min-width: 992px) {
	.atomx-header.atomx-header-home-page .btn-subscribe-sticky {
		display: none
	}
}

@media(min-width: 1280px) {
	.atomx-header {
		border-bottom: 0 none
	}
	.atomx-header.show-second-nav:after,
	.atomx-header.show-second-nav:before {
		content: "";
		width: 100%;
		border-bottom: 1px solid #e0e0e0;
		position: absolute;
		left: 0;
		z-index: 10
	}
	.atomx-header.show-second-nav:before {
		border: 0 none;
		z-index: 8
	}
	.atomx-header:not(.atomx-header-home-page) {
		border-bottom: 0 none
	}
	.atomx-header:after,
	.atomx-header:before {
		content: "";
		width: 100%;
		border-bottom: 1px solid #e0e0e0;
		position: absolute;
		left: 0;
		top: 3.75em;
		z-index: 10
	}
	.atomx-header:before {
		top: 8em;
		z-index: 8
	}
}

.subMenu#subMenu-left {
	left: 0;
	transform: translateX(-100%)
}

.subMenu#subMenu-left.swipe {
	transform: translateX(0)
}

.subMenu#subMenu-left .subscription-content>div:last-child {
	margin-top: 16px
}

.subMenu#subMenu-left .subscription-content .atomx-btn svg,
.subMenu#subMenu-left .subscription-content .atomx-btn i {
	display: none
}

@media only screen and (min-device-width: 768px)and (max-device-width: 1024px)and (orientation: landscape) {
	.atomx-header .atomx-container>.atomx-row.row-reverse .atomx-col:first-child {
		flex: 0 0 8.33333%;
		max-width: 8.33333%
	}
	.atomx-header .atomx-container>.atomx-row.row-reverse .atomx-col:last-child {
		flex: 0 0 91.66667%;
		max-width: 91.66667%
	}
	.atomx-header .atomx-container>.atomx-row .subMenu-container {
		overflow-y: auto
	}
}

@media(min-width: 1024px)and (max-width: 1279px) {
	.atomx-header .atomx-container>.atomx-row.row-reverse .atomx-col:first-child {
		flex: 0 0 8.33333%;
		max-width: 8.33333%
	}
	.atomx-header .atomx-container>.atomx-row.row-reverse .atomx-col:last-child {
		flex: 0 0 91.66667%;
		max-width: 91.66667%
	}
	.atomx-header .atomx-container>.atomx-row .subMenu-container {
		overflow-y: auto
	}
}

@media(min-width: 1280px) {
	.atomx-header:not(.atomx-header-private) .atomx-container>.atomx-row.row-reverse {
		flex-direction: column-reverse
	}
}

.atomx-header-private-nav {
	display: none;
	margin-left: auto;
	margin-right: auto;
	max-width: 1088px
}

@media(min-width: 768px) {
	.atomx-header-private-nav {
		display: block
	}
}

.atomx-header-private-nav ul {
	align-items: center;
	display: table;
	justify-content: center;
	border-right: 1px solid #666;
	border-top: 1px solid #666;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .14);
	width: 100%
}

.atomx-header-private-nav ul li {
	vertical-align: middle;
	display: inline-table;
	border-bottom: 1px solid #666;
	height: 46px;
	border-left: 1px solid #666;
	text-align: center;
	width: 25%
}

.atomx-header-private-nav ul li a {
	color: #666;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-family: "Frutiger", sans-serif;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 500
}

@media(min-width: 992px) {
	.atomx-header-private-nav ul li {
		width: 12.5%
	}
}

.atomx-header .subMenu#subMenu-left .subscription-content .atomx-btn:hover .atomx-btn__label {
	text-decoration: underline
}

.atomx-header .subMenu#subMenu-left .subscription-content .atomx-btn .atomx-btn__label {
	align-items: center;
	display: flex;
	font-family: "Frutiger", sans-serif;
	font-size: 16px;
	font-size: 1rem;
	font-weight: 500
}

@media(min-width: 1280px) {
	.atomx-header .subMenu#subMenu-left .subscription-content .atomx-btn .atomx-btn__label {
		font-family: "Frutiger-bold", sans-serif;
		font-size: 14px;
		font-size: 0.875rem;
		font-weight: 500
	}
}

.atomx-header .subMenu-usefulLink .atomx-btn {
	border: 0 none
}

.atomx-header .atomx-btn {
	font-size: 1rem;
	padding-bottom: 11px;
	padding-top: 11px;
	width: 100%
}

.atomx-header .atomx-btn i {
	font-weight: bold
}

.atomx-header .atomx-btn .atomx-btn__label {
	line-height: 24px;
	font-family: "Frutiger-bold", sans-serif;
	font-size: 16px;
	font-size: 1rem;
	font-weight: 500
}

.atomx-header .atomx-btn:active:before {
	box-shadow: none
}

.atomx-header .atomx-btn svg path {
	fill: #1057c8
}

@media(min-width: 1280px) {
	.atomx-header .atomx-btn:focus {
		outline: 0 none
	}
	.atomx-header .atomx-btn:focus-visible {
		border-radius: 4px;
		outline: 2px solid #fe5716
	}
}

.atomx-header a.atomx-btn-outline--theme-primary,
.atomx-header button.atomx-btn-outline--theme-primary,
.atomx-header input.atomx-btn-outline--theme-primary {
	color: #1057c8;
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid #1057c8
}

.atomx-header a.atomx-btn--theme-primary,
.atomx-header button.atomx-btn--theme-primary,
.atomx-header input.atomx-btn--theme-primary {
	color: #fff;
	background: #1057c8;
	border: 1px solid #1057c8
}

.atomx-header a.atomx-btn-link--theme-blue-light,
.atomx-header button.atomx-btn-link--theme-blue-light,
.atomx-header input.atomx-btn-link--theme-blue-light {
	color: #1057c8;
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid rgba(0, 0, 0, 0)
}

@media(min-width: 1280px) {
	.atomx-header.atomx-header-private .subMenu#subMenu-left .subscription-content .atomx-btn .atomx-btn__label {
		font-family: "Frutiger"
	}
	.atomx-header.atomx-header-private .subMenu-usefulLink .atomx-btn {
		border: 0 none
	}
	.atomx-header:not(.atomx-header-private) .atomx-btn {
		background-color: transparent;
		border: 0 none;
		width: auto
	}
	.atomx-header:not(.atomx-header-private) .atomx-btn:focus .atomx-btn__label,
	.atomx-header:not(.atomx-header-private) .atomx-btn:hover .atomx-btn__label {
		color: #001a70
	}
	.atomx-header:not(.atomx-header-private) .atomx-btn:focus svg g path,
	.atomx-header:not(.atomx-header-private) .atomx-btn:focus svg g polygon,
	.atomx-header:not(.atomx-header-private) .atomx-btn:hover svg g path,
	.atomx-header:not(.atomx-header-private) .atomx-btn:hover svg g polygon {
		fill: #001a70
	}
	.atomx-header:not(.atomx-header-private) .atomx-btn .atomx-btn__label {
		color: #1057c8;
		line-height: 24px;
		font-family: "Frutiger-bold", sans-serif;
		font-size: 16px;
		font-size: 1rem;
		font-weight: 500
	}
	.atomx-header:not(.atomx-header-private) .subMenu#subMenu-left .subscription-content {
		align-items: center;
		border: 0 none;
		display: flex;
		margin: 0
	}
	.atomx-header:not(.atomx-header-private) .subMenu#subMenu-left .subscription-content .atomx-btn {
		height: max-content;
		padding-bottom: 0;
		padding-top: 0
	}
	.atomx-header:not(.atomx-header-private) .subMenu#subMenu-left .subscription-content .atomx-btn .atomx-btn__label {
		font-size: 0.875em
	}
	.atomx-header:not(.atomx-header-private) .subMenu#subMenu-left .subscription-content .atomx-btn:first-child {
		position: relative
	}
	.atomx-header:not(.atomx-header-private) .subMenu#subMenu-left .subscription-content .atomx-btn:last-child {
		position: relative;
	}
	.atomx-header:not(.atomx-header-private) .subMenu#subMenu-left .subscription-content .atomx-btn svg,
	.atomx-header:not(.atomx-header-private) .subMenu#subMenu-left .subscription-content .atomx-btn i {
		display: inline;
		color: #1057c8
	}
	.atomx-header:not(.atomx-header-private) .subMenu#subMenu-left .subscription-content>div {
		position: relative
	}
	.atomx-header:not(.atomx-header-private) .subMenu#subMenu-left .subscription-content>div:last-child {
		margin-top: 0
	}
	.atomx-header:not(.atomx-header-private) .subMenu#subMenu-left .subscription-content>div:last-child:after {
		content: normal
	}
	.atomx-header:not(.atomx-header-private) .subMenu#subMenu-left .subscription-content>div:after {
		content: "";
		border-right: 1px solid #e0e0e0;
		height: 1.5em;
		position: absolute;
		right: 0;
		top: 0;
		width: 0.0625em
	}
}
.atomx-header.show-second-nav #atomx-header-1 {
    height: 65px;
}


iframe.generic-iframe {
    border: none;
}

.bloc_button {
    height: 60px;
}

.gas_simulatorV2 .prix-etap3-simul {
  color: #fd5816;
  font-size: 1.75em;
  display: inline;
}
.gas_simulatorV2 .orange {
  color: #fd5816;
  display: inline;
}
.gas_simulatorV2 .condition-etap3-simul, .condition-etap3-simul p {
  color: #acacac;
  font-size: 0.875em;
}
.gas_simulatorV2 .table-simul {
  margin-bottom: 30px;
  width:100%;
}
.gas_simulatorV2 .table-simul a {
    display: table;
    height: 100%;
    width: 100%;
    font-size:  0.875em;
    text-align: center;
    text-decoration: none;
    word-wrap: break-word;
}
.gas_simulatorV2 .table-simul-etap {
  margin-bottom: 30px;
}

.gas_simulatorV2 div.btn-valign > a{
    line-height: 3em;
}

.gas_simulatorV2 .title_table_simul {
  font-size: 1.125em !important;
  color: #f8f8f8 !important;
}
.gas_simulatorV2 .title_table_etap_simul, .corps_table_etap_simul {
  font-family: "frutiger", sans-serif !important;
  font-size: 16px !important;
  color: #f8f8f8 !important;
  margin: 0;
  padding: 0 10px;
  line-height: 3.4em;
}
.gas_simulatorV2 .title_bold_simul {
    font-weight: bold;
  font-size: 0.938em;
}
.gas_simulatorV2 .ligne_table_simul {
  margin-right: 30px;
}
.gas_simulatorV2 .col-simul {
  text-align: center;
}
.gas_simulatorV2 .col-simul p {
  color: #f8f8f8;
}
.gas_simulatorV2 .col-lien-simul {
  text-align: left;
}
.gas_simulatorV2 .col-lien-simul p {
  float: left;
  color: #f8f8f8;
  margin: 1em 1em;
}
.gas_simulatorV2 .simul-msg-erreur-btn p {
     float: left;
  color: #f8f8f8;
  margin: 0 1em 1em 1em;
}
.gas_simulatorV2 .simulator-bloc-offre-selected .col-titre-simul {
  background-color: #FE5815;
  margin-bottom: 1px;
}
.gas_simulatorV2 .col-titre-simul {
  background-color: #001a70;
  margin-bottom: 1px;
}
.gas_simulatorV2 .col-titre-simul:hover {
  opacity: .85;
  filter: alpha(opacity=85);
}
.gas_simulatorV2 .simulator-bloc-offre-selected .col-corps-simul {
  background-color: #ff7841;
}
.gas_simulatorV2 .col-corps-simul {
  background-color: #015bbb;
}
.gas_simulatorV2 .col-etap1-corps-simul:hover, .col-offre-simul:hover {
  cursor: pointer;
}
.gas_simulatorV2 .col-etap1-corps-simul {
  background-color: #f3f3f3;
  min-height: 100px;
  border: 4px solid transparent;
}

#lien-simul-1 ul{
    padding-left: 0;
}

#lien-simul-1 li{
    list-style-type:none;
}

.gas_simulatorV2 .col-etap1-corps-simul .etap1-title-corps-simul {
  text-align: right;
  height: 33px;
  margin: 0;
  line-height: 50px;
  position: relative;
}

.gas_simulatorV2 .col-etap1-selec-simul .etap1-selec-title-corps-simul {
  height: 33px;
  color: #fd5816;
  position: relative;
}

.gas_simulatorV2 .col-etap1-corps-simul .etap1-title-corps-simul .checkbox {
  background: url("assets/img/sprites/icons.png") -83px -345px;
  height: 100%;
  width: 34px;
  position: absolute;
  top: 0;
  right: 0;
}
.gas_simulatorV2 .col-etap1-selec-simul .etap1-selec-title-corps-simul .checkbox {
  background: url("assets/img/sprites/icons.png") -274px -55px;
  height: 100%;
  width: 34px;
  position: absolute;
  top: 0;
  right: 0;
}

.gas_simulatorV2 .txt_etap1_title {
  padding-right: 45px !important;
}



.gas_simulatorV2 .col-etap1-corps-simul .etap1-selec-sub-corps-simul {
  color: #474747;
}
.gas_simulatorV2 .col-etap1-corps-simul .etap1-selec-sub-grey-corps-simul {
  color: #acacac;
}
.gas_simulatorV2 .col-etap1-corps-simul .etap1-title-corps-simul {
  margin: 0;
  text-align: right;
}
.gas_simulatorV2 .col-etap1-corps-simul .etap1-title-corps-simul img {
  padding-left: 10px;
}
.gas_simulatorV2 .col-etap1-corps-simul .etap1-title2-corps-simul {
  color: #015bbb;
}
.gas_simulatorV2 .col-etap1-corps-simul p {
  color: black;
  margin: 1em 1em;
}
.gas_simulatorV2 .btn-etape-simul {
  background-color: #19307e;
  border-radius: 2px;
  width: auto;
  cursor: pointer;
  height: 50px;
}
.gas_simulatorV2 .btn-etape-simul p {
    margin: 0;
    width: 100%;
    height: 100%;
    color: #fff;
  font-size: initial;
  line-height: 50px;
  text-align: center;
}
.gas_simulatorV2 .btn-etape-simul:hover {
  background-color: #005bbb;
  cursor: pointer;
}
.gas_simulatorV2 .margin-btn-etape-simul {
  margin-right: 20px;
  margin-top: 15px;
}
.gas_simulatorV2 .etap3-subtitle-corps-simul {
  padding-left: 15px;
  padding-bottom: 15px;
  padding-top: 15px;
  color: #093679;
  background-color: #f8f8f8;
  height: 80px;
  width: 240px;
}
.gas_simulatorV2 .etap3-subtitle-corps-simul-height {
  height: 81px;
}
.gas_simulatorV2 .col-etap3-subtitle-corps-simul {
  margin-bottom: 20px;
  height: 110px;
}
.gas_simulatorV2 .etap3-title-bold-corps-simul {
  color: #093679;
  font-size: 1.125em;
    font-weight: bold;
  display: inline;
}
.gas_simulatorV2 .etap3-title-regular-corps-simul {
  color: #093679;
  font-size: 1.125em;
    font-weight: bold;
}
.gas_simulatorV2 .margin-col-etap1-corps-simul {
  margin-left: 22px;
  margin-right: 22px;
}
.gas_simulatorV2 .col-etap1-selec-simul {
  border: 4px solid #fd5816;
}
.gas_simulatorV2 .etap1-img-corps-simul {
  text-align: center;
  align-content: center;
  float: right;
}
.gas_simulatorV2 .etap1-img1-corps-simul {
  text-align: right;
}
.gas_simulatorV2 .col-img1-simul {
  float: left;
}
.gas_simulatorV2 .col-img1-simul p {
  margin: -1px;
}
.gas_simulatorV2 .col-img2-simul {
  float: right;
}
.gas_simulatorV2 .col-img2-simul p {
  margin: -1px;
}
.gas_simulatorV2 .col-etap-simul {
  text-align: left;
  width: 100%;
  background-color: #2377cf;
  max-height: 3.34em;
}
.gas_simulatorV2 .col-etap-simul p {
  color: #f8f8f8;
}
.gas_simulatorV2 .col1-etap-simul {
  background: url('assets/img/sprites/icons.png') -39px -549px;
  width: 125px;
  margin-right: 25px;
  float: left;
}
.gas_simulatorV2 .col1-etap-simul p {
  margin: 1em 1em;
}
.gas_simulatorV2 .ligne-table-simul-margin {
  margin-bottom: 15px;
}
.gas_simulatorV2 .grey-input-simul input[type="text"] {
  background-color: #ededed;
  height: 30px;
  padding: 0;
  border: none;
  width: 100%;
}
.gas_simulatorV2 .grey-input-simul label {
  margin: 0;
  padding: 0;
  height: 30px;
  width: auto;
}
.gas_simulatorV2 .float-left-simul {
  display: inline-block;
  float: left;
  text-align: left;
}
.gas_simulatorV2 .float-right-simul {
  float: left;
  text-align: right;
}
.gas_simulatorV2 .simul-etap2-submit {
  background-image: url("assets/img/icons/background_error_desktop.png");
  width: 405px;
  height: 125px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.gas_simulatorV2 .simul-etap2-submit .img-erreur-etap2-simul {
  margin-left: 20px;
  margin-top: 50px;
  margin-right: 25px;
  cursor: pointer;
}
.gas_simulatorV2 .simul-etap2-submit .msg-erreur-etap2-simul {
  margin-top: 40px;
  color: white;
}
.gas_simulatorV2 .simul-etap2-submit2, .simul-reinit-submit {
  width: 490px;
}
@media screen and (min-width: 48em) and (max-width: 79.99em) {
  .margin-col-etap1-corps-simul {
    margin-left: 18px;
    margin-right: 18px;
  }
    .msg_error_simul {
        margin-top: 10px;
    }
  .margin-btn-etape-simul {
    margin-right: 0;
    margin-top: 0;
  }
  .col-etap3-subtitle-corps-simul {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 47.99em) {
  .col-etap3-subtitle-corps-simul {
    margin-bottom: 50px;
  }
  .grey-input-simul input[type="text"] {
    margin-bottom: 10px;
  }
  .margin-col-etap1-corps-simul {
    margin-left: 0;
    margin-right: 0;
  }
  .col-lien-simul {
    text-align: center;
    align-content: center;
  }
  .col-lien-simul p {
    width: 100%;
    margin: 1em 0;
  }
}

.mandatory-fields-info {
    font-size: small !important;
    font-style: italic !important;
    color: grey !important;
}

#lien-simul-1 {
    text-align: center;
}

#lien-simul-1 a {
    margin-bottom: 10px;
    display: inline-block;
    width: auto;
}

@media screen and (min-width: 35.5em) {
    #etap1_espace1_simul_corps1 {
        margin: 20px 0;
    }
}
@media screen and (min-width: 48em) {
    #etap1_espace1_simul_corps1 {
        margin: 0 6.25% ;
    }
}

#gas_simulatorV2 .dropdown-menu {
        top: auto;
        left: auto;
        padding: 5px 20px;
}

.form_row .optionSelect {
   color: #666666;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0
}

.atomx-footer-v2 {
	padding: 48px 0;
	background: #001a70
}

.atomx-footer-v2_navigation {
	margin-bottom: 32px
}

.atomx-footer-v2_navigation::after {
	content: "";
	width: 100%;
	height: 1px;
	margin: 0 16px;
	opacity: .2;
	background-color: #feffff
}

@media(min-width: 1024px) {
	.atomx-footer-v2_navigation {
		margin-bottom: inherit
	}
}

.atomx-footer-v2_navigation .logo {
	display: none
}

@media(min-width: 1024px) {
	.atomx-footer-v2_navigation .logo {
		display: block
	}
}

.atomx-footer-v2_navigation__menu {
	margin: 0 0 48px;
	padding: 0
}

.atomx-footer-v2_navigation__menu li {
	margin: 16px 0
}

.atomx-footer-v2_navigation__menu li a {
	display: flex;
	align-items: center;
	font-family: "frutiger-light";
	font-size: 16px;
	line-height: 1.5;
	color: #feffff
}

.atomx-footer-v2_navigation__menu li a.title {
	font-family: "frutiger-bold"
}

.atomx-footer-v2_navigation__menu li a:hover {
	text-decoration: underline
}

.atomx-footer-v2_flux-rss {
	display: flex;
	align-items: center;
	height: 100%
}

@media(min-width: 1024px) {
	.atomx-footer-v2_flux-rss {
		margin-top: 32px
	}
}

.atomx-footer-v2_flux-rss .logo {
	display: flex;
	justify-content: center;
	margin-bottom: 32px
}

@media(min-width: 1024px) {
	.atomx-footer-v2_flux-rss .logo {
		display: none
	}
}

.atomx-footer-v2_flux-rss__rss {
	justify-content: center;
	margin: 0 0 32px;
	padding: 0;
	display: flex
}

@media(min-width: 1024px) {
	.atomx-footer-v2_flux-rss__rss {
		margin-bottom: inherit;
		justify-content: inherit
	}
}

.atomx-footer-v2_flux-rss__rss li {
	list-style: none;
	margin-right: 24px
}

.atomx-footer-v2_flux-rss__rss li:last-child {
	margin-right: 0
}

.atomx-footer-v2_flux-rss__label-application {
	margin-bottom: 32px;
	justify-content: center;
	display: flex;
	align-items: center;
	height: 100%
}

@media(min-width: 1024px) {
	.atomx-footer-v2_flux-rss__label-application {
		margin-bottom: inherit;
		justify-content: inherit
	}
}

.atomx-footer-v2_flux-rss__label-application p {
	font-family: "frutiger";
	font-size: 16px;
	line-height: 1.5;
	color: #feffff
}

.atomx-footer-v2_flux-rss__application {
	display: flex;
	justify-content: center;
	margin: 0;
	padding: 0
}

@media(min-width: 1024px) {
	.atomx-footer-v2_flux-rss__application {
		justify-content: inherit
	}
}

.atomx-footer-v2_flux-rss__application li {
	list-style: none;
	margin-right: 12px
}

.atomx-footer-v2_flux-rss__application li:last-child {
	margin-right: 0
}

.atomx-footer-v2_bottom {
	margin-top: 32px;
	text-align: center
}

@media(min-width: 1024px) {
	.atomx-footer-v2_bottom {
		text-align: inherit
	}
}

.atomx-footer-v2_bottom ul {
	display: inline;
	padding: 0
}

.atomx-footer-v2_bottom ul li {
	display: inline-block;
	margin-right: 12px;
	margin-bottom: 16px
}

.atomx-footer-v2_bottom ul li.copyright,
.atomx-footer-v2_bottom ul li a {
	display: inherit;
	font-family: "frutiger";
	font-size: 14px;
	line-height: 1.43;
	color: #feffff
}

.atomx-footer-v2_bottom ul li.copyright {
	font-style: inherit;
	font-weight: inherit
}
.template-hub2 #inner-container h1 {
  margin-bottom: 12px;
  color: #fff;
}

.template-hub2 #inner-container .subtitle {
  margin: 0;
  color: #fff;
  font-size: 22px;
  line-height: 25px;
  font-weight: normal;
}

.page-content{
  margin-top: 25px;
}

/* styles bouttons rond */
.page-content-nav {
  display: flex;
  justify-content: center;
  margin: 25px auto 0;
}
.page-content-nav .btn-rounded{
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 270px;
  height: 40px;
  border-radius: 100px;
  background-color: #ffffff;
}
.page-content-nav .btn-rounded span{
  display: block;
  padding: 0 10px;
  font-size: 1rem; /* 16px */
  font-weight: bold;
  text-align: center;
}
.page-content-nav .btn-rounded + .btn-rounded{
  margin-left: 10px;
}
.page-content-nav .btn-rounded.orange{
  background: url('../../../apps/EDF_RC/components/energyOptionTabChoice/clientlib/img/arrow_orange@2x.png') no-repeat left 18px center;
  background-size: 6px 11px;
  border: solid 1px #fe5a00;
  color: #fe5a00;
}
.page-content-nav .btn-rounded.orange:hover{
  background: url('../../../apps/EDF_RC/components/energyOptionTabChoice/clientlib/img/arrow_white@2x.png') no-repeat left 22px center;
  background-size: 6px 11px;
  background-color: #fe5a00;
  opacity: 0.5;
  color: #fff;
}
.page-content-nav .btn-rounded.active.orange{
  background: url('../../../apps/EDF_RC/components/energyOptionTabChoice/clientlib/img/arrow_white@2x.png') no-repeat left 22px center;
  background-size: 6px 11px;
  background-color: #fe5a00;
  color: #fff;
}
.page-content-nav .btn-rounded.active.orange:hover{
  opacity: 1;
}
.page-content-nav .btn-rounded.blue{
  background: url('../../../apps/EDF_RC/components/energyOptionTabChoice/clientlib/img/arrow_blue@2x.png') no-repeat left 22px center;
  background-size: 6px 11px;
  border: solid 1px #005bbb;
  color: #005bbb;
}
.page-content-nav .btn-rounded.blue:hover{
  background: url('../../../apps/EDF_RC/components/energyOptionTabChoice/clientlib/img/arrow_white@2x.png') no-repeat left 22px center;
  background-size: 6px 11px;
  background-color: #005bbb;
  opacity: 0.5;
  color: #fff;
}
.page-content-nav .btn-rounded.active.blue{
  background: url('../../../apps/EDF_RC/components/energyOptionTabChoice/clientlib/img/arrow_white@2x.png') no-repeat left 22px center;
  background-size: 6px 11px;
  background-color: #005bbb;
  color: #fff;
}
.page-content-nav .btn-rounded.active.blue:hover{
  opacity: 1;
}

/* temp juste pour illustrer la maquette */
.page-content{
  background: repeating-linear-gradient(45deg, #ffffff, #ffffff 5px, #f6f6f6 5px, #f6f6f6 10px);
  height: 500px;
}

@media screen and (max-width: 850px) {
  #menuPageNivOne a {
    width: 240px;
  }

  .page-content-nav .btn-rounded{
    width: inherit;
    height: inherit;
  }

  .page-content-nav .btn-rounded + .btn-rounded{
    margin-left: 0px;
  }

  .page-content-nav .btn-rounded.active.blue,.page-content-nav .btn-rounded.blue {
    background-size: 0;
  }

  .energyOptionTabChoice .offre-detail{
    margin: 0 0 20px;
  }
}

@media screen and (max-width: 1165px) {
  #menuPageNivOne,
  #menuPageNivTwo {
    margin: 0 20px;
  }
}

@media screen and (max-width: 1024px) {
  /* canceling some existing css behaviors in clientlibs*/
  #menuPageNivOne {
    padding: 0;
  }
  /* canceling some existing css behaviors in clientlibs*/
  #menuPageNivTwo ul {
    padding-left: 0 !important;
    /* !important was needed because it was used in the clientlibs css*/
  }

}

.documentLink {
    height: auto;
    border-radius: 5px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.documentLink .background_lightOrange {
    background-color: #FFA02F;
    color: #666666;
}

.documentLink .background_orange {
    background-color: #fe5815;
    color: white;
}

.documentLink .background_lightGreen {
    background-color: #c4d600;
    color: #666666;
}

.documentLink .background_green {
    background-color: #509E2F;
    color: white;
}

.documentLink .background_blue {
    background-color: #001a70;
    color: white;
}

.documentLink .background_lightBlue {
    background-color: #005bbb;
    color: white;
}

.documentLink .background_gray {
    background-color: #75787b;
    color: white;
}

.documentLink .background_lightGray {
    background-color: #dddddd;
    color: #666666;
}

.documentLink:after {
    content: ""; /* Important, sinon l'élément n'est pas généré. */
    display: table;
    clear: both;
}

.documentLink .image {
    width: 45px;
    height: 40px;
    text-align: center;
    display: table-cell;
    float: none !important;
    margin-left: 20px;
    margin-top: 20px;
    padding-top: 5px;
    vertical-align: middle;
}

.documentLink .image img {
    width: 100%;
}

.documentLink .chevron_documentLink {
    vertical-align: middle;
    display: table-cell;
}

.documentLink .text {
    display: table-cell;
    float: none !important;
    margin: 0 0 8px 20px;
    vertical-align: middle;
    padding: 0 20px 0 20px;
}

.contnair_document_link {
    padding: 10px;
    display: table;
    cursor: pointer;
}

.contnair_chevron {
    display: table-cell;
    vertical-align: middle;
}

.chevron_document_link {
    margin-right: 10px;
}

.documentLink .left {
    margin-left: 5px;
    margin-right: auto;
}

.documentLink .center {
    margin: auto;
}

.documentLink .right {
    margin-left: auto;
    margin-right: 5px;;
}

q::before, q::after {
    quotes: initial;
}

q::before {
    content: open-quote;
}

q::after {
    content: close-quote;
}

.dark .privacy-policy-txt {
  color: #cccccc;
}

.privacy-policy-txt {
  margin: 0;
  font-size: 12px;
  line-height: 16px;
  line-height: 1em;
  color: #666666;
}

.title-border-left {
    border-left: 4px solid;
    padding-left: 10px;
    font-size: 24px;
}

.title-border-left.white {
    border-left-color: #fff;
    color: #fff;
}

.title-border-left.grey {
    border-left-color: #666666;
    color: #666666;
}

.label-required-form {
  font-size: 13px;
  color:#bbb7b7;
}

.offer-info-txt{
  font-size: 20px;
  color: #fff;
}

.wysiwyg-text a:focus {
	outline: dotted #005BBB 2px;
}

.wysiwyg-text a:hover {
	color: #005BBB;
	text-decoration: underline;
}

.h1-size {
    font-size: 3.125rem; /* 50px */
    line-height: 3.5rem; /* 56px */
}
.h2-size {
    font-size: 2rem; /* 32px */
    line-height: 2.375rem; /* 38px; */
}
.h3-size {
    font-size: 1.25rem; /* 20px */
    line-height: 1.625rem; /* 26px */
}

@media (min-width: 1025px){
  .h1-size {
    font-size: 3.125rem; /* 50px */
    line-height: 3.5rem; /* 56px */
  }
  .h2-size {
    font-size: 2rem; /* 32px */
    line-height: 2.375rem; /* 38px */
  }
  .h3-size {
    font-size: 1.25rem; /* 20px */
    line-height: 1.625rem; /* 26px */
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .h1-size {
    font-size: 2.75rem;	 /* 44px */
    line-height: 3.125rem; /* 50px */
  }
  .h2-size {
    font-size: 1.875rem;  /* 30px */
    line-height: 2.25rem;  /* 36px */
  }
  .h3-size {
    font-size: 1.0625rem; /* 17px */
    line-height: 1.4375rem; /* 23px */
  }
}
@media (max-width: 767px) {
  .h1-size {
    font-size: 1.875rem; /* 30px */
    line-height: 2.25rem; /* 36px */
  }
  .h2-size {
    font-size: 1.5rem;	/* 24px */
    line-height: 1.875rem; /* 30px */
  }
  .h3-size {
    font-size: 1.0625rem; /* 17px */
    line-height: 1.4375rem; /* 23px */
  }
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 20px;
    padding-right: 20px; } }

.mfp-wrap, .mfp-wrap *,
.mfp-wrap, .mfp-wrap *:before,
.mfp-wrap, .mfp-wrap *:after {
  box-sizing: border-box;
}

.mfp-content {
  padding: 25px;
  height: 100%;
  max-height: 750px;
}

.responsive-popup.white-popup.y-scroll {
  height: auto;
  max-width: 640px;
  max-height: 750px;
  padding: 20px 0px 0px;
}

.responsive-popup.white-popup.y-scroll .popup-container { text-align: left; }

.responsive-popup.white-popup.y-scroll .popup-container .scroll-area { overflow-y: auto; }

.responsive-popup.white-popup.y-scroll .popup-container .scroll-area .title {
  display: block;
  padding: 0 40px;
  font-family: 'Frutiger-light', sans-serif;
  font-size: 32px;
  line-height: 40px;
  text-transform: uppercase;
  text-align: left;
}

@media only screen and (max-width: 767px) {
  .responsive-popup.white-popup.y-scroll .popup-container .scroll-area .title {
    padding: 0 15px;
    font-size: 22px;
    line-height: 30px;
  }
}

.responsive-popup.white-popup.y-scroll .popup-container .scroll-area .popup-content .description p {
  padding: 20px 40px 20px !important;
  margin-bottom: 80px !important;
  font-size: 14px !important;
  line-height: 25px !important;
  text-align: justify !important;
}

@media only screen and (max-width: 767px) {
  .responsive-popup.white-popup.y-scroll .popup-container .scroll-area .popup-content .description { padding: 20px 15px 20px; }
}

.responsive-popup.white-popup.y-scroll .btn-container {
  position: absolute;
  bottom: 0;
  width: 100%;
  min-height: 80px;
  max-height: 80px;
  background-color: #F2F2F2;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.responsive-popup.white-popup.y-scroll .btn-container button { margin: 20px auto; }

.content--loading {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 343px; }
.dashboardTempo .btn {
    display: inline-block;
    padding: 0;
    vertical-align: middle;
    text-decoration: none;
    font-family: 'frutiger', 'Arial', Sans serif;
    font-weight: 400;
    border: none;
    cursor: pointer;
    background-image: none;
    height: 40px;
    min-height: 40px;
    max-height: 60px;
    font-size: 16px;
    line-height: 17px;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-sizing: border-box;
    outline: none;
}

.dashboardTempo .btn.contour {
    border: 2px solid transparent;
}

.dashboardTempo .btn-lg {
    min-height: 60px;
}

.dashboardTempo .btn-md {
    min-height: 50px;
}

.dashboardTempo .btn .btn-content-tempo {
    height: 100%;
    border-radius: 4px;
    padding-right: 15px;
    padding-left: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.dashboardTempo .btn .btn-content-tempo .txt {
    padding-right: 10px;
    padding-left: 10px;
}

.dashboardTempo .btn.activated {
    box-shadow: none;
}

.dashboardTempo .btn.activated.contour .btn-content,
.dashboardTempo .btn.contour.active .btn-content,
.dashboardTempo .btn.contour.active.focus .btn-content,
.dashboardTempo .btn.contour.active:focus .btn-content,
.dashboardTempo .btn.contour.active:hover .btn-content,
.dashboardTempo .btn.contour.focus:active .btn-content,
.dashboardTempo .btn.contour:active .btn-content,
.dashboardTempo .btn.contour:active:focus .btn-content,
.dashboardTempo .btn.contour:active:hover .btn-content,
.dashboardTempo .btn.contour:focus .btn-content,
.dashboardTempo .btn.contour:hover .btn-content {
    box-shadow: none;
}

.dashboardTempo .btn.active[disabled],
.dashboardTempo .btn.disabled,
.dashboardTempo .btn.disabled.active,
.dashboardTempo .btn.disabled.focus,
.dashboardTempo .btn.disabled:active,
.dashboardTempo .btn.disabled:focus,
.dashboardTempo .btn.disabled:hover,
.dashboardTempo .btn.focus[disabled],
.dashboardTempo .btn[disabled],
.dashboardTempo .btn[disabled]:active,
.dashboardTempo .btn[disabled]:focus,
.dashboardTempo .btn[disabled]:hover,
fieldset[disabled] .dashboardTempo .btn,
fieldset[disabled] .dashboardTempo .btn.active,
fieldset[disabled] .dashboardTempo .btn.focus,
fieldset[disabled] .dashboardTempo .btn:active,
fieldset[disabled] .dashboardTempo .btn:focus,
fieldset[disabled] .dashboardTempo .btn:hover {
    color: #aaa;
    background-color: #d8d8d8;
    cursor: not-allowed;
    box-shadow: none;
}

.dashboardTempo .btn.active[disabled] .btn-content,
.dashboardTempo .btn.disabled.active .btn-content,
.dashboardTempo .btn.disabled .btn-content,
.dashboardTempo .btn.disabled.focus .btn-content,
.dashboardTempo .btn.disabled:active .btn-content,
.dashboardTempo .btn.disabled:focus .btn-content,
.dashboardTempo .btn.disabled:hover .btn-content,
.dashboardTempo .btn.focus[disabled] .btn-content,
.dashboardTempo .btn[disabled] .btn-content,
.dashboardTempo .btn[disabled]:active .btn-content,
.dashboardTempo .btn[disabled]:focus .btn-content,
.dashboardTempo .btn[disabled]:hover .btn-content,
fieldset[disabled] .dashboardTempo .btn.active .btn-content,
fieldset[disabled] .dashboardTempo .btn .btn-content,
fieldset[disabled] .dashboardTempo .btn.focus .btn-content,
fieldset[disabled] .dashboardTempo .btn:active .btn-content,
fieldset[disabled] .dashboardTempo .btn:focus .btn-content,
fieldset[disabled] .dashboardTempo .btn:hover .btn-content {
    box-shadow: none;
}

.dashboardTempo .btn-primary {
    color: #fff;
    background-color: #005bbb;
}

.dashboardTempo .btn-primary.contour {
    color: #005bbb;
    background-color: transparent;
    border: 2px solid #005bbb;
}

.dashboardTempo .btn-primary.contour.activated,
.dashboardTempo .btn-primary.contour.active,
.dashboardTempo .btn-primary.contour.active:hover,
.dashboardTempo .btn-primary.contour:active,
.dashboardTempo .btn-primary.contour:active:hover,
.dashboardTempo .btn-primary.contour:hover {
    color: #fff;
    background-color: #005bbb;
    box-shadow: none;
}

.dashboardTempo .btn-secondary {
    color: #fff;
    background-color: #666;
}

.dashboardTempo .btn-secondary.contour {
    color: #666;
    background-color: transparent;
    border: 2px solid #666;
}

.dashboardTempo .btn-secondary.contour.activated,
.dashboardTempo .btn-secondary.contour.active,
.dashboardTempo .btn-secondary.contour.active:hover,
.dashboardTempo .btn-secondary.contour:active,
.dashboardTempo .btn-secondary.contour:active:hover,
.dashboardTempo .btn-secondary.contour:hover {
    color: #fff;
    background-color: #666;
    box-shadow: none;
}

.dashboardTempo .btn-success {
    color: #fff;
    background-color: #005bbb;
}

.dashboardTempo .btn-success.contour {
    color: #005bbb;
    background-color: transparent;
    border: 2px solid #005bbb;
}

.dashboardTempo .btn-success.contour.activated,
.dashboardTempo .btn-success.contour.active,
.dashboardTempo .btn-success.contour.active:hover,
.dashboardTempo .btn-success.contour:active,
.dashboardTempo .btn-success.contour:active:hover,
.dashboardTempo .btn-success.contour:hover {
    color: #fff;
    background-color: #005bbb;
    box-shadow: none;
}

.dashboardTempo .btn-info {
    color: #fff;
    background-color: #c4d600;
}

.dashboardTempo .btn-info.contour {
    color: #c4d600;
    background-color: transparent;
    border: 2px solid #c4d600;
}

.dashboardTempo .btn-info.contour.activated,
.dashboardTempo .btn-info.contour.active,
.dashboardTempo .btn-info.contour.active:hover,
.dashboardTempo .btn-info.contour:active,
.dashboardTempo .btn-info.contour:active:hover,
.dashboardTempo .btn-info.contour:hover {
    color: #fff;
    background-color: #c4d600;
    box-shadow: none;
}

.dashboardTempo .btn-warning {
    color: #fff;
    background-color: #ffa02f;
}

.dashboardTempo .btn-warning.contour {
    color: #ffa02f;
    background-color: transparent;
    border: 2px solid #ffa02f;
}

.dashboardTempo .btn-warning.activated,
.dashboardTempo .btn-warning.contour.active,
.dashboardTempo .btn-warning.contour.active:hover,
.dashboardTempo .btn-warning.contour:active,
.dashboardTempo .btn-warning.contour:active:hover,
.dashboardTempo .btn-warning.contour:hover {
    color: #fff;
    background-color: #ffa02f;
    box-shadow: none;
}

.dashboardTempo .btn-danger {
    color: #fff;
    background-color: #fe5815
}

.dashboardTempo .btn-danger.contour {
    color: #fe5815;
    background-color: transparent;
    border: 2px solid #fe5815;
}

.dashboardTempo .btn-danger.contour.activated,
.dashboardTempo .btn-danger.contour.active,
.dashboardTempo .btn-danger.contour.active:hover,
.dashboardTempo .btn-danger.contour:active,
.dashboardTempo .btn-danger.contour:active:hover,
.dashboardTempo .btn-danger.contour:hover {
    color: #fff;
    background-color: #fe5815;
    box-shadow: none;
}

.dashboardTempo .btn-white {
    color: #4a4a4a;
    background-color: #fff;
}

.dashboardTempo .btn-white.contour {
    color: #fff;
    background-color: transparent;
    border: 2px solid #fff;
}

.dashboardTempo .btn-white.contour.activated,
.dashboardTempo .btn-white.contour.active,
.dashboardTempo .btn-white.contour.active:hover,
.dashboardTempo .btn-white.contour:active,
.dashboardTempo .btn-white.contour:active:hover,
.dashboardTempo .btn-white.contour:hover {
    color: #4a4a4a;
    background-color: #fff;
    box-shadow: none;
}

.dashboardTempo .tempo-calendar-skin .ui-datepicker {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    font-family: frutiger, Arial, Helvetica, sans-serif;
    background: #fff;
    border: none;
    border-radius: 0;
}

.dashboardTempo .tempo-calendar-skin .ui-datepicker .ui-datepicker-header {
    margin: 0;
    padding: 0;
    position: relative;
    background: none;
    border-radius: 0;
    border: none;
}

.dashboardTempo .tempo-calendar-skin .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
    margin: 14px 50px;
    text-align: center;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 20px;
    line-height: 1.25rem;
    font-weight: 400;
    color: #4a4a4a;
}

.dashboardTempo .tempo-calendar-skin .ui-datepicker .ui-datepicker-header .ui-datepicker-next,
.dashboardTempo .tempo-calendar-skin .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
    position: absolute;
    top: 0;
    width: 48px;
    height: 48px;
    border: none;
    border-radius: 0;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 48px 48px;
    background-color: #fff;
    cursor: pointer;
}

.dashboardTempo .tempo-calendar-skin .ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon,
.dashboardTempo .tempo-calendar-skin .ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon {
    text-indent: -99999px;
    overflow: hidden;
    background-image: none;
}

.dashboardTempo .tempo-calendar-skin .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
    right: 0;
    background-image: url('assets/img/content/dashboardEjp/next@2x.png');
}

.dashboardTempo .tempo-calendar-skin .ui-datepicker .ui-datepicker-header .ui-datepicker-next.ui-state-disabled {
    background-image: url('assets/img/content/dashboardEjp/next_disabled@2x.png');
}

.dashboardTempo .tempo-calendar-skin .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
    left: 0;
    background-image: url('assets/img/content/dashboardEjp/previous@2x.png');
}

.dashboardTempo .tempo-calendar-skin .ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-state-disabled {
    background-image: url('assets/img/content/dashboardEjp/previous_disabled@2x.png');
}

.dashboardTempo .tempo-calendar-skin table.ui-datepicker-calendar {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
    pointer-events: none;
    cursor: default;
}

.dashboardTempo .tempo-calendar-skin table.ui-datepicker-calendar thead th {
    padding: 20px 0 12px;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 24px;
    line-height: 1.5rem;
    font-weight: 700;
    text-align: center;
    border: 0;
    color: rgba(0, 0, 0, .5);
}

.dashboardTempo .tempo-calendar-skin table.ui-datepicker-calendar tbody td {
    border: 0;
    padding: 0;
}

.dashboardTempo .tempo-calendar-skin table.ui-datepicker-calendar tbody td .ui-state-default {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 8px auto;
    padding: 0;
    width: 34px;
    height: 34px;
    background: none;
    border-radius: 50%;
    border: 2px solid #4a4a4a;
    font-size: 14px;
    font-size: .875rem;
    line-height: 17px;
    line-height: 1.0625rem;
    font-weight: 400;
    text-align: center;
    text-decoration: none;
    color: #4a4a4a;
    pointer-events: none;
    cursor: default;
}

.dashboardTempo .tempo-calendar-skin table.ui-datepicker-calendar tbody td .ui-state-default a {
    pointer-events: none;
    cursor: default;
}

.dashboardTempo .tempo-calendar-skin table.ui-datepicker-calendar tbody td.tempo-day .ui-state-default {
    background: #f34b32;
    border-color: #f34b32;
    color: #fff;
    opacity: 0.7;
}

.dashboardTempo .tempo-calendar-skin table.ui-datepicker-calendar tbody td.future-day.tempo-day .ui-state-default {
    border-color: #f34b32;
    color: #f34b32;
}

.dashboardTempo .tempo-calendar-skin table.ui-datepicker-calendar tbody td.blanc-day .ui-state-default {
    border-color: #bab8b8;
    color: #3c3c3c;
    opacity: 0.7;
}

.dashboardTempo .tempo-calendar-skin table.ui-datepicker-calendar tbody td.not-tempo-day .ui-state-default {
    background: #005bbb;
    border-color: #005bbb;
    color: #fff;
    opacity: 0.5;
}

.dashboardTempo .tempo-calendar-skin table.ui-datepicker-calendar tbody td.tempo-day-undefined .ui-state-default {
    background: #ffa02f;
    border-color: #ffa02f;
    color: #fff;
    opacity: 0.7;
}

.dashboardTempo .tempo-calendar-skin table.ui-datepicker-calendar tbody td.tempo-period-finished .ui-state-default {
    border-color: #005bbb;
    color: #005bbb;
}

.dashboardTempo .tempo-calendar-skin table.ui-datepicker-calendar tbody td.ui-datepicker-current-day.ui-datepicker-today+td.ui-state-disabled,
.dashboardTempo .tempo-calendar-skin table.ui-datepicker-calendar tbody td.ui-datepicker-current-day.ui-datepicker-today.ui-state-disabled {
    opacity: 1;
}

.dashboardTempo .tempo-calendar-skin table.ui-datepicker-calendar tbody td.ui-datepicker-current-day.ui-datepicker-today+td.tempo-day .ui-state-default,
.dashboardTempo .tempo-calendar-skin table.ui-datepicker-calendar tbody td.ui-datepicker-current-day.ui-datepicker-today.tempo-day .ui-state-default {
    background: #f34b32;
    border-color: #f34b32;
    color: #fff;
    opacity: 1;
}

.dashboardTempo .tempo-calendar-skin table.ui-datepicker-calendar tbody td.ui-datepicker-current-day.ui-datepicker-today+td.not-tempo-day .ui-state-default,
.dashboardTempo .tempo-calendar-skin table.ui-datepicker-calendar tbody td.ui-datepicker-current-day.ui-datepicker-today.not-tempo-day .ui-state-default {
    background: #005bbb;
    border-color: #005bbb;
    color: #fff;
    opacity: 1;
}

.dashboardTempo .tempo-calendar-skin table.ui-datepicker-calendar tbody td.ui-datepicker-current-day.ui-datepicker-today+td.tempo-day-undefined .ui-state-default,
.dashboardTempo .tempo-calendar-skin table.ui-datepicker-calendar tbody td.ui-datepicker-current-day.ui-datepicker-today.tempo-day-undefined .ui-state-default {
    background: #ffa02f;
    border-color: #ffa02f;
    color: #fff;
    opacity: 1;
}

.dashboardTempo .tempo-calendar-skin table.ui-datepicker-calendar tbody td.ui-datepicker-current-day.ui-datepicker-today+td.blanc-day .ui-state-default,
.dashboardTempo .tempo-calendar-skin table.ui-datepicker-calendar tbody td.ui-datepicker-current-day.ui-datepicker-today.blanc-day .ui-state-default {
    border-color: #bab8b8;
    color: #3c3c3c;
    opacity: 1;
}

.dashboardTempo .tempo-calendar-skin table.ui-datepicker-calendar tbody td.ui-datepicker-current-day.ui-datepicker-today+td.tempo-period-finished .ui-state-default,
.dashboardTempo .tempo-calendar-skin table.ui-datepicker-calendar tbody td.ui-datepicker-current-day.ui-datepicker-today.tempo-period-finished .ui-state-default {
    background: #005bbb;
    border-color: transparent;
    color: #fff;
}

.dashboardTempo .tempo-calendar-skin table.ui-datepicker-calendar tbody td.future-day .ui-state-default {
    background: none;
    border-color: transparent;
    color: #9b9b9b;
}

.dashboardTempo .tempo-calendar-skin table.ui-datepicker-calendar tbody td.future-day.ui-state-disabled {
    opacity: 1;
}

.dashboardTempo .tempo-calendar-skin table .ui-datepicker-other-month.ui-datepicker-unselectable.ui-state-disabled {
    background: none;
    opacity: 1;
}

.dashboardTempo .tempo-calendar-skin.tempo-period-over table.ui-datepicker-calendar .ui-state-default {
    border-color: #001a70;
    color: #001a70;
}

.dashboardTempo .mdc-switch {
    display: inline-block;
    position: relative;
}

.dashboardTempo .mdc-switch__native-control {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 34px;
    height: 14px;
    cursor: pointer;
    opacity: 0;
    z-index: 2;
}

.dashboardTempo .mdc-switch__background {
    display: block;
    position: relative;
    width: 34px;
    height: 14px;
    border-radius: 7px;
    outline: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.dashboardTempo .mdc-switch--theme-dark .mdc-switch__background,
.dashboardTempo .mdc-switch__background,
.dashboardTempo .mdc-theme--dark .mdc-switch__background {
    background-color: transparent;
}

.dashboardTempo .mdc-switch__background:before {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: opacity 90ms cubic-bezier(.4, 0, .2, 1), background-color 90ms cubic-bezier(.4, 0, .2, 1);
    border-radius: 7px;
    background-color: #000;
    content: '';
    opacity: .28;
}

.dashboardTempo .mdc-switch--theme-dark .mdc-switch__background:before,
.dashboardTempo .mdc-theme--dark .mdc-switch__background:before {
    background-color: #fff;
    opacity: .3;
}

.dashboardTempo .mdc-switch__background .mdc-switch__knob {
    display: block;
    position: absolute;
    top: -3px;
    left: 0;
    width: 20px;
    height: 20px;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: background-color 90ms cubic-bezier(.4, 0, .2, 1), -webkit-transform 90ms cubic-bezier(.4, 0, .2, 1);
    transition: transform 90ms cubic-bezier(.4, 0, .2, 1), background-color 90ms cubic-bezier(.4, 0, .2, 1);
    transition: transform 90ms cubic-bezier(.4, 0, .2, 1), background-color 90ms cubic-bezier(.4, 0, .2, 1), -webkit-transform 90ms cubic-bezier(.4, 0, .2, 1);
    border-radius: 10px;
    background-color: #fafafa;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    z-index: 1;
}

.dashboardTempo .mdc-switch--theme-dark .mdc-switch__background .mdc-switch__knob,
.dashboardTempo .mdc-theme--dark .mdc-switch__background .mdc-switch__knob {
    background-color: #bdbdbd;
}

.dashboardTempo .mdc-switch__background .mdc-switch__knob:before {
    top: -14px;
    left: -14px;
    -webkit-transform: scale(0);
    transform: scale(0);
    background-color: transparent;
    content: '';
    opacity: .2;
}

.dashboardTempo .mdc-switch__background .mdc-switch__knob:before,
.dashboardTempo .mdc-switch__native-control:focus~.mdc-switch__background .mdc-switch__knob:before {
    position: absolute;
    width: 48px;
    height: 48px;
    transition: background-color 90ms cubic-bezier(.4, 0, .2, 1), -webkit-transform 90ms cubic-bezier(.4, 0, .2, 1);
    transition: transform 90ms cubic-bezier(.4, 0, .2, 1), background-color 90ms cubic-bezier(.4, 0, .2, 1);
    transition: transform 90ms cubic-bezier(.4, 0, .2, 1), background-color 90ms cubic-bezier(.4, 0, .2, 1), -webkit-transform 90ms cubic-bezier(.4, 0, .2, 1);
    border-radius: 24px;
}

.dashboardTempo .mdc-switch__native-control:focus~.mdc-switch__background .mdc-switch__knob:before {
    -webkit-transform: scale(1);
    transform: scale(1);
    background-color: #9e9e9e;
}

.dashboardTempo .mdc-switch--theme-dark .mdc-switch__native-control:focus~.mdc-switch__background .mdc-switch__knob:before,
.dashboardTempo .mdc-theme--dark .mdc-switch__native-control:focus~.mdc-switch__background .mdc-switch__knob:before {
    background-color: #f1f1f1;
    opacity: .14;
}

.dashboardTempo .mdc-switch__native-control:checked~.mdc-switch__background:before {
    background-color: #005bbb;
    opacity: .5;
}

.dashboardTempo .mdc-switch__native-control:checked~.mdc-switch__background .mdc-switch__knob {
    -webkit-transform: translateX(14px);
    transform: translateX(14px);
    transition: background-color 90ms cubic-bezier(.4, 0, .2, 1), -webkit-transform 90ms cubic-bezier(.4, 0, .2, 1);
    transition: transform 90ms cubic-bezier(.4, 0, .2, 1), background-color 90ms cubic-bezier(.4, 0, .2, 1);
    transition: transform 90ms cubic-bezier(.4, 0, .2, 1), background-color 90ms cubic-bezier(.4, 0, .2, 1), -webkit-transform 90ms cubic-bezier(.4, 0, .2, 1);
    background-color: #005bbb;
}

.dashboardTempo .mdc-switch__native-control:checked~.mdc-switch__background .mdc-switch__knob:before {
    background-color: #005bbb;
    opacity: .15;
}

.dashboardTempo .mdc-switch--theme-dark .mdc-switch__native-control:checked~.mdc-switch__background .mdc-switch__knob:before,
.dashboardTempo .mdc-theme--dark .mdc-switch__native-control:checked~.mdc-switch__background .mdc-switch__knob:before {
    background-color: #005bbb;
}

.dashboardTempo .mdc-switch__native-control:disabled {
    cursor: auto;
}

.dashboardTempo .mdc-switch__native-control:disabled~.mdc-switch__background:before {
    background-color: #000;
    opacity: .12;
}

.dashboardTempo .mdc-switch--theme-dark .mdc-switch__native-control:disabled~.mdc-switch__background:before,
.dashboardTempo .mdc-theme--dark .mdc-switch__native-control:disabled~.mdc-switch__background:before {
    background-color: #fff;
    opacity: .1;
}

.dashboardTempo .mdc-switch__native-control:disabled~.mdc-switch__background .mdc-switch__knob {
    background-color: #bdbdbd;
}

.dashboardTempo .mdc-switch--theme-dark .mdc-switch__native-control:disabled~.mdc-switch__background .mdc-switch__knob,
.dashboardTempo .mdc-theme--dark .mdc-switch__native-control:disabled~.mdc-switch__background .mdc-switch__knob {
    background-color: #424242;
}

.dashboardTempo .tempo-background {
    background: url('assets/img/content/dashboardEjp/cloudblur.jpg') no-repeat 50% fixed;
    background-size: cover;
    padding: 0 25px;
}

@media only screen and (max-width:767px) {
    .dashboardTempo .tempo-background {
        padding: 15px;
    }
}

@media only screen and (max-width:567px) {
    .dashboardTempo .tempo-background {
        padding: 0;
    }
}

.dashboardTempo .tempo-background .tempo-wrapper {
    margin: 0 auto;
    width: 100%;
    height: 100%;
    max-width: 960px;
    font-family: 'frutiger';
}

.dashboardTempo .tempo-background .tempo-wrapper a,
.dashboardTempo .tempo-background .tempo-wrapper label,
.dashboardTempo .tempo-background .tempo-wrapper span {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.dashboardTempo .tempo-link {
    display: inline-block;
    padding: 15px 0;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    text-align: right;
    color: #fff;
    float: right;
}

@media only screen and (max-width:567px) {
    .dashboardTempo .tempo-link {
        display: none;
    }
}

.dashboardTempo .tempo-link:hover {
    text-decoration: underline;
    color: #fff !important;
}

.dashboardTempo .tempo-container {
    clear: both;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    min-height: 500px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 20px;
    line-height: 1.25rem;
    color: #4a4a4a;
}

@media screen and (max-width:960px) {
    .dashboardTempo .tempo-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.dashboardTempo .tempo-container .tempo-days-container {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 52%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

@media screen and (max-width:960px) {
    .dashboardTempo .tempo-container .tempo-days-container {
        width: 100%;
    }
}

@media only screen and (max-width:567px) {
    .dashboardTempo .tempo-container .tempo-days-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.dashboardTempo .tempo-container .tempo-days-container .tempo-day-bloc {
    padding: 25px 15px;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    text-align: center;
    color: #fff;
    width: 50%;
}

@media screen and (max-width:960px) {
    .dashboardTempo .tempo-container .tempo-days-container .tempo-day-bloc+.tempo-day-bloc:before {
        display: none;
    }
}

@media only screen and (max-width:567px) {
    .dashboardTempo .tempo-container .tempo-days-container .tempo-day-bloc {
        padding: 25px 15px;
        width: 100%;
    }
    .dashboardTempo .tempo-container .tempo-days-container .tempo-day-bloc:before {
        display: none;
    }
}

.dashboardTempo .tempo-container .tempo-days-container .tempo-day-bloc:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 24px;
    background-image: linear-gradient(90deg, transparent, rgba(0, 0, 0, .11));
}

.dashboardTempo .tempo-container .tempo-days-container .tempo-day-bloc.not-tempo-day {
    background-color: #005bbb;
}

.dashboardTempo .tempo-container .tempo-days-container .tempo-day-bloc.tempo-day-undefined {
    background-color: #ffa02f;
}

.dashboardTempo .tempo-container .tempo-days-container .tempo-day-bloc.tempo-day-finished {
    background-color: #005bbb;
}

.dashboardTempo .tempo-container .tempo-days-container .tempo-day-bloc.tempo-day {
    background-color: #f34b32;
}

.dashboardTempo .tempo-container .tempo-days-container .tempo-day-bloc.blanc-day {
    background-color: #ffffff;
    color: #9b9b9b;
}

.dashboardTempo .tempo-container .tempo-days-container .tempo-day-bloc.tempo-day-finished {
    background-color: #005bbb;
}

.dashboardTempo .tempo-container .tempo-days-container .tempo-day-bloc .day-title {
    display: block;
    margin: 0 10px;
    height: 50px;
    font-size: 20px;
    line-height: 50px;
    text-transform: uppercase;
    border-radius: 80px;
    background-color: rgba(0, 0, 0, .1);
}

.dashboardTempo .tempo-container .tempo-days-container .tempo-day-bloc .tempo-day {
    display: block;
    margin-top: 20px;
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase;
}

.dashboardTempo .tempo-container .tempo-days-container .tempo-day-bloc .tempo-day-number {
    display: block;
    font-size: 100px;
    line-height: 124px;
    font-family: 'frutiger-light';
}

.dashboardTempo .tempo-container .tempo-days-container .tempo-day-bloc .tempo-type-img {
    display: block;
    margin: 0 auto;
    width: 140px;
    height: 140px;
}

@media screen and (max-width:960px) {
    .dashboardTempo .tempo-container .tempo-days-container .tempo-day-bloc .tempo-type-img {
        display: none;
    }
}

.dashboardTempo .tempo-container .tempo-days-container .tempo-day-bloc .tempo-day-type {
    display: block;
    margin-top: 12px;
    font-size: 32px;
    font-size: 2rem;
    line-height: 32px;
    line-height: 2rem;
}

.dashboardTempo .tempo-container .tempo-days-container .tempo-day-bloc .tempo-hours.first-child {
    margin-top: 25px;
}

.dashboardTempo .tempo-container .tempo-days-container .tempo-day-bloc .tempo-hours p {
    margin-top: 0;
    margin-bottom: 0;
}

.dashboardTempo .tempo-container .tempo-days-container .tempo-day-bloc .tempo-hours {
    display: block;
    margin-top: 0;
    font-size: 12px;
    font-size: .75rem;
    line-height: 16px;
    line-height: 1rem;
}

.dashboardTempo .tempo-container .tempo-calendar-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 25px 30px;
    width: 48%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    background-color: #fff;
}

@media screen and (max-width:960px) {
    .dashboardTempo .tempo-container .tempo-calendar-container {
        margin-top: 10px;
        width: 100%;
    }
}

@media only screen and (max-width:767px) {
    .dashboardTempo .tempo-container .tempo-calendar-container {
        padding: 25px;
    }
}

@media only screen and (max-width:567px) {
    .dashboardTempo .tempo-container .tempo-calendar-container {
        margin-top: 0;
        padding: 25px 15px;
    }
}

.dashboardTempo .tempo-container .tempo-calendar-container .tempo-calendar {
    margin: 0 auto;
    width: 100%;
    max-width: 540px;
}

@media only screen and (max-width:567px) {
    .dashboardTempo .tempo-container .tempo-calendar-container .tempo-calendar {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
}

.dashboardTempo .tempo-container .tempo-calendar-container .tempo-calendar-legend {
    margin-top: 0;
    padding: 0 10px;
}

@media only screen and (max-width:567px) {
    .dashboardTempo .tempo-container .tempo-calendar-container .tempo-calendar-legend {
        margin-top: 0;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .dashboardTempo .tempo-container .tempo-calendar-container .tempo-calendar-legend:after {
        content: '';
        display: block;
        margin: 25px 0 15px;
        height: 1px;
        width: 100%;
        background-color: #d8d8d8;
    }
}

.dashboardTempo .tempo-container .tempo-calendar-container .tempo-calendar-legend span {
    display: block;
}

.dashboardTempo .tempo-container .tempo-calendar-container .tempo-calendar-legend .tempo-remaining-days {
    font-size: 32px;
    font-size: 1.3rem;
    line-height: 32px;
    line-height: 2rem;
    color: #000;
    padding-top: 15px;
    border-top: 1px solid #DFDFDF;
}

.dashboardTempo .tempo-container .tempo-calendar-container .tempo-calendar-legend .tempo-remaining-all-days-content{
    clear: both;
    margin: 10px 0;
}

.dashboardTempo .tempo-container .tempo-calendar-container .tempo-calendar-legend .tempo-remaining-all-days-content .tempo-remaining-all-days{
    font-size: 14px;
    display: inline;
    color: #000;
}

.dashboardTempo .tempo-container .tempo-calendar-container .tempo-calendar-legend .tempo-remaining-all-days-content .tempo-remaining-all-days:after{
    content: '-';
    color: #000;
    margin-left: 5px;
}
@media only screen and (max-width:567px) {
    .dashboardTempo .tempo-calendar-legend{
        text-align: center;
    }
    .dashboardTempo .tempo-container .tempo-calendar-container .tempo-calendar-legend .tempo-remaining-days{
        border: none;
    }
    .dashboardTempo .tempo-container .tempo-calendar-container .tempo-calendar-legend .tempo-remaining-all-days-content .tempo-remaining-all-days{
        display: block;
        text-align: center;
    }
    .dashboardTempo .tempo-container .tempo-calendar-container .tempo-calendar-legend .tempo-remaining-all-days-content .tempo-remaining-all-days:after{
        content: '';
    }
}

.dashboardTempo .tempo-container .tempo-calendar-container .tempo-calendar-legend .tempo-remaining-all-days-content .tempo-remaining-all-days.last:after{
    content: '';
}

.dashboardTempo .tempo-container .tempo-calendar-container .tempo-calendar-legend .tempo-remaining-all-days-content .tempo-remaining-all-days.blue{
    color: #005bbb;
    background-color: inherit;
}

.dashboardTempo .tempo-container .tempo-calendar-container .tempo-calendar-legend .tempo-remaining-all-days-content .tempo-remaining-all-days.red{
    color: #f34b32;
}

.dashboardTempo .tempo-container .tempo-calendar-container .tempo-calendar-legend .tempo-remaining-days sup {
    top: -1rem;
    font-size: 10px;
    font-size: .65rem;
    line-height: 12px;
    line-height: .75rem;
    color: #000;
    right: 5px;
}

.dashboardTempo .tempo-container .tempo-calendar-container .tempo-calendar-legend .tempo-period {
    margin-top: 4px;
    font-size: 12px;
    font-size: .75rem;
    line-height: 20px;
    line-height: 1.25rem;
    color: #4a4a4a
}

.dashboardTempo .tempo-gray-bloc-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
    padding: 20px 30px;
    background-color: #FFFFFFC0;
}

@media only screen and (max-width:767px) {
    .dashboardTempo .tempo-gray-bloc-container {
        padding: 20px 25px;
    }
}

@media only screen and (max-width:567px) {
    .dashboardTempo .tempo-gray-bloc-container {
        margin-top: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 20px 15px;
    }
    .dashboardTempo .tempo-gray-bloc-container+.tempo-gray-bloc-container:before {
        content: '';
        display: block;
        margin: 0 auto 30px;
        width: 100%;
        max-width: 100px;
        height: 1px;
        background-color: #d8d8d8;
    }
}

.dashboardTempo .tempo-gray-bloc-container .bloc-content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    color: #4a4a4a;
}

.dashboardTempo .tempo-gray-bloc-container .bloc-content .title {
    display: block;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 28px;
    line-height: 1.75rem;
    font-weight: 700;
}

.dashboardTempo .tempo-gray-bloc-container .bloc-content .description {
    font-size: 16px;
    font-size: 1rem;
    line-height: 20px;
    line-height: 1.25rem;
}

.dashboardTempo .tempo-gray-bloc-container .bloc-content .description p {
    margin: 0;
}

@media only screen and (max-width:567px) {
    .dashboardTempo .tempo-gray-bloc-container .bloc-content {
        width: 100%;
    }
}

.dashboardTempo .tempo-gray-bloc-container .bloc-actions {
    margin-left: 20px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 42%;
    flex: 1 0 42%;
}

@media only screen and (max-width:567px) {
    .dashboardTempo .tempo-gray-bloc-container .bloc-actions {
        margin-left: 0;
        margin-top: 20px;
        width: 100%;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }
}

.dashboardTempo .tempo-gray-bloc-container.tempo-notification .bloc-actions {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 280px;
    flex: 1 0 280px;
}

@media only screen and (max-width:767px) {
    .dashboardTempo .tempo-gray-bloc-container.tempo-notification .bloc-actions {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 200px;
        flex: 1 0 200px;
    }
}

@media only screen and (max-width:567px) {
    .dashboardTempo .tempo-gray-bloc-container.tempo-notification .bloc-actions {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }
}

.dashboardTempo .tempo-gray-bloc-container.tempo-notification .bloc-actions button {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    display: inherit;
    border-radius: 4px;
}

.dashboardTempo .tempo-gray-bloc-container.tempo-notification .bloc-actions .no-notification {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    font-size: 16px;
    font-size: 1rem;
    line-height: 20px;
    line-height: 1.25rem;
    color: #aaa;
    background-color: transparent;
    cursor: default;
    border: none;
    padding-left: 5px;
    padding-right: 5px;
    border: none;
	box-shadow: none;
}

@media only screen and (max-width:567px) {
    .dashboardTempo .tempo-gray-bloc-container.tempo-notification .bloc-actions .no-notification {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.dashboardTempo .tempo-gray-bloc-container.tempo-notification .bloc-actions .no-notification img {
    width: 24px;
    height: 24px;
}

.dashboardTempo .tempo-gray-bloc-container.tempo-notification .bloc-actions .no-notification span {
    margin-left: 10px;
}

.dashboardTempo .tempo-gray-bloc-container.tempo-push-apps .bloc-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.dashboardTempo .tempo-gray-bloc-container.tempo-push-apps .bloc-content .app-logo {
    margin-right: 20px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 80px;
    flex: 1 0 80px;
    max-width: 80px;
}

@media only screen and (max-width:567px) {
    .dashboardTempo .tempo-gray-bloc-container.tempo-push-apps .bloc-content .app-logo {
        margin-right: 10px;
    }
}

.dashboardTempo .tempo-gray-bloc-container.tempo-push-apps .bloc-content .app-logo img {
    width: 80px;
    height: 80px;
}

.dashboardTempo .tempo-gray-bloc-container.tempo-push-apps .bloc-actions .app-badges {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    max-width: 380px;
    margin: 0 auto;
}

@media screen and (max-width:960px) {
    .dashboardTempo .tempo-gray-bloc-container.tempo-push-apps .bloc-actions .app-badges {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
}

@media only screen and (max-width:567px) {
    .dashboardTempo .tempo-gray-bloc-container.tempo-push-apps .bloc-actions .app-badges {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.dashboardTempo .tempo-gray-bloc-container.tempo-push-apps .bloc-actions .app-badges a {
    margin-left: 20px;
}

@media screen and (max-width:960px) {
    .dashboardTempo .tempo-gray-bloc-container.tempo-push-apps .bloc-actions .app-badges a {
        margin-top: 10px;
    }
}

@media only screen and (max-width:567px) {
    .dashboardTempo .tempo-gray-bloc-container.tempo-push-apps .bloc-actions .app-badges a {
        margin: 0 0 0 6px;
    }
    .dashboardTempo .tempo-gray-bloc-container.tempo-push-apps .bloc-actions .app-badges a:first-child {
        margin-left: 0;
    }
}

.dashboardTempo .tempo-gray-bloc-container.tempo-push-apps .bloc-actions .app-badges a img {
    width: 100%;
    max-width: 170px;
    height: auto;
}

.dashboardTempo .tempo-legende {
    padding: 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.dashboardTempo .tempo-legende#legendtop {
    display: none;
}

@media only screen and (max-width:567px) {
    .dashboardTempo .tempo-legende#legendtop {
        display: block;
        padding: 20px 0 0;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
    .dashboardTempo .tempo-legende#legendtop span {
        color: #4a4a4a;
    }
    .dashboardTempo .tempo-legende#legendtop .legend-labels {
        display: block;
        margin-top: 8px;
    }
    .dashboardTempo .tempo-legende#legendtop .legend-labels span {
        display: inline-block;
    }
    .dashboardTempo .tempo-legende#legendtop .legend-labels span:before {
        margin-left: 8px;
    }
    .dashboardTempo .tempo-legende#legendtop .legend-labels span.last:before {
        margin-left: 0;
    }
    .dashboardTempo .tempo-legende#legendtop .legend-labels span:first-child:before {
        margin-left: 0;
    }
}

@media only screen and (max-width:567px) {
    .dashboardTempo .tempo-legende#legendBottom {
        display: none;
    }
}

.dashboardTempo .tempo-legende span {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    font-size: .75rem;
    line-height: 12px;
    line-height: .75rem;
    text-align: left;
    color: #fff;
}

.dashboardTempo .tempo-legende .legend-labels,
.dashboardTempo .tempo-legende .legend-labels span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.dashboardTempo .tempo-legende .legend-labels span:before {
    content: '';
    display: inline-block;
    margin: 0 6px 0 20px;
    vertical-align: middle;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16px;
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
}

.dashboardTempo .tempo-legende .legend-labels span.jour-tempo:before {
    background: #f34b32;
}

.dashboardTempo .tempo-legende .legend-labels span.jour-non-tempo:before {
    background: #005bbb;
}

.dashboardTempo .tempo-legende .legend-labels span.jour-tempo-indetermine:before {
    background: #ffa02f;
}

.dashboardTempo .tempo-legende .legend-labels span.jour-hors-tempo:before {
    background: #005bbb;
}

.dashboardTempo .tempo-legende .legend-labels span.jour-blanc-tempo:before {
    background: #DFDFDF;
}
.dashboardTempo .ui-datepicker-month{
    text-transform: capitalize;
}

button.darkBlueBackground {
  background: rgb(0, 91, 187);
}

button.blueBackground {
  background: rgb(0, 91, 187);
}

button.darkOrangeBackground {
  background: rgb(254, 88, 21);
}

button.orangeBackground {
  background: rgb(255, 160, 47);
}

button.darkGreenBackground {
  background: rgb(80, 158, 47);
}

button.greenBackground {
  background: rgb(196, 214, 0);
}

button.greyBackground {
  background: rgb(243, 243, 243);
}

button.darkGreyBackground {
  background: rgb(71, 71, 71);
}

button.noColor {
  background: rgb(0, 91, 187);
}

.display-inline {
        display: inline !important;
 }
@font-face {
    font-family: frutiger;
    src: url('stylesheets/fonts/Frutiger/frutigerltstd-roman-webfont.eot');
    src: url('stylesheets/fonts/Frutiger/frutigerltstd-roman-webfont.eot?#iefix') format("embedded-opentype"), url('stylesheets/fonts/Frutiger/frutigerltstd-roman-webfont.woff') format("woff"), url('stylesheets/fonts/Frutiger/frutigerltstd-roman-webfont.ttf') format("truetype"), url('stylesheets/fonts/Frutiger/frutigerltstd-roman-webfont.svg') format("svg");
    font-weight: 500;
    font-style: normal
}

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

.dashboardTempo .btn {
    display: inline-block;
    padding: 0;
    vertical-align: middle;
    text-decoration: none;
    font-family: frutiger, Arial, Sans serif;
    font-weight: 400;
    border: none;
    cursor: pointer;
    background-image: none;
    height: 40px;
    min-height: 40px;
    max-height: 60px;
    font-size: 16px;
    line-height: 17px;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-sizing: border-box;
    outline: none
}

.dashboardTempo .btn.contour {
    border: 2px solid transparent
}

.dashboardTempo .btn-lg {
    min-height: 60px
}

.dashboardTempo .btn-md {
    min-height: 50px
}

.dashboardTempo .btn .btn-content {
    height: 100%;
    border-radius: 4px;
    padding-right: 15px;
    padding-left: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.dashboardTempo .btn .btn-content .txt {
    padding-right: 10px;
    padding-left: 10px
}

.dashboardTempo .btn.active .btn-content,
.dashboardTempo .btn.active:hover .btn-content,
.dashboardTempo .btn:active .btn-content,
.dashboardTempo .btn:active:hover .btn-content {
    box-shadow: none;
}

.dashboardTempo .btn.active,
.dashboardTempo .btn.active:hover,
.dashboardTempo .btn:active,
.dashboardTempo .btn:active:hover,
.dashboardTempo .btn:hover {
    color: #fff;
    box-shadow: none;
}

.dashboardTempo .btn.activated .btn-content {
    box-shadow: none;
}

.dashboardTempo .btn.activated {
    color: #fff;
    box-shadow: none;
}

.dashboardTempo .btn.activated.contour .btn-content,
.dashboardTempo .btn.contour.active .btn-content,
.dashboardTempo .btn.contour.active.focus .btn-content,
.dashboardTempo .btn.contour.active:focus .btn-content,
.dashboardTempo .btn.contour.active:hover .btn-content,
.dashboardTempo .btn.contour.focus:active .btn-content,
.dashboardTempo .btn.contour:active .btn-content,
.dashboardTempo .btn.contour:active:focus .btn-content,
.dashboardTempo .btn.contour:active:hover .btn-content,
.dashboardTempo .btn.contour:focus .btn-content,
.dashboardTempo .btn.contour:hover .btn-content {
    box-shadow: none
}

.dashboardTempo .btn.active[disabled],
.dashboardTempo .btn.disabled,
.dashboardTempo .btn.disabled.active,
.dashboardTempo .btn.disabled.focus,
.dashboardTempo .btn.disabled:active,
.dashboardTempo .btn.disabled:focus,
.dashboardTempo .btn.disabled:hover,
.dashboardTempo .btn.focus[disabled],
.dashboardTempo .btn[disabled],
.dashboardTempo .btn[disabled]:active,
.dashboardTempo .btn[disabled]:focus,
.dashboardTempo .btn[disabled]:hover,
.dashboardTempo fieldset[disabled] .btn,
.dashboardTempo fieldset[disabled] .btn.active,
.dashboardTempo fieldset[disabled] .btn.focus,
.dashboardTempo fieldset[disabled] .btn:active,
.dashboardTempo fieldset[disabled] .btn:focus,
.dashboardTempo fieldset[disabled] .btn:hover {
    color: #aaa;
    background-color: #d8d8d8;
    cursor: not-allowed;
    box-shadow: none
}

.dashboardTempo .btn.active[disabled] .btn-content,
.dashboardTempo .btn.disabled.active .btn-content,
.dashboardTempo .btn.disabled .btn-content,
.dashboardTempo .btn.disabled.focus .btn-content,
.dashboardTempo .btn.disabled:active .btn-content,
.dashboardTempo .btn.disabled:focus .btn-content,
.dashboardTempo .btn.disabled:hover .btn-content,
.dashboardTempo .btn.focus[disabled] .btn-content,
.dashboardTempo .btn[disabled] .btn-content,
.dashboardTempo .btn[disabled]:active .btn-content,
.dashboardTempo .btn[disabled]:focus .btn-content,
.dashboardTempo .btn[disabled]:hover .btn-content,
.dashboardTempo fieldset[disabled] .btn.active .btn-content,
.dashboardTempo fieldset[disabled] .btn .btn-content,
.dashboardTempo fieldset[disabled] .btn.focus .btn-content,
.dashboardTempo fieldset[disabled] .btn:active .btn-content,
.dashboardTempo fieldset[disabled] .btn:focus .btn-content,
.dashboardTempo fieldset[disabled] .btn:hover .btn-content {
    box-shadow: none
}

.dashboardTempo .btn-primary {
    color: #fff;
    background-color: #005bbb
}

.dashboardTempo .btn-primary.contour {
    color: #005bbb;
    background-color: transparent;
    border: 2px solid #005bbb
}

.dashboardTempo .btn-primary.contour.hide {
	display: none;
}

.dashboardTempo .btn-primary.contour.activated,
.dashboardTempo .btn-primary.contour.active,
.dashboardTempo .btn-primary.contour.active:hover,
.dashboardTempo .btn-primary.contour:active,
.dashboardTempo .btn-primary.contour:active:hover,
.dashboardTempo .btn-primary.contour:hover {
    color: #fff;
    background-color: #005bbb;
    box-shadow: none
}

.dashboardTempo .btn-secondary {
    color: #fff;
    background-color: #666
}

.dashboardTempo .btn-secondary.contour {
    color: #666;
    background-color: transparent;
    border: 2px solid #666
}

.dashboardTempo .btn-secondary.contour.activated,
.dashboardTempo .btn-secondary.contour.active,
.dashboardTempo .btn-secondary.contour.active:hover,
.dashboardTempo .btn-secondary.contour:active,
.dashboardTempo .btn-secondary.contour:active:hover,
.dashboardTempo .btn-secondary.contour:hover {
    color: #fff;
    background-color: #666;
    box-shadow: none
}

.dashboardTempo .btn-success {
    color: #fff;
    background-color: #509e2f
}

.dashboardTempo .btn-success.contour {
    color: #509e2f;
    background-color: transparent;
    border: 2px solid #509e2f
}

.dashboardTempo .btn-success.contour.activated,
.dashboardTempo .btn-success.contour.active,
.dashboardTempo .btn-success.contour.active:hover,
.dashboardTempo .btn-success.contour:active,
.dashboardTempo .btn-success.contour:active:hover,
.dashboardTempo .btn-success.contour:hover {
    color: #fff;
    background-color: #509e2f;
    box-shadow: none
}

.dashboardTempo .btn-info {
    color: #fff;
    background-color: #c4d600
}

.dashboardTempo .btn-info.contour {
    color: #c4d600;
    background-color: transparent;
    border: 2px solid #c4d600
}

.dashboardTempo .btn-info.contour.activated,
.dashboardTempo .btn-info.contour.active,
.dashboardTempo .btn-info.contour.active:hover,
.dashboardTempo .btn-info.contour:active,
.dashboardTempo .btn-info.contour:active:hover,
.dashboardTempo .btn-info.contour:hover {
    color: #fff;
    background-color: #c4d600;
    box-shadow: none
}

.dashboardTempo .btn-warning {
    color: #fff;
    background-color: #ffa02f
}

.dashboardTempo .btn-warning.contour {
    color: #ffa02f;
    background-color: transparent;
    border: 2px solid #ffa02f
}

.dashboardTempo .btn-warning.activated,
.dashboardTempo .btn-warning.contour.active,
.dashboardTempo .btn-warning.contour.active:hover,
.dashboardTempo .btn-warning.contour:active,
.dashboardTempo .btn-warning.contour:active:hover,
.dashboardTempo .btn-warning.contour:hover {
    color: #fff;
    background-color: #ffa02f;
    box-shadow: none
}

.dashboardTempo .btn-danger {
    color: #fff;
    background-color: #fe5815
}

.dashboardTempo .btn-danger.contour {
    color: #fe5815;
    background-color: transparent;
    border: 2px solid #fe5815
}

.dashboardTempo .btn-danger.contour.activated,
.dashboardTempo .btn-danger.contour.active,
.dashboardTempo .btn-danger.contour.active:hover,
.dashboardTempo .btn-danger.contour:active,
.dashboardTempo .btn-danger.contour:active:hover,
.dashboardTempo .btn-danger.contour:hover {
    color: #fff;
    background-color: #fe5815;
    box-shadow: none
}

.dashboardTempo .btn-white {
    color: #4a4a4a;
    background-color: #fff
}

.dashboardTempo .btn-white.contour {
    color: #fff;
    background-color: transparent;
    border: 2px solid #fff
}

.dashboardTempo .btn-white.contour.activated,
.dashboardTempo .btn-white.contour.active,
.dashboardTempo .btn-white.contour.active:hover,
.dashboardTempo .btn-white.contour:active,
.dashboardTempo .btn-white.contour:active:hover,
.dashboardTempo .btn-white.contour:hover {
    color: #4a4a4a;
    background-color: #fff;
    box-shadow: none
}

.dashboardTempo .mfp-content {
    padding: 24px
}

@media screen and (max-width:380px) {
    .dashboardTempo .mfp-content {
        padding: 10px
    }
}

.dashboardTempo .mfp-container {
    padding: 0
}

.dashboardTempo .responsive-popup-tempo {
    font-family: Frutiger
}

.dashboardTempo .responsive-popup-tempo.white-popup {
    position: relative;
    background: #fff;
    width: auto;
    max-width: 500px;
    margin: 0 auto;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .5);
    border-radius: 0;
    padding: 0;
}

.dashboardTempo .responsive-popup-tempo.no-close-icon .mfp-close {
    display: none
}

.dashboardTempo .responsive-popup-tempo .mfp-close {
    width: 40px;
    height: 40px;
    right: -20px;
    top: -20px;
    font-size: 0;
    opacity: 1;
    background: url('assets/img/icons/ico_close_popup@2x.png') no-repeat 50%;
    background-size: 40px 40px
}

@media screen and (max-width:380px) {
    .dashboardTempo .responsive-popup-tempo .mfp-close {
        right: -8px;
        top: -20px
    }
}

.dashboardTempo .responsive-popup-tempo .mfp-close:active {
    top: -20px
}

.dashboardTempo .responsive-popup-tempo .popup-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    text-align: center;
    min-height: 540px;
    max-width: 500px;
    background-color: #f0eeee;
    border-radius: 4px
}

.dashboardTempo .responsive-popup-tempo .popup-container.white {
    background-color: #fff
}

.dashboardTempo .responsive-popup-tempo .popup-container .popup-header {
    padding: 30px 5px;
    border-radius: 0;
}

.dashboardTempo .responsive-popup-tempo .popup-container .popup-header.no-display {
    display: none
}

.dashboardTempo .responsive-popup-tempo .popup-container .popup-header .popup-header-title {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 36px;
    line-height: 2.25rem;
    font-weight: 700;
    color: #fff
}

.dashboardTempo .responsive-popup-tempo .popup-container .popup-header img {
    margin: 0 auto;
    display: block;
}

.dashboardTempo .responsive-popup-tempo .popup-container .popup-header.light-green {
    background-color: #c4d600
}

.dashboardTempo .responsive-popup-tempo .popup-container .popup-header.dark-green {
    background-color: #509e2f
}

.dashboardTempo .responsive-popup-tempo .popup-container .popup-header.light-orange {
    background-color: #ffa02f
}

.dashboardTempo .responsive-popup-tempo .popup-container .popup-header.dark-orange {
    background-color: #fe5815
}

.dashboardTempo .responsive-popup-tempo .popup-container .popup-header.light-blue {
    background-color: #005bbb
}

.dashboardTempo .responsive-popup-tempo .popup-container .popup-header.dark-blue {
    background-color: #001a70
}

.dashboardTempo .responsive-popup-tempo .popup-container .popup-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px 30px 30px 30px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    background-color: #f0eeee;
}

@media only screen and (max-width:533px) {
    .dashboardTempo .responsive-popup-tempo .popup-container .popup-content {
        padding: 15px 0
    }
}

.dashboardTempo .responsive-popup-tempo .popup-container .popup-content .title {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    font-size: 32px;
    font-weight: 700;
    line-height: 36px;
    color: #4a4a4a
}

@media only screen and (max-width:533px) {
    .dashboardTempo .responsive-popup-tempo .popup-container .popup-content .title {
        font-size: 24px;
        line-height: 28px
    }
}

.dashboardTempo .responsive-popup-tempo .popup-container .popup-content .subtitle {
    margin-top: 0;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #666
}

.dashboardTempo .responsive-popup-tempo .popup-container .popup-content .description {
    margin-top: 30px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    font-size: 16px;
    line-height: 20px;
    color: #4a4a4a
}

.dashboardTempo .responsive-popup-tempo .popup-container .popup-content .description p {
	margin: 0;
}

.dashboardTempo .responsive-popup-tempo .popup-container .popup-content .description:only-child {
    margin-top: 0
}

@media only screen and (max-width:533px) {
    .dashboardTempo .responsive-popup-tempo .popup-container .popup-content .description {
        font-size: 14px;
        line-height: 18px
    }
}

.dashboardTempo .responsive-popup-tempo .popup-container .popup-content .btn-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    padding: 0 15px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.dashboardTempo .responsive-popup-tempo .popup-container .popup-content .btn-container .btn {
    min-width: 160px
}

.dashboardTempo .responsive-popup-tempo .popup-container .popup-content .btn-container .btn.disabled {
	color: #aaa;
    background-color: #d8d8d8;
    cursor: not-allowed;
    box-shadow: none;
}

.dashboardTempo .responsive-popup-tempo .popup-container .popup-content .btn-container .btn-tempo {
	box-shadow: none;
}

@media only screen and (max-width:533px) {
    .dashboardTempo .responsive-popup-tempo .popup-container .popup-content .btn-container .btn {
        display: block;
        width: 100%
    }
}

.dashboardTempo .responsive-popup-tempo .popup-container .popup-content .btn-container .btn+.btn {
    margin-left: 10px
}

@media only screen and (max-width:533px) {
    .dashboardTempo .responsive-popup-tempo .popup-container .popup-content .btn-container .btn+.btn {
        margin-left: 0
    }
}

.dashboardTempo .mdc-switch {
    display: inline-block;
    position: relative
}

.dashboardTempo .mdc-switch.hide {
    display: none;
}

.dashboardTempo .mdc-switch__native-control {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 34px;
    height: 14px;
    cursor: pointer;
    opacity: 0;
    z-index: 2
}

.dashboardTempo .mdc-switch__background {
    display: block;
    position: relative;
    width: 34px;
    height: 14px;
    border-radius: 7px;
    outline: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.dashboardTempo .mdc-switch--theme-dark .mdc-switch__background,
.dashboardTempo .mdc-switch__background,
.dashboardTempo .mdc-theme--dark .mdc-switch__background {
    background-color: transparent
}

.dashboardTempo .mdc-switch__background:before {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: opacity 90ms cubic-bezier(.4, 0, .2, 1), background-color 90ms cubic-bezier(.4, 0, .2, 1);
    border-radius: 7px;
    background-color: #000;
    content: "";
    opacity: .28
}

.dashboardTempo .mdc-switch--theme-dark .mdc-switch__background:before,
.dashboardTempo .mdc-theme--dark .mdc-switch__background:before {
    background-color: #fff;
    opacity: .3
}

.dashboardTempo .mdc-switch__background .mdc-switch__knob {
    display: block;
    position: absolute;
    top: -3px;
    left: 0;
    width: 20px;
    height: 20px;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: background-color 90ms cubic-bezier(.4, 0, .2, 1), -webkit-transform 90ms cubic-bezier(.4, 0, .2, 1);
    transition: transform 90ms cubic-bezier(.4, 0, .2, 1), background-color 90ms cubic-bezier(.4, 0, .2, 1);
    transition: transform 90ms cubic-bezier(.4, 0, .2, 1), background-color 90ms cubic-bezier(.4, 0, .2, 1), -webkit-transform 90ms cubic-bezier(.4, 0, .2, 1);
    border-radius: 10px;
    background-color: #fafafa;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    z-index: 1
}

.dashboardTempo .mdc-switch--theme-dark .mdc-switch__background .mdc-switch__knob,
.dashboardTempo .mdc-theme--dark .mdc-switch__background .mdc-switch__knob {
    background-color: #bdbdbd
}

.dashboardTempo .mdc-switch__background .mdc-switch__knob:before {
    top: -14px;
    left: -14px;
    -webkit-transform: scale(0);
    transform: scale(0);
    background-color: transparent;
    content: "";
    opacity: .2
}

.dashboardTempo .mdc-switch__background .mdc-switch__knob:before,
.dashboardTempo .mdc-switch__native-control:focus~.mdc-switch__background .mdc-switch__knob:before {
    position: absolute;
    width: 48px;
    height: 48px;
    transition: background-color 90ms cubic-bezier(.4, 0, .2, 1), -webkit-transform 90ms cubic-bezier(.4, 0, .2, 1);
    transition: transform 90ms cubic-bezier(.4, 0, .2, 1), background-color 90ms cubic-bezier(.4, 0, .2, 1);
    transition: transform 90ms cubic-bezier(.4, 0, .2, 1), background-color 90ms cubic-bezier(.4, 0, .2, 1), -webkit-transform 90ms cubic-bezier(.4, 0, .2, 1);
    border-radius: 24px
}

.dashboardTempo .mdc-switch__native-control:focus~.mdc-switch__background .mdc-switch__knob:before {
    -webkit-transform: scale(1);
    transform: scale(1);
    background-color: #9e9e9e
}

.dashboardTempo .mdc-switch--theme-dark .mdc-switch__native-control:focus~.mdc-switch__background .mdc-switch__knob:before,
.dashboardTempo .mdc-theme--dark .mdc-switch__native-control:focus~.mdc-switch__background .mdc-switch__knob:before {
    background-color: #f1f1f1;
    opacity: .14
}

.dashboardTempo .mdc-switch__native-control:checked~.mdc-switch__background:before {
    background-color: #005bbb;
    opacity: .5
}

.dashboardTempo .mdc-switch__native-control:checked~.mdc-switch__background .mdc-switch__knob {
    -webkit-transform: translateX(14px);
    transform: translateX(14px);
    transition: background-color 90ms cubic-bezier(.4, 0, .2, 1), -webkit-transform 90ms cubic-bezier(.4, 0, .2, 1);
    transition: transform 90ms cubic-bezier(.4, 0, .2, 1), background-color 90ms cubic-bezier(.4, 0, .2, 1);
    transition: transform 90ms cubic-bezier(.4, 0, .2, 1), background-color 90ms cubic-bezier(.4, 0, .2, 1), -webkit-transform 90ms cubic-bezier(.4, 0, .2, 1);
    background-color: #005bbb
}

.dashboardTempo .mdc-switch__native-control:checked~.mdc-switch__background .mdc-switch__knob:before {
    background-color: #005bbb;
    opacity: .15
}

.dashboardTempo .mdc-switch--theme-dark .mdc-switch__native-control:checked~.mdc-switch__background .mdc-switch__knob:before,
.dashboardTempo .mdc-theme--dark .mdc-switch__native-control:checked~.mdc-switch__background .mdc-switch__knob:before {
    background-color: #005bbb
}

.dashboardTempo .mdc-switch__native-control:disabled {
    cursor: auto
}

.dashboardTempo .mdc-switch__native-control:disabled~.mdc-switch__background:before {
    background-color: #000;
    opacity: .12
}

.dashboardTempo .mdc-switch--theme-dark .mdc-switch__native-control:disabled~.mdc-switch__background:before,
.dashboardTempo .mdc-theme--dark .mdc-switch__native-control:disabled~.mdc-switch__background:before {
    background-color: #fff;
    opacity: .1
}

.dashboardTempo .mdc-switch__native-control:disabled~.mdc-switch__background .mdc-switch__knob {
    background-color: #bdbdbd
}

.dashboardTempo .mdc-switch--theme-dark .mdc-switch__native-control:disabled~.mdc-switch__background .mdc-switch__knob,
.dashboardTempo .mdc-theme--dark .mdc-switch__native-control:disabled~.mdc-switch__background .mdc-switch__knob {
    background-color: #424242
}

.dashboardTempo .client-house-list,
.dashboardTempo .client-list {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%
}

.dashboardTempo .client-house-list .client-data,
.dashboardTempo .client-list .client-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 10px 0 0;
    padding: 0 25px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 80px;
    border-radius: 4px;
    background: #fff url('assets/img/ejpNotif/ico_arrow_right_gray@2x.png') no-repeat;
    background-position: center right 25px;
    background-size: 12px 22px;
    border: 2px solid #fff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .15);
    text-align: left;
    cursor: pointer
}

@media only screen and (max-width:533px) {
    .dashboardTempo .client-house-list .client-data,
    .dashboardTempo .client-list .client-data {
        background-position: center right 15px;
        margin: 1px 0 0;
        padding: 0 15px;
        border-radius: 0;
        box-shadow: none
    }
}

.dashboardTempo .client-house-list .client-data:hover,
.dashboardTempo .client-list .client-data:hover {
    background: #fff url('assets/img/ejpNotif/ico_arrow_right@2x.png') no-repeat;
    background-position: center right 25px;
    background-size: 12px 22px;
    border: 2px solid rgba(0, 91, 187, .75)
}

@media only screen and (max-width:533px) {
    .dashboardTempo .client-house-list .client-data:hover,
    .dashboardTempo .client-list .client-data:hover {
        background-position: center right 15px
    }
}

.dashboardTempo .client-house-list .client-data .ico,
.dashboardTempo .client-list .client-data .ico {
    display: inline-block;
    vertical-align: middle;
    margin-right: 16px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 48px;
    flex: 1 0 48px;
    width: 48px;
    height: 48px;
    background-repeat: no-repeat;
    background-size: 48px 48px;
    background-position: 50%
}

.dashboardTempo .client-house-list .client-data .ico.ico-profile,
.dashboardTempo .client-list .client-data .ico.ico-profile {
    background-image: url('assets/img/ejpNotif/profile@2x.png');
    margin-right: 1em;
}

.dashboardTempo .client-house-list .client-data .ico.ico-house,
.dashboardTempo .client-list .client-data .ico.ico-house {
    background-image: url('assets/img/ejpNotif/maison@2x.png');
}

@media only screen and (max-width:533px) {
    .dashboardTempo .client-house-list .client-data .ico,
    .dashboardTempo .client-list .client-data .ico {
        display: none
    }
}

.dashboardTempo .client-house-list .client-data .info,
.dashboardTempo .client-list .client-data .info {
    display: block;
    width: 80%;
    margin-right: 20px
}

@media only screen and (max-width:533px) {
    .dashboardTempo .client-house-list .client-data .info,
    .dashboardTempo .client-list .client-data .info {
        width: 90%
    }
}

.dashboardTempo .client-house-list .client-data .info span,
.dashboardTempo .client-list .client-data .info span {
    display: block
}

.dashboardTempo .client-house-list .client-data .info span.client-house-name,
.dashboardTempo .client-house-list .client-data .info span.client-name,
.dashboardTempo .client-list .client-data .info span.client-house-name,
.dashboardTempo .client-list .client-data .info span.client-name {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    color: #4a4a4a;
    max-height: 40px;
    overflow: hidden
}

@media only screen and (max-width:533px) {
    .dashboardTempo .client-house-list .client-data .info span.client-house-name,
    .dashboardTempo .client-house-list .client-data .info span.client-name,
    .dashboardTempo .client-list .client-data .info span.client-house-name,
    .dashboardTempo .client-list .client-data .info span.client-name {
        font-size: 14px
    }
}

.dashboardTempo .client-house-list .client-data .info span.client-address,
.dashboardTempo .client-house-list .client-data .info span.client-number,
.dashboardTempo .client-list .client-data .info span.client-address,
.dashboardTempo .client-list .client-data .info span.client-number {
    font-size: 12px;
    line-height: 16px;
    text-align: left;
    color: #9b9b9b
}

.dashboardTempo .client-house-list .client-data .info span.client-address a,
.dashboardTempo .client-house-list .client-data .info span.client-number a,
.dashboardTempo .client-list .client-data .info span.client-address a,
.dashboardTempo .client-list .client-data .info span.client-number a {
    color: #9b9b9b;
    text-decoration: none
}

.dashboardTempo .content-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 30px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 80px;
    background-color: #fff
}

@media only screen and (max-width:533px) {
    .dashboardTempo .content-header {
        padding: 0 15px
    }
}

.dashboardTempo .content-header .header-info-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 80%;
    flex: 1 1 80%
}

.dashboardTempo .content-header .header-info-container .ico {
    display: inline-block;
    width: 48px;
    height: 48px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 48px;
    flex: 0 0 48px;
    background-repeat: no-repeat;
    background-size: 48px 48px;
    background-position: 50%
}

.dashboardTempo .content-header .header-info-container .ico.ico-house-check {
    background-image: url('assets/img/ejpNotif/local-done@2x.png')
}

.dashboardTempo .content-header .header-info-container .ico.ico-profile-check {
    background-image: url('assets/img/ejpNotif/titulaire-done@2x.png')
}

.dashboardTempo .content-header .header-info-container.house-header .info-content .info {
    font-size: 12px;
    font-size: .75rem;
    line-height: 16px;
    line-height: 1rem
}

.dashboardTempo .content-header .header-info-container .info-content {
    margin-left: 22px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

@media only screen and (max-width:533px) {
    .dashboardTempo .content-header .header-info-container .info-content {
        margin-left: 10px
    }
}

.dashboardTempo .content-header .header-info-container .info-content span {
    display: block;
    text-align: left
}

.dashboardTempo .content-header .header-info-container .info-content .name,
.dashboardTempo .content-header .header-info-container .info-content .title {
    font-size: 16px;
    font-size: 1rem;
    line-height: 20px;
    line-height: 1.25rem;
    font-weight: 700;
    color: #4a4a4a
}

@media only screen and (max-width:533px) {
    .dashboardTempo .content-header .header-info-container .info-content .name,
    .dashboardTempo .content-header .header-info-container .info-content .title {
        font-size: 14px;
        font-size: .875rem;
        line-height: 14px;
        line-height: .875rem
    }
}

.dashboardTempo .content-header .header-info-container .info-content .client-contract-num {
    font-size: 12px;
    font-size: .75rem;
    line-height: 20px;
    line-height: 1.25rem;
    font-weight: 700;
    color: #9b9b9b
}

@media only screen and (max-width:533px) {
    .dashboardTempo .content-header .header-info-container .info-content .client-contract-num {
        font-size: 10px;
        font-size: .625rem;
        line-height: 20px;
        line-height: 1.25rem
    }
}

.dashboardTempo .content-header .header-info-container .info-content .address,
.dashboardTempo .content-header .header-info-container .info-content .client-num {
    font-size: 12px;
    font-size: .75rem;
    line-height: 16px;
    line-height: 1rem;
    color: #9b9b9b
}

@media only screen and (max-width:533px) {
    .dashboardTempo .content-header .header-info-container .info-content .address,
    .dashboardTempo .content-header .header-info-container .info-content .client-num {
        font-size: 10px;
        font-size: .625rem;
        line-height: 14px;
        line-height: .875rem
    }
}

.dashboardTempo .content-header .header-action-container {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 65px;
    flex: 1 0 65px;
    overflow: hidden
}

.dashboardTempo .content-header .header-action-container .change-selection {
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    box-shadow: none;
    outline: none;
    float: right
}

.dashboardTempo .content-header .header-action-container .change-selection img {
    display: block;
    margin: 0 auto;
    width: 24px;
    height: 24px
}

.dashboardTempo .content-header .header-action-container .change-selection span {
    font-size: 14px;
    font-size: .875rem;
    line-height: 20px;
    line-height: 1.25rem;
    color: #005bbb;
    text-align: center
}

.dashboardTempo .txt-change-clientdata {
    margin: 15px 0 0;
    text-align: center;
    font-size: 12px;
    font-size: .75rem;
    line-height: 20px;
    line-height: 1.25rem;
    color: #666
}

@media only screen and (max-width:533px) {
    .dashboardTempo .txt-change-clientdata {
        padding-right: 15px;
        padding-left: 15px
    }
}

.dashboardTempo .txt-change-clientdata a {
    color: #005bbb;
    cursor: pointer;
    display: inline-block;
}

.dashboardTempo .txt-change-clientdata a:hover {
    color: #fe5815
}

.dashboardTempo .notification-subscription {
    margin-top: 20px;
    border-radius: 4px;
    width: 100%;
    background-color: #fff;
    padding-left: 10px;
    padding-right: 10px;
}

@media only screen and (max-width:533px) {
    .dashboardTempo .notification-subscription {
        border-radius: 0
    }
}

.dashboardTempo .notification-subscription .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 25px 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 1px solid #d8d8d8
}

.dashboardTempo .notification-subscription .row.hide {
	display: none;	
}

@media only screen and (max-width:533px) {
    .dashboardTempo .notification-subscription .row {
        padding: 28px 15px;
    }
    .dashboardTempo .notification-subscription .ajout-tel {
        display: -webkit-box;
    }
}

.dashboardTempo .notification-subscription .row:first-child {
    border-top: none;
    margin-top: 0;
}

.dashboardTempo .notification-subscription .row .txt-info,
.dashboardTempo .notification-subscription .row label {
    display: inline-block;
    font-size: 16px;
    font-size: 1rem;
    line-height: 20px;
    line-height: 1.25rem;
    color: #4a4a4a;
    text-align: left;
    cursor: default
}

@media only screen and (max-width:533px) {
    .dashboardTempo .notification-subscription .row .txt-info,
    .dashboardTempo .notification-subscription .row label {
        font-size: 14px;
        font-size: .875rem;
        line-height: 24px;
        line-height: 1.5rem
    }
}

.dashboardTempo .notification-subscription .row .input-info {
    min-width: 65px;
    text-align: left
}

@media only screen and (max-width:533px) {
    .dashboardTempo .notification-subscription .row .input-info {
        min-width: 58px
    }
}

.dashboardTempo .notification-subscription .row .input-info .email {
    font-size: 16px;
    font-size: 1rem;
    line-height: 20px;
    line-height: 1.25rem;
    color: #666;
    margin-left: 10px
}

.dashboardTempo .notification-subscription .row .input-info .email.hide {
	display: none;
}

@media only screen and (max-width:533px) {
    .dashboardTempo .notification-subscription .row .input-info .email {
        font-size: 14px;
        font-size: .875rem;
        line-height: 24px;
        line-height: 1.5rem;
        margin-left: 5px
    }
}

.dashboardTempo .notification-subscription .row .input-action {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.dashboardTempo .notification-subscription .row .reduit {
	min-width: 50%;
	max-width: 85%;
}

.dashboardTempo .notification-subscription .row .input-action .sms-link {
    display: block;
    margin-left: 10px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 20px;
    line-height: 1.25rem;
    color: #005bbb;
    text-align: left;
    cursor: pointer;
}

.dashboardTempo .notification-subscription .row .input-action .sms-link.hide {
	display: none;
}

@media only screen and (max-width:533px) {
    .dashboardTempo .notification-subscription .row .input-action .sms-link {
        font-size: 14px;
        font-size: .875rem;
        line-height: 24px;
        line-height: 1.5rem
    }
}

.dashboardTempo .notification-subscription .row .input-action .sms-link:hover {
    color: #fe5815
}

.dashboardTempo .notification-subscription .row .input-action .mdc-switch {
    float: right
}

.dashboardTempo .notification-subscription .row .input-action .phone-input-container {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: inherit;
}

.dashboardTempo .notification-subscription .row .input-action .phone-input-container .phone-input {
    display: block;
    padding: 11px 10px 9px;
    width: 100%;
    height: 100%;
    font-size: 16px;
    font-size: 1rem;
    line-height: 20px;
    line-height: 1.25rem;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    color: #4a4a4a;
    box-shadow: none;
    outline: none
}

.dashboardTempo .notification-subscription .row .input-action .phone-input-container .phone-input.hide {
	display: none;
}

@media only screen and (max-width:533px) {
    .dashboardTempo .notification-subscription .row .input-action .phone-input-container .phone-input {
        font-size: 14px;
        font-size: .875rem;
        line-height: 20px;
        line-height: 1.25rem
    }
}

.dashboardTempo .notification-subscription .row .input-action .phone-input-container .phone-input:invalid {
    box-shadow: none;
    border-color: #fe5815;
    color: #4a4a4a
}

.dashboardTempo .notification-subscription .row .input-action .phone-input-container .phone-input:focus {
    box-shadow: none;
    outline: none
}

.dashboardTempo .notification-subscription .row .input-action .error-msg {
    display: none;
    position: absolute;
    margin-top: 3rem;
    font-size: 14px;
    font-size: .875rem;
    line-height: 16px;
    line-height: 1rem;
    text-align: left;
    color: #fe5815;
    margin-left: 2%;
    border: none;
}

.dashboardTempo .notification-subscription .row .input-action .error-msg.error {
    display: block;
}

.dashboardTempo .notification-subscription .row .input-action .phone-input-container.error .phone-input {
    box-shadow: none;
    border-color: #fe5815;
    color: #4a4a4a
}

.dashboardTempo .notification-subscription .row .input-action .phone-registration {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    position: relative;
    margin-left: 0;
    float: right;
}

@media only screen and (max-width:533px) {
    .dashboardTempo .notification-subscription .row .input-action .phone-registration {
        margin-left: 5px
    }
}

.dashboardTempo .notification-subscription .row .input-action .phone-registration.hide {
    display: none;
}

.dashboardTempo .notification-subscription .row .input-action .phone-registration .btn {
    margin-left: 10px
}

@media only screen and (max-width:533px) {
    .dashboardTempo .notification-subscription .row .input-action .phone-registration .btn {
        padding: 0;
        width: 80px;
        margin-left: 5px
    }
    .dashboardTempo .notification-subscription .row .input-action .phone-registration .btn .txt {
        font-size: 14px;
        font-size: .875rem;
        line-height: 20px;
        line-height: 1.25rem
    }
}

.dashboardTempo .notification-subscription .row .input-action #displayStep2.sms-link {
    float: right;
    text-align: right;
    width: 110px
}

.dashboardTempo .tempo-tooltip {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin: -2px 5px 0;
    width: 16px;
    height: 16px;
    background: url('assets/img/ejpNotif/tooltip@2x.png') no-repeat 50%;
    background-size: 16px 16px
}

.dashboardTempo .tempo-tooltip.activated:after,
.dashboardTempo .tempo-tooltip:hover:after {
    display: block;
    position: absolute;
    content: attr(title-attr);
    padding: 10px;
    top: 26px;
    left: -28px;
    width: 240px;
    background: #f8ffa8;
    border-radius: 5px;
    font-size: 14px;
    font-size: .875rem;
    line-height: 18px;
    color: #4a4a4a;
    text-align: center;
    z-index: 3;
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .5)
}

.dashboardTempo .tempo-tooltip.activated:before,
.dashboardTempo .tempo-tooltip:hover:before {
    content: '';
    position: absolute;
    border: solid;
    border-color: #f8ffa8 transparent;
    border-width: 0 6px 6px;
    top: 20px;
    left: 0;
    z-index: 4
}

.dashboardTempo .msg.hide {
	display: none;
}

.dashboardTempo .popup-container {
    min-height: 400px
}

.dashboardTempo .popup-content {
    min-height: 300px
}

.dashboardTempo .popup-content .content-container {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.dashboardTempo .popup-content .content-container .popin-msg {
    padding: 0 15px;
    margin: 0 auto
}

.dashboardTempo .popup-content .content-container .popin-msg .hide {
	display: none;
}

.dashboardTempo .popup-content .content-container .popin-msg img {
    margin: 0 auto;
    width: 48px;
    height: 48px
}

.dashboardTempo .popup-content .content-container .popin-msg .msg {
    margin: 16px auto 0;
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem;
    text-align: center;
    color: #4a4a4a
}

.dashboardTempo .popup-container .profile-info {
    display: block;
    margin-top: 15px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 20px;
    line-height: 1.25rem;
    color: #666
}

.dashboardTempo .popup-container .profile-info a {
    text-transform: none;
    text-decoration: none;
    color: #005bbb
}

.dashboardTempo .push-app-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 30px;
    background: #ffa02f url('assets/img/ejpNotif/arrow-white@2x.png') no-repeat center right 30px;
    background-size: 16px 32px;
    cursor: pointer;
    border-radius: 0 0 4px 4px
}

@media only screen and (max-width:533px) {
    .dashboardTempo .push-app-footer {
        padding: 15px;
        background-image: none;
    }
}

@media only screen and (max-width:533px) {
    .dashboardTempo .popup-container .profile-info {
        padding: 0 15px;
    }

	.dashboardTempo .notification-subscription .row .input-action .error-msg  {
		margin-left: 0;
		left: 5%;
		right: 5%;
	}
}

.dashboardTempo .push-app-footer img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
    width: 80px;
    height: 80px
}

.dashboardTempo .push-app-footer .app-description {
    padding-left: 25px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 300px;
    flex: 1 1 300px;
    max-width: 300px;
    text-align: left;
    color: #fff
}

@media only screen and (max-width:533px) {
    .dashboardTempo .push-app-footer .app-description {
        padding-left: 10px;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        max-width: 100%
    }
}

.dashboardTempo .push-app-footer .app-description .title {
    font-size: 32px;
    font-size: 2rem;
    line-height: 32px;
    line-height: 2rem;
    font-family: frutiger-light;
    font-weight: 300
}

@media only screen and (max-width:533px) {
    .dashboardTempo .push-app-footer .app-description .title {
        font-size: 22px;
        font-size: 1.375rem;
        line-height: 22px;
        line-height: 1.375rem
    }
}

.dashboardTempo .push-app-footer .app-description p {
    margin-top: 5px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 20px;
    line-height: 1.25rem
}

@media only screen and (max-width:533px) {
    .dashboardTempo .push-app-footer .app-description p {
        font-size: 13px;
        font-size: .8125rem;
        line-height: 16px;
        line-height: 1rem
    }
}

.dashboardTempo .push-app-footer .app-description .download-link {
    display: none;
    margin-top: 10px;
    font-size: 13px;
    font-size: .8125rem;
    line-height: 16px;
    line-height: 1rem;
    font-weight: 700;
    color: #fff;
    float: right
}

@media only screen and (max-width:533px) {
    .dashboardTempo .push-app-footer .app-description .download-link {
        display: inline-block
    }
}

.dashboardTempo .push-app-footer .app-description .download-link:after {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    content: '';
    background: url('assets/img/ejpNotif/chevron_small@2x.png') no-repeat 50%;
    background-size: 6px 9px;
    width: 6px;
    height: 16px
}
.dashboardTempo .edf-form-radio-field{
    margin: 0 20px 25px;
}

.dashboardTempo .edf-form-radio-field.hide {
	display: none;
}

.dashboardTempo .edf-form-radio-field .mui-radio [type="radio"]:checked,
.dashboardTempo .edf-form-radio-field .mui-radio [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.dashboardTempo .edf-form-radio-field .mui-radio [type="radio"]:checked + label,
.dashboardTempo .edf-form-radio-field .mui-radio [type="radio"]:not(:checked) + label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: block;
    color: #666;
    text-align: left;
    margin-bottom: 10px;
}
.dashboardTempo .edf-form-radio-field .mui-radio [type="radio"]:checked + label:before,
.dashboardTempo .edf-form-radio-field .mui-radio [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #9e9e9e;
    border-radius: 100%;
    background: #fff;
}
.dashboardTempo .edf-form-radio-field .mui-radio [type="radio"]:checked + label:before {
    border-color: #007bff;
}
.dashboardTempo .edf-form-radio-field .mui-radio [type="radio"]:checked + label:after,
.dashboardTempo .edf-form-radio-field .mui-radio [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 10px;
    height: 10px;
    background: #007bff;
    position: absolute;
    top: 5px;
    left: 5px;
    border-radius: 100%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
.dashboardTempo .edf-form-radio-field .mui-radio [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.dashboardTempo .edf-form-radio-field .mui-radio [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.dashboardTempo .legal-notice-tempo {
	text-align: left;
	margin-top: 20px;
	font-size: .75rem;
	color: #666;
	padding: 0 15px;
}

.dashboardTempo .legal-notice-tempo a:hover{
	color: #fe5815;
}

.dashboardTempo .legal-notice-tempo a{
	color: #005bbb;
	display: inline;
}

.dashboardTempo .legal-notice-tempo-expanded {
	display: none;
}

.dashboardTempo .legal-notice-tempo-expanded p {
	margin-top: 10px;
}

.dashboardTempo .legal-notice-tempo-expanded.active {
	display: inline;
}

/*# sourceMappingURL=main.css.map */
.btn {
    display: inline-block;
    padding: 0;
    vertical-align: middle;
    text-decoration: none;
    font-family: frutiger, Arial, sans-serif;
    font-weight: 400;
    border: none;
    cursor: pointer;
    background-image: none;
    height: 40px;
    min-height: 40px;
    max-height: 60px;
    font-size: 16px;
    line-height: 17px;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-sizing: border-box;
    outline: none
}
.btn.contour {
    border: 2px solid transparent
}
.btn-lg {
    min-height: 60px
}
.btn-md {
    min-height: 50px
}
.btn .btn-content {
    height: 100%;
    border-radius: 4px;
    padding-right: 15px;
    padding-left: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.btn .btn-content .txt {
    padding-right: 10px;
    padding-left: 10px
}
.btn.active .btn-content,
.btn.active:hover .btn-content,
.btn:active .btn-content,
.btn:active:hover .btn-content {
    box-shadow: inset 0 2px 0 1px rgba(0, 0, 0, .2)
}
.btn.active,
.btn.active:hover,
.btn:active,
.btn:active:hover,
.btn:hover {
    color: #fff;
    box-shadow: inset 0 0 0 99999px rgba(0, 0, 0, .2)
}
.btn.activated .btn-content {
    box-shadow: inset 0 2px 0 1px rgba(0, 0, 0, .2)
}
.btn.activated {
    color: #fff;
    box-shadow: inset 0 0 0 99999px rgba(0, 0, 0, .2)
}
.btn.activated.contour .btn-content,
.btn.contour.active .btn-content,
.btn.contour.active.focus .btn-content,
.btn.contour.active:focus .btn-content,
.btn.contour.active:hover .btn-content,
.btn.contour.focus:active .btn-content,
.btn.contour:active .btn-content,
.btn.contour:active:focus .btn-content,
.btn.contour:active:hover .btn-content,
.btn.contour:focus .btn-content,
.btn.contour:hover .btn-content {
    box-shadow: none
}
.btn.active[disabled],
.btn.disabled,
.btn.disabled.active,
.btn.disabled.focus,
.btn.disabled:active,
.btn.disabled:focus,
.btn.disabled:hover,
.btn.focus[disabled],
.btn[disabled],
.btn[disabled]:active,
.btn[disabled]:focus,
.btn[disabled]:hover,
fieldset[disabled] .btn,
fieldset[disabled] .btn.active,
fieldset[disabled] .btn.focus,
fieldset[disabled] .btn:active,
fieldset[disabled] .btn:focus,
fieldset[disabled] .btn:hover {
    color: #aaa;
    background-color: #d8d8d8;
    cursor: not-allowed;
    box-shadow: none
}
.btn.active[disabled] .btn-content,
.btn.disabled.active .btn-content,
.btn.disabled .btn-content,
.btn.disabled.focus .btn-content,
.btn.disabled:active .btn-content,
.btn.disabled:focus .btn-content,
.btn.disabled:hover .btn-content,
.btn.focus[disabled] .btn-content,
.btn[disabled] .btn-content,
.btn[disabled]:active .btn-content,
.btn[disabled]:focus .btn-content,
.btn[disabled]:hover .btn-content,
fieldset[disabled] .btn.active .btn-content,
fieldset[disabled] .btn .btn-content,
fieldset[disabled] .btn.focus .btn-content,
fieldset[disabled] .btn:active .btn-content,
fieldset[disabled] .btn:focus .btn-content,
fieldset[disabled] .btn:hover .btn-content {
    box-shadow: none
}
.btn-primary {
    color: #fff;
    background-color: #005bbb
}
.btn-primary.contour {
    color: #005bbb;
    background-color: transparent;
    border: 2px solid #005bbb
}
.btn-primary.contour.activated,
.btn-primary.contour.active,
.btn-primary.contour.active:hover,
.btn-primary.contour:active,
.btn-primary.contour:active:hover,
.btn-primary.contour:hover {
    color: #fff;
    background-color: #005bbb;
    box-shadow: none
}
.btn-secondary {
    color: #fff;
    background-color: #666
}
.btn-secondary.contour {
    color: #666;
    background-color: transparent;
    border: 2px solid #666
}
.btn-secondary.contour.activated,
.btn-secondary.contour.active,
.btn-secondary.contour.active:hover,
.btn-secondary.contour:active,
.btn-secondary.contour:active:hover,
.btn-secondary.contour:hover {
    color: #fff;
    background-color: #666;
    box-shadow: none
}
.btn-success {
    color: #fff;
    background-color: #509e2f
}
.btn-success.contour {
    color: #509e2f;
    background-color: transparent;
    border: 2px solid #509e2f
}
.btn-success.contour.activated,
.btn-success.contour.active,
.btn-success.contour.active:hover,
.btn-success.contour:active,
.btn-success.contour:active:hover,
.btn-success.contour:hover {
    color: #fff;
    background-color: #509e2f;
    box-shadow: none
}
.btn-info {
    color: #fff;
    background-color: #c4d600
}
.btn-info.contour {
    color: #c4d600;
    background-color: transparent;
    border: 2px solid #c4d600
}
.btn-info.contour.activated,
.btn-info.contour.active,
.btn-info.contour.active:hover,
.btn-info.contour:active,
.btn-info.contour:active:hover,
.btn-info.contour:hover {
    color: #fff;
    background-color: #c4d600;
    box-shadow: none
}
.btn-warning {
    color: #fff;
    background-color: #ffa02f
}
.btn-warning.contour {
    color: #ffa02f;
    background-color: transparent;
    border: 2px solid #ffa02f
}
.btn-warning.activated,
.btn-warning.contour.active,
.btn-warning.contour.active:hover,
.btn-warning.contour:active,
.btn-warning.contour:active:hover,
.btn-warning.contour:hover {
    color: #fff;
    background-color: #ffa02f;
    box-shadow: none
}
.btn-danger {
    color: #fff;
    background-color: #fe5815
}
.btn-danger.contour {
    color: #fe5815;
    background-color: transparent;
    border: 2px solid #fe5815
}
.btn-danger.contour.activated,
.btn-danger.contour.active,
.btn-danger.contour.active:hover,
.btn-danger.contour:active,
.btn-danger.contour:active:hover,
.btn-danger.contour:hover {
    color: #fff;
    background-color: #fe5815;
    box-shadow: none
}
.btn-white {
    color: #4a4a4a;
    background-color: #fff
}
.btn-white.contour {
    color: #fff;
    background-color: transparent;
    border: 2px solid #fff
}
.btn-white.contour.activated,
.btn-white.contour.active,
.btn-white.contour.active:hover,
.btn-white.contour:active,
.btn-white.contour:active:hover,
.btn-white.contour:hover {
    color: #4a4a4a;
    background-color: #fff;
    box-shadow: none
}
.ejp-calendar-skin .ui-datepicker {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    font-family: frutiger, Arial, Helvetica, sans-serif;
    background: #fff;
    border: none;
    border-radius: 0
}
.ejp-calendar-skin .ui-datepicker .ui-datepicker-header {
    margin: 0;
    padding: 0;
    position: relative;
    background: none;
    border-radius: 0;
    border: none
}
.ejp-calendar-skin .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
    margin: 14px 50px;
    text-align: center;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 20px;
    line-height: 1.25rem;
    font-weight: 400;
    color: #4a4a4a
}
.ejp-calendar-skin .ui-datepicker .ui-datepicker-header .ui-datepicker-next,
.ejp-calendar-skin .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
    position: absolute;
    top: 0;
    width: 48px;
    height: 48px;
    border: none;
    border-radius: 0;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 48px 48px;
    background-color: #fff;
    cursor: pointer
}
.ejp-calendar-skin .ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon,
.ejp-calendar-skin .ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon {
    text-indent: -99999px;
    overflow: hidden;
    background-image: none;
}
.ejp-calendar-skin .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
    right: 0;
    background-image: url(assets/img/content/dashboardEjp/next@2x.png)
}
.ejp-calendar-skin .ui-datepicker .ui-datepicker-header .ui-datepicker-next.ui-state-disabled {
    background-image: url(assets/img/content/dashboardEjp/next_disabled@2x.png)
}
.ejp-calendar-skin .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
    left: 0;
    background-image: url(assets/img/content/dashboardEjp/previous@2x.png)
}
.ejp-calendar-skin .ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-state-disabled {
    background-image: url(assets/img/content/dashboardEjp/previous_disabled@2x.png)
}
.ejp-calendar-skin table.ui-datepicker-calendar {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
    pointer-events: none;
    cursor: default
}
.ejp-calendar-skin table.ui-datepicker-calendar thead th {
    padding: 20px 0 12px;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 24px;
    line-height: 1.5rem;
    font-weight: 700;
    text-align: center;
    border: 0;
    color: rgba(0, 0, 0, .5)
}
.ejp-calendar-skin table.ui-datepicker-calendar tbody td {
    border: 0;
    padding: 0
}
.ejp-calendar-skin table.ui-datepicker-calendar tbody td .ui-state-default {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 8px auto;
    padding: 0;
    width: 34px;
    height: 34px;
    background: none;
    border-radius: 50%;
    border: 2px solid #4a4a4a;
    font-size: 14px;
    font-size: .875rem;
    line-height: 17px;
    line-height: 1.0625rem;
    font-weight: 400;
    text-align: center;
    text-decoration: none;
    color: #4a4a4a;
    pointer-events: none;
    cursor: default
}
.ejp-calendar-skin table.ui-datepicker-calendar tbody td .ui-state-default a {
    pointer-events: none;
    cursor: default
}
.ejp-calendar-skin table.ui-datepicker-calendar tbody td.ejp-day .ui-state-default {
    border-color: #f34b32;
    color: #f34b32
}
.ejp-calendar-skin table.ui-datepicker-calendar tbody td.not-ejp-day .ui-state-default {
    border-color: #509e2f;
    color: #509e2f
}
.ejp-calendar-skin table.ui-datepicker-calendar tbody td.ejp-day-undefined .ui-state-default {
    border-color: #ffa02f;
    color: #ffa02f
}
.ejp-calendar-skin table.ui-datepicker-calendar tbody td.ejp-period-finished .ui-state-default {
    border-color: #005bbb;
    color: #005bbb
}
.ejp-calendar-skin table.ui-datepicker-calendar tbody td.ui-datepicker-current-day.ui-datepicker-today+td.ui-state-disabled,
.ejp-calendar-skin table.ui-datepicker-calendar tbody td.ui-datepicker-current-day.ui-datepicker-today.ui-state-disabled {
    opacity: 1
}
.ejp-calendar-skin table.ui-datepicker-calendar tbody td.ui-datepicker-current-day.ui-datepicker-today+td.ejp-day .ui-state-default,
.ejp-calendar-skin table.ui-datepicker-calendar tbody td.ui-datepicker-current-day.ui-datepicker-today.ejp-day .ui-state-default {
    background: #f34b32;
    border-color: #f34b32;
    color: #fff
}
.ejp-calendar-skin table.ui-datepicker-calendar tbody td.ui-datepicker-current-day.ui-datepicker-today+td.not-ejp-day .ui-state-default,
.ejp-calendar-skin table.ui-datepicker-calendar tbody td.ui-datepicker-current-day.ui-datepicker-today.not-ejp-day .ui-state-default {
    background: #509e2f;
    border-color: #509e2f;
    color: #fff
}
.ejp-calendar-skin table.ui-datepicker-calendar tbody td.ui-datepicker-current-day.ui-datepicker-today+td.ejp-day-undefined .ui-state-default,
.ejp-calendar-skin table.ui-datepicker-calendar tbody td.ui-datepicker-current-day.ui-datepicker-today.ejp-day-undefined .ui-state-default {
    background: #ffa02f;
    border-color: #ffa02f;
    color: #fff
}
.ejp-calendar-skin table.ui-datepicker-calendar tbody td.ui-datepicker-current-day.ui-datepicker-today+td.ejp-period-finished .ui-state-default,
.ejp-calendar-skin table.ui-datepicker-calendar tbody td.ui-datepicker-current-day.ui-datepicker-today.ejp-period-finished .ui-state-default {
    background: #005bbb;
    border-color: #005bbb;
    color: #fff
}
.ejp-calendar-skin table.ui-datepicker-calendar tbody td.future-day .ui-state-default {
    background: none;
    border-color: #9b9b9b;
    color: #9b9b9b
}
.ejp-calendar-skin table.ui-datepicker-calendar tbody td.future-day.ui-state-disabled {
    opacity: 1
}
.ejp-calendar-skin table .ui-datepicker-other-month.ui-datepicker-unselectable.ui-state-disabled {
    background: none;
    opacity: 1
}
.ejp-calendar-skin.ejp-period-over table.ui-datepicker-calendar .ui-state-default {
    border-color: #001a70;
    color: #001a70
}
.mdc-switch {
    display: inline-block;
    position: relative
}
.mdc-switch__native-control {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 34px;
    height: 14px;
    cursor: pointer;
    opacity: 0;
    z-index: 2
}
.mdc-switch__background {
    display: block;
    position: relative;
    width: 34px;
    height: 14px;
    border-radius: 7px;
    outline: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.mdc-switch--theme-dark .mdc-switch__background,
.mdc-switch__background,
.mdc-theme--dark .mdc-switch__background {
    background-color: transparent
}
.mdc-switch__background:before {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: opacity 90ms cubic-bezier(.4, 0, .2, 1), background-color 90ms cubic-bezier(.4, 0, .2, 1);
    border-radius: 7px;
    background-color: #000;
    content: "";
    opacity: .28
}
.mdc-switch--theme-dark .mdc-switch__background:before,
.mdc-theme--dark .mdc-switch__background:before {
    background-color: #fff;
    opacity: .3
}
.mdc-switch__background .mdc-switch__knob {
    display: block;
    position: absolute;
    top: -3px;
    left: 0;
    width: 20px;
    height: 20px;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: background-color 90ms cubic-bezier(.4, 0, .2, 1), -webkit-transform 90ms cubic-bezier(.4, 0, .2, 1);
    transition: transform 90ms cubic-bezier(.4, 0, .2, 1), background-color 90ms cubic-bezier(.4, 0, .2, 1);
    transition: transform 90ms cubic-bezier(.4, 0, .2, 1), background-color 90ms cubic-bezier(.4, 0, .2, 1), -webkit-transform 90ms cubic-bezier(.4, 0, .2, 1);
    border-radius: 10px;
    background-color: #fafafa;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    z-index: 1
}
.mdc-switch--theme-dark .mdc-switch__background .mdc-switch__knob,
.mdc-theme--dark .mdc-switch__background .mdc-switch__knob {
    background-color: #bdbdbd
}
.mdc-switch__background .mdc-switch__knob:before {
    top: -14px;
    left: -14px;
    -webkit-transform: scale(0);
    transform: scale(0);
    background-color: transparent;
    content: "";
    opacity: .2
}
.mdc-switch__background .mdc-switch__knob:before,
.mdc-switch__native-control:focus~.mdc-switch__background .mdc-switch__knob:before {
    position: absolute;
    width: 48px;
    height: 48px;
    transition: background-color 90ms cubic-bezier(.4, 0, .2, 1), -webkit-transform 90ms cubic-bezier(.4, 0, .2, 1);
    transition: transform 90ms cubic-bezier(.4, 0, .2, 1), background-color 90ms cubic-bezier(.4, 0, .2, 1);
    transition: transform 90ms cubic-bezier(.4, 0, .2, 1), background-color 90ms cubic-bezier(.4, 0, .2, 1), -webkit-transform 90ms cubic-bezier(.4, 0, .2, 1);
    border-radius: 24px
}
.mdc-switch__native-control:focus~.mdc-switch__background .mdc-switch__knob:before {
    -webkit-transform: scale(1);
    transform: scale(1);
    background-color: #9e9e9e
}
.mdc-switch--theme-dark .mdc-switch__native-control:focus~.mdc-switch__background .mdc-switch__knob:before,
.mdc-theme--dark .mdc-switch__native-control:focus~.mdc-switch__background .mdc-switch__knob:before {
    background-color: #f1f1f1;
    opacity: .14
}
.mdc-switch__native-control:checked~.mdc-switch__background:before {
    background-color: #005bbb;
    opacity: .5
}
.mdc-switch__native-control:checked~.mdc-switch__background .mdc-switch__knob {
    -webkit-transform: translateX(14px);
    transform: translateX(14px);
    transition: background-color 90ms cubic-bezier(.4, 0, .2, 1), -webkit-transform 90ms cubic-bezier(.4, 0, .2, 1);
    transition: transform 90ms cubic-bezier(.4, 0, .2, 1), background-color 90ms cubic-bezier(.4, 0, .2, 1);
    transition: transform 90ms cubic-bezier(.4, 0, .2, 1), background-color 90ms cubic-bezier(.4, 0, .2, 1), -webkit-transform 90ms cubic-bezier(.4, 0, .2, 1);
    background-color: #005bbb
}
.mdc-switch__native-control:checked~.mdc-switch__background .mdc-switch__knob:before {
    background-color: #005bbb;
    opacity: .15
}
.mdc-switch--theme-dark .mdc-switch__native-control:checked~.mdc-switch__background .mdc-switch__knob:before,
.mdc-theme--dark .mdc-switch__native-control:checked~.mdc-switch__background .mdc-switch__knob:before {
    background-color: #005bbb
}
.mdc-switch__native-control:disabled {
    cursor: auto
}
.mdc-switch__native-control:disabled~.mdc-switch__background:before {
    background-color: #000;
    opacity: .12
}
.mdc-switch--theme-dark .mdc-switch__native-control:disabled~.mdc-switch__background:before,
.mdc-theme--dark .mdc-switch__native-control:disabled~.mdc-switch__background:before {
    background-color: #fff;
    opacity: .1
}
.mdc-switch__native-control:disabled~.mdc-switch__background .mdc-switch__knob {
    background-color: #bdbdbd
}
.mdc-switch--theme-dark .mdc-switch__native-control:disabled~.mdc-switch__background .mdc-switch__knob,
.mdc-theme--dark .mdc-switch__native-control:disabled~.mdc-switch__background .mdc-switch__knob {
    background-color: #424242
}
.ejp-background {
    background: url(assets/img/content/dashboardEjp/cloudblur.jpg) no-repeat 50% fixed;
    background-size: cover;
    padding: 0 25px
}
@media only screen and (max-width: 767px) {
    .ejp-background {
        padding: 15px
    }
}
@media only screen and (max-width: 567px) {
    .ejp-background {
        padding: 0
    }
}
.ejp-background .ejp-wrapper {
    margin: 0 auto;
    width: 100%;
    height: 100%;
    max-width: 960px;
    font-family: "frutiger", Sans-Serif
}
.ejp-background .ejp-wrapper a,
.ejp-background .ejp-wrapper label,
.ejp-background .ejp-wrapper span {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.ejp-link {
    display: inline-block;
    padding: 15px 0;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    text-align: right;
    color: #fff;
    float: right
}
@media only screen and (max-width: 567px) {
    .ejp-link {
        display: none
    }
}
.ejp-link:hover {
    text-decoration: underline
}
.ejp-container {
    clear: both;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    min-height: 500px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 20px;
    line-height: 1.25rem;
    color: #4a4a4a
}
@media screen and (max-width: 960px) {
    .ejp-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}
.ejp-container .ejp-days-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 52%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}
@media screen and (max-width: 960px) {
    .ejp-container .ejp-days-container {
        width: 100%
    }
}
@media only screen and (max-width: 567px) {
    .ejp-container .ejp-days-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}
.ejp-container .ejp-days-container .ejp-day-bloc {
    padding: 25px 15px;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    text-align: center;
    color: #fff
}
@media screen and (max-width: 960px) {
    .ejp-container .ejp-days-container .ejp-day-bloc+.ejp-day-bloc:before {
        display: none
    }
}
@media only screen and (max-width: 567px) {
    .ejp-container .ejp-days-container .ejp-day-bloc {
        padding: 25px 15px
    }
    .ejp-container .ejp-days-container .ejp-day-bloc:before {
        display: none
    }
}
.ejp-container .ejp-days-container .ejp-day-bloc:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 24px;
    background-image: linear-gradient(90deg, transparent, rgba(0, 0, 0, .11))
}
.ejp-container .ejp-days-container .ejp-day-bloc.not-ejp-day {
    background-color: #509e2f
}
.ejp-container .ejp-days-container .ejp-day-bloc.ejp-day-undefined {
    background-color: #ffa02f
}
.ejp-container .ejp-days-container .ejp-day-bloc.ejp-day-finished {
    background-color: #005bbb
}
.ejp-container .ejp-days-container .ejp-day-bloc.ejp-day {
    background-color: #f34b32
}
.ejp-container .ejp-days-container .ejp-day-bloc .day-title {
    display: block;
    margin: 0 10px;
    height: 50px;
    font-size: 20px;
    line-height: 50px;
    text-transform: uppercase;
    border-radius: 80px;
    background-color: rgba(0, 0, 0, .1)
}
.ejp-container .ejp-days-container .ejp-day-bloc .ejp-day {
    display: block;
    margin-top: 20px;
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase
}
.ejp-container .ejp-days-container .ejp-day-bloc .ejp-day-number {
    display: block;
    font-size: 100px;
    line-height: 124px;
    font-family: "frutiger-light", Sans-Serif
}
.ejp-container .ejp-days-container .ejp-day-bloc .ejp-type-img {
    display: block;
    margin: 0 auto;
    width: 140px;
    height: 140px
}
.ejp-container .ejp-days-container .ejp-day-bloc .ejp-day-type {
    display: block;
    margin-top: 12px;
    font-size: 32px;
    font-size: 2rem;
    line-height: 32px;
    line-height: 2rem
}
.ejp-container .ejp-days-container .ejp-day-bloc .ejp-hours,
.ejp-container .ejp-days-container .ejp-day-bloc .ejp-hours p {
    display: block !important;
    margin-top: 12px !important;
    font-size: 12px !important;
    font-size: .75rem !important;
    line-height: 16px !important;
    line-height: 1rem !important
}
.ejp-container .ejp-calendar-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 25px 30px;
    width: 48%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    background-color: #fff;
    box-sizing: border-box
}
@media screen and (max-width: 960px) {
    .ejp-container .ejp-calendar-container {
        margin-top: 10px;
        width: 100%
    }
}
@media only screen and (max-width: 767px) {
    .ejp-container .ejp-calendar-container {
        padding: 25px
    }
}
@media only screen and (max-width: 567px) {
    .ejp-container .ejp-calendar-container {
        margin-top: 0;
        padding: 25px 15px
    }
}
.ejp-container .ejp-calendar-container .ejp-calendar {
    margin: 0 auto;
    width: 100%;
    max-width: 540px
}
@media only screen and (max-width: 567px) {
    .ejp-container .ejp-calendar-container .ejp-calendar {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}
.ejp-container .ejp-calendar-container .ejp-calendar-legend {
    margin-top: 22px
}
@media only screen and (max-width: 567px) {
    .ejp-container .ejp-calendar-container .ejp-calendar-legend {
        margin-top: 0;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    .ejp-container .ejp-calendar-container .ejp-calendar-legend:after {
        content: "";
        display: block;
        margin: 25px 0 15px;
        height: 1px;
        width: 100%;
        background-color: #d8d8d8
    }
}
.ejp-container .ejp-calendar-container .ejp-calendar-legend span {
    display: block
}
.ejp-container .ejp-calendar-container .ejp-calendar-legend .ejp-remaining-days {
    font-size: 32px;
    font-size: 2rem;
    line-height: 32px;
    line-height: 2rem;
    text-align: center;
    color: #f34b32
}
.ejp-container .ejp-calendar-container .ejp-calendar-legend .ejp-remaining-days sup {
    top: -1rem;
    font-size: 12px;
    font-size: .75rem;
    line-height: 12px;
    line-height: .75rem;
    color: #4a4a4a
}
.ejp-container .ejp-calendar-container .ejp-calendar-legend .ejp-period,
.ejp-container .ejp-calendar-container .ejp-calendar-legend .ejp-period  p {
    margin-top: 4px !important;
    font-size: 12px !important;
    font-size: .75rem !important;
    line-height: 20px !important;
    line-height: 1.25rem !important;
    text-align: center !important;
    color: #4a4a4a !important
}

.ejp-gray-bloc-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
    padding: 20px 30px;
    background-color: #FFFFFFC0;
    background-color: rgba(255, 255, 255, 0.75)
}
@media only screen and (max-width: 767px) {
    .ejp-gray-bloc-container {
        padding: 20px 25px
    }
}
@media only screen and (max-width: 567px) {
    .ejp-gray-bloc-container {
        margin-top: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 20px 15px
    }
    .ejp-gray-bloc-container+.ejp-gray-bloc-container:before {
        content: "";
        display: block;
        margin: 0 auto 30px;
        width: 100%;
        max-width: 100px;
        height: 1px;
        background-color: #d8d8d8
    }
}
.ejp-gray-bloc-container .bloc-content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    color: #4a4a4a
}
.ejp-gray-bloc-container .bloc-content .title {
    display: block;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 28px;
    line-height: 1.75rem;
    font-weight: 700
}
.ejp-gray-bloc-container .bloc-content .description {
    display: block;
    font-size: 16px;
    font-size: 1rem;
    line-height: 20px;
    line-height: 1.25rem
}
@media only screen and (max-width: 567px) {
    .ejp-gray-bloc-container .bloc-content {
        width: 100%
    }
}
.ejp-gray-bloc-container .bloc-actions {
    margin-left: 20px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 42%;
    flex: 1 0 42%
}
@media only screen and (max-width: 567px) {
    .ejp-gray-bloc-container .bloc-actions {
        margin-left: 0;
        margin-top: 20px;
        width: 100%;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
}
.ejp-gray-bloc-container.ejp-notification .bloc-actions {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 280px;
    flex: 1 0 280px
}
@media only screen and (max-width: 767px) {
    .ejp-gray-bloc-container.ejp-notification .bloc-actions {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 200px;
        flex: 1 0 200px
    }
}
@media only screen and (max-width: 567px) {
    .ejp-gray-bloc-container.ejp-notification .bloc-actions {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
}
.ejp-gray-bloc-container.ejp-notification .bloc-actions button {
    width: 100%
}
.ejp-gray-bloc-container.ejp-notification .bloc-actions.notif-unavailable .no-notification {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    font-size: 16px;
    font-size: 1rem;
    line-height: 20px;
    line-height: 1.25rem;
    color: #aaa
}
@media only screen and (max-width: 567px) {
    .ejp-gray-bloc-container.ejp-notification .bloc-actions.notif-unavailable .no-notification {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}
.ejp-gray-bloc-container.ejp-notification .bloc-actions.notif-unavailable .no-notification img {
    width: 24px;
    height: 24px
}
.ejp-gray-bloc-container.ejp-notification .bloc-actions.notif-unavailable .no-notification span {
    margin-left: 10px
}
.ejp-gray-bloc-container.ejp-push-apps .bloc-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}
.ejp-gray-bloc-container.ejp-push-apps .bloc-content .app-logo {
    margin-right: 20px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 80px;
    flex: 1 0 80px;
    max-width: 80px
}
@media only screen and (max-width: 567px) {
    .ejp-gray-bloc-container.ejp-push-apps .bloc-content .app-logo {
        margin-right: 10px
    }
}
.ejp-gray-bloc-container.ejp-push-apps .bloc-content .app-logo img {
    width: 80px;
    height: 80px
}
.ejp-gray-bloc-container.ejp-push-apps .bloc-actions .app-badges {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    max-width: 380px;
    margin: 0 auto
}
@media screen and (max-width: 960px) {
    .ejp-gray-bloc-container.ejp-push-apps .bloc-actions .app-badges {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}
@media only screen and (max-width: 567px) {
    .ejp-gray-bloc-container.ejp-push-apps .bloc-actions .app-badges {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}
.ejp-gray-bloc-container.ejp-push-apps .bloc-actions .app-badges a {
    margin-left: 20px
}
@media screen and (max-width: 960px) {
    .ejp-gray-bloc-container.ejp-push-apps .bloc-actions .app-badges a {
        margin-top: 10px
    }
}
@media only screen and (max-width: 567px) {
    .ejp-gray-bloc-container.ejp-push-apps .bloc-actions .app-badges a {
        margin: 0 0 0 6px
    }
    .ejp-gray-bloc-container.ejp-push-apps .bloc-actions .app-badges a:first-child {
        margin-left: 0
    }
}
.ejp-gray-bloc-container.ejp-push-apps .bloc-actions .app-badges a img {
    width: 100%;
    max-width: 170px;
    height: auto
}
.ejp-legende {
    padding: 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.ejp-legende#legendtop {
    display: none
}
@media only screen and (max-width: 567px) {
    .ejp-legende#legendtop {
        display: block;
        padding: 20px 0 0;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
    .ejp-legende#legendtop span {
        color: #4a4a4a
    }
    .ejp-legende#legendtop .legend-labels {
        display: block;
        margin-top: 8px
    }
    .ejp-legende#legendtop .legend-labels span {
        display: inline-block
    }
    .ejp-legende#legendtop .legend-labels span:before {
        margin-left: 8px
    }
    .ejp-legende#legendtop .legend-labels span:first-child:before {
        margin-left: 0
    }
}
@media only screen and (max-width: 567px) {
    .ejp-legende#legendBottom {
        display: none
    }
}
.ejp-legende span {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    font-size: .75rem;
    line-height: 12px;
    line-height: .75rem;
    text-align: left;
    color: #fff
}
.ejp-legende .legend-labels,
.ejp-legende .legend-labels span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.ejp-legende .legend-labels span:before {
    content: "";
    display: inline-block;
    margin: 0 6px 0 20px;
    vertical-align: middle;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16px;
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    border-radius: 50%
}
.ejp-legende .legend-labels span.jour-ejp:before {
    background: #f34b32
}
.ejp-legende .legend-labels span.jour-non-ejp:before {
    background: #509e2f
}
.ejp-legende .legend-labels span.jour-ejp-indetermine:before {
    background: #ffa02f
}
.ejp-legende .legend-labels span.jour-hors-ejp:before {
    background: #005bbb
}
/*# sourceMappingURL=main.css.map */

/* Maquette zeppling: https://app.zeplin.io/project.html#pid=5763ef10bec2d50e1311b70c&sid=57c58787d3d5797e6562dad4 */

/* generic styles common to all tiles */
.dashboardTileVirgin .tuile-title {
  display: block;
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: normal;
  text-transform: uppercase;
  line-height: 22px;
  line-height: 1.375rem;
}

.dashboardTileVirgin .tuile-title.btn_article_lightGray {
  color: #DDD;
}

.dashboardTileVirgin .tuile-title.btn_article_gray {
  color: #75787B;
}

.dashboardTileVirgin .tuile-title.btn_article_lightBlue {
  color: #005BBB;
}

.dashboardTileVirgin .tuile-title.btn_article_blue {
  color: #001A70;
}

.dashboardTileVirgin .tuile-title.btn_article_lightGreen {
  color: #C4D600;
}

.dashboardTileVirgin .tuile-title.btn_article_green {
  color: #509E2F;
}

.dashboardTileVirgin .tuile-title.btn_article_lightOrange {
  color: #FFA02F;
}

.dashboardTileVirgin .tuile-title.btn_article_orange {
  color: #FE5815;
}

.dashboardTileVirgin .tuile-body-text {
  margin: 0;
  align-self: center;
  font-size: 16px;
  font-size: 1rem;
  font-weight: normal;
  line-height: 20px;
  line-height: 1.25rem;
  color: #4A4A4A;
}

.dashboardTileVirgin .tuile-body-text p {
  margin: 5px 0;
  font-family: "frutiger-light", sans-serif;
  line-height: 1.25rem;
}

/* the button definition has been corrected to handle going on two lines and staying centered */

.dashboardTileVirgin .tuile-btn {
  display: flex;
  align-self: flex-end;
}

.dashboardTileVirgin .tuile-btn .tuile-btn-text {
  padding-right: 10px;
  font-size: 16px;
  font-weight: bold;
  text-align: right;
  color: #666;
  flex: 1;
  -ms-flex: 1 1 auto;
  align-self: center;
}

.dashboardTileVirgin .tuile-btn.white .tuile-btn-text {
  color: #FFF;
}

.dashboardTileVirgin .tuile-btn .icon {
  width: 32px;
  height: 32px;
  background-image: url(assets/img/sprites/icons.png);
  background-repeat: no-repeat;
  align-self: center;
  margin-right: 0px;
}

.dashboardTileVirgin .tuile-btn.gray .icon.plus {
  background-position: -397px -1186px;
}

.dashboardTileVirgin .tuile-btn.white .icon.plus {
  background-position: -529px -1186px;
}

.dashboardTileVirgin .tuile-btn.gray .icon.chevron {
  background-position: -562px -1186px;
}

.dashboardTileVirgin .tuile-btn.white .icon.chevron {
  background-position: -595px -1186px;
}

/**********************************************/
.dashboardTileVirgin {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.dashboardTileVirgin .tuile-content {
  height: 100%;
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 20px;
}

.dashboardTileVirgin .tuile-content.dashboardTileVirginNoPadding {
  padding: 0;
}

.dashboardTileVirgin-content {
  display: flex;
  flex: 1;
}

.dashboardTileVirgin-content .main-content {
  display: flex;
  flex-direction: column;
  align-content: center;
  flex: 1;
}

.dashboardTileVirgin-content .tuile-body {
  display: flex;
  flex: 1;
}

.dashboardTileVirgin-content .tuile-body .dashboardTileVirgin-img {
  align-self: center;
  margin-right: 14px;
}

.dashboardTileVirgin .ecoGesteSection .tuile-eco-img {
  display: flex;
  flex-direction: column;
  width: 97px;
  height: 97px;
}

.dashboardTileVirgin .ecoGesteSection .tuile-eco-img img {
  align-self: flex-end;
  width: 100%;
}

.dashboardTileVirgin .virginSection {
  display: none;
}

.dashboardTileVirgin .ecoGesteSection {
  display: none;
}

.tuile-tdb.tuile-1-1 .dashboardTileVirgin .dashboardTileVirgin-content .tuile-eco-img {
  display: none;
}

.tuile-tdb.tuile-2-2 .dashboardTileVirgin .dashboardTileVirgin-content .tuile-body .dashboardTileVirgin-img,
.tuile-tdb.tuile-2-1 .dashboardTileVirgin .dashboardTileVirgin-content .tuile-body .dashboardTileVirgin-img {
  display: none;
}

.dashboardTileVirgin.tuile-content {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 3px;
}

/*gestion d'un titre pour le mobile et d'un titre pour le desktop */
/* précédemment : .tuile-container .tuile-block .tuile-title.mobile */
.tuile-container .tuile-title.mobile {
  display: none;
}

@media screen and (max-width: 560px) {
  .dashboardTileVirgin-content figure.tuile-img {
    display: none;
  }

  /*gestion d'un titre pour le mobile et d'un titre pour le desktop */
  /* précédemment : .tuile-container .tuile-block .tuile-title.mobile */
  .tuile-container .tuile-title.mobile {
    display: block !important;
  }

  /*gestion d'un titre pour le mobile et d'un titre pour le desktop */
  /* précédemment : .tuile-container .tuile-block .tuile-title.desktop */
  .tuile-container .tuile-title.desktop {
    display: none !important;
  }
}

.tdb-prospect-container{
  margin-top: 30px;
  margin-bottom: 50px;
  display: none;
}
.tdb-prospect-container a{
  display: block;
}

.tdb-prospect-container a img{
  width: 100%;
  height: auto;
}

.tdb-prospect-container.desktop{
  display: block;
}
.tdb-prospect-container.tablet {
  display: none;
}
.tdb-prospect-container.mobile {
  display: none;
}

@media screen and (max-width: 1023px){
  .tdb-prospect-container.tablet{
    display: block;
  }
  .tdb-prospect-container.desktop{
    display: none;
  }
  .tdb-prospect-container.mobile {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .tdb-prospect-container.tablet {
    display: none;
  }
  .tdb-prospect-container.desktop {
    display: none;
  }
  .tdb-prospect-container.mobile {
    display: block;
  }
}
@media screen and (max-width: 1280px) and (min-width: 1025px){
  #navigationBar {
    width: 100%;
  }
}

/********************************************************************/
/******************** STYLE TUILE OPTION ****************************/
/********************************************************************/
.dashboardTileOption {
  height: 100%;
}

.dashboardTileOption .dashboardTileOption-bloc {
  height: 100%;
}

.dashboardTileOption .error-zone {
  color: red;
}

.dashboardTileOption .tuile-title {
  display: block;
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: normal;
  text-transform: uppercase;
  line-height: 22px;
  line-height: 1.375rem;
}

.dashboardTileOption .tuile-title.title-blue {
  color: #001A70;
}

.dashboardTileOption .tuile-title.title-lightBlue {
  color: #005BBB;
}

.dashboardTileOption .tuile-title.title-orange {
  color: #FE5815;
}

.dashboardTileOption .tuile-title.title-lightOrange {
  color: #FFA02F;
}

.dashboardTileOption .tuile-title.title-green {
  color: #509E2F;
}

.dashboardTileOption .tuile-title.title-lightGreen {
  color: #C4D600;
}

.dashboardTileOption .tuile-title.title-gray {
  color: #75787B;
}

.dashboardTileOption .tuile-title.title-lightGray {
  color: #DDD;
}

/*DEBUT CSS ECO GESTE */
.dashboardTileOption .tuile-title.btn_article_lightGray {
  color: #DDD;
}

.dashboardTileOption .tuile-title.btn_article_gray {
  color: #75787B;
}

.dashboardTileOption .tuile-title.btn_article_lightBlue {
  color: #005BBB;
}

.dashboardTileOption .tuile-title.btn_article_blue {
  color: #001A70;
}

.dashboardTileOption .tuile-title.btn_article_lightGreen {
  color: #C4D600;
}

.dashboardTileOption .tuile-title.btn_article_green {
  color: #509E2F;
}

.dashboardTileOption .tuile-title.btn_article_lightOrange {
  color: #FFA02F;
}

.dashboardTileOption .tuile-title.btn_article_orange {
  color: #FE5815;
}

/*FIN CSS ECO GESTE*/

.dashboardTileOption .tuile-block .tuile-inner-container {
  height: 100%;
}

.dashboardTileOption .tuile-block .tuile-inner-container .parbase.section {
  height: 100%;
}

.dashboardTileOption .tuile-content {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.tuile-1-1 .dashboardTileOption .tuile-content .tuile-body {
  display: flex;
  flex: 1;
  align-content: center;
  flex-direction: column;
}

.tuile-2-1 .dashboardTileOption .tuile-content .tuile-body {
  display: flex;
  flex: 1;
  align-content: center;
}

.dashboardTileOption .tuile-content .tuile-body.hide {
  display: none;
}

.dashboardTileOption .tuile-btn {
  display: flex;
  align-self: flex-end;
}

.dashboardTileOption .tuile-btn .tuile-btn-text {
  padding-right: 10px;
  font-size: 16px;
  font-weight: bold;
  text-align: right;
  color: #666;
  flex: 1;
  -ms-flex: 1 1 auto;
  align-self: center;
}

.dashboardTileOption .tuile-btn .icon {
  width: 32px;
  height: 32px;
  align-self: center;
  background-image: url(assets/img/sprites/icons.png);
  margin-right: 0px;
}

.dashboardTileOption .tuile-btn .icon.chevron {
  background-position: -562px -1186px;
}

.dashboardTileOption .tuile-btn .icon.plus {
  background-position: -397px -1186px;
}

.dashboardTileOption .tuile-btn .tuile-btn-text.white {
  color: #FFF;
}

.tuile-1-1 .dashboardTileOption .optionHC-HP .tuile-btn .tuile-btn-text {
  width: 90px;
  line-height: 16px;
}

.tuile-1-1 .dashboardTileOption .optionHC-HP .no-schema .tuile-btn .tuile-btn-text {
  width: auto;
  line-height: 16px;
}

.tuile-1-1 .dashboardTileOption .optionHC-HP .tuile-btn .tuile-btn-text.one-line {
  width: auto;
  line-height: 16px;
}

.feSection {
  background-size: cover;
  background-repeat: no-repeat;
}

/********************************************************************/
/******************** STYLE OPTION Eco-Geste ************************/
/********************************************************************/
.dashboardTileOption .ecoGesteSection {
  padding: 20px
}

.dashboardTileOption .ecoGesteSection.hide {
  display: none;
}

.dashboardTileOption .ecoGesteSection .tuile-eco-img {
  display: flex;
  flex-direction: column;
  width: 97px;
  height: 97px;
}

.dashboardTileOption .ecoGesteSection .tuile-eco-img img {
  align-self: flex-end;
  width: 100%;
}

.tuile-1-1 .dashboardTileOption .ecoGesteSection .tuile-eco-img {
  display: none;
}

.dashboardTileEco.tuile-content {
  display: flex;
  flex-direction: row;
  flex: 1 1 auto;
}

.dashboardTileEco .main-content {
  display: flex;
  flex-direction: column;
  align-content: center;
  flex: 1 1 auto;
  height: 100%;
}

.dashboardTileEco .tuile-body .tuile-body-text {
  align-self: center;
}

.dashboardTileEco .dashboardTileEco-content {
  flex: 1 1 auto;
}

/********************************************************************/
/******************** STYLE OPTION HC-HP ****************************/
/********************************************************************/
.dashboardTileOption .optionHC-HP {
  padding: 20px;
  height: 100%;
}

.dashboardTileOption .optionHC-HP .tuile-tempo-heures {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.dashboardTileOption .optionHC-HP .tuile-tempo-heures .schema-heures {
  margin-bottom: 2px;
  flex: 1;
}

.dashboardTileOption .optionHC-HP .tuile-tempo-heures .schema-legende div {
  display: flex;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  color: #666;
}

.dashboardTileOption .optionHC-HP .tuile-tempo-heures .schema-legende div:first-child {
  margin-bottom: 5px;
}

.dashboardTileOption .optionHC-HP .tuile-tempo-heures .schema-legende div:before {
  content: "";
  display: block;
  margin-right: 5px;
  width: 16px;
  height: 16px;
}

.dashboardTileOption .optionHC-HP .tuile-tempo-heures .schema-legende .heure-pleine:before {
  background-color: #005CC3;
}

.dashboardTileOption .optionHC-HP .tuile-tempo-heures .schema-legende .heure-creuse:before {
  background-color: #3BA2F1;
}

.dashboardTileOption .optionHC-HP .tuile-content .tuile-body.no-schema {
  margin-top: 12px;
}

.dashboardTileOption .optionHC-HP .tuile-content .tuile-body.no-schema.hide {
  display: none;
}

.dashboardTileOption .optionHC-HP .tuile-body.no-schema .tuile-tempo-heures {
  align-self: center;
}

.dashboardTileOption .optionHC-HP .tuile-body.no-schema .tuile-tempo-heures .heures {
  display: flex;
  align-items: center;
}

.dashboardTileOption .optionHC-HP .tuile-body.no-schema .tuile-tempo-heures .heures .icon {
  display: block;
  width: 32px;
  height: 32px;
  margin-right: 7px;
  background: url(assets/img/content/dashboard/combined-shape.png) no-repeat center center;
}

.dashboardTileOption .optionHC-HP .tuile-body.no-schema .tuile-tempo-heures .heures .txt {
  flex: 1;
}

.withoutCursor {
	margin-top: 6%;
}

.dashboardTileOption .zone-legende .schema-legende .heure-pleine {
	margin-left: 3%;
}

.hStartEnd {
	margin-top: 6.5%;
}

/******************** SCHEMA HEURES CREUSES HEURES PLEINES ********************/
.dashboardTileOption .optionHC-HP {
  padding: 20px;
  height: 100%;
}

.dashboardTileOption .optionHC-HP .tuile-tempo-heures .schema-heures .cursor,
.dashboardTileOption .optionTempo .tuile-tempo-heures .schema-heures .cursor {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: relative;
}

.dashboardTileOption .optionHC-HP .tuile-tempo-heures .schema-heures .cursor .heure,
.dashboardTileOption .optionTempo .tuile-tempo-heures .schema-heures .cursor .heure {
  color: #001A70;
  font-size: 14px;
  font-family: "Arial", sans-serif;
  font-weight: bold;
  position: absolute;
  left: -20px;
}

.dashboardTileOption .optionHC-HP .tuile-tempo-heures .schema-heures .cursor .ico-cursor,
.dashboardTileOption .optionTempo .tuile-tempo-heures .schema-heures .cursor .ico-cursor {
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #001A70 transparent transparent transparent;
  position: absolute;
  left: -10px;
  bottom: 0;
}

.dashboardTileOption .optionHC-HP .tuile-tempo-heures .schema-heures .plage-horaire,
.dashboardTileOption .optionTempo .tuile-tempo-heures .schema-heures .plage-horaire {
  margin-bottom: 2px;
  background-color: #005CC3;
  position: relative;
}

.dashboardTileOption .optionHC-HP .tuile-tempo-heures .schema-heures .plage-horaire,
.dashboardTileOption .optionHC-HP .tuile-tempo-heures .schema-heures .plage-horaire .section,
.dashboardTileOption .optionTempo .tuile-tempo-heures .schema-heures .plage-horaire,
.dashboardTileOption .optionTempo .tuile-tempo-heures .schema-heures .plage-horaire .section {
  height: 30px;
}

.dashboardTileOption .optionHC-HP .tuile-tempo-heures .schema-heures .plage-horaire .section,
.dashboardTileOption .optionTempo .tuile-tempo-heures .schema-heures .plage-horaire .section {
  display: inline-block;
}

.dashboardTileOption .optionHC-HP .tuile-tempo-heures .schema-heures .plage-horaire .heures-creuses,
.dashboardTileOption .optionTempo .tuile-tempo-heures .schema-heures .plage-horaire .heures-creuses {
  background-color: #3BA2F1;
  position: absolute;
}

.dashboardTileOption .optionHC-HP .tuile-tempo-heures .schema-heures .plage-horaire .heures-creuses_heure,
.dashboardTileOption .optionTempo .tuile-tempo-heures .schema-heures .plage-horaire .heures-creuses_heure {
  display: inline-block;
  position: absolute;
  color: #666;
  font-size: 12px;
  top: 32px;
}

.dashboardTileOption .optionHC-HP .tuile-tempo-heures .schema-heures .plage-horaire .heures-pleines,
.dashboardTileOption .optionTempo .tuile-tempo-heures .schema-heures .plage-horaire .heures-pleines {
  background-color: #3BA2F1;
  position: absolute;
}

.dashboardTileOption .optionHC-HP .tuile-tempo-heures .schema-heures .heures,
.dashboardTileOption .optionTempo .tuile-tempo-heures .schema-heures .heures {
  position: relative;
}

.dashboardTileOption .optionHC-HP .tuile-tempo-heures .schema-heures .heures .horaire,
.dashboardTileOption .optionTempo .tuile-tempo-heures .schema-heures .heures .horaire {
  display: inline-block;
  position: absolute;
  color: #666;
  font-size: 12px;
}

.dashboardTileOption .optionHC-HP .tuile-tempo-heures .schema-heures .heures .horaire.h0.hphc,
.dashboardTileOption .optionTempo .tuile-tempo-heures .schema-heures .heures .horaire.h0.hphc {
  left: 0;
  margin-top: 3%;
}

.dashboardTileOption .optionHC-HP .tuile-tempo-heures .schema-heures .heures .horaire.h24.hphc,
.dashboardTileOption .optionTempo .tuile-tempo-heures .schema-heures .heures .horaire.h24.hphc {
  right: 0;
  margin-top: 3%;
}

.dashboardTileOption .optionHC-HP .tuile-tempo-heures .schema-heures .heures .horaire.h0.tempo,
.dashboardTileOption .optionTempo .tuile-tempo-heures .schema-heures .heures .horaire.h0.tempo {
  left: 0;
  margin-top: 4%;
}

.dashboardTileOption .optionTempo .tuile-tempo-heures .schema-heures .heures .horaire.h0.tempo.withoutCursor {
  left: 0;
  margin-top: 0;
}

.dashboardTileOption .optionHC-HP .tuile-tempo-heures .schema-heures .heures .horaire.h24.tempo,
.dashboardTileOption .optionTempo .tuile-tempo-heures .schema-heures .heures .horaire.h24.tempo {
  right: 0;
  margin-top: 4%;
}

.dashboardTileOption .optionTempo .tuile-tempo-heures .schema-heures .heures .horaire.h24.tempo.withoutCursor {
  right: 0;
  margin-top: 0;
}

.tuile-1-1 .dashboardTileOption .optionHC-HP .tuile-tempo-heures .schema-heures .plage-horaire,
.tuile-1-1 .dashboardTileOption .optionHC-HP .tuile-tempo-heures .schema-heures .plage-horaire .section,
.tuile-1-1 .dashboardTileOption .optionTempo .tuile-tempo-heures .schema-heures .plage-horaire,
.tuile-1-1 .dashboardTileOption .optionTempo .tuile-tempo-heures .schema-heures .plage-horaire .section {
  height: 14px;
}

.dashboardTileOption .optionHC-HP .tuile-tempo-heures .schema-heures,
.dashboardTileOption .optionTempo .tuile-tempo-heures .schema-heures {
  min-height: 78px;
}

.tuile-1-1 .dashboardTileOption .optionHC-HP .tuile-tempo-heures .schema-heures .plage-horaire .heures-creuses_heure,
.tuile-1-1 .dashboardTileOption .optionTempo .tuile-tempo-heures .schema-heures .plage-horaire .heures-creuses_heure {
  top: 16px;
}

/********************************************************************/
/********************** STYLE OPTION EJP ****************************/
/********************************************************************/

.dashboardTileOption .optionEjp {
  height: 100%;
  padding: 20px;
}

.dashboardTileOption .optionEjp .tuile-body {
  margin: 12px 0 10px;
}

.dashboardTileOption .optionEjp .tuile-ejp-body-img {
  margin: 0 auto;
  width: 237px;
  align-self: center;
}

.dashboardTileOption .optionEjp .tuile-ejp-body-img hr {
  margin: 0;
  height: 2px;
  background-image: linear-gradient(to right, rgba(153, 153, 153, 0), #999 24%, #999 76%, rgba(153, 153, 153, 0));
}

.dashboardTileOption .optionEjp .tuile-ejp-body-img img {
  display: block;
  margin: 0 auto
}

.dashboardTileOption .optionEjp .tuile-ejp-body-img img.compteurEjpRouge.hide,
.dashboardTileOption .optionEjp .tuile-ejp-body-img img.compteurEjpBlanc.hide {
  display: none;
}

.dashboardTileOption .optionEjp .tuile-body-text {
  flex: 1;
  align-self: center;
}

.tuile-1-1 .dashboardTileOption .optionEjp .tuile-body-text {
  display: none;
}

/********************************************************************/
/********************** STYLE OPTION FE ****************************/
/********************************************************************/

.dashboardTileVirgin {
  padding: 20px;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.dashboardTileVirgin.tuile-content {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 3px;
}

.feSection {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 3px;
}

.feSection .dashboardTileVirgin {
  padding: 0;
}

.feSection .tuile-content .tuile-body {
  align-items: center;
}

/********************************************************************/
/************************ MEDIA QUERIES *****************************/
/********************************************************************/

@media screen and (max-width: 1070px) {
  .tuile-1-1 .dashboardTileOption .optionHC-HP .tuile-btn .tuile-btn-text {
    display: none;
  }
}

@media screen and (max-width: 1024px) {
  .tuile-1-1 .dashboardTileOption .optionHC-HP .tuile-btn .tuile-btn-text {
    display: block;
  }

  .tuile-1-1 .dashboardTileOption .optionHC-HP .zone-legende .tuile-btn {
    flex: 1 0 auto;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .horaire.mobileR {
  	margin-top: 5%;
  }
  .dashboardTileOption .zone-legende {
  margin-top: 2%;
  }	
}

@media screen and (max-width: 767px) {
  .tuile-2-1 .dashboardTileOption .optionHC-HP .tuile-tempo-heures .schema-heures .plage-horaire, .tuile-2-1 .dashboardTileOption .optionHC-HP .tuile-tempo-heures .schema-heures .plage-horaire .section, .tuile-2-1 .dashboardTileOption .optionTempo .tuile-tempo-heures .schema-heures .plage-horaire, .tuile-2-1 .dashboardTileOption .optionTempo .tuile-tempo-heures .schema-heures .plage-horaire .section {
    height: 14px;
  }

  .tuile-2-1 .dashboardTileOption .optionHC-HP .zone-legende .schema-legende {
    flex: 1 0 auto;
  }

  .tuile-2-1 .dashboardTileOption .optionTempo .zone-legende .schema-legende {
    flex: 1 0 auto;
  }

  .tuile-2-1 .dashboardTileOption .optionHC-HP .zone-legende .tuile-btn {
    margin-left: -10px;
  }

  .tuile-2-1 .dashboardTileOption .optionHC-HP .zone-legende {
    margin-top: -10px;
  }

}

@media screen and (max-width: 560px) {
	.dashboardTileOption .optionHC-HP .tuile-tempo-heures {
    display: none;
  }
  .dashboardTileOption .schema-legende.mobileR {
    flex-direction: column;
    width: 0;
  }
  .dashboardTileOption .schema-legende .heure-pleine.mobileR {
    margin-left: 0;
    }
  .dashboardTileOption .schema-legende.tempo {
    margin-left: -111%;
  }
  .horaire.mobileR {
    margin-top: 6%;
  }
  .hStartP1.mobileR {
		left: 0;
	}
	.hEndP22.mobileR {
		right: 0;
	}
	.hStartP11.mobileR {
		left: 75%;
	}
	.hEndP2.mobileR {
		right: 26%;
	}
	.hStartP2.mobileR {
		left: 47%;
	}
	.hEndP1.mobileR {
		left: 14%;
	}
	.dashboardTileOption .optionHC-HP .tuile-tempo-heures .schema-heures .heures .horaire.h0.hphc,
	.dashboardTileOption .optionTempo .tuile-tempo-heures .schema-heures .heures .horaire.h0.hphc,
	.dashboardTileOption .optionHC-HP .tuile-tempo-heures .schema-heures .heures .horaire.h24.hphc,
	.dashboardTileOption .optionTempo .tuile-tempo-heures .schema-heures .heures .horaire.h24.hphc {
		margin-top: 6%;
	}
	.dashboardTileOption .optionHC-HP .tuile-tempo-heures .schema-heures .heures .horaire.h0.hphc.mobileR,
	.dashboardTileOption .optionTempo .tuile-tempo-heures .schema-heures .heures .horaire.h0.hphc.mobileR,
	.dashboardTileOption .optionHC-HP .tuile-tempo-heures .schema-heures .heures .horaire.h24.hphc.mobileR,
	.dashboardTileOption .optionTempo .tuile-tempo-heures .schema-heures .heures .horaire.h24.hphc.mobileR {
		margin-top: -5%;
	}
	.withoutCursor {
		margin-top: 10%;
	}
	.tuile-2-1 .dashboardTileOption .optionHC-HP .zone-legende {
		margin-top: -10%;
	}
	.tuile-2-1 .dashboardTileOption .optionHC-HP .zone-legende.true {
		margin-top: 2%;
	}

  /*gestion d'un titre pour le mobile et d'un titre pour le desktop */
  .tuile-container .tuile-block .tuile-title.mobile {
    display: block;
  }

  /*gestion d'un titre pour le mobile et d'un titre pour le desktop */
  .tuile-container .tuile-block .tuile-title.desktop {
    display: none;
  }

  /*HPHC*/
  .dashboardTileOption .optionHC-HP .tuile-tempo-heures {
    display: block;
  }

  /*EJP*/
  .dashboardTileOption .optionEjp .tuile-body-text {
    display: none;
  }

  .dashboardTileOption .optionEjp .tuile-ejp-body-img {
    margin: 0 auto;
    width: 237px;
    flex: 1;
    align-self: center;
  }

  /*TEMPO*/
  .dashboardTileOption .optionTempo .tuile-tempo-heures.mobileR {
    display: none;
  }

  .dashboardTileOption .optionTempo .tuile-tempo-img {
    margin: 0 auto;
    width: 237px;
    flex: 1;
    align-self: center;
  }

  .dashboardTileOption .optionTempo .tuile-tempo-img img {
    display: block;
    margin: 0 auto;
  }

  .dashboardTileOption .optionTempo .trait-mobile {
    display: block;
  }

  /*EcoGeste*/
  .dashboardTileOption .ecoGesteSection .tuile-eco-img {
    display: none;
  }

  .dashboardTileEco-content .compteur-img {
    display: none;
  }

  /*FE*/
  .dashboardTileCounter .dashboardTileCompteur-content .compteur-img {
    display: none;
  }
}
/********************************************************************/
/******************** STYLE OPTION TEMPO ****************************/
/********************************************************************/
.dashboardTileOption .optionTempo {
  padding: 20px;
  height: 100%;
}

.dashboardTileOption .optionTempo .tuile-content .tuile-body {
  min-height: 88px;
}

.dashboardTileOption .optionTempo .tuile-tempo-img {
  width: 237px;
  align-self: center;
}

.tuile-2-1 .dashboardTileOption .optionTempo .tuile-tempo-img {
  margin: 12px 0 0 0;
}

.dashboardTileOption .optionTempo .tuile-tempo-img hr {
  margin: 0;
  height: 2px;
  background-image: linear-gradient(to right, rgba(153, 153, 153, 0), #999 24%, #999 76%, rgba(153, 153, 153, 0));
}

.tuile-2-1 .dashboardTileOption .optionTempo .tuile-tempo-img hr {
  display: none;
}

.dashboardTileOption .optionTempo .tuile-tempo-img img {
  display: block;
  margin: 0 auto
}

.dashboardTileOption .optionTempo .tuile-tempo-img img.compteurTempoBleu.hide,
.dashboardTileOption .optionTempo .tuile-tempo-img img.compteurTempoBlanc.hide,
.dashboardTileOption .optionTempo .tuile-tempo-img img.compteurTempoRouge.hide {
  display: none;
}

.dashboardTileOption .optionTempo .tuile-body-text {
  flex: 1;
  align-self: center;
}

.tuiles .tuile-inner-container .dashboardTileTempoHCP .tuile-content .tuile-body {
  margin: 12px 0 -32px; /* overrides the global bottom margin to set the legend in front of bottom button */
}

.dashboardTileOption .optionTempo .tuile-tempo-heures {
  display: flex;
  flex-direction: column;
  margin-left: 13px;
  flex: 1;
}

.dashboardTileOption .optionTempo .tuile-tempo-heures .schema-heures {
  margin-bottom: 2px;
  flex: 1;
}

.dashboardTileOption .optionTempo .tuile-tempo-heures .schema-legende div {
  display: flex;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  color: #666;
}

.dashboardTileOption .optionTempo .tuile-tempo-heures .schema-legende div:before {
  content: "";
  display: block;
  margin-right: 5px;
  width: 16px;
  height: 16px;
}

.dashboardTileOption .optionTempo .tuile-tempo-heures .schema-legende .heure-pleine:before {
  background-color: #005CC3; 
}

.dashboardTileOption .optionTempo .tuile-tempo-heures .schema-legende .heure-creuse:before {
  background-color: #3BA2F1;
}

.dashboardTileOption .zone-legende {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.dashboardTileOption .optionHC-HP .schema-legende {
  display: flex;
  flex-direction: row;
  margin-top: 2%;
  width: 50%;
}

.dashboardTileOption .optionTempo .schema-legende {
  display: flex;
  flex-direction: column;
  margin-top: 4%;
  width: 100%;
}

.tuile-1-1 .dashboardTileOption .optionTempo .tuile-tempo-heures {
  display: none;
}

.tuile-2-1 .dashboardTileOption .optionTempo .tuile-tempo-img {
  width: auto;
}

.tuile-2-1 .dashboardTileOption .optionTempo .tuile-content .tuile-body {
  margin-bottom: -32px;
}

.tuile-2-1 .dashboardTileOption .optionTempo .tuile-tempo-img {
  align-self: inherit;
}

/**********************RESPONSIVE********************************/

/*gestion d'un titre pour le mobile et d'un titre pour le desktop */
.tuile-container .tuile-block .tuile-title.mobile {
  display: none;
}

.tuile-container .tuile-block .tuile-title.desktop {
  display: block;
}

.dashboardTileTempoHCP .trait-mobile {
  display: none;
  margin: 0 auto;
  height: 2px;
  background-image: linear-gradient(to right, rgba(153, 153, 153, 0), #999 24%, #999 76%, rgba(153, 153, 153, 0));
}

.tuile-1-1 .dashboardTileOption .optionHC-HP .zone-legende .schema-legende {
  flex: 1 0 auto;
}

.tuile-1-1 .dashboardTileOption .optionHC-HP .zone-legende .tuile-btn {
  margin-left: -10px;
}

.tuile-1-1 .dashboardTileOption .optionHC-HP .zone-legende {
  margin-top: -10px;
}

.dashboardTileCounter .tuile-body-text p {
  margin: 5px 0;
  line-height: 1.25rem;
}

.dashboardTileCounter .dashboardTileCompteur-content .main-content {
  margin-right: 0;
}

.dashboardTileCounter .dashboardTileCompteur-content .compteur-img {
  margin-left: 10px;
}

/* US accessibilit� */
/* Modification css */

/* Modification css pour l'ajout du h2 */
#dashboardV2Container .dashboardTileHCP .tuile-title h2, #dashboardV2Container .dashboardTileEco .tuile-title h2, #dashboardV2Container .optionHC-HP .tuile-title h2,#dashboardV2Container .optionTempo .tuile-title h2, #dashboardV2Container .optionEjp .tuile-title h2, #dashboardV2Container .feSection .tuile-title h2{
    font-size: 1.375rem;
    font-weight: normal;
    font-family: 'frutiger-light';
    text-transform: uppercase;
    line-height: 1.375rem;
    color: inherit;
    margin: inherit;
}



/* Modification de la zone cliquable du lien en css et non en js */
#dashboardV2Container .dashboardTileHCP .tuile-btn, #dashboardV2Container .dashboardTileEco + .tuile-btn, #dashboardV2Container .optionHC-HP .tuile-btn,#dashboardV2Container .optionTempo .tuile-btn, #dashboardV2Container .optionEjp .tuile-btn, #dashboardV2Container .feSection .tuile-btn{
    position: initial;
    display: block;
    align-self: flex-end;
    width: inherit;
}

#dashboardV2Container .dashboardTileHCP .tuile-btn a, #dashboardV2Container .dashboardTileEco + .tuile-btn a, #dashboardV2Container .optionHC-HP .tuile-btn a, #dashboardV2Container .optionTempo .tuile-btn a, #dashboardV2Container .optionEjp .tuile-btn a{
    display: flex;
}

#dashboardV2Container .dashboardTileHCP .tuile-btn a::after, #dashboardV2Container .dashboardTileEco + .tuile-btn a::after, #dashboardV2Container .optionHC-HP .tuile-btn a::after, #dashboardV2Container .optionTempo .tuile-btn a::after, #dashboardV2Container .optionEjp .tuile-btn a::after, #dashboardV2Container .feSection .tuile-btn a:after{
    content: '';
    position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
}


.dashboardTileHeading.parbase.section .tile-container{
  margin: 15px 0 15px 0;
}

#dashboardpagev2 .dashboardTileHeading.parbase.section h2.client-name-block{
  display: block;
  margin: 0 0 10px 0;
  color: #005bbb;
  font-weight: 400;
  font-family: 'Frutiger-light';
  font-size: 30px;
  line-height: 36px;
  letter-spacing: 0px;
}

.dashboardTileHeading parbase section .tile-container .client-number-block span{
  font-size: 16px;
  font-weight: normal;
  line-height: 16px;
}

@media screen and (max-width: 768px) {
  .dashboardTileHeading parbase section .tile-container .client-number-block{
    text-align: left;
  }
  #dashboardpagev2 .dashboardTileHeading.parbase.section {
    padding: 0 15px;
  }
 }
}

.dashboardTileEdocs .tuile-edoc-title.btn_article_lightGray{
    color: #dddddd;
}

.dashboardTileEdocs .tuile-edoc-title.btn_article_gray{
    color: #75787b;
}

.dashboardTileEdocs .tuile-edoc-title.btn_article_lightBlue{
    color: #005bbb;
}

.dashboardTileEdocs .tuile-edoc-title.btn_article_blue{
    color: #001A70;
}

.dashboardTileEdocs .tuile-edoc-title.btn_article_lightGreen{
    color: #c4d600;
}

.dashboardTileEdocs .tuile-edoc-title.btn_article_green{
    color: #509e2f;
}

.dashboardTileEdocs .tuile-edoc-title.btn_article_lightOrange{
    color: #ffa02f;
}

.dashboardTileEdocs .tuile-edoc-title.btn_article_orange{
    color: #fe5815;
}

.dashboardTileEdocs {
    height: 100%;
}

.dashboardTileEdocs .tuile-content {
    padding: 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.dashboardTileEdocs .dashboardTileEdoc-content {
    display: flex;
    flex: 1;
}

.dashboardTileEdocs .dashboardTileEdoc-content .main-content {
    display: flex;
    flex-direction: column;
    align-content: center;
    flex: 1;
}

.dashboardTileEdocs .dashboardTileEdoc-content .main-content .tuile-body {
    display: flex;
    flex: 1;
}

.dashboardTileEdocs .tuile-edoc-title {
  display: block;
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: normal;
  text-transform: uppercase;
  line-height: 22px;
  line-height: 1.375rem;
}

/* Modification css pour l'ajout du h2 */
#dashboardV2Container .dashboardTileEdocs .tuile-title h2{
    font-size: 1.375rem;
    font-weight: normal;
    font-family: 'frutiger-light';
    text-transform: uppercase;
    line-height: 1.375rem;
    color: inherit;
    margin: inherit;
}

/* Modification de la zone cliquable du lien en css et non en js */
#dashboardV2Container .dashboardTileEdocs .tuile-btn a::after{
    content: '';
    position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
}

.dashboardTileEdocs .tuile-body .tuile-body-text {
    margin: 0;
    align-self: center;
    font-size: 16px;
    font-size: 1rem;
    font-weight: normal;
    line-height: 20px;
    line-height: 1.25rem;
    color: #4a4a4a;
}

.dashboardTileEdocs .tuile-btn {
    display: flex;
    align-self: flex-end;
}

.dashboardTileEdocs .tuile-edoc-btn .tuile-edoc-btn-text {
  display: inline-block;
  padding-right: 10px;
  font-size: 16px;
  font-weight: bold;
  color: #666666;
  align-self: center;
}

.dashboardTileEdocs .tuile-edoc-btn .icon {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-size: 32px 32px;
  vertical-align: middle;
}

/**********************RESPONSIVE********************************/

/*gestion d'un titre pour le mobile et d'un titre pour le desktop */
.tuile-container .tuile-block .tuile-title.mobile{
  display: none;
}
.tuile-container .tuile-block .tuile-title.desktop{
  display: block;
}

@media screen and (max-width:560px) {
  /*gestion d'un titre pour le mobile et d'un titre pour le desktop */
  .tuile-container .tuile-block .tuile-title.mobile{
    display: block;
  }
  /*gestion d'un titre pour le mobile et d'un titre pour le desktop */
  .tuile-container .tuile-block .tuile-title.desktop{
    display: none;
  }
}

/***************************************************************************/
/************************** STYLE TUILE COMPTEUR ***************************/
/***************************************************************************/

/* generic styles common to all tiles */

.dashboardTileCounter .tuile-title {
  display: block;
  font-size: 1.375rem; /*22px*/
  font-weight: normal;
  text-transform: uppercase;
  line-height: 1.375rem; /*22px*/
}

/* Modification css pour l'ajout du h2 */
#dashboardV2Container .dashboardTileCompteur-content .tuile-title h2, #dashboardV2Container .dashboardTileVirgin .tuile-title h2{
    font-size: 1.375rem;
    font-weight: normal;
    font-family: 'frutiger-light';
    text-transform: uppercase;
    line-height: 1.375rem;
    color: inherit;
    margin: inherit;
}

#dashboardV2Container .dashboardTileVirgin .tuile-body .tuile-body-text p{
  margin: revert;
  line-height: 1.25rem;
}

/* Modification de la zone cliquable du lien en css et non en js */
#dashboardV2Container .dashboardTileCounter .tuile-btn a::after,#dashboardV2Container .dashboardTileCompteur-content + .tuile-btn a::after{
    content: '';
    position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
}

#dashboardV2Container .dashboardTileCompteur-content .tuile-body .schema-legende p{
    margin: inherit;
}

/* Modification de la zone cliquable du lien en css et non en js */
#dashboardV2Container .dashboardTileCompteur-content .tuile-btn, #dashboardV2Container .dashboardTileCounter .tuile-btn{
    position: initial;
    display: flex;
    align-self: flex-end;
    width: inherit;
}

#dashboardV2Container .dashboardTileCompteur-content .tuile-btn a, #dashboardV2Container .dashboardTileCounter .tuile-btn a{
    display: inherit;
}

#dashboardV2Container .cas-mss .tuile-btn a::after{
    content: '';
    position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
}

#dashboardV2Container .cas-GAZPAR .tuile-btn a::after{
  content: '';
  position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
}

#dashboardV2Container .cas-mssSansAjustement .tuile-btn a::after{
  content: '';
  position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
}

#dashboardV2Container .dashboardTileCompteur-content .tuile-btn .tuile-btn-text{
    height: 32px;
}

.dashboardTileCounter .tuile-title.title-blue {
  color: #001a70;
}

.dashboardTileCounter .tuile-title.title-lightBlue {
  color: #005BBB;
}

.dashboardTileCounter .tuile-title.title-orange {
  color: #FE5815;
}

.dashboardTileCounter .tuile-title.title-lightOrange {
  color: #FFA02F;
}

.dashboardTileCounter .tuile-title.title-green {
  color: #509e2f;
}

.dashboardTileCounter .tuile-title.title-lightGreen {
  color: #c4d600;
}

.dashboardTileCounter .tuile-title.title-gray {
  color: #75787b;
}

.dashboardTileCounter .tuile-title.title-lightGray {
  color: #ddd;
}

.dashboardTileCounter .tuile-body-text {
  margin: 0;
  align-self: center;
  font-size: 1rem; /*16px*/
  font-weight: normal;
  line-height: 1.25rem; /*20px*/
  color: #4a4a4a;
}

/* the button definition has been corrected to handle going on two lines and staying centered */

.dashboardTileCounter .tuile-btn {
  display: flex;
  align-self: flex-end;
}

.dashboardTileCounter .tuile-btn .tuile-btn-text {
  padding-right: 10px;
  font-size: 16px;
  font-weight: bold;
  text-align: right;
  color: #666;
  flex: 1;
  -ms-flex: 1 1 auto;
  align-self: center;
}

.dashboardTileCounter .tuile-btn .icon {
  width: 32px;
  height: 32px;
  align-self: center;
  background: url(assets/img/sprites/icons.png) no-repeat;
  background-position: -396px -1186px;
  margin-right: 0;
}

.dashboardTileCounter .tuile-btn .icon.chevron {
  background-position: -562px -1186px;
}

.dashboardTileCounter .tuile-btn .icon.plus {
  background-position: -397px -1186px;
}

.dashboardTileCounter .tuile-btn .tuile-btn-text.white {
  color: #fff;
}

/**********************************************/

.dashboardTileCounter {
  padding: 20px;
  height: 100%;
  display: flex;
}

.dashboardTileCounter .view-counter {
  height: 100%;
}

.dashboardTileCounter .tuile-content:not(.hide) {
  height: 100%;
  display: flex;
  flex: 1;
  flex-direction: column;
}

.dashboardTileCounter .cas-1,
.dashboardTileCounter .cas-2,
.dashboardTileCounter .cas-3,
.dashboardTileCounter .cas-4,
.dashboardTileCounter .cas-linky-1,
.dashboardTileCounter .cas-linky-2,
.dashboardTileCounter .cas-linky-3,
.dashboardTileCounter .cas-linky-4,
.dashboardTileCounter .cas-linky-5,
.dashboardTileCounter .cas-fe {
  height: 100%;
  flex: 1;
}

.dashboardTileCounter .dashboardTileCompteur-content {
  display: flex;
  flex: 1;
}

.dashboardTileCounter .dashboardTileCompteur-content .main-content {
  display: flex;
  margin-right: 10px;
  flex-direction: column;
  align-content: center;
  flex: 1;
}

.dashboardTileCounter .dashboardTileCompteur-content .tuile-body {
  display: flex;
  flex: 1;
}

.dashboardTileCounter .dashboardTileCompteur-content .tuile-body .dashboardTileCompteur-img {
  align-self: center;
  margin-right: 14px;
}

.tuile-1-1 .dashboardTileCounter .dashboardTileCompteur-content .compteur-img {
  display: none;
}

.dashboardTileCounter .dashboardTileCompteur-content .compteur-img {
  display: flex;
  flex-direction: column;
  width: 97px;
  height: 97px;
}

.dashboardTileCounter .dashboardTileCompteur-content .compteur-img img {
  align-self: flex-end;
}

/**********************FACTURE ELECTRONIQUE**********************/

.cas-fe.tuile-content {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 3px;
}

.feSectionCompteur .dashboardTileVirgin {
  padding: 0;
}

.feSectionCompteur .tuile-content .tuile-body {
  align-items: center;
}

.dashboardTileCounter .cas-mss {
  width: 100%;
}

.dashboardTileCounter .cas-GAZPAR {
  width: 100%;
}

.dashboardTileCounter .cas-mssSansAjustement {
  width: 100%;
}

.tuile-1-1 .dashboardTileCounter .dashboardTileCompteur-content .compare-img {
  display: none;
}

.dashboardTileCounter .dashboardTileCompteur-content .compare-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: 97px;
  height: 97px;
}

.dashboardTileCounter .dashboardTileCompteur-content .compare-img img {
  width: auto;
  width: calc(100% / 2);
  height: auto;
  min-height: 1px; /* IE11 FIX FOR HEIGHT ISSUES */
  -o-object-fit: contain;
  object-fit: contain;
}

.tuile-container .tuile-title.mobile {
  display: none
}

/* disparition de l'icone <560px */
@media screen and (max-width: 560px) {
  .dashboardTileCounter .dashboardTileCompteur-content .compare-img {
    display: none;
  }

  .dashboardTileCounter .dashboardTileCompteur-content .compteur-img {
    display: none;
  }

  .dashboardTileVirgin-content figure.tuile-img {
    display: none
  }

  .tuile-container .tuile-title.mobile {
    display: block !important
  }

  .tuile-container .tuile-title.desktop {
    display: none !important
  }
}
/***************************************************************************/
/*********************** STYLE TUILE CONSOMMATION **************************/
/***************************************************************************/

#dashboardV2Container .dashboardTileConsumption .tuile-title h2{
    font-size: 1.375rem;
    font-weight: normal;
    font-family: 'frutiger-light';
    text-transform: uppercase;
    line-height: 1.375rem;
    color: inherit;
    margin: inherit;
}



#dashboardV2Container .dashboardTileConsumption .tuile-body p {
    margin: inherit;
}

/* Modification de la zone cliquable du lien en css et non en js */
#dashboardV2Container .dashboardTileConsumption .tuile-btn a::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
}

.dashboardTileConsumption {
  cursor: pointer;
}

.dashboardTileConsumption .tuile-title {
  display: block;
  font-size: 1.375rem; /*22px*/
  font-weight: normal;
  text-transform: uppercase;
  line-height: 1.375rem; /*22px*/
}

.dashboardTileConsumption .tuile-title.title_blue {
  color: #001A70;
}

.dashboardTileConsumption .tuile-title.title-lightBlue {
  color: #005BBB;
}

.dashboardTileConsumption .tuile-title.title-orange {
  color: #FE5815;
}

.dashboardTileConsumption .tuile-title.title-lightOrange {
  color: #FFA02F;
}

.dashboardTileConsumption .tuile-title.title-green {
  color: #509E2F;
}

.dashboardTileConsumption .tuile-title.title-lightGreen {
  color: #C4D600;
}

.dashboardTileConsumption .tuile-title.title-gray {
  color: #75787B;
}

.dashboardTileConsumption .tuile-title.title-lightGray {
  color: #DDD;
}

.dashboardTileConsumption .tuile-body-text {
  margin: 0;
  align-self: center;
  font-size: 1rem; /*16px*/
  font-weight: normal;
  line-height: 1.25rem; /*20px*/
  color: #4A4A4A;
}

.dashboardTileConsumption .tuile-btn a {
  display: flex;
  padding: 0 20px 20px 20px;
}

.dashboardTileConsumption .tuile-btn .tuile-btn-text {
  padding-right: 10px;
  font-size: 16px;
  font-weight: bold;
  text-align: right;
  color: #666;
  flex: 1;
  -ms-flex: 1 1 auto;
  align-self: center;
}

.dashboardTileConsumption .tuile-btn .icon {
  width: 32px;
  height: 32px;
  align-self: center;
  background-image: url(assets/img/sprites/icons.png);
  margin-right: 0px;
}

.dashboardTileConsumption .tuile-btn .icon.chevron {
  background-position: -562px -1186px;
}

.dashboardTileConsumption .tuile-btn .icon.plus {
  background-position: -397px -1186px;
}

.dashboardTileConsumption .tuile-btn .tuile-btn-text.white {
  color: #FFF;
}

.dashboardTileConsumption {
  height: 100%;
}

.dashboardTileConsumption .dashboardTileGraph-content {
}

.dashboardTileConsumption .dashboardTileGraph-content .main-content {
}

.dashboardTileConsumption .dashboardTileGraph-content .tuile-body {
}

.dashboardTileConsumption .dashboardTileGraph-content .tuile-title {
  padding: 20px 20px 0 20px;
}

.dashboardTileConsumption .dashboardTileGraph-content .tuile-title .date {
  margin-top: 5px;
  line-height: 1.0625rem; /*17px*/
  font-size: 1rem; /*16px*/
  color: #666;
  text-transform: lowercase;
}

/* Vue4 : client sans conso */
.dashboardTileConsumption .dashboardTileGraph-content .chart-container {
  width: 100%;
  margin: 20px 0 10px;
  padding: 0 20px;
}

.dashboardTileConsumption .dashboardTileGraph-content .chart-container .graph-img {
  position: relative;
  width: 100%;
}

.dashboardTileConsumption .dashboardTileGraph-content .chart-container .graph-img img {
  width: 100%;
}

.dashboardTileConsumption .dashboardTileGraph-content .chart-container .graph-img figcaption {
  padding: 18px 24px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 420px;
  font-size: 1.25rem; /*20px*/
  line-height: 1.375rem; /*22px*/
  font-weight: normal;
  text-align: center;
  color: #FFF;
  box-sizing: border-box;
  background-color: rgba(109, 160, 216, 0.88);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
}

/******************************** STYLE GRAPH HIGHCHARTS *********************************/
.dashboardTileConsumption .graphTile .highcharts-axis-labels tspan {
  display: none;
}

.dashboardTileConsumption .graphTile .highcharts-axis-labels tspan.format-date {
  display: inline;
}

.dashboardTileConsumption .graphTile {
  height: 280px;
}

.dashboardTileConsumption .dashboardTileLoadingDown.hide {
  display: none;
}

#dashboardV2Container .dashboardTileConsumption .dashboardTileConsumption_container .dashboardTileLoadingError {
  height: 372px;
}

.dashboardTileConsumption .graphConso.hide {
  display: none;
}

.dashboardTileConsumption .graphConso .tuile-title.hide {
  display: none;
}

/*** RG: STYLE IMAGE FOR MOBILE ***/
.dashboardTileConsumption .dashboardTileGraph-content .chart-container.mobile {
  display: none;
}

@media screen and (max-width: 560px) {
  #chartElecPrice, #chartElecKwh, #chart-no-bill, #chart-error, #chartClientResilie {
    display: none;
  }

  .dashboardTileConsumption .dashboardTileGraph-content .chart-container.mobile {
    display: block;
  }

  .dashboardTileConsumption .tuile-body .chart-container .graph-img img {
    max-height: 90px;
  }

  .dashboardTileConsumption .dashboardTileGraph-content .chart-container {
    margin: 0;
  }

  .dashboardTileConsumption .dashboardTileGraph-content .chart-container .graph-img figcaption {
    padding: 10px;
  }
}

.graphTile .highcharts-credits, .graphTile .highcharts-tick {
  display: none;
}

.graphTile .price, .graphTile .month {
  display: block;
  text-align: center;
}

.graphTile .price {font-size: 22px;font-weight: normal;}

.graphTile .month {font-size: 12px;font-weight: normal;}

.graphTile .kwh {
  font-weight: normal;
  font-size: 16px;
}

/********************************************************************/
/************************ MEDIA QUERIES *****************************/
/********************************************************************/
.dashboardTileConsumption .tuile-body .chart-container .graph-img img {
  max-height: 249px;
}

/*gestion d'un titre pour le mobile et d'un titre pour le desktop */
/* précédemment : .tuile-container .tuile-block .tuile-title.mobile */
.tuile-container .tuile-title.mobile {
  display: none;
}

.dashboardTileConsumption .dashboardTileGraph-content .chart-container.mobile {
  display: none;
}

@media screen and (max-width: 560px) {
  #chartElecPrice {
    display: none;
  }

  .dashboardTileConsumption .dashboardTileGraph-content .chart-container.mobile {
    display: block;
  }

  /*gestion d'un titre pour le mobile et d'un titre pour le desktop */
  /* précédemment : .tuile-container .tuile-block .tuile-title.mobile */
  .tuile-container .tuile-title.mobile {
    display: block !important;
  }

  /*gestion d'un titre pour le mobile et d'un titre pour le desktop */
  /* précédemment : .tuile-container .tuile-block .tuile-title.desktop */
  .tuile-container .tuile-title.desktop {
    display: none !important;
  }

  .dashboardTileConsumption .tuile-body .chart-container .graph-img {
    height: 95.6px;
  }

  .dashboardTileConsumption .tuile-body .chart-container .graph-img img {
    max-height: 90px;
  }

  .dashboardTileConsumption .dashboardTileGraph-content .chart-container {
    margin: 0;
  }

  .dashboardTileConsumption .dashboardTileGraph-content .chart-container .graph-img figcaption {
    padding: 10px;
  }
}


.dashboardTileClubFid .tuile-title.btn_article_lightGray{
    color: #dddddd;
}

.dashboardTileClubFid .tuile-title.btn_article_gray{
    color: #75787b;
}

.dashboardTileClubFid .tuile-title.btn_article_lightBlue{
    color: #005bbb;
}

.dashboardTileClubFid .tuile-title.btn_article_blue{
    color: #001A70;
}

.dashboardTileClubFid .tuile-title.btn_article_lightGreen{
    color: #c4d600;
}

.dashboardTileClubFid .tuile-title.btn_article_green{
    color: #509e2f;
}

.dashboardTileClubFid .tuile-title.btn_article_lightOrange{
    color: #ffa02f;
}

.dashboardTileClubFid .tuile-title.btn_article_orange{
    color: #fe5815;
}

.dashboardTileClubFid {
    height: 100%;
}

.dashboardTileClubFid.tuile-content {
    padding: 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.dashboardTileClubFid.tuile-content.hide {
	display: none;
}
.dashboardTileClubFid .dashboardTileClubFid-content {
    display: flex;
    flex: 1;
}

.dashboardTileClubFid .dashboardTileClubFid-content .main-content {
    display: flex;
    flex-direction: column;
    align-content: center;
    flex: 1;
}

.dashboardTileClubFid .dashboardTileClubFid-content .main-content .tuile-body {
    display: flex;
    flex: 1;
}

.dashboardTileClubFid .tuile-title {
  display: block;
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: normal;
  text-transform: uppercase;
  line-height: 22px;
  line-height: 1.375rem;
}

/* Modification css pour l'ajout du h2 */
#dashboardV2Container .dashboardTileClubFid .tuile-title h2{
    font-size: 1.375rem;
    font-weight: normal;
    font-family: 'frutiger-light';
    text-transform: uppercase;
    line-height: 1.375rem;
    color: inherit;
    margin: inherit;
}

/* Modification de la zone cliquable du lien en css et non en js */
#dashboardV2Container .dashboardTileClubFid .tuile-btn a::after{
    content: '';
    position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
}

.dashboardTileClubFid .tuile-body .tuile-body-text {
    margin: 0;
    align-self: center;
    font-size: 16px;
    font-size: 1rem;
    font-weight: normal;
    line-height: 20px;
    line-height: 1.25rem;
    color: #4a4a4a;
}

.dashboardTileClubFid .tuile-btn {
    display: flex;
    align-self: flex-end;
}

.dashboardTileClubFid .tuile-btn .tuile-btn-text {
  display: inline-block;
  padding-right: 10px;
  font-size: 16px;
  font-weight: bold;
  color: #666666;
  align-self: center;
}

.dashboardTileClubFid .tuile-btn .icon {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-size: 32px 32px;
  vertical-align: middle;
}

/**********************RESPONSIVE********************************/

/*gestion d'un titre pour le mobile et d'un titre pour le desktop */
.tuile-container .tuile-block .tuile-title.mobile{
  display: none;
}
.tuile-container .tuile-block .tuile-title.desktop{
  display: block;
}

@media screen and (max-width:560px) {
  /*gestion d'un titre pour le mobile et d'un titre pour le desktop */
  .tuile-container .tuile-block .tuile-title.mobile{
    display: block;
  }
  /*gestion d'un titre pour le mobile et d'un titre pour le desktop */
  .tuile-container .tuile-block .tuile-title.desktop{
    display: none;
  }
}

@media screen and (max-width:375px){
    #tile-e1.tuile-2-1 .tuile-block{
        height : auto;
    }
    #tile-e1.tuile-2-1 .tuile-block .tuile-inner-container > div{
        max-height : none;
    }
    .dashboardTileClubFid.tuile-content .tuile-btn-text{
        text-align: end;
        max-width: 200px;
    }
    .dashboardTileClubFid .tuile-btn .icon{
        vertical-align: unset;
    }
}

/********************************************************************/
/******************** STYLE TUILE SOLDE *****************************/
/********************************************************************/
.dashboardTileBalance .tuile-title {
  display: block;
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: normal;
  text-transform: uppercase;
  line-height: 22px;
  line-height: 1.375rem;
}

#dashboardV2Container .dashboardTileBalance .tuile-title h2{
    font-size: 1.375rem;
    font-weight: normal;
    font-family: 'frutiger-light';
    text-transform: uppercase;
    line-height: 1.375rem;
    color: inherit;
    margin: inherit;
}

#dashboardV2Container .dashboardTileBalance .tuile-btn a {
    display: inherit;
}

#dashboardV2Container .dashboardTileBalance .tuile-body p {
    margin: inherit;
}

/* Modification de la zone cliquable du lien en css et non en js */
#dashboardV2Container .dashboardTileBalance .tuile-btn a::after{
    content: '';
    position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
}

.dashboardTileBalance .tuile-title.title-blue {
  color: #001A70;
}

.dashboardTileBalance .tuile-title.title-lightBlue {
  color: #005BBB;
}

.dashboardTileBalance .tuile-title.title-orange {
  color: #FE5815;
}

.dashboardTileBalance .tuile-title.title-lightOrange {
  color: #FFA02F;
}

.dashboardTileBalance .tuile-title.title-green {
  color: #509E2F;
}

.dashboardTileBalance .tuile-title.title-lightGreen {
  color: #C4D600;
}

.dashboardTileBalance .tuile-title.title-gray {
  color: #75787B;
}

.dashboardTileBalance .tuile-title.title-lightGray {
  color: #DDD;
}

.dashboardTileBalance .tuile-body-text {
  margin: 0;
  align-self: center;
  font-size: 16px;
  font-size: 1rem;
  font-weight: normal;
  line-height: 20px;
  line-height: 1.25rem;
  color: #4A4A4A;
}

.dashboardTileBalance .tuile-btn {
  display: flex;
  align-self: flex-end;
}

.dashboardTileBalance .hide {
  display: none;
}

.dashboardTileBalance .tuile-content.hide {
  display: none;
}

.dashboardTileBalance .tuile-btn .tuile-btn-text {
  padding-right: 10px;
  font-size: 16px;
  font-weight: bold;
  text-align: right;
  color: #666;
  flex: 1;
  -ms-flex: 1 1 auto;
  align-self: center;
}

.dashboardTileBalance .tuile-btn .icon {
  width: 32px;
  height: 32px;
  align-self: center;
  background-image: url(assets/img/sprites/icons.png);
  margin-right: 0px;
}

.dashboardTileBalance .tuile-btn .icon.chevron {
  background-position: -562px -1186px;
}

.dashboardTileBalance .tuile-btn .icon.plus {
  background-position: -397px -1186px;
}

.dashboardTileBalance .tuile-btn .tuile-btn-text.white {
  color: #FFF;
}

.dashboardTileBalance {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.dashboardTileBalance .tuile-content {
  display: flex;
  height: 100%;
  flex-direction: column;
  padding: 20px;
  cursor: pointer;
}

.dashboardTileBalance-content {
  display: flex;
  flex: 1;
}

.dashboardTileBalance-content .main-content {
  display: flex;
  flex-direction: column;
  align-content: center;
  flex: 1;
}

.dashboardTileBalance-content .tuile-body {
  display: flex;
  flex: 1;
}

.dashboardTileBalance-content .tuile-body .dashboardTileBalance-img {
  align-self: center;
  margin-right: 14px;
}

/*************************************************************************/

/*gestion d'un titre pour le mobile et d'un titre pour le desktop */
/* précédemment : .tuile-container .tuile-block .tuile-title.mobile */
.tuile-container .tuile-title.mobile {
  display: none;
}

@media screen and (max-width: 560px) {
  /*gestion d'un titre pour le mobile et d'un titre pour le desktop */
  .tuile-container .tuile-title.mobile {
    display: block !important;
  }

  /*gestion d'un titre pour le mobile et d'un titre pour le desktop */
  .tuile-container .tuile-title.desktop {
    display: none !important;
  }
}

.dashboardTileCounter .tuile-body-text p {
  margin: 5px 0;
  line-height: 1.25rem;
}

/* Tuiles Solde */

.dashboardTileBalance .tuile-title.orange {
  color: #FE5815;
}

.dashboardTileBalance .dashboardTileBalance-content .tuile-body {
  justify-content: center;
}

.dashboardTileBalance-content .solde-container {
  align-self: center;
}

.dashboardTileBalance-content .solde-container .price {
  display: flex;
  line-height: 44px;
  font-size: 32px;
  color: #FE5815;
}

.dashboardTileBalance-content .solde-container .price.green {
  color: #509E2F;
}

.dashboardTileBalance-content .solde-container .price.blue {
  color: #005BBB;
  background: transparent;
}

.dashboardTileBalance-content .solde-container .price.gray {
  color: #666;
}

.dashboardTileBalance-content .solde-container .price .ttc {
  margin-left: 3px;
  line-height: 30px;
  font-size: 14px;
  font-weight: bold;
}

.dashboardTileBalance-content .solde-container .amount .balanceUnite {
  margin-left: 4px;
}

.dashboardTileBalance-content .solde-container .ttc .balanceUnite {
  margin-left: 4px;
  font-weight: normal;
}

#bandeauConsentement a {
    outline: none;
    text-decoration: none;
    color : #006DFF;
}

#bandeauConsentement p {
	margin: 0;
	padding: 0;
}


#bandeauConsentement .bandeau-text {
    padding: .4375rem .75rem;
}

#bandeauConsentement .atomx-notification__content {
	display: inline-block;
}

#bandeauConsentement a:hover {
    color: #004cb3;
}

#bandeauConsentement .hide {
    display: none;
}

#bandeauConsentement .mt-15{
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 15px}

@media screen and (max-width: 576px){
    #bandeauConsentement .mt-15{
        padding-left: 20px;
        padding-right: 20px;
    }
  }
[class^="ico-r-"],
[class*=" ico-r-"] {
	font-family: 'ico-r' !important;
	speak: none;
	font-size: 1.5rem;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

#bandeauConsentement .ico-sm {
	font-size: 1.125rem
}

#bandeauConsentement .ico-md {
	font-size: 2.25rem
}

#bandeauConsentement .ico-lg {
	font-size: 3rem
}

#bandeauConsentement .ico-r-h24:before {
	content: "\e900"
}

#bandeauConsentement .ico-r-h24-7:before {
	content: "\e901"
}

#bandeauConsentement .ico-r-h48:before {
	content: "\e902"
}

#bandeauConsentement .ico-r-accueil:before {
	content: "\e903"
}

#bandeauConsentement .ico-r-adresse:before {
	content: "\e904"
}

#bandeauConsentement .ico-r-affichager:before {
	content: "\e905"
}

#bandeauConsentement .ico-r-aide:before {
	content: "\e906"
}

#bandeauConsentement .ico-r-ajouter:before {
	content: "\e907"
}

#bandeauConsentement .ico-r-alerte:before {
	content: "\e908"
}

#bandeauConsentement .ico-r-alerte-mail-sms:before {
	content: "\e909"
}

#bandeauConsentement .ico-r-ampoule:before {
	content: "\e910"
}

#bandeauConsentement .ico-r-ampoule-eco:before {
	content: "\e911"
}

#bandeauConsentement .ico-r-ampoule-led:before {
	content: "\e912"
}

#bandeauConsentement .ico-r-appartement:before {
	content: "\e913"
}

#bandeauConsentement .ico-r-appel-entrant:before {
	content: "\e914"
}

#bandeauConsentement .ico-r-appel-sortant:before {
	content: "\e915"
}

#bandeauConsentement .ico-r-archive:before {
	content: "\e916"
}

#bandeauConsentement .ico-r-aspirateur:before {
	content: "\e917"
}

#bandeauConsentement .ico-r-assurance:before {
	content: "\e918"
}

#bandeauConsentement .ico-r-astuce:before {
	content: "\e919"
}

#bandeauConsentement .ico-r-attente:before {
	content: "\e91a"
}

#bandeauConsentement .ico-r-attention:before {
	content: "\e91b"
}

#bandeauConsentement .ico-r-audiovisuel:before {
	content: "\e91c"
}

#bandeauConsentement .ico-r-autre:before {
	content: "\e91d"
}

#bandeauConsentement .ico-r-avantage-gaz:before {
	content: "\e91e"
}

#bandeauConsentement .ico-r-avantage-gaz-connect:before {
	content: "\e91f"
}

#bandeauConsentement .ico-r-avantage-gaz-durable:before {
	content: "\e920"
}

#bandeauConsentement .ico-r-bain:before {
	content: "\e921"
}

#bandeauConsentement .ico-r-bas:before {
	content: "\e922"
}

#bandeauConsentement .ico-r-bois:before {
	content: "\e923"
}

#bandeauConsentement .ico-r-cadena:before {
	content: "\e924"
}

#bandeauConsentement .ico-r-calculatrice:before {
	content: "\e925"
}

#bandeauConsentement .ico-r-calendrier:before {
	content: "\e926"
}

#bandeauConsentement .ico-r-calendrier-done:before {
	content: "\e927"
}

#bandeauConsentement .ico-r-calendrier-question:before {
	content: "\e928"
}

#bandeauConsentement .ico-r-callback:before {
	content: "\e929"
}

#bandeauConsentement .ico-r-carte:before {
	content: "\e92a"
}

#bandeauConsentement .ico-r-carte-paiement:before {
	content: "\e92b"
}

#bandeauConsentement .ico-r-certifier:before {
	content: "\e92c"
}

#bandeauConsentement .ico-r-changement-fenetres:before {
	content: "\e92d"
}

#bandeauConsentement .ico-r-changer:before {
	content: "\e92e"
}

#bandeauConsentement .ico-r-charge:before {
	content: "\e92f"
}

#bandeauConsentement .ico-r-charge-longue:before {
	content: "\e930"
}

#bandeauConsentement .ico-r-chat:before {
	content: "\e931"
}

#bandeauConsentement .ico-r-chauffage:before {
	content: "\e932"
}

#bandeauConsentement .ico-r-cheque-ou-tip:before {
	content: "\e933"
}

#bandeauConsentement .ico-r-citer:before {
	content: "\e934"
}

#bandeauConsentement .ico-r-classe-energetique:before {
	content: "\e935"
}

#bandeauConsentement .ico-r-client:before {
	content: "\e936"
}

#bandeauConsentement .ico-r-client-ajout:before {
	content: "\e937"
}

#bandeauConsentement .ico-r-client-retirer:before {
	content: "\e938"
}

#bandeauConsentement .ico-r-clients:before {
	content: "\e939"
}

#bandeauConsentement .ico-r-client-valider:before {
	content: "\e93a"
}

#bandeauConsentement .ico-r-climatisation:before {
	content: "\e93b"
}

#bandeauConsentement .ico-r-comparer:before {
	content: "\e93c"
}

#bandeauConsentement .ico-r-comparer-voisin:before {
	content: "\e93d"
}

#bandeauConsentement .ico-r-compteur:before {
	content: "\e93e"
}

#bandeauConsentement .ico-r-compteur-max:before {
	content: "\e93f"
}

#bandeauConsentement .ico-r-compteur-min:before {
	content: "\e940"
}

#bandeauConsentement .ico-r-confiance:before {
	content: "\e941"
}

#bandeauConsentement .ico-r-contrat:before {
	content: "\e942"
}

#bandeauConsentement .ico-r-coupure:before {
	content: "\e943"
}

#bandeauConsentement .ico-r-courrier:before {
	content: "\e944"
}

#bandeauConsentement .ico-r-creer-sujet:before {
	content: "\e945"
}

#bandeauConsentement .ico-r-date-inconnue:before {
	content: "\e946"
}

#bandeauConsentement .ico-r-deconnexion:before {
	content: "\e947"
}

#bandeauConsentement .ico-r-depannage:before {
	content: "\e948"
}

#bandeauConsentement .ico-r-dialoguer:before {
	content: "\e949"
}

#bandeauConsentement .ico-r-digiwatt:before {
	content: "\e94a"
}

#bandeauConsentement .ico-r-document:before {
	content: "\e94b"
}

#bandeauConsentement .ico-r-document-mail:before {
	content: "\e94c"
}

#bandeauConsentement .ico-r-documents:before {
	content: "\e94d"
}

#bandeauConsentement .ico-r-document-supplementaire:before {
	content: "\e94e"
}

#bandeauConsentement .ico-r-document-valide:before {
	content: "\e94f"
}

#bandeauConsentement .ico-r-donnees-personnelles:before {
	content: "\e950"
}

#bandeauConsentement .ico-r-douche:before {
	content: "\e951"
}

#bandeauConsentement .ico-r-droite:before {
	content: "\e952"
}

#bandeauConsentement .ico-r-eau-chaude:before {
	content: "\e953"
}

#bandeauConsentement .ico-r-eclairage:before {
	content: "\e954"
}

#bandeauConsentement .ico-r-ecologique:before {
	content: "\e955"
}

#bandeauConsentement .ico-r-economie-energetique:before {
	content: "\e956"
}

#bandeauConsentement .ico-r-economie-energie:before {
	content: "\e957"
}

#bandeauConsentement .ico-r-electricite:before {
	content: "\e958"
}

#bandeauConsentement .ico-r-e-mail:before {
	content: "\e959"
}

#bandeauConsentement .ico-r-emmenager-demenager:before {
	content: "\e95a"
}

#bandeauConsentement .ico-r-ete:before {
	content: "\e95b"
}

#bandeauConsentement .ico-r-facebook:before {
	content: "\e95c"
}

#bandeauConsentement .ico-r-facture:before {
	content: "\e95d"
}

#bandeauConsentement .ico-r-favori:before {
	content: "\e95e"
}

#bandeauConsentement .ico-r-fenetres:before {
	content: "\e95f"
}

#bandeauConsentement .ico-r-flag:before {
	content: "\e960"
}

#bandeauConsentement .ico-r-formulaire:before {
	content: "\e961"
}

#bandeauConsentement .ico-r-four:before {
	content: "\e962"
}

#bandeauConsentement .ico-r-gain:before {
	content: "\e963"
}

#bandeauConsentement .ico-r-gain2:before {
	content: "\e964"
}

#bandeauConsentement .ico-r-gauche:before {
	content: "\e965"
}

#bandeauConsentement .ico-r-gaz:before {
	content: "\e966"
}

#bandeauConsentement .ico-r-gazpar:before {
	content: "\e967"
}

#bandeauConsentement .ico-r-google:before {
	content: "\e968"
}

#bandeauConsentement .ico-r-graphique:before {
	content: "\e969"
}

#bandeauConsentement .ico-r-graphique-negatif:before {
	content: "\e96a"
}

#bandeauConsentement .ico-r-graphique-positif:before {
	content: "\e96b"
}

#bandeauConsentement .ico-r-habitat-norme:before {
	content: "\e96c"
}

#bandeauConsentement .ico-r-habitat-supplementaire:before {
	content: "\e96d"
}

#bandeauConsentement .ico-r-haut:before {
	content: "\e96e"
}

#bandeauConsentement .ico-r-hauteur-plafond:before {
	content: "\e96f"
}

#bandeauConsentement .ico-r-hiver:before {
	content: "\e970"
}

#bandeauConsentement .ico-r-horaire:before {
	content: "\e971"
}

#bandeauConsentement .ico-r-imprimer:before {
	content: "\e972"
}

#bandeauConsentement .ico-r-information:before {
	content: "\e973"
}

#bandeauConsentement .ico-r-interdit:before {
	content: "\e974"
}

#bandeauConsentement .ico-r-international:before {
	content: "\e975"
}

#bandeauConsentement .ico-r-interrupteur:before {
	content: "\e976"
}

#bandeauConsentement .ico-r-intervention:before {
	content: "\e977"
}

#bandeauConsentement .ico-r-isolation:before {
	content: "\e978"
}

#bandeauConsentement .ico-r-Isolation-combles-toit:before {
	content: "\e979"
}

#bandeauConsentement .ico-r-jaime:before {
	content: "\e97a"
}

#bandeauConsentement .ico-r-lavage-sechage:before {
	content: "\e97b"
}

#bandeauConsentement .ico-r-lave-vaisselle:before {
	content: "\e97c"
}

#bandeauConsentement .ico-r-lien:before {
	content: "\e97d"
}

#bandeauConsentement .ico-r-linky:before {
	content: "\e97e"
}

#bandeauConsentement .ico-r-lire:before {
	content: "\e97f"
}

#bandeauConsentement .ico-r-localisation:before {
	content: "\e980"
}

#bandeauConsentement .ico-r-locataire:before {
	content: "\e981"
}

#bandeauConsentement .ico-r-maison:before {
	content: "\e982"
}

#bandeauConsentement .ico-r-maison-connecte:before {
	content: "\e983"
}

#bandeauConsentement .ico-r-maison-etage:before {
	content: "\e984"
}

#bandeauConsentement .ico-r-maison-veranda:before {
	content: "\e985"
}

#bandeauConsentement .ico-r-malentendant:before {
	content: "\e986"
}

#bandeauConsentement .ico-r-masquer:before {
	content: "\e987"
}

#bandeauConsentement .ico-r-micro:before {
	content: "\e988"
}

#bandeauConsentement .ico-r-mitoyen:before {
	content: "\e989"
}

#bandeauConsentement .ico-r-mjz:before {
	content: "\e98a"
}

#bandeauConsentement .ico-r-mjz-plus:before {
	content: "\e98b"
}

#bandeauConsentement .ico-r-modifier:before {
	content: "\e98c"
}

#bandeauConsentement .ico-r-navigateur:before {
	content: "\e98d"
}

#bandeauConsentement .ico-r-ne-pas-recommander:before {
	content: "\e98e"
}

#bandeauConsentement .ico-r-notification:before {
	content: "\e98f"
}

#bandeauConsentement .ico-r-nouvelle-fenetre:before {
	content: "\e990"
}

#bandeauConsentement .ico-r-objet-connecte:before {
	content: "\e991"
}

#bandeauConsentement .ico-r-occupants-logement:before {
	content: "\e992"
}

#bandeauConsentement .ico-r-paiement:before {
	content: "\e993"
}

#bandeauConsentement .ico-r-panneaux-solaires:before {
	content: "\e994"
}

#bandeauConsentement .ico-r-parametres:before {
	content: "\e995"
}

#bandeauConsentement .ico-r-pdf:before {
	content: "\e996"
}

#bandeauConsentement .ico-r-performance-energetique:before {
	content: "\e997"
}

#bandeauConsentement .ico-r-piece-de-vie:before {
	content: "\e998"
}

#bandeauConsentement .ico-r-piece-jointe:before {
	content: "\e999"
}

#bandeauConsentement .ico-r-piscine:before {
	content: "\e99a"
}

#bandeauConsentement .ico-r-plaque:before {
	content: "\e99b"
}

#bandeauConsentement .ico-r-portable:before {
	content: "\e99c"
}

#bandeauConsentement .ico-r-prelevement-automatique:before {
	content: "\e99d"
}

#bandeauConsentement .ico-r-profil:before {
	content: "\e99e"
}

#bandeauConsentement .ico-r-proprietaire:before {
	content: "\e99f"
}

#bandeauConsentement .ico-r-question:before {
	content: "\e9a0"
}

#bandeauConsentement .ico-r-rapide:before {
	content: "\e9a1"
}

#bandeauConsentement .ico-r-recharger:before {
	content: "\e9a2"
}

#bandeauConsentement .ico-r-recherche-document:before {
	content: "\e9a3"
}

#bandeauConsentement .ico-r-rechercher:before {
	content: "\e9a4"
}

#bandeauConsentement .ico-r-recommander:before {
	content: "\e9a5"
}

#bandeauConsentement .ico-r-reduction:before {
	content: "\e9a6"
}

#bandeauConsentement .ico-r-refrigerateur-congelateur:before {
	content: "\e9a7"
}

#bandeauConsentement .ico-r-remboursement:before {
	content: "\e9a8"
}

#bandeauConsentement .ico-r-repondre:before {
	content: "\e9a9"
}

#bandeauConsentement .ico-r-retirer:before {
	content: "\e9aa"
}

#bandeauConsentement .ico-r-retirer-sujet:before {
	content: "\e9ab"
}

#bandeauConsentement .ico-r-rss:before {
	content: "\e9ac"
}

#bandeauConsentement .ico-r-sauvegarder:before {
	content: "\e9ad"
}

#bandeauConsentement .ico-r-seche-linge:before {
	content: "\e9ae"
}

#bandeauConsentement .ico-r-securise:before {
	content: "\e9af"
}

#bandeauConsentement .ico-r-service:before {
	content: "\e9b0"
}

#bandeauConsentement .ico-r-signaler:before {
	content: "\e9b1"
}

#bandeauConsentement .ico-r-sonnerie:before {
	content: "\e9b2"
}

#bandeauConsentement .ico-r-sujet:before {
	content: "\e9b3"
}

#bandeauConsentement .ico-r-sujet-en-cours:before {
	content: "\e9b4"
}

#bandeauConsentement .ico-r-sujet-resolu:before {
	content: "\e9b5"
}

#bandeauConsentement .ico-r-sujet-supprimer:before {
	content: "\e9b6"
}

#bandeauConsentement .ico-r-supprimer:before {
	content: "\e9b7"
}

#bandeauConsentement .ico-r-supprimer-poubelle:before {
	content: "\e9b8"
}

#bandeauConsentement .ico-r-supprimer-rond:before {
	content: "\e9b9"
}

#bandeauConsentement .ico-r-surface-du-logement:before {
	content: "\e9ba"
}

#bandeauConsentement .ico-r-surface-vitree:before {
	content: "\e9bb"
}

#bandeauConsentement .ico-r-surveiller-budget:before {
	content: "\e9bc"
}

#bandeauConsentement .ico-r-tableau-de-bord:before {
	content: "\e9bd"
}

#bandeauConsentement .ico-r-tableau-de-bord2:before {
	content: "\e9be"
}

#bandeauConsentement .ico-r-tablette:before {
	content: "\e9bf"
}

#bandeauConsentement .ico-r-telechargement:before {
	content: "\e9c0"
}

#bandeauConsentement .ico-r-telecharger:before {
	content: "\e9c1"
}

#bandeauConsentement .ico-r-telephone:before {
	content: "\e9c2"
}

#bandeauConsentement .ico-r-touch:before {
	content: "\e9c3"
}

#bandeauConsentement .ico-r-tranquillite:before {
	content: "\e9c4"
}

#bandeauConsentement .ico-r-twitter:before {
	content: "\e9c5"
}

#bandeauConsentement .ico-r-valider:before {
	content: "\e9c6"
}

#bandeauConsentement .ico-r-valider-rond:before {
	content: "\e9c7"
}

#bandeauConsentement .ico-r-vehicule-electrique:before {
	content: "\e9c8"
}

#bandeauConsentement .ico-r-vert-auto:before {
	content: "\e9c9"
}

#bandeauConsentement .ico-r-vert-elec:before {
	content: "\e9ca"
}

#bandeauConsentement .ico-r-vert-wd:before {
	content: "\e9cb"
}

#bandeauConsentement .ico-r-visio:before {
	content: "\e9cc"
}

#bandeauConsentement .ico-r-visio-malentendant:before {
	content: "\e9cd"
}

#bandeauConsentement .ico-r-visio-off:before {
	content: "\e9ce"
}

#bandeauConsentement .ico-r-visio-tchat:before {
	content: "\e9cf"
}

#bandeauConsentement .ico-r-youtube:before {
	content: "\e9d0"
}

#bandeauConsentement .ico-r-zip:before {
	content: "\e9d1"
}

@font-face {
	font-family: 'frutiger';
	src: url('stylesheets/fonts/Frutiger/Frutiger_Regular.ttf') format("truetype");
	src: url('stylesheets/fonts/Frutiger/Frutiger_Regular.woff') format("woff")
}
.atomx-notification--information{border:1px solid #005BBB;color:#333}.atomx-notification--information .atomx-notification__error{background-color:#005BBB;color:#fff}.atomx-notification--error{border:1px solid #f23037;color:#333}.atomx-notification--error .atomx-notification__error{background-color:#f23037;color:#fff}.atomx-notification--warning{border:1px solid #FFA02F;color:#333}.atomx-notification--warning .atomx-notification__error{background-color:#FFA02F;color:#fff}.atomx-notification--success{border:1px solid #00aa70;color:#333}.atomx-notification--success .atomx-notification__error{background-color:#00aa70;color:#fff}.atomx-notification{border-radius:.125rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-border-radius:.125rem;-moz-border-radius:.125rem;-ms-border-radius:.125rem;-o-border-radius:.125rem;position:relative}.atomx-notification p{font-family:"frutiger";font-size:1rem;line-height:1.25rem;margin:0}.atomx-notification__error{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-item-align:stretch;align-self:stretch;padding:0 .5625rem}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.atomx-notification__error{min-width:2.25rem}}.atomx-notification--information{background-color:#005bbb33}.atomx-notification--error{background-color:#f2303733}.atomx-notification--warning{background-color:#ffa02f33}.atomx-notification--success{background-color:#00aa7033}.atomx-notification__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;padding:.4375rem .75rem}.atomx-notification__close{margin-left:20px}.atomx-notification__close button{background:0 none;border:0 none;padding:0;width:18px;height:18px;line-height:25px;margin:14px 0 14px 12px;border-radius:32px;background-color:#ffffff}


/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */

/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
    position: relative;
    margin: 0 auto 60px;
    padding: 0;
    *zoom: 1;
}

/*.bx-wrapper img {
  max-width: 100%;
  display: block;
}*/

/** THEME
===================================*/
.bx-wrapper .bx-viewport {
    /*fix other elements on the page moving (on Chrome)*/
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -30px;
    width: 100%;
}

/* LOADER */
.bx-wrapper .bx-loading {
    min-height: 50px;
    /*background: url(../../../apps/EDF_RC/components/contractSelector/clientlib/css/images/bx_loader.gif) center center no-repeat #fff;*/
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
}

/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #fff;
    text-indent: -9999px;
    display: block;
    width: 15px;
    height: 15px;
    margin: 0 10px;
    outline: 0;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
    background: url(../../../apps/EDF_RC/components/contractSelector/clientlib/css/images/prev.png) no-repeat;
}

.bx-wrapper .bx-next {
    right: 10px;
    background: url(../../../apps/EDF_RC/components/contractSelector/clientlib/css/images/next.png) no-repeat;
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -40px;
    outline: 0;
    width: 32px;
    height: 60px;
    text-indent: -9999px;
    z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: none;
}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
    text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url(../../../apps/EDF_RC/components/contractSelector/clientlib/css/images/controls.png) -86px -11px no-repeat;
    margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {
    background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url(../../../apps/EDF_RC/components/contractSelector/clientlib/css/images/controls.png) -86px -44px no-repeat;
    margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active {
    background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px;
}

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666\9;
    background: rgba(80, 80, 80, 0.75);
    width: 100%;
}

.bx-wrapper .bx-caption span {
  color: #fff;
  display: block;
  font-size: .85em;
  padding: 10px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: none repeat scroll 0 0 #fe5815;
}

.bx-clone {
    display: none;
}

@media only screen and (max-width: 79.99em) {
    .bx-wrapper .bx-next {
        right: -20px;
        background: url(../../../apps/EDF_RC/components/contractSelector/clientlib/css/images/next.png) no-repeat;
    }
}

/* HOME POPIN*/

.slider-contrat ul li {
    padding: 0;
}

.type-contrat img {
    float: left;
    margin-right: 8px;
}

.popin-connexion {
    background: rgb(0, 0, 0);
    background: transparent\9;
    background-color: rgba(0, 0, 0, 0.58);
    zoom: 1;
    background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
    position: fixed;
    height: 100%;
    width: 100%;
    display: none;
    z-index: 2001;
    cursor: pointer;
}

.popin-connexion:nth-child(n) {
    filter: none;
}

.container-popin {
    display: none;
    position: absolute;
    width: 100%;
    z-index: 2002;
    overflow: hidden;
    box-shadow: 0 4px 40px -10px #000;
    margin-top: 135px;
}

.bg-popin {
    background-color: #eff2f4;
    border: 1px solid #fff;
    float: left;
    width: 100%;
}

#titre-popin {
    color: #fe5815;
    margin: 25px 0 15px;
    font-size: 2.5em;
    font-weight: normal;
}

.sous-titre-popin {
    margin-bottom: 5px;
}

.note-popin {
    margin: 0 0 30px 0;
}

.parties-popin {
    width: 50%;
    float: left;
    margin-top: 20px;
}

.popin-connexion label {
    color: #1d1d1d;
}

.selection-retenir {
    margin-left: 110px;
    margin-top: 10px;
    margin-bottom: 25px;
}

.input-popin {
    height: 25px;
    width: 70%;
}

.btn-1-popin {
    background-image: url(../../../apps/EDF_RC/components/contractSelector/clientlib/images/site/images/bouton-1popin.jpg);
    background-repeat: no-repeat;
    color: #ffffff;
    font-size: 0.79em;
    padding-bottom: 7px;
    padding-left: 37px;
    padding-top: 5px;
}

.btn-2-popin {
    background-image: url(../../../apps/EDF_RC/components/contractSelector/clientlib/images/site/images/bouton-2-popin.jpg);
    background-repeat: no-repeat;
    color: #ffffff;
    font-size: 0.79em;
    padding-bottom: 7px;
    padding-left: 37px;
    padding-top: 5px;
}

#btn-1popin a {
    text-decoration: none;
}

#btn-popin2 {
    margin-top: 20px;
    width: 20%;
    float: left;
    margin-right: 30px;
}

#btn-popin {
    margin-top: 20px;
    width: 20%;
    float: right;
    margin-right: 30px;
}

.parties-popin a {
    text-decoration: none;
    color: #1d1d1d;
}

.liens-popin {
    margin-top: 40px;
    display: block;
}

#separateur-popin {
    border-bottom: 2px solid #fff;
    float: left;
    padding-bottom: 30px;
    margin-bottom: 30px;
    width: 100%;
}

/**************************** BLOC POPUP CONTRAT *****************************/
.bx-wrapper .bx-loading {
    display: none;
}

.slider-contrat {
    margin-top: 50px;
}

.popup-contrats {
    background-color: #474747;
    height: 380px;
    /*position:absolute;
    left:0;
    right:0;
    z-index:1001;*/
}

.contrat {
    margin: 10px;
    background-color: #fff;
    padding: 20px;
    height: 235px;
    border: 2px solid #fff;
    /* Prevent a visible jump when selected (border is added via JS). */
}

.contrat a {
    text-align: left;
    font-size: inherit;
}

.contrat.active {
    border: 1px solid #FE5815;
}

.resilie-contrat {
    color: red;
    margin-top: -10px;
    margin-bottom: 8px;
    font-size: 15px;
}

.info-ico {
    float: left;
    margin: 3px 0 0;
    font-size: 16px;
}

.bloc-type-contrat {
    border-top: 1px solid #ccc;
    bottom: -37px;
    padding-top: 10px;
    position: relative;
}

.bloc-type-contrat-resilie {
    bottom: -20px;
    position: relative;
    border-top: 1px solid #ccc;
    padding-top: 10px;
}

.type-contrat {
    color:#474747;
    font-size: 1.250em;
    text-transform: uppercase;
    /*height:36px;*/
}

.gaz img {
    margin-left: 72px;
}

.centre-elec {
    padding: 0 70px;
}

.centre-gaz {
    padding: 0 110px;
}

.margin-l {
    margin-right: 12px;
}

.margin-r {
    text-align: right;
}

.div-elec {
    display: inline-block;
    padding-left: 30px;
    background-image: url("../../../apps/EDF_RC/components/contractSelector/clientlib/css/images/ico_elec.png");
    background-position: left center;
    background-repeat: no-repeat;
    transition: all 0.5s ease 0s;
}

.div-gas {
    display: inline-block;
    padding-left: 30px;
    background-image: url("../../../apps/EDF_RC/components/contractSelector/clientlib/css/images/ico_gaz.png");
    background-position: left center;
    background-repeat: no-repeat;
    transition: all 0.5s ease 0s;
}

.contrat-top {
    height: 115px;
}

.num-contrat {
    font-weight: bold;
    color:#474747;
    font-size: 1.1em;
    margin:0;
    margin-bottom: 5px;
  }
  .etat-contrat {
    font-weight: bold;
    color:#8e8e8e;
    font-size: 1.375em;
    text-transform: uppercase;
    margin:0;
    margin-bottom: 10px;
  }
  .etat-contrat-vide {
    margin-bottom: 46px;
  }
  .nom-client-contrat {
    color:#107bb5;
    font-size: 1em;
    margin:0;
  }
  .adresse-client-contrat {
    color:#107bb5;
    font-size: 1em;
    width: 89%;
    margin:0 0 20px 0;
  }

/*********************** MEDIA QUERIES ************************/
@media only screen and (max-width: 1279px) {
  .num-contrat {
    font-weight: bold;
    color:#474747;
    font-size: 0.81em;
    margin:0;
    margin-bottom: 5px;
  }
  .etat-contrat {
    font-weight: bold;
    color:#8e8e8e;
    font-size: 0.81em;
    text-transform: uppercase;
    margin:0;
    margin-bottom: 10px;
  }
  .etat-contrat-vide {
    margin-bottom: 46px;
  }
  .nom-client-contrat {
    color:#107bb5;
    font-size: 0.81em;
    margin:0;
  }
  .adresse-client-contrat {
    color:#107bb5;
    font-size: 0.81em;
    width: 89%;
    margin:0 0 20px 0;
  }

    .margin-l {
        margin-right: 9px;
    }
    .gaz img {
        margin-left: 46px;
    }
    .info-ico {
        font-size: 16px;
        margin-top: 3px;
    }
    .centre-elec {
        padding: 0 57px;
    }
    .centre-gaz {
        padding: 0 84px;
    }
    .type-contrat img {
        margin-right: 4px;
    }
    .resilie-contrat {
        margin-bottom: 18px;
    }
    .bloc-type-contrat-resilie {
        bottom: -10px;
        position: relative;
    }
}

@media only screen and (max-width: 768px) {

    .num-contrat {
    font-weight: bold;
    color:#474747;
    margin:0;
    margin-bottom: 5px;
  }
  .etat-contrat {
    font-weight: bold;
    color:#8e8e8e;
    font-size: 1.063em;
    text-transform: uppercase;
    margin: 0 0 20px;
  }
  .etat-contrat-vide {
    margin-bottom: 46px;
  }
  .nom-client-contrat {
    color:#107bb5;
    font-size: 0.750em;
    margin:0;
  }
  .adresse-client-contrat {
    color:#107bb5;
    font-size: 0.750em;
    width: 98%;
    margin:0 0 20px 0;
  }

    .info-ico {
        font-size: 12px;
        margin-top: 6px;
    }
    .gaz img {
        margin-left: 33px;
    }
    .contrat {
        height: 262px;
        margin: 20px 0 20px 23px;
        padding: 20px 10px;
    }
    .centre-elec {
        padding: 0 43px;
    }
    .centre-gaz {
        padding: 0 61px;
    }
    .resilie-contrat {
        font-size: 0.8em;
    }
    .bloc-type-contrat-resilie {
        bottom: -17px;
        position: relative;
    }
    .margin-l {
        margin-right: 7px;
    }
}

.contact-bloc {
    margin: 10px 0 15px 0;
}

.contact-bloc .contact-item:first-child {
    padding-left: 0;
}

.contact-bloc .contact-item:first-child+.contact-item+.contact-item {
    padding-right: 0;
}

.contact-item {
    padding-right: 10px;
}

.bloc-full-width {
    width: 100%;
}

.contact-bloc p, .contact-bloc .phone-availability {
    letter-spacing: normal;
}
.contact-content .i-chevron-right{
    color: #005bbb;
}
.contact-content {
    border: 1px solid #e4e4e4;
    border-radius: 2px;
    min-height: 95px;
    height: auto;
    background-color: white;
    margin: auto;
    min-height: 105px;
}

.contactBloc.section {
    margin-top: 35px;
    margin-bottom: 40px;
}

.contact-item-text p {
    font-size: 0.9375em;
    margin-top: 0;
    margin-bottom: 0;
}

.contact-bloc .contact-item-form, .contact-bloc .akio_openChatPopup, .contact-bloc .contact-item-canalG, .contact-bloc .contact-item-WCB {
    cursor: pointer;
}

.textual-center {
    padding-top: 10px;
}

.vertical-center {
    line-height: 80px;
}

.contact-container-text {
    display: block;
    text-align: left;
}

.contact-container-text span {
    vertical-align: middle;
}

.contact-bloc .text-center {
    text-align: center;
}

.phone-availability {
    font-size: 0.75em;
}

.contact-item-textual .contact-item-icon {
    float: left;
    border-right: 1px solid #e4e4e4;
}

.contact-item-selected {
    color: #001A70;
}

/*provisoire*/
.contact-item-icon {
    margin-top: 22px;
}

.contact-item-icon img{
    height: 40px;
    margin-top: 10px;
}

@media screen and (max-width: 952px) {
    .contact-item-phone .contact-container-text {
        line-height: 1;
    }
}
@media screen and (max-width: 786px) {
    .contact-item-icon {
        border-right: 1px solid #e5e5e5;
        text-align: center;
        height: 54px;
    }
    .contact-item-text {
        padding-left: 10px;
        color: #666666;
    }
    .contact-bloc .cq-dd-image {
        margin-top: 20px;
        width: 30px;
    }
}
@media screen and (min-width: 789px) {
    .contact-item-icon {
        border-right: 1px solid #e5e5e5;
        text-align: center;
        height: 54px;
    }
    .contact-item-text {
        padding-left: 25px;
        color: #666666;
    }
}

/* DEFAULT */
.componentSeparation .line-separator .container {
  overflow: hidden;
}

.componentSeparation .line-separator .container .line {
  margin: 40px auto; /* default */
  width: 100%; /* default */
  height: 1px; /* default */
  border: 0; /* on utilise border au lieu du height pour eviter des effets de hauteur differents pour le cas 1px sur navigateurs */
  border-color: transparent; /* default */
  background : none;
  color: transparent;
}

/* HEIGHT OPTIONS*/
.componentSeparation .line-separator .container .line.sm-height {
  border-top: 1px solid;
}
.componentSeparation .line-separator .container .line.md-height {
  border-top: 2px solid;
}
.componentSeparation .line-separator .container .line.lg-height {
  border-top: 5px solid;
}

/* WIDTHS OPTIONS */
.componentSeparation .line-separator .container .line.md-width {
  max-width: 160px;
}
.componentSeparation .line-separator .container .line.sm-width {
  max-width: 80px;
}
.componentSeparation .line-separator .container  .line.lg-width {
  max-width : 100%;
}

  /* ALIGNMENT OPTIONS */
.componentSeparation .line-separator .container .line.align-left {
  float: left;
}
.componentSeparation .line-separator .container .line.align-right {
  float: right;
}

/* LINE COLORS OPTIONS */
.componentSeparation .line-separator .container .line.blue-bg {
  border-color: #005bbb;
}
.componentSeparation .line-separator .container .line.green-bg {
  border-color: #509e2f;
}
.componentSeparation .line-separator .container .line.lightgreen-bg {
  border-color: #c4d600;
}
.componentSeparation .line-separator .container .line.lightgrey-bg {
  border-color: #f2f2f2;
}
.componentSeparation .line-separator .container .line.gray-bg {
  border-color: #666666;
}
.componentSeparation .line-separator .container .line.lightorange-bg {
  border-color: #ffa02f;
}
.componentSeparation .line-separator .container .line.orange-bg {
  border-color: #fe5815;
}
.componentSeparation .line-separator .container .line.white-bg {
  border-color: white;
}

/* RESPONSIVE */
@media screen and (max-width: 767px){
  .componentSeparation .line-separator .container .line.mobile-hide {
    display: none;
  }
}
.columns {
    margin-bottom: 20px;
    margin-top: 20px;
}

.columns h2 {
    padding: 5px 10px;
}

.columns .col:last-child .dispdata_bloc_border {
    border-right: none;
}

.columns .borderSimple {
    border: solid #c5c5c5 1px;
}

.columns .noBorder {
    border: none;
}

.columns .borderWithShadow {
    border-color: #CECECE;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 2px 5px 1px #BFBFBF;
}

.columns .col .col-without-border {
    margin: 15px 0;
    padding: 0 10px;
}

.columns .col .col-with-border {
    border-right: 2px #c5c5c5 solid;
    margin: 15px 0;
    padding: 0 10px;
}

.columns .col:last-child  .col-with-border {
    margin: 15px 0;
    padding: 0 10px;
    border-right: none;
}

.columns .space {
    padding-right: 5px;
    padding-left: 5px;
}

.columns .col img {
    max-width: 100%;
}

.columns .title_bloc_columns {
    padding-top: 1px;
    padding-left: 10px;
    padding-bottom: 1px;
    border-bottom: solid 1px #c5c5c5;
}

.columns .columns_tintArea {
    margin: 0;
}

.columnsContactBloc .center-bloc-contact {
    width: 450px;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 767px) {
    #contactBlocList {
        display: block;
    }
}
.columns {
    margin-bottom: 20px;
    margin-top: 20px;
}

.columns h2 {
    padding: 5px 10px;
}

.columns .col:last-child .dispdata_bloc_border {
    border-right: none;
}

.columns .borderSimple {
    border: solid #c5c5c5 1px;
}

.columns .noBorder {
    border: none;
}

.columns .borderWithShadow {
    border-color: #CECECE;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 2px 5px 1px #BFBFBF;
}

.columns .col .col-without-border {
    margin: 15px 0;
    padding: 0 10px;
}

.columns .col .col-with-border {
    border-right: 2px #c5c5c5 solid;
    margin: 15px 0;
    padding: 0 10px;
}

.columns .col:last-child  .col-with-border {
    margin: 15px 0;
    padding: 0 10px;
    border-right: none;
}

.columns .space {
    padding-right: 5px;
    padding-left: 5px;
}

.columns .col img {
    max-width: 100%;
}

.columns .title_bloc_columns {
    padding-top: 1px;
    padding-left: 10px;
    padding-bottom: 1px;
    border-bottom: solid 1px #c5c5c5;
}

.columns .columns_tintArea {
    margin: 0;
}

.choiceBloc {
  margin-bottom: 50px;
}
.choiceContractEntryIndex {
  margin-top: 40px;
}

.choiceContractEntryIndex p {
  margin-bottom: 25px;
}

.choiceContractEntryIndex .choiceContract {
  background-color: #f8f8f8;
  border-left: 4px solid;
  padding: 20px;
  margin-bottom: 10px;
}

.choiceContractEntryIndex .choiceContract h3 {
  margin: 0;
  font-size: 16px;
  font-family: arial, Sans-Serif;
}

.choiceContractEntryIndex .choiceContract h3 span {
  display: inline-block;
  height: 28px;
  width: 28px;
  background-repeat: no-repeat;
  position: relative;
  top: -2px;
  margin-right: 10px;
  float: left;
}

.choiceContractEntryIndex .choiceContract h3 span.ico-info {
  display: inline-block;
  height: 16px;
  width: 15px;
  background-image: url(assets/img/sprites/icons.png);
  background-repeat: no-repeat;
  background-position: -20px -696px;
  margin-left: 10px;
  position: relative;
  top: 0px;
  float: right;
}

.choiceContractEntryIndex .choiceContract button {
  float: right;
}

.choiceContractEntryIndex .centerDivBloc {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 95%;
}

.choiceContractEntryIndex .choiceContractElec {
  border-color: #001a70;
  height: 110px;
  position: relative;
}

.choiceContractEntryIndex .choiceContractElec h3 {
  color: #001a70;
}


.choiceContractEntryIndex .center-block-energy {
  position: absolute;
  top: 60%;
  transform: translateY(-50%);
}

.choiceContractEntryIndex .choiceContractGaz {
  border-color: #fe5815;
  height: 110px;
  position: relative;
}

.choiceContractEntryIndex .choiceContractGaz h3 {
  color: #fe5815;
}


.choiceContractEntryIndex .message-info {
  font-size: 14px;
  font-style: italic;
  color: #a1acaf;
}

@media screen and (max-width: 35em) {
  .choiceContractEntryIndex .choiceContractElec,
  .choiceContractEntryIndex .choiceContractGaz {
    height: auto;
  }

  .choiceContractEntryIndex .centerDivBloc {
    position: static;
    width: auto;
    transform: none;
  }

  .choiceContractEntryIndex .center-block-energy {
    position: static;
    transform: none;
  }

  .choiceContractEntryIndex .choiceContract button {
    display: block;
    float: none;
    margin: .5em auto;
  }
}
.bosonx-descriptiveCard__body .text > *:first-child,
.bosonx-descriptiveCard__body .text > link:first-child + * {
    margin-top: 0 !important;
}
.bosonx-descriptiveCard__body .text > *:last-child {
    margin-bottom: 0 !important;
}

.bosonx-grid--equalheight .bosonx-grid__item--content-start .carteDescriptive {
	height: 100%; 
}

.bosonx-grid--equalheight .bosonx-grid__item--content-start .cardOffres {
	height: 100%; 
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0; 
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  /* added line */
  border: 0; }

a.atomx-btn--theme-primary, button.atomx-btn--theme-primary, input.atomx-btn--theme-primary {
  color: #fff !important;
  background: #006DFF; }
a.atomx-btn--theme-primary:hover, button.atomx-btn--theme-primary:hover, input.atomx-btn--theme-primary:hover {
  color: #fff !important;
  background: #004cb3; }
a.atomx-btn--theme-primary.disabled, a.atomx-btn--theme-primary:disabled, button.atomx-btn--theme-primary.disabled, button.atomx-btn--theme-primary:disabled, input.atomx-btn--theme-primary.disabled, input.atomx-btn--theme-primary:disabled {
  color: #9E9E9E !important;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn--theme-primary.disabled:active::before, a.atomx-btn--theme-primary:disabled:active::before, button.atomx-btn--theme-primary.disabled:active::before, button.atomx-btn--theme-primary:disabled:active::before, input.atomx-btn--theme-primary.disabled:active::before, input.atomx-btn--theme-primary:disabled:active::before {
  box-shadow: inset 0 4px 0 1px transparent; }
a.atomx-btn--theme-primary.atomx-btn__active, a.atomx-btn--theme-primary:active, button.atomx-btn--theme-primary.atomx-btn__active, button.atomx-btn--theme-primary:active, input.atomx-btn--theme-primary.atomx-btn__active, input.atomx-btn--theme-primary:active {
  position: relative; }
a.atomx-btn--theme-primary.atomx-btn__active::before, a.atomx-btn--theme-primary:active::before, button.atomx-btn--theme-primary.atomx-btn__active::before, button.atomx-btn--theme-primary:active::before, input.atomx-btn--theme-primary.atomx-btn__active::before, input.atomx-btn--theme-primary:active::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 4px;
  width: 100%;
  box-shadow: inset 0 4px 0 1px #004199; }

a.atomx-btn--theme-secondary, button.atomx-btn--theme-secondary, input.atomx-btn--theme-secondary {
  color: #fff !important;
  background: #666666; }
a.atomx-btn--theme-secondary:hover, button.atomx-btn--theme-secondary:hover, input.atomx-btn--theme-secondary:hover {
  color: #fff !important;
  background: #404040; }
a.atomx-btn--theme-secondary.disabled, a.atomx-btn--theme-secondary:disabled, button.atomx-btn--theme-secondary.disabled, button.atomx-btn--theme-secondary:disabled, input.atomx-btn--theme-secondary.disabled, input.atomx-btn--theme-secondary:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn--theme-secondary.disabled:active::before, a.atomx-btn--theme-secondary:disabled:active::before, button.atomx-btn--theme-secondary.disabled:active::before, button.atomx-btn--theme-secondary:disabled:active::before, input.atomx-btn--theme-secondary.disabled:active::before, input.atomx-btn--theme-secondary:disabled:active::before {
  box-shadow: inset 0 4px 0 1px transparent; }
a.atomx-btn--theme-secondary.atomx-btn__active, a.atomx-btn--theme-secondary:active, button.atomx-btn--theme-secondary.atomx-btn__active, button.atomx-btn--theme-secondary:active, input.atomx-btn--theme-secondary.atomx-btn__active, input.atomx-btn--theme-secondary:active {
  position: relative; }
a.atomx-btn--theme-secondary.atomx-btn__active::before, a.atomx-btn--theme-secondary:active::before, button.atomx-btn--theme-secondary.atomx-btn__active::before, button.atomx-btn--theme-secondary:active::before, input.atomx-btn--theme-secondary.atomx-btn__active::before, input.atomx-btn--theme-secondary:active::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 4px;
  width: 100%;
  box-shadow: inset 0 4px 0 1px #333333; }

a.atomx-btn--theme-success, button.atomx-btn--theme-success, input.atomx-btn--theme-success {
  color: #fff !important;
  background: #00C172; }
a.atomx-btn--theme-success:hover, button.atomx-btn--theme-success:hover, input.atomx-btn--theme-success:hover {
  color: #fff !important;
  background: #007545; }
a.atomx-btn--theme-success.disabled, a.atomx-btn--theme-success:disabled, button.atomx-btn--theme-success.disabled, button.atomx-btn--theme-success:disabled, input.atomx-btn--theme-success.disabled, input.atomx-btn--theme-success:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn--theme-success.disabled:active::before, a.atomx-btn--theme-success:disabled:active::before, button.atomx-btn--theme-success.disabled:active::before, button.atomx-btn--theme-success:disabled:active::before, input.atomx-btn--theme-success.disabled:active::before, input.atomx-btn--theme-success:disabled:active::before {
  box-shadow: inset 0 4px 0 1px transparent; }
a.atomx-btn--theme-success.atomx-btn__active, a.atomx-btn--theme-success:active, button.atomx-btn--theme-success.atomx-btn__active, button.atomx-btn--theme-success:active, input.atomx-btn--theme-success.atomx-btn__active, input.atomx-btn--theme-success:active {
  position: relative; }
a.atomx-btn--theme-success.atomx-btn__active::before, a.atomx-btn--theme-success:active::before, button.atomx-btn--theme-success.atomx-btn__active::before, button.atomx-btn--theme-success:active::before, input.atomx-btn--theme-success.atomx-btn__active::before, input.atomx-btn--theme-success:active::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 4px;
  width: 100%;
  box-shadow: inset 0 4px 0 1px #005b36; }

a.atomx-btn--theme-warning, button.atomx-btn--theme-warning, input.atomx-btn--theme-warning {
  color: #fff !important;
  background: #FE5815; }
a.atomx-btn--theme-warning:hover, button.atomx-btn--theme-warning:hover, input.atomx-btn--theme-warning:hover {
  color: #fff !important;
  background: #c63901; }
a.atomx-btn--theme-warning.disabled, a.atomx-btn--theme-warning:disabled, button.atomx-btn--theme-warning.disabled, button.atomx-btn--theme-warning:disabled, input.atomx-btn--theme-warning.disabled, input.atomx-btn--theme-warning:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn--theme-warning.disabled:active::before, a.atomx-btn--theme-warning:disabled:active::before, button.atomx-btn--theme-warning.disabled:active::before, button.atomx-btn--theme-warning:disabled:active::before, input.atomx-btn--theme-warning.disabled:active::before, input.atomx-btn--theme-warning:disabled:active::before {
  box-shadow: inset 0 4px 0 1px transparent; }
a.atomx-btn--theme-warning.atomx-btn__active, a.atomx-btn--theme-warning:active, button.atomx-btn--theme-warning.atomx-btn__active, button.atomx-btn--theme-warning:active, input.atomx-btn--theme-warning.atomx-btn__active, input.atomx-btn--theme-warning:active {
  position: relative; }
a.atomx-btn--theme-warning.atomx-btn__active::before, a.atomx-btn--theme-warning:active::before, button.atomx-btn--theme-warning.atomx-btn__active::before, button.atomx-btn--theme-warning:active::before, input.atomx-btn--theme-warning.atomx-btn__active::before, input.atomx-btn--theme-warning:active::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 4px;
  width: 100%;
  box-shadow: inset 0 4px 0 1px #ac3201; }

a.atomx-btn--theme-danger, button.atomx-btn--theme-danger, input.atomx-btn--theme-danger {
  color: #fff !important;
  background: #E62333; }
a.atomx-btn--theme-danger:hover, button.atomx-btn--theme-danger:hover, input.atomx-btn--theme-danger:hover {
  color: #fff !important;
  background: #a91320; }
a.atomx-btn--theme-danger.disabled, a.atomx-btn--theme-danger:disabled, button.atomx-btn--theme-danger.disabled, button.atomx-btn--theme-danger:disabled, input.atomx-btn--theme-danger.disabled, input.atomx-btn--theme-danger:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn--theme-danger.disabled:active::before, a.atomx-btn--theme-danger:disabled:active::before, button.atomx-btn--theme-danger.disabled:active::before, button.atomx-btn--theme-danger:disabled:active::before, input.atomx-btn--theme-danger.disabled:active::before, input.atomx-btn--theme-danger:disabled:active::before {
  box-shadow: inset 0 4px 0 1px transparent; }
a.atomx-btn--theme-danger.atomx-btn__active, a.atomx-btn--theme-danger:active, button.atomx-btn--theme-danger.atomx-btn__active, button.atomx-btn--theme-danger:active, input.atomx-btn--theme-danger.atomx-btn__active, input.atomx-btn--theme-danger:active {
  position: relative; }
a.atomx-btn--theme-danger.atomx-btn__active::before, a.atomx-btn--theme-danger:active::before, button.atomx-btn--theme-danger.atomx-btn__active::before, button.atomx-btn--theme-danger:active::before, input.atomx-btn--theme-danger.atomx-btn__active::before, input.atomx-btn--theme-danger:active::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 4px;
  width: 100%;
  box-shadow: inset 0 4px 0 1px #92111b; }

a.atomx-btn--theme-light, button.atomx-btn--theme-light, input.atomx-btn--theme-light {
  color: #333333;
  background: #fff !important; }
a.atomx-btn--theme-light:hover, button.atomx-btn--theme-light:hover, input.atomx-btn--theme-light:hover {
  color: #333333;
  background: #d9d9d9; }
a.atomx-btn--theme-light.disabled, a.atomx-btn--theme-light:disabled, button.atomx-btn--theme-light.disabled, button.atomx-btn--theme-light:disabled, input.atomx-btn--theme-light.disabled, input.atomx-btn--theme-light:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn--theme-light.disabled:active::before, a.atomx-btn--theme-light:disabled:active::before, button.atomx-btn--theme-light.disabled:active::before, button.atomx-btn--theme-light:disabled:active::before, input.atomx-btn--theme-light.disabled:active::before, input.atomx-btn--theme-light:disabled:active::before {
  box-shadow: inset 0 4px 0 1px transparent; }
a.atomx-btn--theme-light.atomx-btn__active, a.atomx-btn--theme-light:active, button.atomx-btn--theme-light.atomx-btn__active, button.atomx-btn--theme-light:active, input.atomx-btn--theme-light.atomx-btn__active, input.atomx-btn--theme-light:active {
  position: relative; }
a.atomx-btn--theme-light.atomx-btn__active::before, a.atomx-btn--theme-light:active::before, button.atomx-btn--theme-light.atomx-btn__active::before, button.atomx-btn--theme-light:active::before, input.atomx-btn--theme-light.atomx-btn__active::before, input.atomx-btn--theme-light:active::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 4px;
  width: 100%;
  box-shadow: inset 0 4px 0 1px #cccccc; }

a.atomx-btn--theme-dark, button.atomx-btn--theme-dark, input.atomx-btn--theme-dark {
  color: #fff !important;
  background: #1A1A1A; }
a.atomx-btn--theme-dark:hover, button.atomx-btn--theme-dark:hover, input.atomx-btn--theme-dark:hover {
  color: #fff !important;
  background: black; }
a.atomx-btn--theme-dark.disabled, a.atomx-btn--theme-dark:disabled, button.atomx-btn--theme-dark.disabled, button.atomx-btn--theme-dark:disabled, input.atomx-btn--theme-dark.disabled, input.atomx-btn--theme-dark:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn--theme-dark.disabled:active::before, a.atomx-btn--theme-dark:disabled:active::before, button.atomx-btn--theme-dark.disabled:active::before, button.atomx-btn--theme-dark:disabled:active::before, input.atomx-btn--theme-dark.disabled:active::before, input.atomx-btn--theme-dark:disabled:active::before {
  box-shadow: inset 0 4px 0 1px transparent; }
a.atomx-btn--theme-dark.atomx-btn__active, a.atomx-btn--theme-dark:active, button.atomx-btn--theme-dark.atomx-btn__active, button.atomx-btn--theme-dark:active, input.atomx-btn--theme-dark.atomx-btn__active, input.atomx-btn--theme-dark:active {
  position: relative; }
a.atomx-btn--theme-dark.atomx-btn__active::before, a.atomx-btn--theme-dark:active::before, button.atomx-btn--theme-dark.atomx-btn__active::before, button.atomx-btn--theme-dark:active::before, input.atomx-btn--theme-dark.atomx-btn__active::before, input.atomx-btn--theme-dark:active::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 4px;
  width: 100%;
  box-shadow: inset 0 4px 0 1px black; }

a.atomx-btn--theme-orange-dark, button.atomx-btn--theme-orange-dark, input.atomx-btn--theme-orange-dark {
  color: #333333;
  background: #FFA02F; }
a.atomx-btn--theme-orange-dark:hover, button.atomx-btn--theme-orange-dark:hover, input.atomx-btn--theme-orange-dark:hover {
  color: #fff !important;
  background: #e27b00; }
a.atomx-btn--theme-orange-dark.disabled, a.atomx-btn--theme-orange-dark:disabled, button.atomx-btn--theme-orange-dark.disabled, button.atomx-btn--theme-orange-dark:disabled, input.atomx-btn--theme-orange-dark.disabled, input.atomx-btn--theme-orange-dark:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn--theme-orange-dark.disabled:active::before, a.atomx-btn--theme-orange-dark:disabled:active::before, button.atomx-btn--theme-orange-dark.disabled:active::before, button.atomx-btn--theme-orange-dark:disabled:active::before, input.atomx-btn--theme-orange-dark.disabled:active::before, input.atomx-btn--theme-orange-dark:disabled:active::before {
  box-shadow: inset 0 4px 0 1px transparent; }
a.atomx-btn--theme-orange-dark.atomx-btn__active, a.atomx-btn--theme-orange-dark:active, button.atomx-btn--theme-orange-dark.atomx-btn__active, button.atomx-btn--theme-orange-dark:active, input.atomx-btn--theme-orange-dark.atomx-btn__active, input.atomx-btn--theme-orange-dark:active {
  position: relative; }
a.atomx-btn--theme-orange-dark.atomx-btn__active::before, a.atomx-btn--theme-orange-dark:active::before, button.atomx-btn--theme-orange-dark.atomx-btn__active::before, button.atomx-btn--theme-orange-dark:active::before, input.atomx-btn--theme-orange-dark.atomx-btn__active::before, input.atomx-btn--theme-orange-dark:active::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 4px;
  width: 100%;
  box-shadow: inset 0 4px 0 1px #c86d00; }

a.atomx-btn--theme-orange-light, button.atomx-btn--theme-orange-light, input.atomx-btn--theme-orange-light {
  color: #fff !important;
  background: #FE5815; }
a.atomx-btn--theme-orange-light:hover, button.atomx-btn--theme-orange-light:hover, input.atomx-btn--theme-orange-light:hover {
  color: #fff !important;
  background: #c63901; }
a.atomx-btn--theme-orange-light.disabled, a.atomx-btn--theme-orange-light:disabled, button.atomx-btn--theme-orange-light.disabled, button.atomx-btn--theme-orange-light:disabled, input.atomx-btn--theme-orange-light.disabled, input.atomx-btn--theme-orange-light:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn--theme-orange-light.disabled:active::before, a.atomx-btn--theme-orange-light:disabled:active::before, button.atomx-btn--theme-orange-light.disabled:active::before, button.atomx-btn--theme-orange-light:disabled:active::before, input.atomx-btn--theme-orange-light.disabled:active::before, input.atomx-btn--theme-orange-light:disabled:active::before {
  box-shadow: inset 0 4px 0 1px transparent; }
a.atomx-btn--theme-orange-light.atomx-btn__active, a.atomx-btn--theme-orange-light:active, button.atomx-btn--theme-orange-light.atomx-btn__active, button.atomx-btn--theme-orange-light:active, input.atomx-btn--theme-orange-light.atomx-btn__active, input.atomx-btn--theme-orange-light:active {
  position: relative; }
a.atomx-btn--theme-orange-light.atomx-btn__active::before, a.atomx-btn--theme-orange-light:active::before, button.atomx-btn--theme-orange-light.atomx-btn__active::before, button.atomx-btn--theme-orange-light:active::before, input.atomx-btn--theme-orange-light.atomx-btn__active::before, input.atomx-btn--theme-orange-light:active::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 4px;
  width: 100%;
  box-shadow: inset 0 4px 0 1px #ac3201; }

a.atomx-btn--theme-blue-dark, button.atomx-btn--theme-blue-dark, input.atomx-btn--theme-blue-dark {
  color: #fff !important;
  background: #09357A; }
a.atomx-btn--theme-blue-dark:hover, button.atomx-btn--theme-blue-dark:hover, input.atomx-btn--theme-blue-dark:hover {
  color: #fff !important;
  background: #041633; }
a.atomx-btn--theme-blue-dark.disabled, a.atomx-btn--theme-blue-dark:disabled, button.atomx-btn--theme-blue-dark.disabled, button.atomx-btn--theme-blue-dark:disabled, input.atomx-btn--theme-blue-dark.disabled, input.atomx-btn--theme-blue-dark:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn--theme-blue-dark.disabled:active::before, a.atomx-btn--theme-blue-dark:disabled:active::before, button.atomx-btn--theme-blue-dark.disabled:active::before, button.atomx-btn--theme-blue-dark:disabled:active::before, input.atomx-btn--theme-blue-dark.disabled:active::before, input.atomx-btn--theme-blue-dark:disabled:active::before {
  box-shadow: inset 0 4px 0 1px transparent; }
a.atomx-btn--theme-blue-dark.atomx-btn__active, a.atomx-btn--theme-blue-dark:active, button.atomx-btn--theme-blue-dark.atomx-btn__active, button.atomx-btn--theme-blue-dark:active, input.atomx-btn--theme-blue-dark.atomx-btn__active, input.atomx-btn--theme-blue-dark:active {
  position: relative; }
a.atomx-btn--theme-blue-dark.atomx-btn__active::before, a.atomx-btn--theme-blue-dark:active::before, button.atomx-btn--theme-blue-dark.atomx-btn__active::before, button.atomx-btn--theme-blue-dark:active::before, input.atomx-btn--theme-blue-dark.atomx-btn__active::before, input.atomx-btn--theme-blue-dark:active::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 4px;
  width: 100%;
  box-shadow: inset 0 4px 0 1px #020c1b; }

a.atomx-btn--theme-blue-light, button.atomx-btn--theme-blue-light, input.atomx-btn--theme-blue-light {
  color: #fff !important;
  background: #005BBB; }
a.atomx-btn--theme-blue-light:hover, button.atomx-btn--theme-blue-light:hover, input.atomx-btn--theme-blue-light:hover {
  color: #fff !important;
  background: #00366f; }
a.atomx-btn--theme-blue-light.disabled, a.atomx-btn--theme-blue-light:disabled, button.atomx-btn--theme-blue-light.disabled, button.atomx-btn--theme-blue-light:disabled, input.atomx-btn--theme-blue-light.disabled, input.atomx-btn--theme-blue-light:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn--theme-blue-light.disabled:active::before, a.atomx-btn--theme-blue-light:disabled:active::before, button.atomx-btn--theme-blue-light.disabled:active::before, button.atomx-btn--theme-blue-light:disabled:active::before, input.atomx-btn--theme-blue-light.disabled:active::before, input.atomx-btn--theme-blue-light:disabled:active::before {
  box-shadow: inset 0 4px 0 1px transparent; }
a.atomx-btn--theme-blue-light.atomx-btn__active, a.atomx-btn--theme-blue-light:active, button.atomx-btn--theme-blue-light.atomx-btn__active, button.atomx-btn--theme-blue-light:active, input.atomx-btn--theme-blue-light.atomx-btn__active, input.atomx-btn--theme-blue-light:active {
  position: relative; }
a.atomx-btn--theme-blue-light.atomx-btn__active::before, a.atomx-btn--theme-blue-light:active::before, button.atomx-btn--theme-blue-light.atomx-btn__active::before, button.atomx-btn--theme-blue-light:active::before, input.atomx-btn--theme-blue-light.atomx-btn__active::before, input.atomx-btn--theme-blue-light:active::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 4px;
  width: 100%;
  box-shadow: inset 0 4px 0 1px #002955; }

a.atomx-btn--theme-green-dark, button.atomx-btn--theme-green-dark, input.atomx-btn--theme-green-dark {
  color: #333333;
  background: #C4D600; }
a.atomx-btn--theme-green-dark:hover, button.atomx-btn--theme-green-dark:hover, input.atomx-btn--theme-green-dark:hover {
  color: #fff !important;
  background: #7e8a00; }
a.atomx-btn--theme-green-dark.disabled, a.atomx-btn--theme-green-dark:disabled, button.atomx-btn--theme-green-dark.disabled, button.atomx-btn--theme-green-dark:disabled, input.atomx-btn--theme-green-dark.disabled, input.atomx-btn--theme-green-dark:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn--theme-green-dark.disabled:active::before, a.atomx-btn--theme-green-dark:disabled:active::before, button.atomx-btn--theme-green-dark.disabled:active::before, button.atomx-btn--theme-green-dark:disabled:active::before, input.atomx-btn--theme-green-dark.disabled:active::before, input.atomx-btn--theme-green-dark:disabled:active::before {
  box-shadow: inset 0 4px 0 1px transparent; }
a.atomx-btn--theme-green-dark.atomx-btn__active, a.atomx-btn--theme-green-dark:active, button.atomx-btn--theme-green-dark.atomx-btn__active, button.atomx-btn--theme-green-dark:active, input.atomx-btn--theme-green-dark.atomx-btn__active, input.atomx-btn--theme-green-dark:active {
  position: relative; }
a.atomx-btn--theme-green-dark.atomx-btn__active::before, a.atomx-btn--theme-green-dark:active::before, button.atomx-btn--theme-green-dark.atomx-btn__active::before, button.atomx-btn--theme-green-dark:active::before, input.atomx-btn--theme-green-dark.atomx-btn__active::before, input.atomx-btn--theme-green-dark:active::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 4px;
  width: 100%;
  box-shadow: inset 0 4px 0 1px #677000; }

a.atomx-btn--theme-green-light, button.atomx-btn--theme-green-light, input.atomx-btn--theme-green-light {
  color: #fff !important;
  background: #509E2F; }
a.atomx-btn--theme-green-light:hover, button.atomx-btn--theme-green-light:hover, input.atomx-btn--theme-green-light:hover {
  color: #fff !important;
  background: #32631d; }
a.atomx-btn--theme-green-light.disabled, a.atomx-btn--theme-green-light:disabled, button.atomx-btn--theme-green-light.disabled, button.atomx-btn--theme-green-light:disabled, input.atomx-btn--theme-green-light.disabled, input.atomx-btn--theme-green-light:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn--theme-green-light.disabled:active::before, a.atomx-btn--theme-green-light:disabled:active::before, button.atomx-btn--theme-green-light.disabled:active::before, button.atomx-btn--theme-green-light:disabled:active::before, input.atomx-btn--theme-green-light.disabled:active::before, input.atomx-btn--theme-green-light:disabled:active::before {
  box-shadow: inset 0 4px 0 1px transparent; }
a.atomx-btn--theme-green-light.atomx-btn__active, a.atomx-btn--theme-green-light:active, button.atomx-btn--theme-green-light.atomx-btn__active, button.atomx-btn--theme-green-light:active, input.atomx-btn--theme-green-light.atomx-btn__active, input.atomx-btn--theme-green-light:active {
  position: relative; }
a.atomx-btn--theme-green-light.atomx-btn__active::before, a.atomx-btn--theme-green-light:active::before, button.atomx-btn--theme-green-light.atomx-btn__active::before, button.atomx-btn--theme-green-light:active::before, input.atomx-btn--theme-green-light.atomx-btn__active::before, input.atomx-btn--theme-green-light:active::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 4px;
  width: 100%;
  box-shadow: inset 0 4px 0 1px #284f18; }

a.atomx-btn-outline--theme-primary, button.atomx-btn-outline--theme-primary, input.atomx-btn-outline--theme-primary {
  color: #006DFF;
  background-color: transparent;
  border: 1px solid #006DFF; }
a.atomx-btn-outline--theme-primary:hover, button.atomx-btn-outline--theme-primary:hover, input.atomx-btn-outline--theme-primary:hover {
  color: #fff !important;
  background-color: #006DFF;
  border: 1px solid #006DFF; }
a.atomx-btn-outline--theme-primary.disabled, a.atomx-btn-outline--theme-primary:disabled, button.atomx-btn-outline--theme-primary.disabled, button.atomx-btn-outline--theme-primary:disabled, input.atomx-btn-outline--theme-primary.disabled, input.atomx-btn-outline--theme-primary:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-outline--theme-primary.atomx-btn__active, a.atomx-btn-outline--theme-primary:active, button.atomx-btn-outline--theme-primary.atomx-btn__active, button.atomx-btn-outline--theme-primary:active, input.atomx-btn-outline--theme-primary.atomx-btn__active, input.atomx-btn-outline--theme-primary:active {
  color: #fff !important;
  background-color: #006DFF;
  border: 1px solid #006DFF; }

a.atomx-btn-outline--theme-secondary, button.atomx-btn-outline--theme-secondary, input.atomx-btn-outline--theme-secondary {
  color: #666666;
  background-color: transparent;
  border: 1px solid #666666; }
a.atomx-btn-outline--theme-secondary:hover, button.atomx-btn-outline--theme-secondary:hover, input.atomx-btn-outline--theme-secondary:hover {
  color: #fff !important;
  background-color: #666666;
  border: 1px solid #666666; }
a.atomx-btn-outline--theme-secondary.disabled, a.atomx-btn-outline--theme-secondary:disabled, button.atomx-btn-outline--theme-secondary.disabled, button.atomx-btn-outline--theme-secondary:disabled, input.atomx-btn-outline--theme-secondary.disabled, input.atomx-btn-outline--theme-secondary:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-outline--theme-secondary.atomx-btn__active, a.atomx-btn-outline--theme-secondary:active, button.atomx-btn-outline--theme-secondary.atomx-btn__active, button.atomx-btn-outline--theme-secondary:active, input.atomx-btn-outline--theme-secondary.atomx-btn__active, input.atomx-btn-outline--theme-secondary:active {
  color: #fff !important;
  background-color: #666666;
  border: 1px solid #666666; }

a.atomx-btn-outline--theme-secondary-dark, button.atomx-btn-outline--theme-secondary-dark, input.atomx-btn-outline--theme-secondary-dark {
  color: #333333 !important;
  background-color: transparent;
  border: 1px solid #333333; }
a.atomx-btn-outline--theme-secondary-dark:hover, button.atomx-btn-outline--theme-secondary-dark:hover, input.atomx-btn-outline--theme-secondary-dark:hover {
  color: #fff !important;
  background-color: #333333;
  border: 1px solid #333333; }
a.atomx-btn-outline--theme-secondary-dark.disabled, a.atomx-btn-outline--theme-secondary-dark:disabled, button.atomx-btn-outline--theme-secondary-dark.disabled, button.atomx-btn-outline--theme-secondary-dark:disabled, input.atomx-btn-outline--theme-secondary-dark.disabled, input.atomx-btn-outline--theme-secondary-dark:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-outline--theme-secondary-dark.atomx-btn__active, a.atomx-btn-outline--theme-secondary-dark:active, button.atomx-btn-outline--theme-secondary-dark.atomx-btn__active, button.atomx-btn-outline--theme-secondary-dark:active, input.atomx-btn-outline--theme-secondary-dark.atomx-btn__active, input.atomx-btn-outline--theme-secondary-dark:active {
  color: #fff !important;
  background-color: #333333;
  border: 1px solid #333333; }

a.atomx-btn-outline--theme-success, button.atomx-btn-outline--theme-success, input.atomx-btn-outline--theme-success {
  color: #00C172;
  background-color: transparent;
  border: 1px solid #00C172; }
a.atomx-btn-outline--theme-success:hover, button.atomx-btn-outline--theme-success:hover, input.atomx-btn-outline--theme-success:hover {
  color: #fff !important;
  background-color: #00C172;
  border: 1px solid #00C172; }
a.atomx-btn-outline--theme-success.disabled, a.atomx-btn-outline--theme-success:disabled, button.atomx-btn-outline--theme-success.disabled, button.atomx-btn-outline--theme-success:disabled, input.atomx-btn-outline--theme-success.disabled, input.atomx-btn-outline--theme-success:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-outline--theme-success.atomx-btn__active, a.atomx-btn-outline--theme-success:active, button.atomx-btn-outline--theme-success.atomx-btn__active, button.atomx-btn-outline--theme-success:active, input.atomx-btn-outline--theme-success.atomx-btn__active, input.atomx-btn-outline--theme-success:active {
  color: #fff !important;
  background-color: #00C172;
  border: 1px solid #00C172; }

a.atomx-btn-outline--theme-warning, button.atomx-btn-outline--theme-warning, input.atomx-btn-outline--theme-warning {
  color: #FE5815;
  background-color: transparent;
  border: 1px solid #FE5815; }
a.atomx-btn-outline--theme-warning:hover, button.atomx-btn-outline--theme-warning:hover, input.atomx-btn-outline--theme-warning:hover {
  color: #fff !important;
  background-color: #FE5815;
  border: 1px solid #FE5815; }
a.atomx-btn-outline--theme-warning.disabled, a.atomx-btn-outline--theme-warning:disabled, button.atomx-btn-outline--theme-warning.disabled, button.atomx-btn-outline--theme-warning:disabled, input.atomx-btn-outline--theme-warning.disabled, input.atomx-btn-outline--theme-warning:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-outline--theme-warning.atomx-btn__active, a.atomx-btn-outline--theme-warning:active, button.atomx-btn-outline--theme-warning.atomx-btn__active, button.atomx-btn-outline--theme-warning:active, input.atomx-btn-outline--theme-warning.atomx-btn__active, input.atomx-btn-outline--theme-warning:active {
  color: #fff !important;
  background-color: #FE5815;
  border: 1px solid #FE5815; }

a.atomx-btn-outline--theme-danger, button.atomx-btn-outline--theme-danger, input.atomx-btn-outline--theme-danger {
  color: #E62333;
  background-color: transparent;
  border: 1px solid #E62333; }
a.atomx-btn-outline--theme-danger:hover, button.atomx-btn-outline--theme-danger:hover, input.atomx-btn-outline--theme-danger:hover {
  color: #fff !important;
  background-color: #E62333;
  border: 1px solid #E62333; }
a.atomx-btn-outline--theme-danger.disabled, a.atomx-btn-outline--theme-danger:disabled, button.atomx-btn-outline--theme-danger.disabled, button.atomx-btn-outline--theme-danger:disabled, input.atomx-btn-outline--theme-danger.disabled, input.atomx-btn-outline--theme-danger:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-outline--theme-danger.atomx-btn__active, a.atomx-btn-outline--theme-danger:active, button.atomx-btn-outline--theme-danger.atomx-btn__active, button.atomx-btn-outline--theme-danger:active, input.atomx-btn-outline--theme-danger.atomx-btn__active, input.atomx-btn-outline--theme-danger:active {
  color: #fff !important;
  background-color: #E62333;
  border: 1px solid #E62333; }

a.atomx-btn-outline--theme-light, button.atomx-btn-outline--theme-light, input.atomx-btn-outline--theme-light {
  color: #fff !important;
  background-color: transparent;
  border: 1px solid #fff !important; }
a.atomx-btn-outline--theme-light:hover, button.atomx-btn-outline--theme-light:hover, input.atomx-btn-outline--theme-light:hover {
  color: #333333 !important;
  background-color: #fff !important;
  border: 1px solid #fff !important; }
a.atomx-btn-outline--theme-light.disabled, a.atomx-btn-outline--theme-light:disabled, button.atomx-btn-outline--theme-light.disabled, button.atomx-btn-outline--theme-light:disabled, input.atomx-btn-outline--theme-light.disabled, input.atomx-btn-outline--theme-light:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-outline--theme-light.atomx-btn__active, a.atomx-btn-outline--theme-light:active, button.atomx-btn-outline--theme-light.atomx-btn__active, button.atomx-btn-outline--theme-light:active, input.atomx-btn-outline--theme-light.atomx-btn__active, input.atomx-btn-outline--theme-light:active {
  color: #333333;
  background-color: #fff !important;
  border: 1px solid #fff !important; }

a.atomx-btn-outline--theme-dark, button.atomx-btn-outline--theme-dark, input.atomx-btn-outline--theme-dark {
  color: #1A1A1A;
  background-color: transparent;
  border: 1px solid #1A1A1A; }
a.atomx-btn-outline--theme-dark:hover, button.atomx-btn-outline--theme-dark:hover, input.atomx-btn-outline--theme-dark:hover {
  color: #fff !important;
  background-color: #1A1A1A;
  border: 1px solid #1A1A1A; }
a.atomx-btn-outline--theme-dark.disabled, a.atomx-btn-outline--theme-dark:disabled, button.atomx-btn-outline--theme-dark.disabled, button.atomx-btn-outline--theme-dark:disabled, input.atomx-btn-outline--theme-dark.disabled, input.atomx-btn-outline--theme-dark:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-outline--theme-dark.atomx-btn__active, a.atomx-btn-outline--theme-dark:active, button.atomx-btn-outline--theme-dark.atomx-btn__active, button.atomx-btn-outline--theme-dark:active, input.atomx-btn-outline--theme-dark.atomx-btn__active, input.atomx-btn-outline--theme-dark:active {
  color: #fff !important;
  background-color: #1A1A1A;
  border: 1px solid #1A1A1A; }

a.atomx-btn-outline--theme-orange-dark, button.atomx-btn-outline--theme-orange-dark, input.atomx-btn-outline--theme-orange-dark {
  color: #FFA02F;
  background-color: transparent;
  border: 1px solid #FFA02F; }
a.atomx-btn-outline--theme-orange-dark:hover, button.atomx-btn-outline--theme-orange-dark:hover, input.atomx-btn-outline--theme-orange-dark:hover {
  color: #333333;
  background-color: #FFA02F;
  border: 1px solid #FFA02F; }
a.atomx-btn-outline--theme-orange-dark.disabled, a.atomx-btn-outline--theme-orange-dark:disabled, button.atomx-btn-outline--theme-orange-dark.disabled, button.atomx-btn-outline--theme-orange-dark:disabled, input.atomx-btn-outline--theme-orange-dark.disabled, input.atomx-btn-outline--theme-orange-dark:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-outline--theme-orange-dark.atomx-btn__active, a.atomx-btn-outline--theme-orange-dark:active, button.atomx-btn-outline--theme-orange-dark.atomx-btn__active, button.atomx-btn-outline--theme-orange-dark:active, input.atomx-btn-outline--theme-orange-dark.atomx-btn__active, input.atomx-btn-outline--theme-orange-dark:active {
  color: #333333;
  background-color: #FFA02F;
  border: 1px solid #FFA02F; }

a.atomx-btn-outline--theme-orange-light, button.atomx-btn-outline--theme-orange-light, input.atomx-btn-outline--theme-orange-light {
  color: #FE5815;
  background-color: transparent;
  border: 1px solid #FE5815; }
a.atomx-btn-outline--theme-orange-light:hover, button.atomx-btn-outline--theme-orange-light:hover, input.atomx-btn-outline--theme-orange-light:hover {
  color: #fff !important;
  background-color: #FE5815;
  border: 1px solid #FE5815; }
a.atomx-btn-outline--theme-orange-light.disabled, a.atomx-btn-outline--theme-orange-light:disabled, button.atomx-btn-outline--theme-orange-light.disabled, button.atomx-btn-outline--theme-orange-light:disabled, input.atomx-btn-outline--theme-orange-light.disabled, input.atomx-btn-outline--theme-orange-light:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-outline--theme-orange-light.atomx-btn__active, a.atomx-btn-outline--theme-orange-light:active, button.atomx-btn-outline--theme-orange-light.atomx-btn__active, button.atomx-btn-outline--theme-orange-light:active, input.atomx-btn-outline--theme-orange-light.atomx-btn__active, input.atomx-btn-outline--theme-orange-light:active {
  color: #fff !important;
  background-color: #FE5815;
  border: 1px solid #FE5815; }

a.atomx-btn-outline--theme-blue-dark, button.atomx-btn-outline--theme-blue-dark, input.atomx-btn-outline--theme-blue-dark {
  color: #09357A;
  background-color: transparent;
  border: 1px solid #09357A; }
a.atomx-btn-outline--theme-blue-dark:hover, button.atomx-btn-outline--theme-blue-dark:hover, input.atomx-btn-outline--theme-blue-dark:hover {
  color: #fff !important;
  background-color: #09357A;
  border: 1px solid #09357A; }
a.atomx-btn-outline--theme-blue-dark.disabled, a.atomx-btn-outline--theme-blue-dark:disabled, button.atomx-btn-outline--theme-blue-dark.disabled, button.atomx-btn-outline--theme-blue-dark:disabled, input.atomx-btn-outline--theme-blue-dark.disabled, input.atomx-btn-outline--theme-blue-dark:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-outline--theme-blue-dark.atomx-btn__active, a.atomx-btn-outline--theme-blue-dark:active, button.atomx-btn-outline--theme-blue-dark.atomx-btn__active, button.atomx-btn-outline--theme-blue-dark:active, input.atomx-btn-outline--theme-blue-dark.atomx-btn__active, input.atomx-btn-outline--theme-blue-dark:active {
  color: #fff !important;
  background-color: #09357A;
  border: 1px solid #09357A; }

a.atomx-btn-outline--theme-blue-light, button.atomx-btn-outline--theme-blue-light, input.atomx-btn-outline--theme-blue-light {
  color: #005BBB;
  background-color: transparent;
  border: 1px solid #005BBB; }
a.atomx-btn-outline--theme-blue-light:hover, button.atomx-btn-outline--theme-blue-light:hover, input.atomx-btn-outline--theme-blue-light:hover {
  color: #fff !important;
  background-color: #005BBB;
  border: 1px solid #005BBB; }
a.atomx-btn-outline--theme-blue-light.disabled, a.atomx-btn-outline--theme-blue-light:disabled, button.atomx-btn-outline--theme-blue-light.disabled, button.atomx-btn-outline--theme-blue-light:disabled, input.atomx-btn-outline--theme-blue-light.disabled, input.atomx-btn-outline--theme-blue-light:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-outline--theme-blue-light.atomx-btn__active, a.atomx-btn-outline--theme-blue-light:active, button.atomx-btn-outline--theme-blue-light.atomx-btn__active, button.atomx-btn-outline--theme-blue-light:active, input.atomx-btn-outline--theme-blue-light.atomx-btn__active, input.atomx-btn-outline--theme-blue-light:active {
  color: #fff !important;
  background-color: #005BBB;
  border: 1px solid #005BBB; }

a.atomx-btn-outline--theme-green-dark, button.atomx-btn-outline--theme-green-dark, input.atomx-btn-outline--theme-green-dark {
  color: #C4D600;
  background-color: transparent;
  border: 1px solid #C4D600; }
a.atomx-btn-outline--theme-green-dark:hover, button.atomx-btn-outline--theme-green-dark:hover, input.atomx-btn-outline--theme-green-dark:hover {
  color: #333333;
  background-color: #C4D600;
  border: 1px solid #C4D600; }
a.atomx-btn-outline--theme-green-dark.disabled, a.atomx-btn-outline--theme-green-dark:disabled, button.atomx-btn-outline--theme-green-dark.disabled, button.atomx-btn-outline--theme-green-dark:disabled, input.atomx-btn-outline--theme-green-dark.disabled, input.atomx-btn-outline--theme-green-dark:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-outline--theme-green-dark.atomx-btn__active, a.atomx-btn-outline--theme-green-dark:active, button.atomx-btn-outline--theme-green-dark.atomx-btn__active, button.atomx-btn-outline--theme-green-dark:active, input.atomx-btn-outline--theme-green-dark.atomx-btn__active, input.atomx-btn-outline--theme-green-dark:active {
  color: #333333;
  background-color: #C4D600;
  border: 1px solid #C4D600; }

a.atomx-btn-outline--theme-green-light, button.atomx-btn-outline--theme-green-light, input.atomx-btn-outline--theme-green-light {
  color: #509E2F;
  background-color: transparent;
  border: 1px solid #509E2F; }
a.atomx-btn-outline--theme-green-light:hover, button.atomx-btn-outline--theme-green-light:hover, input.atomx-btn-outline--theme-green-light:hover {
  color: #fff !important;
  background-color: #509E2F;
  border: 1px solid #509E2F; }
a.atomx-btn-outline--theme-green-light.disabled, a.atomx-btn-outline--theme-green-light:disabled, button.atomx-btn-outline--theme-green-light.disabled, button.atomx-btn-outline--theme-green-light:disabled, input.atomx-btn-outline--theme-green-light.disabled, input.atomx-btn-outline--theme-green-light:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-outline--theme-green-light.atomx-btn__active, a.atomx-btn-outline--theme-green-light:active, button.atomx-btn-outline--theme-green-light.atomx-btn__active, button.atomx-btn-outline--theme-green-light:active, input.atomx-btn-outline--theme-green-light.atomx-btn__active, input.atomx-btn-outline--theme-green-light:active {
  color: #fff !important;
  background-color: #509E2F;
  border: 1px solid #509E2F; }

a.atomx-btn-link--theme-primary, button.atomx-btn-link--theme-primary, input.atomx-btn-link--theme-primary {
  color: #006DFF;
  background-color: transparent;
  border: 1px solid transparent; }
a.atomx-btn-link--theme-primary:hover .atomx-btn__label, button.atomx-btn-link--theme-primary:hover, input.atomx-btn-link--theme-primary:hover {
  text-decoration: underline; }
a.atomx-btn-link--theme-primary.disabled, a.atomx-btn-link--theme-primary:disabled, button.atomx-btn-link--theme-primary.disabled, button.atomx-btn-link--theme-primary:disabled, input.atomx-btn-link--theme-primary.disabled, input.atomx-btn-link--theme-primary:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-link--theme-primary.atomx-btn__active .atomx-btn__label, a.atomx-btn-link--theme-primary:active .atomx-btn__label, button.atomx-btn-link--theme-primary.atomx-btn__active .atomx-btn__label, button.atomx-btn-link--theme-primary:active .atomx-btn__label, input.atomx-btn-link--theme-primary.atomx-btn__active .atomx-btn__label, input.atomx-btn-link--theme-primary:active .atomx-btn__label {
  text-decoration: underline; }

a.atomx-btn-link--theme-secondary, button.atomx-btn-link--theme-secondary, input.atomx-btn-link--theme-secondary {
  color: #666666;
  background-color: transparent;
  border: 1px solid transparent; }
a.atomx-btn-link--theme-secondary:hover, button.atomx-btn-link--theme-secondary:hover, input.atomx-btn-link--theme-secondary:hover {
  text-decoration: underline; }
a.atomx-btn-link--theme-secondary.disabled, a.atomx-btn-link--theme-secondary:disabled, button.atomx-btn-link--theme-secondary.disabled, button.atomx-btn-link--theme-secondary:disabled, input.atomx-btn-link--theme-secondary.disabled, input.atomx-btn-link--theme-secondary:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-link--theme-secondary.atomx-btn__active, a.atomx-btn-link--theme-secondary:active, button.atomx-btn-link--theme-secondary.atomx-btn__active, button.atomx-btn-link--theme-secondary:active, input.atomx-btn-link--theme-secondary.atomx-btn__active, input.atomx-btn-link--theme-secondary:active {
  text-decoration: underline; }

a.atomx-btn-link--theme-success, button.atomx-btn-link--theme-success, input.atomx-btn-link--theme-success {
  color: #00C172;
  background-color: transparent;
  border: 1px solid transparent; }
a.atomx-btn-link--theme-success:hover, button.atomx-btn-link--theme-success:hover, input.atomx-btn-link--theme-success:hover {
  text-decoration: underline; }
a.atomx-btn-link--theme-success.disabled, a.atomx-btn-link--theme-success:disabled, button.atomx-btn-link--theme-success.disabled, button.atomx-btn-link--theme-success:disabled, input.atomx-btn-link--theme-success.disabled, input.atomx-btn-link--theme-success:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-link--theme-success.atomx-btn__active, a.atomx-btn-link--theme-success:active, button.atomx-btn-link--theme-success.atomx-btn__active, button.atomx-btn-link--theme-success:active, input.atomx-btn-link--theme-success.atomx-btn__active, input.atomx-btn-link--theme-success:active {
  text-decoration: underline; }

a.atomx-btn-link--theme-warning, button.atomx-btn-link--theme-warning, input.atomx-btn-link--theme-warning {
  color: #FE5815;
  background-color: transparent;
  border: 1px solid transparent; }
a.atomx-btn-link--theme-warning:hover, button.atomx-btn-link--theme-warning:hover, input.atomx-btn-link--theme-warning:hover {
  text-decoration: underline; }
a.atomx-btn-link--theme-warning.disabled, a.atomx-btn-link--theme-warning:disabled, button.atomx-btn-link--theme-warning.disabled, button.atomx-btn-link--theme-warning:disabled, input.atomx-btn-link--theme-warning.disabled, input.atomx-btn-link--theme-warning:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-link--theme-warning.atomx-btn__active, a.atomx-btn-link--theme-warning:active, button.atomx-btn-link--theme-warning.atomx-btn__active, button.atomx-btn-link--theme-warning:active, input.atomx-btn-link--theme-warning.atomx-btn__active, input.atomx-btn-link--theme-warning:active {
  text-decoration: underline; }

a.atomx-btn-link--theme-danger, button.atomx-btn-link--theme-danger, input.atomx-btn-link--theme-danger {
  color: #E62333;
  background-color: transparent;
  border: 1px solid transparent; }
a.atomx-btn-link--theme-danger:hover, button.atomx-btn-link--theme-danger:hover, input.atomx-btn-link--theme-danger:hover {
  text-decoration: underline; }
a.atomx-btn-link--theme-danger.disabled, a.atomx-btn-link--theme-danger:disabled, button.atomx-btn-link--theme-danger.disabled, button.atomx-btn-link--theme-danger:disabled, input.atomx-btn-link--theme-danger.disabled, input.atomx-btn-link--theme-danger:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-link--theme-danger.atomx-btn__active, a.atomx-btn-link--theme-danger:active, button.atomx-btn-link--theme-danger.atomx-btn__active, button.atomx-btn-link--theme-danger:active, input.atomx-btn-link--theme-danger.atomx-btn__active, input.atomx-btn-link--theme-danger:active {
  text-decoration: underline; }

a.atomx-btn-link--theme-light, button.atomx-btn-link--theme-light, input.atomx-btn-link--theme-light {
  color: #fff !important;
  background-color: transparent;
  border: 1px solid transparent; }
a.atomx-btn-link--theme-light:hover, button.atomx-btn-link--theme-light:hover, input.atomx-btn-link--theme-light:hover {
  text-decoration: underline; }
a.atomx-btn-link--theme-light.disabled, a.atomx-btn-link--theme-light:disabled, button.atomx-btn-link--theme-light.disabled, button.atomx-btn-link--theme-light:disabled, input.atomx-btn-link--theme-light.disabled, input.atomx-btn-link--theme-light:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-link--theme-light.atomx-btn__active, a.atomx-btn-link--theme-light:active, button.atomx-btn-link--theme-light.atomx-btn__active, button.atomx-btn-link--theme-light:active, input.atomx-btn-link--theme-light.atomx-btn__active, input.atomx-btn-link--theme-light:active {
  text-decoration: underline; }

a.atomx-btn-link--theme-dark, button.atomx-btn-link--theme-dark, input.atomx-btn-link--theme-dark {
  color: #1A1A1A;
  background-color: transparent;
  border: 1px solid transparent; }
a.atomx-btn-link--theme-dark:hover, button.atomx-btn-link--theme-dark:hover, input.atomx-btn-link--theme-dark:hover {
  text-decoration: underline; }
a.atomx-btn-link--theme-dark.disabled, a.atomx-btn-link--theme-dark:disabled, button.atomx-btn-link--theme-dark.disabled, button.atomx-btn-link--theme-dark:disabled, input.atomx-btn-link--theme-dark.disabled, input.atomx-btn-link--theme-dark:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-link--theme-dark.atomx-btn__active, a.atomx-btn-link--theme-dark:active, button.atomx-btn-link--theme-dark.atomx-btn__active, button.atomx-btn-link--theme-dark:active, input.atomx-btn-link--theme-dark.atomx-btn__active, input.atomx-btn-link--theme-dark:active {
  text-decoration: underline; }

a.atomx-btn-link--theme-orange-dark, button.atomx-btn-link--theme-orange-dark, input.atomx-btn-link--theme-orange-dark {
  color: #FFA02F;
  background-color: transparent;
  border: 1px solid transparent; }
a.atomx-btn-link--theme-orange-dark:hover, button.atomx-btn-link--theme-orange-dark:hover, input.atomx-btn-link--theme-orange-dark:hover {
  text-decoration: underline; }
a.atomx-btn-link--theme-orange-dark.disabled, a.atomx-btn-link--theme-orange-dark:disabled, button.atomx-btn-link--theme-orange-dark.disabled, button.atomx-btn-link--theme-orange-dark:disabled, input.atomx-btn-link--theme-orange-dark.disabled, input.atomx-btn-link--theme-orange-dark:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-link--theme-orange-dark.atomx-btn__active, a.atomx-btn-link--theme-orange-dark:active, button.atomx-btn-link--theme-orange-dark.atomx-btn__active, button.atomx-btn-link--theme-orange-dark:active, input.atomx-btn-link--theme-orange-dark.atomx-btn__active, input.atomx-btn-link--theme-orange-dark:active {
  text-decoration: underline; }

a.atomx-btn-link--theme-orange-light, button.atomx-btn-link--theme-orange-light, input.atomx-btn-link--theme-orange-light {
  color: #FE5815;
  background-color: transparent;
  border: 1px solid transparent; }
a.atomx-btn-link--theme-orange-light:hover, button.atomx-btn-link--theme-orange-light:hover, input.atomx-btn-link--theme-orange-light:hover {
  text-decoration: underline; }
a.atomx-btn-link--theme-orange-light.disabled, a.atomx-btn-link--theme-orange-light:disabled, button.atomx-btn-link--theme-orange-light.disabled, button.atomx-btn-link--theme-orange-light:disabled, input.atomx-btn-link--theme-orange-light.disabled, input.atomx-btn-link--theme-orange-light:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-link--theme-orange-light.atomx-btn__active, a.atomx-btn-link--theme-orange-light:active, button.atomx-btn-link--theme-orange-light.atomx-btn__active, button.atomx-btn-link--theme-orange-light:active, input.atomx-btn-link--theme-orange-light.atomx-btn__active, input.atomx-btn-link--theme-orange-light:active {
  text-decoration: underline; }

a.atomx-btn-link--theme-blue-dark, button.atomx-btn-link--theme-blue-dark, input.atomx-btn-link--theme-blue-dark {
  color: #09357A;
  background-color: transparent;
  border: 1px solid transparent; }
a.atomx-btn-link--theme-blue-dark:hover, button.atomx-btn-link--theme-blue-dark:hover, input.atomx-btn-link--theme-blue-dark:hover {
  text-decoration: underline; }
a.atomx-btn-link--theme-blue-dark.disabled, a.atomx-btn-link--theme-blue-dark:disabled, button.atomx-btn-link--theme-blue-dark.disabled, button.atomx-btn-link--theme-blue-dark:disabled, input.atomx-btn-link--theme-blue-dark.disabled, input.atomx-btn-link--theme-blue-dark:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-link--theme-blue-dark.atomx-btn__active, a.atomx-btn-link--theme-blue-dark:active, button.atomx-btn-link--theme-blue-dark.atomx-btn__active, button.atomx-btn-link--theme-blue-dark:active, input.atomx-btn-link--theme-blue-dark.atomx-btn__active, input.atomx-btn-link--theme-blue-dark:active {
  text-decoration: underline; }

a.atomx-btn-link--theme-blue-light, button.atomx-btn-link--theme-blue-light, input.atomx-btn-link--theme-blue-light {
  color: #005BBB;
  background-color: transparent;
  border: 1px solid transparent; }
a.atomx-btn-link--theme-blue-light:hover, button.atomx-btn-link--theme-blue-light:hover, input.atomx-btn-link--theme-blue-light:hover {
  text-decoration: underline; }
a.atomx-btn-link--theme-blue-light.disabled, a.atomx-btn-link--theme-blue-light:disabled, button.atomx-btn-link--theme-blue-light.disabled, button.atomx-btn-link--theme-blue-light:disabled, input.atomx-btn-link--theme-blue-light.disabled, input.atomx-btn-link--theme-blue-light:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-link--theme-blue-light.atomx-btn__active, a.atomx-btn-link--theme-blue-light:active, button.atomx-btn-link--theme-blue-light.atomx-btn__active, button.atomx-btn-link--theme-blue-light:active, input.atomx-btn-link--theme-blue-light.atomx-btn__active, input.atomx-btn-link--theme-blue-light:active {
  text-decoration: underline; }

a.atomx-btn-link--theme-green-dark, button.atomx-btn-link--theme-green-dark, input.atomx-btn-link--theme-green-dark {
  color: #C4D600;
  background-color: transparent;
  border: 1px solid transparent; }
a.atomx-btn-link--theme-green-dark:hover, button.atomx-btn-link--theme-green-dark:hover, input.atomx-btn-link--theme-green-dark:hover {
  text-decoration: underline; }
a.atomx-btn-link--theme-green-dark.disabled, a.atomx-btn-link--theme-green-dark:disabled, button.atomx-btn-link--theme-green-dark.disabled, button.atomx-btn-link--theme-green-dark:disabled, input.atomx-btn-link--theme-green-dark.disabled, input.atomx-btn-link--theme-green-dark:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-link--theme-green-dark.atomx-btn__active, a.atomx-btn-link--theme-green-dark:active, button.atomx-btn-link--theme-green-dark.atomx-btn__active, button.atomx-btn-link--theme-green-dark:active, input.atomx-btn-link--theme-green-dark.atomx-btn__active, input.atomx-btn-link--theme-green-dark:active {
  text-decoration: underline; }

a.atomx-btn-link--theme-green-light, button.atomx-btn-link--theme-green-light, input.atomx-btn-link--theme-green-light {
  color: #509E2F;
  background-color: transparent;
  border: 1px solid transparent; }
a.atomx-btn-link--theme-green-light:hover, button.atomx-btn-link--theme-green-light:hover, input.atomx-btn-link--theme-green-light:hover {
  text-decoration: underline; }
a.atomx-btn-link--theme-green-light.disabled, a.atomx-btn-link--theme-green-light:disabled, button.atomx-btn-link--theme-green-light.disabled, button.atomx-btn-link--theme-green-light:disabled, input.atomx-btn-link--theme-green-light.disabled, input.atomx-btn-link--theme-green-light:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-link--theme-green-light.atomx-btn__active, a.atomx-btn-link--theme-green-light:active, button.atomx-btn-link--theme-green-light.atomx-btn__active, button.atomx-btn-link--theme-green-light:active, input.atomx-btn-link--theme-green-light.atomx-btn__active, input.atomx-btn-link--theme-green-light:active {
  text-decoration: underline; }

.stepContainerContent a.atomx-btn,
a.atomx-btn, button.atomx-btn, input.atomx-btn {
  display: inline-flex !important;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-family: 'frutiger',Arial,Sans serif !important;
  border-radius: 2px;
  padding: 0.9375rem 1rem;
  cursor: pointer;
  white-space: normal;
  text-decoration: none;
  vertical-align: inherit;
  border: 1px solid inherit;
  max-width: 100%;
  width: 100%;
}

a.atomx-btn--uppercase, button.atomx-btn--uppercase, input.atomx-btn--uppercase {
  font-family: 'WorkSansSemiBold';
  font-size: 0.875rem;
  text-transform: uppercase; }

a.atomx-btn--shadow, button.atomx-btn--shadow, input.atomx-btn--shadow {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }

a.atomx-btn-lg, button.atomx-btn-lg, input.atomx-btn-lg {
  padding: 1.25rem 1rem; }

a.atomx-btn-sm, button.atomx-btn-sm, input.atomx-btn-sm {
  padding: 0.6875rem 1rem; }

a.atomx-btn-block, button.atomx-btn-block, input.atomx-btn-block {
  width: 100%; }

a.atomx-btn .atomx-btn__ico-r, button.atomx-btn .atomx-btn__ico-r, input.atomx-btn .atomx-btn__ico-r {
  margin-left: 10px; }

a.atomx-btn .atomx-btn__ico-l, button.atomx-btn .atomx-btn__ico-l, input.atomx-btn .atomx-btn__ico-l {
  margin-right: 10px; }

a.atomx-btn-block, button.atomx-btn-block, input.atomx-btn-block {
  width: 100%; }

input[type="submit"].atomx-btn {
  border: 1px solid transparent; }

button.atomx-btn {
  border: 1px solid transparent; }

@media (min-width: 576px) {
  a.atomx-btn, button.atomx-btn, input.atomx-btn{
    width: auto;
    max-width: auto; }
  a.atomx-btn-block, button.atomx-btn-block, input.atomx-btn-block{
    width: 100%; } }


.buttonV3Edf > .right {
  float: none;
  text-align: right;
}

fieldset.buttonV2Edf {
  padding: 0;
}
.buttonV2Edf .btn {
	display: inline-block;
	font-family: Frutiger, Arial, sans-serif;
	text-decoration: none;
	font-size: 1rem;
	line-height: 1.142857143rem;
	cursor: pointer;
	border-radius: 2px;
	padding: 13.5px 36px;
	text-align: center;
	box-sizing: border-box;
	white-space: normal;
	display: inline-flex;
	vertical-align: middle;
	height: inherit;
	max-height: inherit;
}

.buttonV2Edf .btn-content {
	margin: auto ;
}

.buttonV2Edf .button-text {
	margin-left: auto;
	margin-right: auto;
}

.buttonV2Edf .ico-l {
	margin: auto 15px auto 0;
	float: left;
}

.buttonV2Edf .ico-r {
	margin: auto 0 auto 15px;
	float: right;
}

.buttonV2Edf .btn.contour {
	border: 2px solid transparent;
}

.buttonV2Edf .btn-lg {
	padding: 18px 36px;
}

.buttonV2Edf .btn-sm {
	padding: 9px 36px;
}

.buttonV2Edf .btn-block {
	display: block;
	width: 100%;
}

/* effets au click */
.buttonV2Edf .btn:active .btn-content, .btn.active .btn-content, .btn:active:hover .btn-content,
.buttonV2Edf .btn.active:hover .btn-content {
	box-shadow: inset 0 2px 0 1px rgba(0, 0, 0, 0.2);
}

.buttonV2Edf .btn:active .btn-content,
.buttonV2Edf .link:active .btn-content {
	box-shadow:none;
}

/* effets hover */
.buttonV2Edf .btn:active, .btn.active,
.buttonV2Edf .btn:active:hover, .btn.active:hover,
.buttonV2Edf .btn:hover {
	color: #fff;
	box-shadow: inset 0 0 0 99999px rgba(0, 0, 0, 0.2);
}

/* Cas bouton avec ombre */
.buttonV2Edf .shadow {
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.buttonV2Edf .btn.shadow:active, .btn.shadow.active, .btn.shadow:active:hover, .btn.shadow.active:hover,
.buttonV2Edf .btn.shadow:hover {
	box-shadow: inset 0 0 0 99999px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.buttonV2Edf .btn.link.shadow:active, .btn.link.shadow.active, .btn.link.shadow:active:hover,
.buttonV2Edf .btn.link.shadow.active:hover, .btn.link.shadow:hover {
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.23);
}

.buttonV2Edf .btn.contour.shadow:active, .btn.contour.shadow.active, .btn.contour.shadow:active:hover,
.buttonV2Edf .btn.contour.shadow.active:hover, .btn.contour.shadow:hover {
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.23);
}

/* Cas bouton avec UPPERCASE */
.buttonV2Edf .uppercase {
	text-transform: uppercase;
	font-family: WorkSans, Arial, sans-serif;
}

/* Cas bouton active */
.buttonV2Edf .btn.activated {
	position: relative;
	color: #fff;
}

.buttonV2Edf .btn.activated::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	height: 2px;
	width: 100%;
	box-shadow: inset 0 2px 0 1px rgba(0, 0, 0, 0.2);
}

.buttonV2Edf .btn.contour.activated::before, .btn.link.activated::before {
	box-shadow: none;
}

.buttonV2Edf .btn.activated.contour .btn-content, .btn.contour:active .btn-content,
.buttonV2Edf .btn.contour.active .btn-content, .btn.contour:hover .btn-content, .btn.contour:focus .btn-content,
.buttonV2Edf .btn.contour:active:hover .btn-content, .btn.contour.active:hover .btn-content,
.buttonV2Edf .btn.contour:active:focus .btn-content, .btn.contour.active:focus .btn-content,
.buttonV2Edf .btn.contour.focus:active .btn-content, .btn.contour.active.focus .btn-content {
	box-shadow: none;
}

/* disabled btn generic */
.buttonV2Edf .btn.disabled, .buttonV2Edf .btn[disabled],
.buttonV2Edf fieldset[disabled] .btn,
.buttonV2Edf .btn.disabled:hover, .buttonV2Edf .btn[disabled]:hover,
.buttonV2Edf fieldset[disabled] .btn:hover, .buttonV2Edf .btn.disabled:focus,
.buttonV2Edf .btn[disabled]:focus,.buttonV2Edf fieldset[disabled] .btn:focus,
.buttonV2Edf .btn.disabled.focus, .buttonV2Edf .btn.focus[disabled],
.buttonV2Edf fieldset[disabled] .btn.focus, .buttonV2Edf .btn.disabled:active,
.buttonV2Edf .btn[disabled]:active, .buttonV2Edf fieldset[disabled] .btn:active,
.buttonV2Edf .btn.disabled.active, .buttonV2Edf .btn.active[disabled],
.buttonV2Edf fieldset[disabled] .btn.active{
  color: #aaaaaa;
  background-color: #d8d8d8;
  cursor: not-allowed;
  box-shadow: none;
}

/* disabled button contour*/
.buttonV2Edf .contour.btn.disabled, .buttonV2Edf .contour.btn[disabled],
.buttonV2Edf fieldset[disabled] .contour.btn,
.buttonV2Edf .contour.btn.disabled:hover, .buttonV2Edf .contour.btn[disabled]:hover,
.buttonV2Edf fieldset[disabled] .contour.btn:hover, .buttonV2Edf .contour.btn.disabled:focus,
.buttonV2Edf .contour.btn[disabled]:focus, .buttonV2Edf fieldset[disabled] .contour.btn:focus,
.buttonV2Edf .contour.btn.disabled.focus, .buttonV2Edf .contour.btn.focus[disabled],
.buttonV2Edf fieldset[disabled] .contour.btn.focus, .contour.buttonV2Edf .contour.btn.disabled:active,
.buttonV2Edf .contour.btn[disabled]:active, .buttonV2Edf fieldset[disabled] .contour.btn:active,
.buttonV2Edf .contour.btn.disabled.active, .buttonV2Edf .contour.btn.active[disabled],
.buttonV2Edf fieldset[disabled] .contour.btn.active, .buttonV2Edf .contour.btn[disabled]:active:hover{
  color: #aaaaaa;
  background-color: #d8d8d8;
  cursor: not-allowed;
  box-shadow: none;
  border:none;
}

/* disabled button link*/
.buttonV2Edf .link.btn.disabled, .buttonV2Edf .link.btn[disabled],
.buttonV2Edf fieldset[disabled] .link.btn,
.buttonV2Edf .link.btn.disabled:hover, .buttonV2Edf .link.btn[disabled]:hover,
.buttonV2Edf fieldset[disabled] .link.btn:hover, .buttonV2Edf .link.btn.disabled:focus,
.buttonV2Edf .link.btn[disabled]:focus, .buttonV2Edf fieldset[disabled] .link.btn:focus,
.buttonV2Edf .link.btn.disabled.focus, .buttonV2Edf .link.btn.focus[disabled],
.buttonV2Edf fieldset[disabled] .link.btn.focus, .link.buttonV2Edf .link.btn.disabled:active,
.buttonV2Edf .link.btn[disabled]:active, .buttonV2Edf fieldset[disabled] .link.btn:active,
.buttonV2Edf .link.btn.disabled.active, .buttonV2Edf .link.btn.active[disabled],
.buttonV2Edf fieldset[disabled] .link.btn.active, .buttonV2Edf .link.btn[disabled]:active:hover{
  color: #aaaaaa;
  background-color: #d8d8d8;
  cursor: not-allowed;
  box-shadow: none;
  border:none;
}

/**********************************************************************************/

/********* PRIMARY **********/
.buttonV2Edf .btn-primary {
	color: #fff;
	background-color: #007BFF;
}

.buttonV2Edf .btn-primary.contour {
	color: #007BFF;
	background-color: transparent;
	border: solid 2px #007BFF;
}

.buttonV2Edf .btn-primary.contour.activated, .btn-primary.contour:active,
.buttonV2Edf .btn-primary.contour.active, .btn-primary.contour:hover, .btn-primary.contour:active:hover,
.buttonV2Edf .btn-primary.contour.active:hover {
	color: #fff;
	background-color: #007BFF;
	box-shadow: none;
}

.buttonV2Edf .btn-primary.link {
	color: #007BFF;
	background-color: transparent;
	border: solid 2px transparent;
}

.buttonV2Edf .btn-primary.link.activated, .btn-primary.link:active, .btn-primary.link.active,
.buttonV2Edf .btn-primary.link:hover, .btn-primary.link:active:hover, .btn-primary.link.active:hover {
	background: transparent;
	box-shadow: none;
	text-decoration: underline;
}

/**********************************************************************************/

/*********GRIS*********/
.buttonV2Edf .btn-secondary {
	color: #fff;
	background-color: #666666;
}

.buttonV2Edf .btn-secondary.contour {
	color: #666666;
	background-color: transparent;
	border: solid 2px #666666;
}

.buttonV2Edf .btn-secondary.contour.activated, .btn-secondary.contour:active,
.buttonV2Edf .btn-secondary.contour.active, .btn-secondary.contour:hover,
.buttonV2Edf .btn-secondary.contour:active:hover, .btn-secondary.contour.active:hover {
	color: #fff;
	background-color: #666666;
	box-shadow: none;
}

.buttonV2Edf .btn-secondary.link {
	color: #666666;
	background-color: transparent;
	border: solid 2px transparent;
}

.buttonV2Edf .btn-secondary.link.activated, .btn-secondary.link:active,
.buttonV2Edf .btn-secondary.link.active, .btn-secondary.link:hover, .btn-secondary.link:active:hover,
.buttonV2Edf .btn-secondary.link.active:hover {
	background: transparent;
	box-shadow: none;
	text-decoration: underline;
}

/**********************************************************************************/

/*********VERT*********/
.buttonV2Edf .btn-success {
	color: #fff;
	background-color: #00C172;
}

.buttonV2Edf .btn-success.contour {
	color: #00C172;
	background-color: transparent;
	border: solid 2px #00C172;
}

.buttonV2Edf .btn-success.contour.activated, .btn-success.contour:active,
.buttonV2Edf .btn-success.contour.active, .btn-success.contour:hover, .btn-success.contour:active:hover,
.buttonV2Edf .btn-success.contour.active:hover {
	color: #fff;
	background-color: #00C172;
	box-shadow: none;
}

.buttonV2Edf .btn-success.link {
	color: #00C172;
	background-color: transparent;
	border: solid 2px transparent;
}

.buttonV2Edf .btn-success.link.activated, .btn-success.link:active, .btn-success.link.active,
.buttonV2Edf .btn-success.link:hover, .btn-success.link:active:hover, .btn-success.link.active:hover {
	background: transparent;
	box-shadow: none;
	text-decoration: underline;
}

/**********************************************************************************/

/*********VERT CLAIR*********/
.buttonV2Edf .btn-info {
	color: #fff;
	background-color: #c4d600;
}

.buttonV2Edf .btn-info.contour {
	color: #c4d600;
	background-color: transparent;
	border: solid 2px #c4d600;
}

.buttonV2Edf .btn-info.contour.activated, .btn-info.contour:active, .btn-info.contour.active,
.buttonV2Edf .btn-info.contour:hover, .btn-info.contour:active:hover, .btn-info.contour.active:hover {
	color: #fff;
	background-color: #c4d600;
	box-shadow: none;
}

.buttonV2Edf .btn-info.link {
	color: #c4d600;
	background-color: transparent;
	border: solid 2px transparent;
}

.buttonV2Edf .btn-info.link.activated, .btn-info.link:active, .btn-info.link.active,
.buttonV2Edf .btn-info.link:hover, .btn-info.link:active:hover, .btn-info.link.active:hover {
	background: transparent;
	box-shadow: none;
	text-decoration: underline;
}

/**********************************************************************************/

/*********ORANGE CLAIR*********/
.buttonV2Edf .btn-warning {
	color: #fff;
	background-color: #ffa02f;
}

.buttonV2Edf .btn-warning.contour {
	color: #ffa02f;
	background-color: transparent;
	border: solid 2px #ffa02f;
}

.buttonV2Edf .btn-warning.activated, .btn-warning.contour:active, .btn-warning.contour.active,
.buttonV2Edf .btn-warning.contour:hover, .btn-warning.contour:active:hover,
.buttonV2Edf .btn-warning.contour.active:hover {
	color: #fff;
	background-color: #ffa02f;
	box-shadow: none;
}

.buttonV2Edf .btn-warning.link {
	color: #ffa02f;
	background-color: transparent;
	border: solid 2px transparent;
}

.buttonV2Edf .btn-warning.activated, .btn-warning.link:active, .btn-warning.link.active,
.buttonV2Edf .btn-warning.link:hover, .btn-warning.link:active:hover, .btn-warning.link.active:hover {
	background: transparent;
	box-shadow: none;
	text-decoration: underline;
}

/**********************************************************************************/

/*********ORANGE*********/
.buttonV2Edf .btn-danger {
	color: #fff;
	background-color: #F23037;
}

.buttonV2Edf .btn-danger.contour {
	color: #F23037;
	background-color: transparent;
	border: solid 2px #F23037;
}

.buttonV2Edf .btn-danger.contour.activated, .btn-danger.contour:active, .btn-danger.contour.active,
.buttonV2Edf .btn-danger.contour:hover, .btn-danger.contour:active:hover,
.buttonV2Edf .btn-danger.contour.active:hover {
	color: #fff;
	background-color: #F23037;
	box-shadow: none;
}

.buttonV2Edf .btn-danger.link {
	color: #F23037;
	background-color: transparent;
	border: solid 2px transparent;
}

.buttonV2Edf .btn-danger.link.activated, .btn-danger.link:active, .btn-danger.link.active,
.buttonV2Edf .btn-danger.link:hover, .btn-danger.link:active:hover, .btn-danger.link.active:hover {
	background: transparent;
	box-shadow: none;
	text-decoration: underline;
}

/**********************************************************************************/

/*********BLANC*********/
.buttonV2Edf .btn-light {
	color: #4a4a4a;
	background-color: #fff;
}

.buttonV2Edf .btn-light.contour {
	color: #fff;
	background-color: transparent;
	border: solid 2px #fff;
}

.buttonV2Edf .btn-light.contour.activated, .btn-light.contour:active, .btn-light.contour.active,
.buttonV2Edf .btn-light.contour:hover, .btn-light.contour:active:hover, .btn-light.contour.active:hover {
	color: #4a4a4a;
	background-color: #fff;
	box-shadow: none;
}

.buttonV2Edf .btn-light.link {
	color: #fff;
	background-color: transparent;
	border: solid 2px transparent;
}

.buttonV2Edf .btn-light.link.activated, .btn-light.link:active, .btn-light.link.active,
.buttonV2Edf .btn-light.link:hover, .btn-light.link:active:hover, .btn-light.link.active:hover {
	background: transparent;
	box-shadow: none;
	text-decoration: underline;
}

/**********************************************************************************/

/*********NOIR*********/
.buttonV2Edf .btn-dark {
	color: #fff;
	background-color: #333333;
}

.buttonV2Edf .btn-dark.contour {
	color: #333333;
	background-color: transparent;
	border: solid 2px #333333;
}

.buttonV2Edf .btn-dark.contour.activated, .btn-dark.contour:active, .btn-dark.contour.active,
.buttonV2Edf .btn-dark.contour:hover, .btn-dark.contour:active:hover, .btn-dark.contour.active:hover {
	color: #fff;
	background-color: #333333;
	box-shadow: none;
}

.buttonV2Edf .btn-dark.link.activated, .btn-dark.link:active, .btn-dark.link.active,
.buttonV2Edf .btn-dark.link:hover, .btn-dark.link:active:hover, .btn-dark.link.active:hover {
	background: transparent;
	box-shadow: none;
	text-decoration: underline;
}

.buttonV2Edf .btn-dark.link {
	color: #333333;
	background-color: transparent;
	border: solid 2px transparent;
}

/**********************************************************************************/

/*********BLEU CLAIR EDF**********/
.buttonV2Edf .btn-light-blue-edf {
	color: #fff;
	background-color: #005bbb;
}

.buttonV2Edf .btn-light-blue-edf.contour {
	color: #005bbb;
	background-color: transparent;
	border: solid 2px #005bbb;
}

.buttonV2Edf .btn-light-blue-edf.contour.activated, .btn-light-blue-edf.contour:active,
.buttonV2Edf .btn-light-blue-edf.contour.active, .btn-light-blue-edf.contour:hover,
.buttonV2Edf .btn-light-blue-edf.contour:active:hover, .btn-light-blue-edf.contour.active:hover {
	color: #fff;
	background-color: #005bbb;
	box-shadow: none;
}

.buttonV2Edf .btn-light-blue-edf.link {
	color: #005bbb;
	background-color: transparent;
	border: solid 2px transparent;
}

.buttonV2Edf .btn-light-blue-edf.link.activated, .btn-light-blue-edf.link:active,
.buttonV2Edf .btn-light-blue-edf.link.active, .btn-light-blue-edf.link:hover,
.buttonV2Edf .btn-light-blue-edf.link:active:hover, .btn-light-blue-edf.link.active:hover {
	background: transparent;
	box-shadow: none;
	text-decoration: underline;
}

/**********************************************************************************/

/*********BLEU FONCE EDF**********/
.buttonV2Edf .btn-dark-blue-edf {
	color: #fff;
	background-color: #09357A;
}

.buttonV2Edf .btn-dark-blue-edf.contour {
	color: #09357A;
	background-color: transparent;
	border: solid 2px #09357A;
}

.buttonV2Edf .btn-dark-blue-edf.contour.activated, .btn-dark-blue-edf.contour:active,
.buttonV2Edf .btn-dark-blue-edf.contour.active, .btn-dark-blue-edf.contour:hover,
.buttonV2Edf .btn-dark-blue-edf.contour:active:hover, .btn-dark-blue-edf.contour.active:hover {
	color: #fff;
	background-color: #09357A;
	box-shadow: none;
}

.buttonV2Edf .btn-dark-blue-edf.link {
	color: #09357A;
	background-color: transparent;
	border: solid 2px transparent;
}

.buttonV2Edf .btn-dark-blue-edf.link.activated, .btn-dark-blue-edf.link:active,
.buttonV2Edf .btn-dark-blue-edf.link.active, .btn-dark-blue-edf.link:hover,
.buttonV2Edf .btn-dark-blue-edf.link:active:hover, .btn-dark-blue-edf.link.active:hover {
	background: transparent;
	box-shadow: none;
	text-decoration: underline;
}

/**********************************************************************************/

/*********VERT FONCE EDF**********/
.buttonV2Edf .btn-dark-green-edf {
	color: #fff;
	background-color: #509E2F;
}

.buttonV2Edf .btn-dark-green-edf.contour {
	color: #509E2F;
	background-color: transparent;
	border: solid 2px #509E2F;
}

.buttonV2Edf .btn-dark-green-edf.contour.activated, .btn-dark-green-edf.contour:active,
.buttonV2Edf .btn-dark-green-edf.contour.active, .btn-dark-green-edf.contour:hover,
.buttonV2Edf .btn-dark-green-edf.contour:active:hover, .btn-dark-green-edf.contour.active:hover {
	color: #fff;
	background-color: #509E2F;
	box-shadow: none;
}

.buttonV2Edf .btn-dark-green-edf.link {
	color: #509E2F;
	background-color: transparent;
	border: solid 2px transparent;
}

.buttonV2Edf .btn-dark-green-edf.link.activated, .btn-dark-green-edf.link:active,
.buttonV2Edf .btn-dark-green-edf.link.active, .btn-dark-green-edf.link:hover,
.buttonV2Edf .btn-dark-green-edf.link:active:hover, .btn-dark-green-edf.link.active:hover {
	background: transparent;
	box-shadow: none;
	text-decoration: underline;
}

/**********************************************************************************/

/*********VERT CLAIR**********/
.buttonV2Edf .btn-light-green-edf {
	color: #fff;
	background-color: #C4D600;
}

.buttonV2Edf .btn-light-green-edf.contour {
	color: #C4D600;
	background-color: transparent;
	border: solid 2px #C4D600;
}

.buttonV2Edf .btn-light-green-edf.contour.activated, .btn-light-green-edf.contour:active,
.buttonV2Edf .btn-light-green-edf.contour.active, .btn-light-green-edf.contour:hover,
.buttonV2Edf .btn-light-green-edf.contour:active:hover, .btn-light-green-edf.contour.active:hover {
	color: #fff;
	background-color: #C4D600;
	box-shadow: none;
}

.buttonV2Edf .btn-light-green-edf.link {
	color: #C4D600;
	background-color: transparent;
	border: solid 2px transparent;
}

.buttonV2Edf .btn-light-green-edf.link.activated, .btn-light-green-edf.link:active,
.buttonV2Edf .btn-light-green-edf.link.active, .btn-light-green-edf.link:hover,
.buttonV2Edf .btn-light-green-edf.link:active:hover, .btn-light-green-edf.link.active:hover {
	background: transparent;
	box-shadow: none;
	text-decoration: underline;
}

/**********************************************************************************/

/*********ORANGE FONCE EDF**********/
.buttonV2Edf .btn-dark-orange-edf {
	color: #fff;
	background-color: #FE5815;
}

.buttonV2Edf .btn-dark-orange-edf.contour {
	color: #FE5815;
	background-color: transparent;
	border: solid 2px #FE5815;
}

.buttonV2Edf .btn-dark-orange-edf.contour.activated, .btn-dark-orange-edf.contour:active,
.buttonV2Edf .btn-dark-orange-edf.contour.active, .btn-dark-orange-edf.contour:hover,
.buttonV2Edf .btn-dark-orange-edf.contour:active:hover, .btn-dark-orange-edf.contour.active:hover {
	color: #fff;
	background-color: #FE5815;
	box-shadow: none;
}

.buttonV2Edf .btn-dark-orange-edf.link {
	color: #FE5815;
	background-color: transparent;
	border: solid 2px transparent;
}

.buttonV2Edf .btn-dark-orange-edf.link.activated, .btn-dark-orange-edf.link:active,
.buttonV2Edf .btn-dark-orange-edf.link.active, .btn-dark-orange-edf.link:hover,
.buttonV2Edf .btn-dark-orange-edf.link:active:hover, .btn-dark-orange-edf.link.active:hover {
	background: transparent;
	box-shadow: none;
	text-decoration: underline;
}

/**********************************************************************************/

/*********ORANGE CLAIR EDF**********/
.buttonV2Edf .btn-light-orange-edf {
	color: #fff;
	background-color: #FFA02F;
}

.buttonV2Edf .btn-light-orange-edf.contour {
	color: #FFA02F;
	background-color: transparent;
	border: solid 2px #FFA02F;
}

.buttonV2Edf .btn-light-orange-edf.contour.activated, .btn-light-orange-edf.contour:active,
.buttonV2Edf .btn-light-orange-edf.contour.active, .btn-light-orange-edf.contour:hover,
.buttonV2Edf .btn-light-orange-edf.contour:active:hover, .btn-light-orange-edf.contour.active:hover {
	color: #fff;
	background-color: #FFA02F;
	box-shadow: none;
}

.buttonV2Edf .btn-light-orange-edf.link {
	color: #FFA02F;
	background-color: transparent;
	border: solid 2px transparent;
}

.buttonV2Edf .btn-light-orange-edf.link.activated, .btn-light-orange-edf.link:active,
.buttonV2Edf .btn-light-orange-edf.link.active, .btn-light-orange-edf.link:hover,
.buttonV2Edf .btn-light-orange-edf.link:active:hover, .btn-light-orange-edf.link.active:hover {
	background: transparent;
	box-shadow: none;
	text-decoration: underline;
}

.buttonV2Edf > .right {
	float: none;
	text-align: right;
}

/**********************************************************************************/

@media only screen and (max-width: 568px) {
	.buttonV2Edf .btn {
		width: 100%;
	}
}
.buttontest {
    background-color: red;
}

.button {
    margin-top: 20px;
    margin-bottom: 20px;
}

.button .left {
    margin-left: 5px;
    margin-right: auto;
}

.button .center {
    margin: auto;
}

.button .right {
    margin-left: auto;
    margin-right: 5px;
}

.button-component-check-identity .btn_article {
    max-width: 110%;
}

@media screen and (max-width: 35em) {
    .buttontest.left {
      display: block;
      margin: 0 auto;
    }
}
#popinv2-navigateur {
  padding: 0;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0; 
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  /* added line */
  border: 0; }

a.atomx-btn--theme-primary, button.atomx-btn--theme-primary, input.atomx-btn--theme-primary {
  color: #fff !important;
  background: #006DFF; }
a.atomx-btn--theme-primary:hover, button.atomx-btn--theme-primary:hover, input.atomx-btn--theme-primary:hover {
  color: #fff !important;
  background: #004cb3; }
a.atomx-btn--theme-primary.disabled, a.atomx-btn--theme-primary:disabled, button.atomx-btn--theme-primary.disabled, button.atomx-btn--theme-primary:disabled, input.atomx-btn--theme-primary.disabled, input.atomx-btn--theme-primary:disabled {
  color: #9E9E9E !important;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn--theme-primary.disabled:active::before, a.atomx-btn--theme-primary:disabled:active::before, button.atomx-btn--theme-primary.disabled:active::before, button.atomx-btn--theme-primary:disabled:active::before, input.atomx-btn--theme-primary.disabled:active::before, input.atomx-btn--theme-primary:disabled:active::before {
  box-shadow: inset 0 4px 0 1px transparent; }
a.atomx-btn--theme-primary.atomx-btn__active, a.atomx-btn--theme-primary:active, button.atomx-btn--theme-primary.atomx-btn__active, button.atomx-btn--theme-primary:active, input.atomx-btn--theme-primary.atomx-btn__active, input.atomx-btn--theme-primary:active {
  position: relative; }
a.atomx-btn--theme-primary.atomx-btn__active::before, a.atomx-btn--theme-primary:active::before, button.atomx-btn--theme-primary.atomx-btn__active::before, button.atomx-btn--theme-primary:active::before, input.atomx-btn--theme-primary.atomx-btn__active::before, input.atomx-btn--theme-primary:active::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 4px;
  width: 100%;
  box-shadow: inset 0 4px 0 1px #004199; }

a.atomx-btn--theme-secondary, button.atomx-btn--theme-secondary, input.atomx-btn--theme-secondary {
  color: #fff !important;
  background: #666666; }
a.atomx-btn--theme-secondary:hover, button.atomx-btn--theme-secondary:hover, input.atomx-btn--theme-secondary:hover {
  color: #fff !important;
  background: #404040; }
a.atomx-btn--theme-secondary.disabled, a.atomx-btn--theme-secondary:disabled, button.atomx-btn--theme-secondary.disabled, button.atomx-btn--theme-secondary:disabled, input.atomx-btn--theme-secondary.disabled, input.atomx-btn--theme-secondary:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn--theme-secondary.disabled:active::before, a.atomx-btn--theme-secondary:disabled:active::before, button.atomx-btn--theme-secondary.disabled:active::before, button.atomx-btn--theme-secondary:disabled:active::before, input.atomx-btn--theme-secondary.disabled:active::before, input.atomx-btn--theme-secondary:disabled:active::before {
  box-shadow: inset 0 4px 0 1px transparent; }
a.atomx-btn--theme-secondary.atomx-btn__active, a.atomx-btn--theme-secondary:active, button.atomx-btn--theme-secondary.atomx-btn__active, button.atomx-btn--theme-secondary:active, input.atomx-btn--theme-secondary.atomx-btn__active, input.atomx-btn--theme-secondary:active {
  position: relative; }
a.atomx-btn--theme-secondary.atomx-btn__active::before, a.atomx-btn--theme-secondary:active::before, button.atomx-btn--theme-secondary.atomx-btn__active::before, button.atomx-btn--theme-secondary:active::before, input.atomx-btn--theme-secondary.atomx-btn__active::before, input.atomx-btn--theme-secondary:active::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 4px;
  width: 100%;
  box-shadow: inset 0 4px 0 1px #333333; }

a.atomx-btn--theme-success, button.atomx-btn--theme-success, input.atomx-btn--theme-success {
  color: #fff !important;
  background: #00C172; }
a.atomx-btn--theme-success:hover, button.atomx-btn--theme-success:hover, input.atomx-btn--theme-success:hover {
  color: #fff !important;
  background: #007545; }
a.atomx-btn--theme-success.disabled, a.atomx-btn--theme-success:disabled, button.atomx-btn--theme-success.disabled, button.atomx-btn--theme-success:disabled, input.atomx-btn--theme-success.disabled, input.atomx-btn--theme-success:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn--theme-success.disabled:active::before, a.atomx-btn--theme-success:disabled:active::before, button.atomx-btn--theme-success.disabled:active::before, button.atomx-btn--theme-success:disabled:active::before, input.atomx-btn--theme-success.disabled:active::before, input.atomx-btn--theme-success:disabled:active::before {
  box-shadow: inset 0 4px 0 1px transparent; }
a.atomx-btn--theme-success.atomx-btn__active, a.atomx-btn--theme-success:active, button.atomx-btn--theme-success.atomx-btn__active, button.atomx-btn--theme-success:active, input.atomx-btn--theme-success.atomx-btn__active, input.atomx-btn--theme-success:active {
  position: relative; }
a.atomx-btn--theme-success.atomx-btn__active::before, a.atomx-btn--theme-success:active::before, button.atomx-btn--theme-success.atomx-btn__active::before, button.atomx-btn--theme-success:active::before, input.atomx-btn--theme-success.atomx-btn__active::before, input.atomx-btn--theme-success:active::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 4px;
  width: 100%;
  box-shadow: inset 0 4px 0 1px #005b36; }

a.atomx-btn--theme-warning, button.atomx-btn--theme-warning, input.atomx-btn--theme-warning {
  color: #fff !important;
  background: #FE5815; }
a.atomx-btn--theme-warning:hover, button.atomx-btn--theme-warning:hover, input.atomx-btn--theme-warning:hover {
  color: #fff !important;
  background: #c63901; }
a.atomx-btn--theme-warning.disabled, a.atomx-btn--theme-warning:disabled, button.atomx-btn--theme-warning.disabled, button.atomx-btn--theme-warning:disabled, input.atomx-btn--theme-warning.disabled, input.atomx-btn--theme-warning:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn--theme-warning.disabled:active::before, a.atomx-btn--theme-warning:disabled:active::before, button.atomx-btn--theme-warning.disabled:active::before, button.atomx-btn--theme-warning:disabled:active::before, input.atomx-btn--theme-warning.disabled:active::before, input.atomx-btn--theme-warning:disabled:active::before {
  box-shadow: inset 0 4px 0 1px transparent; }
a.atomx-btn--theme-warning.atomx-btn__active, a.atomx-btn--theme-warning:active, button.atomx-btn--theme-warning.atomx-btn__active, button.atomx-btn--theme-warning:active, input.atomx-btn--theme-warning.atomx-btn__active, input.atomx-btn--theme-warning:active {
  position: relative; }
a.atomx-btn--theme-warning.atomx-btn__active::before, a.atomx-btn--theme-warning:active::before, button.atomx-btn--theme-warning.atomx-btn__active::before, button.atomx-btn--theme-warning:active::before, input.atomx-btn--theme-warning.atomx-btn__active::before, input.atomx-btn--theme-warning:active::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 4px;
  width: 100%;
  box-shadow: inset 0 4px 0 1px #ac3201; }

a.atomx-btn--theme-danger, button.atomx-btn--theme-danger, input.atomx-btn--theme-danger {
  color: #fff !important;
  background: #E62333; }
a.atomx-btn--theme-danger:hover, button.atomx-btn--theme-danger:hover, input.atomx-btn--theme-danger:hover {
  color: #fff !important;
  background: #a91320; }
a.atomx-btn--theme-danger.disabled, a.atomx-btn--theme-danger:disabled, button.atomx-btn--theme-danger.disabled, button.atomx-btn--theme-danger:disabled, input.atomx-btn--theme-danger.disabled, input.atomx-btn--theme-danger:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn--theme-danger.disabled:active::before, a.atomx-btn--theme-danger:disabled:active::before, button.atomx-btn--theme-danger.disabled:active::before, button.atomx-btn--theme-danger:disabled:active::before, input.atomx-btn--theme-danger.disabled:active::before, input.atomx-btn--theme-danger:disabled:active::before {
  box-shadow: inset 0 4px 0 1px transparent; }
a.atomx-btn--theme-danger.atomx-btn__active, a.atomx-btn--theme-danger:active, button.atomx-btn--theme-danger.atomx-btn__active, button.atomx-btn--theme-danger:active, input.atomx-btn--theme-danger.atomx-btn__active, input.atomx-btn--theme-danger:active {
  position: relative; }
a.atomx-btn--theme-danger.atomx-btn__active::before, a.atomx-btn--theme-danger:active::before, button.atomx-btn--theme-danger.atomx-btn__active::before, button.atomx-btn--theme-danger:active::before, input.atomx-btn--theme-danger.atomx-btn__active::before, input.atomx-btn--theme-danger:active::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 4px;
  width: 100%;
  box-shadow: inset 0 4px 0 1px #92111b; }

a.atomx-btn--theme-light, button.atomx-btn--theme-light, input.atomx-btn--theme-light {
  color: #333333;
  background: #fff !important; }
a.atomx-btn--theme-light:hover, button.atomx-btn--theme-light:hover, input.atomx-btn--theme-light:hover {
  color: #333333;
  background: #d9d9d9; }
a.atomx-btn--theme-light.disabled, a.atomx-btn--theme-light:disabled, button.atomx-btn--theme-light.disabled, button.atomx-btn--theme-light:disabled, input.atomx-btn--theme-light.disabled, input.atomx-btn--theme-light:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn--theme-light.disabled:active::before, a.atomx-btn--theme-light:disabled:active::before, button.atomx-btn--theme-light.disabled:active::before, button.atomx-btn--theme-light:disabled:active::before, input.atomx-btn--theme-light.disabled:active::before, input.atomx-btn--theme-light:disabled:active::before {
  box-shadow: inset 0 4px 0 1px transparent; }
a.atomx-btn--theme-light.atomx-btn__active, a.atomx-btn--theme-light:active, button.atomx-btn--theme-light.atomx-btn__active, button.atomx-btn--theme-light:active, input.atomx-btn--theme-light.atomx-btn__active, input.atomx-btn--theme-light:active {
  position: relative; }
a.atomx-btn--theme-light.atomx-btn__active::before, a.atomx-btn--theme-light:active::before, button.atomx-btn--theme-light.atomx-btn__active::before, button.atomx-btn--theme-light:active::before, input.atomx-btn--theme-light.atomx-btn__active::before, input.atomx-btn--theme-light:active::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 4px;
  width: 100%;
  box-shadow: inset 0 4px 0 1px #cccccc; }

a.atomx-btn--theme-dark, button.atomx-btn--theme-dark, input.atomx-btn--theme-dark {
  color: #fff !important;
  background: #1A1A1A; }
a.atomx-btn--theme-dark:hover, button.atomx-btn--theme-dark:hover, input.atomx-btn--theme-dark:hover {
  color: #fff !important;
  background: black; }
a.atomx-btn--theme-dark.disabled, a.atomx-btn--theme-dark:disabled, button.atomx-btn--theme-dark.disabled, button.atomx-btn--theme-dark:disabled, input.atomx-btn--theme-dark.disabled, input.atomx-btn--theme-dark:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn--theme-dark.disabled:active::before, a.atomx-btn--theme-dark:disabled:active::before, button.atomx-btn--theme-dark.disabled:active::before, button.atomx-btn--theme-dark:disabled:active::before, input.atomx-btn--theme-dark.disabled:active::before, input.atomx-btn--theme-dark:disabled:active::before {
  box-shadow: inset 0 4px 0 1px transparent; }
a.atomx-btn--theme-dark.atomx-btn__active, a.atomx-btn--theme-dark:active, button.atomx-btn--theme-dark.atomx-btn__active, button.atomx-btn--theme-dark:active, input.atomx-btn--theme-dark.atomx-btn__active, input.atomx-btn--theme-dark:active {
  position: relative; }
a.atomx-btn--theme-dark.atomx-btn__active::before, a.atomx-btn--theme-dark:active::before, button.atomx-btn--theme-dark.atomx-btn__active::before, button.atomx-btn--theme-dark:active::before, input.atomx-btn--theme-dark.atomx-btn__active::before, input.atomx-btn--theme-dark:active::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 4px;
  width: 100%;
  box-shadow: inset 0 4px 0 1px black; }

a.atomx-btn--theme-orange-dark, button.atomx-btn--theme-orange-dark, input.atomx-btn--theme-orange-dark {
  color: #333333;
  background: #FFA02F; }
a.atomx-btn--theme-orange-dark:hover, button.atomx-btn--theme-orange-dark:hover, input.atomx-btn--theme-orange-dark:hover {
  color: #fff !important;
  background: #e27b00; }
a.atomx-btn--theme-orange-dark.disabled, a.atomx-btn--theme-orange-dark:disabled, button.atomx-btn--theme-orange-dark.disabled, button.atomx-btn--theme-orange-dark:disabled, input.atomx-btn--theme-orange-dark.disabled, input.atomx-btn--theme-orange-dark:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn--theme-orange-dark.disabled:active::before, a.atomx-btn--theme-orange-dark:disabled:active::before, button.atomx-btn--theme-orange-dark.disabled:active::before, button.atomx-btn--theme-orange-dark:disabled:active::before, input.atomx-btn--theme-orange-dark.disabled:active::before, input.atomx-btn--theme-orange-dark:disabled:active::before {
  box-shadow: inset 0 4px 0 1px transparent; }
a.atomx-btn--theme-orange-dark.atomx-btn__active, a.atomx-btn--theme-orange-dark:active, button.atomx-btn--theme-orange-dark.atomx-btn__active, button.atomx-btn--theme-orange-dark:active, input.atomx-btn--theme-orange-dark.atomx-btn__active, input.atomx-btn--theme-orange-dark:active {
  position: relative; }
a.atomx-btn--theme-orange-dark.atomx-btn__active::before, a.atomx-btn--theme-orange-dark:active::before, button.atomx-btn--theme-orange-dark.atomx-btn__active::before, button.atomx-btn--theme-orange-dark:active::before, input.atomx-btn--theme-orange-dark.atomx-btn__active::before, input.atomx-btn--theme-orange-dark:active::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 4px;
  width: 100%;
  box-shadow: inset 0 4px 0 1px #c86d00; }

a.atomx-btn--theme-orange-light, button.atomx-btn--theme-orange-light, input.atomx-btn--theme-orange-light {
  color: #fff !important;
  background: #FE5815; }
a.atomx-btn--theme-orange-light:hover, button.atomx-btn--theme-orange-light:hover, input.atomx-btn--theme-orange-light:hover {
  color: #fff !important;
  background: #c63901; }
a.atomx-btn--theme-orange-light.disabled, a.atomx-btn--theme-orange-light:disabled, button.atomx-btn--theme-orange-light.disabled, button.atomx-btn--theme-orange-light:disabled, input.atomx-btn--theme-orange-light.disabled, input.atomx-btn--theme-orange-light:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn--theme-orange-light.disabled:active::before, a.atomx-btn--theme-orange-light:disabled:active::before, button.atomx-btn--theme-orange-light.disabled:active::before, button.atomx-btn--theme-orange-light:disabled:active::before, input.atomx-btn--theme-orange-light.disabled:active::before, input.atomx-btn--theme-orange-light:disabled:active::before {
  box-shadow: inset 0 4px 0 1px transparent; }
a.atomx-btn--theme-orange-light.atomx-btn__active, a.atomx-btn--theme-orange-light:active, button.atomx-btn--theme-orange-light.atomx-btn__active, button.atomx-btn--theme-orange-light:active, input.atomx-btn--theme-orange-light.atomx-btn__active, input.atomx-btn--theme-orange-light:active {
  position: relative; }
a.atomx-btn--theme-orange-light.atomx-btn__active::before, a.atomx-btn--theme-orange-light:active::before, button.atomx-btn--theme-orange-light.atomx-btn__active::before, button.atomx-btn--theme-orange-light:active::before, input.atomx-btn--theme-orange-light.atomx-btn__active::before, input.atomx-btn--theme-orange-light:active::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 4px;
  width: 100%;
  box-shadow: inset 0 4px 0 1px #ac3201; }

a.atomx-btn--theme-blue-dark, button.atomx-btn--theme-blue-dark, input.atomx-btn--theme-blue-dark {
  color: #fff !important;
  background: #09357A; }
a.atomx-btn--theme-blue-dark:hover, button.atomx-btn--theme-blue-dark:hover, input.atomx-btn--theme-blue-dark:hover {
  color: #fff !important;
  background: #041633; }
a.atomx-btn--theme-blue-dark.disabled, a.atomx-btn--theme-blue-dark:disabled, button.atomx-btn--theme-blue-dark.disabled, button.atomx-btn--theme-blue-dark:disabled, input.atomx-btn--theme-blue-dark.disabled, input.atomx-btn--theme-blue-dark:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn--theme-blue-dark.disabled:active::before, a.atomx-btn--theme-blue-dark:disabled:active::before, button.atomx-btn--theme-blue-dark.disabled:active::before, button.atomx-btn--theme-blue-dark:disabled:active::before, input.atomx-btn--theme-blue-dark.disabled:active::before, input.atomx-btn--theme-blue-dark:disabled:active::before {
  box-shadow: inset 0 4px 0 1px transparent; }
a.atomx-btn--theme-blue-dark.atomx-btn__active, a.atomx-btn--theme-blue-dark:active, button.atomx-btn--theme-blue-dark.atomx-btn__active, button.atomx-btn--theme-blue-dark:active, input.atomx-btn--theme-blue-dark.atomx-btn__active, input.atomx-btn--theme-blue-dark:active {
  position: relative; }
a.atomx-btn--theme-blue-dark.atomx-btn__active::before, a.atomx-btn--theme-blue-dark:active::before, button.atomx-btn--theme-blue-dark.atomx-btn__active::before, button.atomx-btn--theme-blue-dark:active::before, input.atomx-btn--theme-blue-dark.atomx-btn__active::before, input.atomx-btn--theme-blue-dark:active::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 4px;
  width: 100%;
  box-shadow: inset 0 4px 0 1px #020c1b; }

a.atomx-btn--theme-blue-light, button.atomx-btn--theme-blue-light, input.atomx-btn--theme-blue-light {
  color: #fff !important;
  background: #005BBB; }
a.atomx-btn--theme-blue-light:hover, button.atomx-btn--theme-blue-light:hover, input.atomx-btn--theme-blue-light:hover {
  color: #fff !important;
  background: #00366f; }
a.atomx-btn--theme-blue-light.disabled, a.atomx-btn--theme-blue-light:disabled, button.atomx-btn--theme-blue-light.disabled, button.atomx-btn--theme-blue-light:disabled, input.atomx-btn--theme-blue-light.disabled, input.atomx-btn--theme-blue-light:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn--theme-blue-light.disabled:active::before, a.atomx-btn--theme-blue-light:disabled:active::before, button.atomx-btn--theme-blue-light.disabled:active::before, button.atomx-btn--theme-blue-light:disabled:active::before, input.atomx-btn--theme-blue-light.disabled:active::before, input.atomx-btn--theme-blue-light:disabled:active::before {
  box-shadow: inset 0 4px 0 1px transparent; }
a.atomx-btn--theme-blue-light.atomx-btn__active, a.atomx-btn--theme-blue-light:active, button.atomx-btn--theme-blue-light.atomx-btn__active, button.atomx-btn--theme-blue-light:active, input.atomx-btn--theme-blue-light.atomx-btn__active, input.atomx-btn--theme-blue-light:active {
  position: relative; }
a.atomx-btn--theme-blue-light.atomx-btn__active::before, a.atomx-btn--theme-blue-light:active::before, button.atomx-btn--theme-blue-light.atomx-btn__active::before, button.atomx-btn--theme-blue-light:active::before, input.atomx-btn--theme-blue-light.atomx-btn__active::before, input.atomx-btn--theme-blue-light:active::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 4px;
  width: 100%;
  box-shadow: inset 0 4px 0 1px #002955; }

a.atomx-btn--theme-green-dark, button.atomx-btn--theme-green-dark, input.atomx-btn--theme-green-dark {
  color: #333333;
  background: #C4D600; }
a.atomx-btn--theme-green-dark:hover, button.atomx-btn--theme-green-dark:hover, input.atomx-btn--theme-green-dark:hover {
  color: #fff !important;
  background: #7e8a00; }
a.atomx-btn--theme-green-dark.disabled, a.atomx-btn--theme-green-dark:disabled, button.atomx-btn--theme-green-dark.disabled, button.atomx-btn--theme-green-dark:disabled, input.atomx-btn--theme-green-dark.disabled, input.atomx-btn--theme-green-dark:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn--theme-green-dark.disabled:active::before, a.atomx-btn--theme-green-dark:disabled:active::before, button.atomx-btn--theme-green-dark.disabled:active::before, button.atomx-btn--theme-green-dark:disabled:active::before, input.atomx-btn--theme-green-dark.disabled:active::before, input.atomx-btn--theme-green-dark:disabled:active::before {
  box-shadow: inset 0 4px 0 1px transparent; }
a.atomx-btn--theme-green-dark.atomx-btn__active, a.atomx-btn--theme-green-dark:active, button.atomx-btn--theme-green-dark.atomx-btn__active, button.atomx-btn--theme-green-dark:active, input.atomx-btn--theme-green-dark.atomx-btn__active, input.atomx-btn--theme-green-dark:active {
  position: relative; }
a.atomx-btn--theme-green-dark.atomx-btn__active::before, a.atomx-btn--theme-green-dark:active::before, button.atomx-btn--theme-green-dark.atomx-btn__active::before, button.atomx-btn--theme-green-dark:active::before, input.atomx-btn--theme-green-dark.atomx-btn__active::before, input.atomx-btn--theme-green-dark:active::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 4px;
  width: 100%;
  box-shadow: inset 0 4px 0 1px #677000; }

a.atomx-btn--theme-green-light, button.atomx-btn--theme-green-light, input.atomx-btn--theme-green-light {
  color: #fff !important;
  background: #509E2F; }
a.atomx-btn--theme-green-light:hover, button.atomx-btn--theme-green-light:hover, input.atomx-btn--theme-green-light:hover {
  color: #fff !important;
  background: #32631d; }
a.atomx-btn--theme-green-light.disabled, a.atomx-btn--theme-green-light:disabled, button.atomx-btn--theme-green-light.disabled, button.atomx-btn--theme-green-light:disabled, input.atomx-btn--theme-green-light.disabled, input.atomx-btn--theme-green-light:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn--theme-green-light.disabled:active::before, a.atomx-btn--theme-green-light:disabled:active::before, button.atomx-btn--theme-green-light.disabled:active::before, button.atomx-btn--theme-green-light:disabled:active::before, input.atomx-btn--theme-green-light.disabled:active::before, input.atomx-btn--theme-green-light:disabled:active::before {
  box-shadow: inset 0 4px 0 1px transparent; }
a.atomx-btn--theme-green-light.atomx-btn__active, a.atomx-btn--theme-green-light:active, button.atomx-btn--theme-green-light.atomx-btn__active, button.atomx-btn--theme-green-light:active, input.atomx-btn--theme-green-light.atomx-btn__active, input.atomx-btn--theme-green-light:active {
  position: relative; }
a.atomx-btn--theme-green-light.atomx-btn__active::before, a.atomx-btn--theme-green-light:active::before, button.atomx-btn--theme-green-light.atomx-btn__active::before, button.atomx-btn--theme-green-light:active::before, input.atomx-btn--theme-green-light.atomx-btn__active::before, input.atomx-btn--theme-green-light:active::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 4px;
  width: 100%;
  box-shadow: inset 0 4px 0 1px #284f18; }

a.atomx-btn-outline--theme-primary, button.atomx-btn-outline--theme-primary, input.atomx-btn-outline--theme-primary {
  color: #006DFF;
  background-color: transparent;
  border: 1px solid #006DFF; }
a.atomx-btn-outline--theme-primary:hover, button.atomx-btn-outline--theme-primary:hover, input.atomx-btn-outline--theme-primary:hover {
  color: #fff !important;
  background-color: #006DFF;
  border: 1px solid #006DFF; }
a.atomx-btn-outline--theme-primary.disabled, a.atomx-btn-outline--theme-primary:disabled, button.atomx-btn-outline--theme-primary.disabled, button.atomx-btn-outline--theme-primary:disabled, input.atomx-btn-outline--theme-primary.disabled, input.atomx-btn-outline--theme-primary:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-outline--theme-primary.atomx-btn__active, a.atomx-btn-outline--theme-primary:active, button.atomx-btn-outline--theme-primary.atomx-btn__active, button.atomx-btn-outline--theme-primary:active, input.atomx-btn-outline--theme-primary.atomx-btn__active, input.atomx-btn-outline--theme-primary:active {
  color: #fff !important;
  background-color: #006DFF;
  border: 1px solid #006DFF; }

a.atomx-btn-outline--theme-secondary, button.atomx-btn-outline--theme-secondary, input.atomx-btn-outline--theme-secondary {
  color: #666666;
  background-color: transparent;
  border: 1px solid #666666; }
a.atomx-btn-outline--theme-secondary:hover, button.atomx-btn-outline--theme-secondary:hover, input.atomx-btn-outline--theme-secondary:hover {
  color: #fff !important;
  background-color: #666666;
  border: 1px solid #666666; }
a.atomx-btn-outline--theme-secondary.disabled, a.atomx-btn-outline--theme-secondary:disabled, button.atomx-btn-outline--theme-secondary.disabled, button.atomx-btn-outline--theme-secondary:disabled, input.atomx-btn-outline--theme-secondary.disabled, input.atomx-btn-outline--theme-secondary:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-outline--theme-secondary.atomx-btn__active, a.atomx-btn-outline--theme-secondary:active, button.atomx-btn-outline--theme-secondary.atomx-btn__active, button.atomx-btn-outline--theme-secondary:active, input.atomx-btn-outline--theme-secondary.atomx-btn__active, input.atomx-btn-outline--theme-secondary:active {
  color: #fff !important;
  background-color: #666666;
  border: 1px solid #666666; }

a.atomx-btn-outline--theme-secondary-dark, button.atomx-btn-outline--theme-secondary-dark, input.atomx-btn-outline--theme-secondary-dark {
  color: #333333 !important;
  background-color: transparent;
  border: 1px solid #333333; }
a.atomx-btn-outline--theme-secondary-dark:hover, button.atomx-btn-outline--theme-secondary-dark:hover, input.atomx-btn-outline--theme-secondary-dark:hover {
  color: #fff !important;
  background-color: #333333;
  border: 1px solid #333333; }
a.atomx-btn-outline--theme-secondary-dark.disabled, a.atomx-btn-outline--theme-secondary-dark:disabled, button.atomx-btn-outline--theme-secondary-dark.disabled, button.atomx-btn-outline--theme-secondary-dark:disabled, input.atomx-btn-outline--theme-secondary-dark.disabled, input.atomx-btn-outline--theme-secondary-dark:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-outline--theme-secondary-dark.atomx-btn__active, a.atomx-btn-outline--theme-secondary-dark:active, button.atomx-btn-outline--theme-secondary-dark.atomx-btn__active, button.atomx-btn-outline--theme-secondary-dark:active, input.atomx-btn-outline--theme-secondary-dark.atomx-btn__active, input.atomx-btn-outline--theme-secondary-dark:active {
  color: #fff !important;
  background-color: #333333;
  border: 1px solid #333333; }

a.atomx-btn-outline--theme-success, button.atomx-btn-outline--theme-success, input.atomx-btn-outline--theme-success {
  color: #00C172;
  background-color: transparent;
  border: 1px solid #00C172; }
a.atomx-btn-outline--theme-success:hover, button.atomx-btn-outline--theme-success:hover, input.atomx-btn-outline--theme-success:hover {
  color: #fff !important;
  background-color: #00C172;
  border: 1px solid #00C172; }
a.atomx-btn-outline--theme-success.disabled, a.atomx-btn-outline--theme-success:disabled, button.atomx-btn-outline--theme-success.disabled, button.atomx-btn-outline--theme-success:disabled, input.atomx-btn-outline--theme-success.disabled, input.atomx-btn-outline--theme-success:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-outline--theme-success.atomx-btn__active, a.atomx-btn-outline--theme-success:active, button.atomx-btn-outline--theme-success.atomx-btn__active, button.atomx-btn-outline--theme-success:active, input.atomx-btn-outline--theme-success.atomx-btn__active, input.atomx-btn-outline--theme-success:active {
  color: #fff !important;
  background-color: #00C172;
  border: 1px solid #00C172; }

a.atomx-btn-outline--theme-warning, button.atomx-btn-outline--theme-warning, input.atomx-btn-outline--theme-warning {
  color: #FE5815;
  background-color: transparent;
  border: 1px solid #FE5815; }
a.atomx-btn-outline--theme-warning:hover, button.atomx-btn-outline--theme-warning:hover, input.atomx-btn-outline--theme-warning:hover {
  color: #fff !important;
  background-color: #FE5815;
  border: 1px solid #FE5815; }
a.atomx-btn-outline--theme-warning.disabled, a.atomx-btn-outline--theme-warning:disabled, button.atomx-btn-outline--theme-warning.disabled, button.atomx-btn-outline--theme-warning:disabled, input.atomx-btn-outline--theme-warning.disabled, input.atomx-btn-outline--theme-warning:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-outline--theme-warning.atomx-btn__active, a.atomx-btn-outline--theme-warning:active, button.atomx-btn-outline--theme-warning.atomx-btn__active, button.atomx-btn-outline--theme-warning:active, input.atomx-btn-outline--theme-warning.atomx-btn__active, input.atomx-btn-outline--theme-warning:active {
  color: #fff !important;
  background-color: #FE5815;
  border: 1px solid #FE5815; }

a.atomx-btn-outline--theme-danger, button.atomx-btn-outline--theme-danger, input.atomx-btn-outline--theme-danger {
  color: #E62333;
  background-color: transparent;
  border: 1px solid #E62333; }
a.atomx-btn-outline--theme-danger:hover, button.atomx-btn-outline--theme-danger:hover, input.atomx-btn-outline--theme-danger:hover {
  color: #fff !important;
  background-color: #E62333;
  border: 1px solid #E62333; }
a.atomx-btn-outline--theme-danger.disabled, a.atomx-btn-outline--theme-danger:disabled, button.atomx-btn-outline--theme-danger.disabled, button.atomx-btn-outline--theme-danger:disabled, input.atomx-btn-outline--theme-danger.disabled, input.atomx-btn-outline--theme-danger:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-outline--theme-danger.atomx-btn__active, a.atomx-btn-outline--theme-danger:active, button.atomx-btn-outline--theme-danger.atomx-btn__active, button.atomx-btn-outline--theme-danger:active, input.atomx-btn-outline--theme-danger.atomx-btn__active, input.atomx-btn-outline--theme-danger:active {
  color: #fff !important;
  background-color: #E62333;
  border: 1px solid #E62333; }

a.atomx-btn-outline--theme-light, button.atomx-btn-outline--theme-light, input.atomx-btn-outline--theme-light {
  color: #fff !important;
  background-color: transparent;
  border: 1px solid #fff !important; }
a.atomx-btn-outline--theme-light:hover, button.atomx-btn-outline--theme-light:hover, input.atomx-btn-outline--theme-light:hover {
  color: #333333;
  background-color: #fff !important;
  border: 1px solid #fff !important; }
a.atomx-btn-outline--theme-light.disabled, a.atomx-btn-outline--theme-light:disabled, button.atomx-btn-outline--theme-light.disabled, button.atomx-btn-outline--theme-light:disabled, input.atomx-btn-outline--theme-light.disabled, input.atomx-btn-outline--theme-light:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-outline--theme-light.atomx-btn__active, a.atomx-btn-outline--theme-light:active, button.atomx-btn-outline--theme-light.atomx-btn__active, button.atomx-btn-outline--theme-light:active, input.atomx-btn-outline--theme-light.atomx-btn__active, input.atomx-btn-outline--theme-light:active {
  color: #333333;
  background-color: #fff !important;
  border: 1px solid #fff !important; }

a.atomx-btn-outline--theme-dark, button.atomx-btn-outline--theme-dark, input.atomx-btn-outline--theme-dark {
  color: #1A1A1A;
  background-color: transparent;
  border: 1px solid #1A1A1A; }
a.atomx-btn-outline--theme-dark:hover, button.atomx-btn-outline--theme-dark:hover, input.atomx-btn-outline--theme-dark:hover {
  color: #fff !important;
  background-color: #1A1A1A;
  border: 1px solid #1A1A1A; }
a.atomx-btn-outline--theme-dark.disabled, a.atomx-btn-outline--theme-dark:disabled, button.atomx-btn-outline--theme-dark.disabled, button.atomx-btn-outline--theme-dark:disabled, input.atomx-btn-outline--theme-dark.disabled, input.atomx-btn-outline--theme-dark:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-outline--theme-dark.atomx-btn__active, a.atomx-btn-outline--theme-dark:active, button.atomx-btn-outline--theme-dark.atomx-btn__active, button.atomx-btn-outline--theme-dark:active, input.atomx-btn-outline--theme-dark.atomx-btn__active, input.atomx-btn-outline--theme-dark:active {
  color: #fff !important;
  background-color: #1A1A1A;
  border: 1px solid #1A1A1A; }

a.atomx-btn-outline--theme-orange-dark, button.atomx-btn-outline--theme-orange-dark, input.atomx-btn-outline--theme-orange-dark {
  color: #FFA02F;
  background-color: transparent;
  border: 1px solid #FFA02F; }
a.atomx-btn-outline--theme-orange-dark:hover, button.atomx-btn-outline--theme-orange-dark:hover, input.atomx-btn-outline--theme-orange-dark:hover {
  color: #333333;
  background-color: #FFA02F;
  border: 1px solid #FFA02F; }
a.atomx-btn-outline--theme-orange-dark.disabled, a.atomx-btn-outline--theme-orange-dark:disabled, button.atomx-btn-outline--theme-orange-dark.disabled, button.atomx-btn-outline--theme-orange-dark:disabled, input.atomx-btn-outline--theme-orange-dark.disabled, input.atomx-btn-outline--theme-orange-dark:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-outline--theme-orange-dark.atomx-btn__active, a.atomx-btn-outline--theme-orange-dark:active, button.atomx-btn-outline--theme-orange-dark.atomx-btn__active, button.atomx-btn-outline--theme-orange-dark:active, input.atomx-btn-outline--theme-orange-dark.atomx-btn__active, input.atomx-btn-outline--theme-orange-dark:active {
  color: #333333;
  background-color: #FFA02F;
  border: 1px solid #FFA02F; }

a.atomx-btn-outline--theme-orange-light, button.atomx-btn-outline--theme-orange-light, input.atomx-btn-outline--theme-orange-light {
  color: #FE5815;
  background-color: transparent;
  border: 1px solid #FE5815; }
a.atomx-btn-outline--theme-orange-light:hover, button.atomx-btn-outline--theme-orange-light:hover, input.atomx-btn-outline--theme-orange-light:hover {
  color: #fff !important;
  background-color: #FE5815;
  border: 1px solid #FE5815; }
a.atomx-btn-outline--theme-orange-light.disabled, a.atomx-btn-outline--theme-orange-light:disabled, button.atomx-btn-outline--theme-orange-light.disabled, button.atomx-btn-outline--theme-orange-light:disabled, input.atomx-btn-outline--theme-orange-light.disabled, input.atomx-btn-outline--theme-orange-light:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-outline--theme-orange-light.atomx-btn__active, a.atomx-btn-outline--theme-orange-light:active, button.atomx-btn-outline--theme-orange-light.atomx-btn__active, button.atomx-btn-outline--theme-orange-light:active, input.atomx-btn-outline--theme-orange-light.atomx-btn__active, input.atomx-btn-outline--theme-orange-light:active {
  color: #fff !important;
  background-color: #FE5815;
  border: 1px solid #FE5815; }

a.atomx-btn-outline--theme-blue-dark, button.atomx-btn-outline--theme-blue-dark, input.atomx-btn-outline--theme-blue-dark {
  color: #09357A;
  background-color: transparent;
  border: 1px solid #09357A; }
a.atomx-btn-outline--theme-blue-dark:hover, button.atomx-btn-outline--theme-blue-dark:hover, input.atomx-btn-outline--theme-blue-dark:hover {
  color: #fff !important;
  background-color: #09357A;
  border: 1px solid #09357A; }
a.atomx-btn-outline--theme-blue-dark.disabled, a.atomx-btn-outline--theme-blue-dark:disabled, button.atomx-btn-outline--theme-blue-dark.disabled, button.atomx-btn-outline--theme-blue-dark:disabled, input.atomx-btn-outline--theme-blue-dark.disabled, input.atomx-btn-outline--theme-blue-dark:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-outline--theme-blue-dark.atomx-btn__active, a.atomx-btn-outline--theme-blue-dark:active, button.atomx-btn-outline--theme-blue-dark.atomx-btn__active, button.atomx-btn-outline--theme-blue-dark:active, input.atomx-btn-outline--theme-blue-dark.atomx-btn__active, input.atomx-btn-outline--theme-blue-dark:active {
  color: #fff !important;
  background-color: #09357A;
  border: 1px solid #09357A; }

a.atomx-btn-outline--theme-blue-light, button.atomx-btn-outline--theme-blue-light, input.atomx-btn-outline--theme-blue-light {
  color: #005BBB;
  background-color: transparent;
  border: 1px solid #005BBB; }
a.atomx-btn-outline--theme-blue-light:hover, button.atomx-btn-outline--theme-blue-light:hover, input.atomx-btn-outline--theme-blue-light:hover {
  color: #fff !important;
  background-color: #005BBB;
  border: 1px solid #005BBB; }
a.atomx-btn-outline--theme-blue-light.disabled, a.atomx-btn-outline--theme-blue-light:disabled, button.atomx-btn-outline--theme-blue-light.disabled, button.atomx-btn-outline--theme-blue-light:disabled, input.atomx-btn-outline--theme-blue-light.disabled, input.atomx-btn-outline--theme-blue-light:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-outline--theme-blue-light.atomx-btn__active, a.atomx-btn-outline--theme-blue-light:active, button.atomx-btn-outline--theme-blue-light.atomx-btn__active, button.atomx-btn-outline--theme-blue-light:active, input.atomx-btn-outline--theme-blue-light.atomx-btn__active, input.atomx-btn-outline--theme-blue-light:active {
  color: #fff !important;
  background-color: #005BBB;
  border: 1px solid #005BBB; }

a.atomx-btn-outline--theme-green-dark, button.atomx-btn-outline--theme-green-dark, input.atomx-btn-outline--theme-green-dark {
  color: #C4D600;
  background-color: transparent;
  border: 1px solid #C4D600; }
a.atomx-btn-outline--theme-green-dark:hover, button.atomx-btn-outline--theme-green-dark:hover, input.atomx-btn-outline--theme-green-dark:hover {
  color: #333333;
  background-color: #C4D600;
  border: 1px solid #C4D600; }
a.atomx-btn-outline--theme-green-dark.disabled, a.atomx-btn-outline--theme-green-dark:disabled, button.atomx-btn-outline--theme-green-dark.disabled, button.atomx-btn-outline--theme-green-dark:disabled, input.atomx-btn-outline--theme-green-dark.disabled, input.atomx-btn-outline--theme-green-dark:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-outline--theme-green-dark.atomx-btn__active, a.atomx-btn-outline--theme-green-dark:active, button.atomx-btn-outline--theme-green-dark.atomx-btn__active, button.atomx-btn-outline--theme-green-dark:active, input.atomx-btn-outline--theme-green-dark.atomx-btn__active, input.atomx-btn-outline--theme-green-dark:active {
  color: #333333;
  background-color: #C4D600;
  border: 1px solid #C4D600; }

a.atomx-btn-outline--theme-green-light, button.atomx-btn-outline--theme-green-light, input.atomx-btn-outline--theme-green-light {
  color: #509E2F;
  background-color: transparent;
  border: 1px solid #509E2F; }
a.atomx-btn-outline--theme-green-light:hover, button.atomx-btn-outline--theme-green-light:hover, input.atomx-btn-outline--theme-green-light:hover {
  color: #fff !important;
  background-color: #509E2F;
  border: 1px solid #509E2F; }
a.atomx-btn-outline--theme-green-light.disabled, a.atomx-btn-outline--theme-green-light:disabled, button.atomx-btn-outline--theme-green-light.disabled, button.atomx-btn-outline--theme-green-light:disabled, input.atomx-btn-outline--theme-green-light.disabled, input.atomx-btn-outline--theme-green-light:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-outline--theme-green-light.atomx-btn__active, a.atomx-btn-outline--theme-green-light:active, button.atomx-btn-outline--theme-green-light.atomx-btn__active, button.atomx-btn-outline--theme-green-light:active, input.atomx-btn-outline--theme-green-light.atomx-btn__active, input.atomx-btn-outline--theme-green-light:active {
  color: #fff !important;
  background-color: #509E2F;
  border: 1px solid #509E2F; }

a.atomx-btn-link--theme-primary, button.atomx-btn-link--theme-primary, input.atomx-btn-link--theme-primary {
  color: #006DFF;
  background-color: transparent;
  border: 1px solid transparent; }
a.atomx-btn-link--theme-primary:hover .atomx-btn__label, button.atomx-btn-link--theme-primary:hover .atomx-btn__label, input.atomx-btn-link--theme-primary:hover .atomx-btn__label {
  text-decoration: underline; }
a.atomx-btn-link--theme-primary.disabled, a.atomx-btn-link--theme-primary:disabled, button.atomx-btn-link--theme-primary.disabled, button.atomx-btn-link--theme-primary:disabled, input.atomx-btn-link--theme-primary.disabled, input.atomx-btn-link--theme-primary:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-link--theme-primary.atomx-btn__active .atomx-btn__label, a.atomx-btn-link--theme-primary:active .atomx-btn__label, button.atomx-btn-link--theme-primary.atomx-btn__active .atomx-btn__label, button.atomx-btn-link--theme-primary:active .atomx-btn__label, input.atomx-btn-link--theme-primary.atomx-btn__active .atomx-btn__label, input.atomx-btn-link--theme-primary:active .atomx-btn__label {
  text-decoration: underline; }

a.atomx-btn-link--theme-secondary, button.atomx-btn-link--theme-secondary, input.atomx-btn-link--theme-secondary {
  color: #666666;
  background-color: transparent;
  border: 1px solid transparent; }
a.atomx-btn-link--theme-secondary:hover, button.atomx-btn-link--theme-secondary:hover, input.atomx-btn-link--theme-secondary:hover {
  text-decoration: underline; }
a.atomx-btn-link--theme-secondary.disabled, a.atomx-btn-link--theme-secondary:disabled, button.atomx-btn-link--theme-secondary.disabled, button.atomx-btn-link--theme-secondary:disabled, input.atomx-btn-link--theme-secondary.disabled, input.atomx-btn-link--theme-secondary:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-link--theme-secondary.atomx-btn__active, a.atomx-btn-link--theme-secondary:active, button.atomx-btn-link--theme-secondary.atomx-btn__active, button.atomx-btn-link--theme-secondary:active, input.atomx-btn-link--theme-secondary.atomx-btn__active, input.atomx-btn-link--theme-secondary:active {
  text-decoration: underline; }

a.atomx-btn-link--theme-success, button.atomx-btn-link--theme-success, input.atomx-btn-link--theme-success {
  color: #00C172;
  background-color: transparent;
  border: 1px solid transparent; }
a.atomx-btn-link--theme-success:hover, button.atomx-btn-link--theme-success:hover, input.atomx-btn-link--theme-success:hover {
  text-decoration: underline; }
a.atomx-btn-link--theme-success.disabled, a.atomx-btn-link--theme-success:disabled, button.atomx-btn-link--theme-success.disabled, button.atomx-btn-link--theme-success:disabled, input.atomx-btn-link--theme-success.disabled, input.atomx-btn-link--theme-success:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-link--theme-success.atomx-btn__active, a.atomx-btn-link--theme-success:active, button.atomx-btn-link--theme-success.atomx-btn__active, button.atomx-btn-link--theme-success:active, input.atomx-btn-link--theme-success.atomx-btn__active, input.atomx-btn-link--theme-success:active {
  text-decoration: underline; }

a.atomx-btn-link--theme-warning, button.atomx-btn-link--theme-warning, input.atomx-btn-link--theme-warning {
  color: #FE5815;
  background-color: transparent;
  border: 1px solid transparent; }
a.atomx-btn-link--theme-warning:hover, button.atomx-btn-link--theme-warning:hover, input.atomx-btn-link--theme-warning:hover {
  text-decoration: underline; }
a.atomx-btn-link--theme-warning.disabled, a.atomx-btn-link--theme-warning:disabled, button.atomx-btn-link--theme-warning.disabled, button.atomx-btn-link--theme-warning:disabled, input.atomx-btn-link--theme-warning.disabled, input.atomx-btn-link--theme-warning:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-link--theme-warning.atomx-btn__active, a.atomx-btn-link--theme-warning:active, button.atomx-btn-link--theme-warning.atomx-btn__active, button.atomx-btn-link--theme-warning:active, input.atomx-btn-link--theme-warning.atomx-btn__active, input.atomx-btn-link--theme-warning:active {
  text-decoration: underline; }

a.atomx-btn-link--theme-danger, button.atomx-btn-link--theme-danger, input.atomx-btn-link--theme-danger {
  color: #E62333;
  background-color: transparent;
  border: 1px solid transparent; }
a.atomx-btn-link--theme-danger:hover, button.atomx-btn-link--theme-danger:hover, input.atomx-btn-link--theme-danger:hover {
  text-decoration: underline; }
a.atomx-btn-link--theme-danger.disabled, a.atomx-btn-link--theme-danger:disabled, button.atomx-btn-link--theme-danger.disabled, button.atomx-btn-link--theme-danger:disabled, input.atomx-btn-link--theme-danger.disabled, input.atomx-btn-link--theme-danger:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-link--theme-danger.atomx-btn__active, a.atomx-btn-link--theme-danger:active, button.atomx-btn-link--theme-danger.atomx-btn__active, button.atomx-btn-link--theme-danger:active, input.atomx-btn-link--theme-danger.atomx-btn__active, input.atomx-btn-link--theme-danger:active {
  text-decoration: underline; }

a.atomx-btn-link--theme-light, button.atomx-btn-link--theme-light, input.atomx-btn-link--theme-light {
  color: #fff !important;
  background-color: transparent;
  border: 1px solid transparent; }
a.atomx-btn-link--theme-light:hover, button.atomx-btn-link--theme-light:hover, input.atomx-btn-link--theme-light:hover {
  text-decoration: underline; }
a.atomx-btn-link--theme-light.disabled, a.atomx-btn-link--theme-light:disabled, button.atomx-btn-link--theme-light.disabled, button.atomx-btn-link--theme-light:disabled, input.atomx-btn-link--theme-light.disabled, input.atomx-btn-link--theme-light:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-link--theme-light.atomx-btn__active, a.atomx-btn-link--theme-light:active, button.atomx-btn-link--theme-light.atomx-btn__active, button.atomx-btn-link--theme-light:active, input.atomx-btn-link--theme-light.atomx-btn__active, input.atomx-btn-link--theme-light:active {
  text-decoration: underline; }

a.atomx-btn-link--theme-dark, button.atomx-btn-link--theme-dark, input.atomx-btn-link--theme-dark {
  color: #1A1A1A;
  background-color: transparent;
  border: 1px solid transparent; }
a.atomx-btn-link--theme-dark:hover, button.atomx-btn-link--theme-dark:hover, input.atomx-btn-link--theme-dark:hover {
  text-decoration: underline; }
a.atomx-btn-link--theme-dark.disabled, a.atomx-btn-link--theme-dark:disabled, button.atomx-btn-link--theme-dark.disabled, button.atomx-btn-link--theme-dark:disabled, input.atomx-btn-link--theme-dark.disabled, input.atomx-btn-link--theme-dark:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-link--theme-dark.atomx-btn__active, a.atomx-btn-link--theme-dark:active, button.atomx-btn-link--theme-dark.atomx-btn__active, button.atomx-btn-link--theme-dark:active, input.atomx-btn-link--theme-dark.atomx-btn__active, input.atomx-btn-link--theme-dark:active {
  text-decoration: underline; }

a.atomx-btn-link--theme-orange-dark, button.atomx-btn-link--theme-orange-dark, input.atomx-btn-link--theme-orange-dark {
  color: #FFA02F;
  background-color: transparent;
  border: 1px solid transparent; }
a.atomx-btn-link--theme-orange-dark:hover, button.atomx-btn-link--theme-orange-dark:hover, input.atomx-btn-link--theme-orange-dark:hover {
  text-decoration: underline; }
a.atomx-btn-link--theme-orange-dark.disabled, a.atomx-btn-link--theme-orange-dark:disabled, button.atomx-btn-link--theme-orange-dark.disabled, button.atomx-btn-link--theme-orange-dark:disabled, input.atomx-btn-link--theme-orange-dark.disabled, input.atomx-btn-link--theme-orange-dark:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-link--theme-orange-dark.atomx-btn__active, a.atomx-btn-link--theme-orange-dark:active, button.atomx-btn-link--theme-orange-dark.atomx-btn__active, button.atomx-btn-link--theme-orange-dark:active, input.atomx-btn-link--theme-orange-dark.atomx-btn__active, input.atomx-btn-link--theme-orange-dark:active {
  text-decoration: underline; }

a.atomx-btn-link--theme-orange-light, button.atomx-btn-link--theme-orange-light, input.atomx-btn-link--theme-orange-light {
  color: #FE5815;
  background-color: transparent;
  border: 1px solid transparent; }
a.atomx-btn-link--theme-orange-light:hover, button.atomx-btn-link--theme-orange-light:hover, input.atomx-btn-link--theme-orange-light:hover {
  text-decoration: underline; }
a.atomx-btn-link--theme-orange-light.disabled, a.atomx-btn-link--theme-orange-light:disabled, button.atomx-btn-link--theme-orange-light.disabled, button.atomx-btn-link--theme-orange-light:disabled, input.atomx-btn-link--theme-orange-light.disabled, input.atomx-btn-link--theme-orange-light:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-link--theme-orange-light.atomx-btn__active, a.atomx-btn-link--theme-orange-light:active, button.atomx-btn-link--theme-orange-light.atomx-btn__active, button.atomx-btn-link--theme-orange-light:active, input.atomx-btn-link--theme-orange-light.atomx-btn__active, input.atomx-btn-link--theme-orange-light:active {
  text-decoration: underline; }

a.atomx-btn-link--theme-blue-dark, button.atomx-btn-link--theme-blue-dark, input.atomx-btn-link--theme-blue-dark {
  color: #09357A;
  background-color: transparent;
  border: 1px solid transparent; }
a.atomx-btn-link--theme-blue-dark:hover, button.atomx-btn-link--theme-blue-dark:hover, input.atomx-btn-link--theme-blue-dark:hover {
  text-decoration: underline; }
a.atomx-btn-link--theme-blue-dark.disabled, a.atomx-btn-link--theme-blue-dark:disabled, button.atomx-btn-link--theme-blue-dark.disabled, button.atomx-btn-link--theme-blue-dark:disabled, input.atomx-btn-link--theme-blue-dark.disabled, input.atomx-btn-link--theme-blue-dark:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-link--theme-blue-dark.atomx-btn__active, a.atomx-btn-link--theme-blue-dark:active, button.atomx-btn-link--theme-blue-dark.atomx-btn__active, button.atomx-btn-link--theme-blue-dark:active, input.atomx-btn-link--theme-blue-dark.atomx-btn__active, input.atomx-btn-link--theme-blue-dark:active {
  text-decoration: underline; }

a.atomx-btn-link--theme-blue-light, button.atomx-btn-link--theme-blue-light, input.atomx-btn-link--theme-blue-light {
  color: #005BBB;
  background-color: transparent;
  border: 1px solid transparent; }
a.atomx-btn-link--theme-blue-light:hover, button.atomx-btn-link--theme-blue-light:hover, input.atomx-btn-link--theme-blue-light:hover {
  text-decoration: underline; }
a.atomx-btn-link--theme-blue-light.disabled, a.atomx-btn-link--theme-blue-light:disabled, button.atomx-btn-link--theme-blue-light.disabled, button.atomx-btn-link--theme-blue-light:disabled, input.atomx-btn-link--theme-blue-light.disabled, input.atomx-btn-link--theme-blue-light:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-link--theme-blue-light.atomx-btn__active, a.atomx-btn-link--theme-blue-light:active, button.atomx-btn-link--theme-blue-light.atomx-btn__active, button.atomx-btn-link--theme-blue-light:active, input.atomx-btn-link--theme-blue-light.atomx-btn__active, input.atomx-btn-link--theme-blue-light:active {
  text-decoration: underline; }

a.atomx-btn-link--theme-green-dark, button.atomx-btn-link--theme-green-dark, input.atomx-btn-link--theme-green-dark {
  color: #C4D600;
  background-color: transparent;
  border: 1px solid transparent; }
a.atomx-btn-link--theme-green-dark:hover, button.atomx-btn-link--theme-green-dark:hover, input.atomx-btn-link--theme-green-dark:hover {
  text-decoration: underline; }
a.atomx-btn-link--theme-green-dark.disabled, a.atomx-btn-link--theme-green-dark:disabled, button.atomx-btn-link--theme-green-dark.disabled, button.atomx-btn-link--theme-green-dark:disabled, input.atomx-btn-link--theme-green-dark.disabled, input.atomx-btn-link--theme-green-dark:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-link--theme-green-dark.atomx-btn__active, a.atomx-btn-link--theme-green-dark:active, button.atomx-btn-link--theme-green-dark.atomx-btn__active, button.atomx-btn-link--theme-green-dark:active, input.atomx-btn-link--theme-green-dark.atomx-btn__active, input.atomx-btn-link--theme-green-dark:active {
  text-decoration: underline; }

a.atomx-btn-link--theme-green-light, button.atomx-btn-link--theme-green-light, input.atomx-btn-link--theme-green-light {
  color: #509E2F;
  background-color: transparent;
  border: 1px solid transparent; }
a.atomx-btn-link--theme-green-light:hover, button.atomx-btn-link--theme-green-light:hover, input.atomx-btn-link--theme-green-light:hover {
  text-decoration: underline; }
a.atomx-btn-link--theme-green-light.disabled, a.atomx-btn-link--theme-green-light:disabled, button.atomx-btn-link--theme-green-light.disabled, button.atomx-btn-link--theme-green-light:disabled, input.atomx-btn-link--theme-green-light.disabled, input.atomx-btn-link--theme-green-light:disabled {
  color: #9E9E9E;
  background-color: #DFDFDF;
  cursor: not-allowed;
  box-shadow: none; }
a.atomx-btn-link--theme-green-light.atomx-btn__active, a.atomx-btn-link--theme-green-light:active, button.atomx-btn-link--theme-green-light.atomx-btn__active, button.atomx-btn-link--theme-green-light:active, input.atomx-btn-link--theme-green-light.atomx-btn__active, input.atomx-btn-link--theme-green-light:active {
  text-decoration: underline; }

.stepContainerContent a.atomx-btn,
a.atomx-btn, button.atomx-btn, input.atomx-btn {
  display: inline-flex !important;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-family: 'frutiger',Arial,Sans serif !important;
  border-radius: 2px;
  padding: 0.9375rem 1rem;
  cursor: pointer;
  white-space: normal;
  text-decoration: none;
  vertical-align: inherit;
  border: 1px solid inherit;
  max-width: 100%;
  width: 100%;
}

a.atomx-btn--uppercase, button.atomx-btn--uppercase, input.atomx-btn--uppercase {
  font-family: 'WorkSansSemiBold';
  font-size: 0.875rem;
  text-transform: uppercase; }

a.atomx-btn--shadow, button.atomx-btn--shadow, input.atomx-btn--shadow {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }

a.atomx-btn-lg, button.atomx-btn-lg, input.atomx-btn-lg {
  padding: 1.25rem 1rem; }

a.atomx-btn-sm, button.atomx-btn-sm, input.atomx-btn-sm {
  padding: 0.6875rem 1rem; }

a.atomx-btn-block, button.atomx-btn-block, input.atomx-btn-block {
  width: 100%; }

a.atomx-btn .atomx-btn__ico-r, button.atomx-btn .atomx-btn__ico-r, input.atomx-btn .atomx-btn__ico-r {
  margin-left: 10px; }

a.atomx-btn .atomx-btn__ico-l, button.atomx-btn .atomx-btn__ico-l, input.atomx-btn .atomx-btn__ico-l {
  margin-right: 10px; }

a.atomx-btn-block, button.atomx-btn-block, input.atomx-btn-block {
  width: 100%; }

input[type="submit"].atomx-btn {
  border: 1px solid transparent; }

button.atomx-btn {
  border: 1px solid transparent; }

@media (min-width: 576px) {
  a.atomx-btn, button.atomx-btn, input.atomx-btn{
    width: auto;
    max-width: auto; }
  a.atomx-btn-block, button.atomx-btn-block, input.atomx-btn-block{
    width: 100%; } }


.buttonV3Edf > .right {
  float: none;
  text-align: right;
}

.button {
    margin-top: 20px;
    margin-bottom: 20px;
}

.button .left {
    margin-left: 0;
    margin-right: auto;
}

.button .center {
    margin: auto;
}

.button .right {
    margin-left: auto;
    margin-right: 5px;
}

.button-component-check-identity .btn_article {
    max-width: 110%;
}

.breadcrumb {
  font-size: 0.875em !important;
}

.breadcrumb a {
  font-size: inherit;
  color:#005bbb;
  display:inline;
  line-height: 1.5;
}

.breadcrumb li {
  font-size: inherit;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
.breadcrumb {
  display: none;
}
}

#listeNav {
  display: flex;
  margin: 0;
  list-style: none;
  list-style-image: none;
}

#listeNav li {
    margin: 0;
    list-style: none;
    list-style-image: none;
}

.blankspacewithline .line {
    border-top: 2px solid #f8f8f8;
}

.bic {
  width: 1145px;
  margin: 0 auto;
  position: relative;
}

.bic .bic-info-line {
  float: right;
  background: #f6f6f6;
  font-size: 11px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  right: 0;
  z-index: 1;
  min-width: 239px;
}

.bic .bic-info-line .info-text {
  line-height: 18px;
  color: #666666;
  text-transform: uppercase;
  float: left;
  /* width: 80%; */
  padding-left: 10px;
  margin-top: 7px;
  margin-bottom: 7px;
}

.bic .bic-info-line .no-contract {
  width: 100%;
  height: 50px;
  display: none;
  color:#666666;
  text-align: center;
  line-height: 50px;
}

.bic .bic-info-line .btn-orange-expand{
  background: #fe5815;
  min-height: 70px;
  float: right;
  position: relative;
  top:0;
  right: 0;
  width: 42px;
  margin-left: auto;
  flex: 0 0 auto;
}

.bic .bic-info-line .btn-orange-expand:hover {
  cursor: pointer;
}

.bic .bic-info-line .info-text .icon-home {
  display: inline-block;
  height: 20px;
  width: 20px;
  vertical-align: top;
}

.bic .bic-info-line .info-text span {
  vertical-align: top;
  display: inline-block;
  width: calc(100% - 27px);
  float: right;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  overflow: hidden;
  -o-text-overflow: clip ellipsis;
  text-overflow: clip ellipsis;
}

.bic .bic-info-line .fleche-right-line {
  background: url(assets/img/sprites/icons.png) -22px -687px;
  height: 7px;
  position: absolute;
  width: 12px;
  top: calc(50% - 3px);
  left: calc(50% - 6px);
}

.bic .bic-info-line .fleche-right-line-up {
  background: url(assets/img/sprites/icons.png) -56px -687px;
  height: 7px;
  position: absolute;
  width: 12px;
  top: calc(50% - 3px);
  left: calc(50% - 6px);
  display: none;
}

.bic-content-info {
  display: none;
  background: #f6f6f6;
  float: left;
  width: 100%;
  box-sizing: border-box;
}

.bic-content #adress .label-contrat {
  color:black;
  vertical-align: top;
  text-transform: none;
  font-weight: bold;
}

.bic-content-info #autres-adresses .label-contrat {
  color:black;
  vertical-align: top;
  text-transform: none;
  font-weight: bold;
}

@media screen and (max-width: 1280px) {
 
  .bic .bic-info-line .info-text span {
    width: calc(100% - 28px);
    max-height: 36px;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    overflow: hidden;
    -o-text-overflow: clip ellipsis;
    text-overflow: clip ellipsis;
  }
}

.bic {
  width: 100%;
  max-width: 1145px;
  margin: 0 auto;
  position: relative;
}

@media screen and (min-width: 768px){
  #bic {
    height: 0;
  }

  .bic .bic-info-line {
    top: 95px;
    margin-right: 25px;
    min-width: 315px;
    position: absolute;
  }
}

@media screen and (min-width: 1024px){
  .bic .bic-info-line {
    top: 52px;
  }
}

@media screen and (min-width: 1280px){
  .bic .bic-info-line {
    top: 52px;
    margin-right: 0;
  }
  
	#atomx-header.sticky + #bic { position: fixed; top: 59px; z-index: 1; width: 100%;} /*z-index:1000*/
}

@media screen and (min-width: 1024px){
 #bic {
   position: fixed;
   top: 59px;
   z-index: 1;
   width: 100%;
	 }
}

#bic::after {
 display: table;
 clear: both;
 content: "";
}

@media screen and (max-width: 767px){
  .bic .bic-info-line {
    width: 100%;
  }
}

.lien-rattacher {
  line-height: 45px;
  text-decoration: underline;
  text-transform: none;
  color: whitesmoke;
}

.lien-contrat {
  text-decoration: underline;
  text-transform: none;
  color: black;
  font-weight: bold;
}

#bloc-rattacher {
  height: 45px;
  width: 100%;
  float: inherit;
  background-color: #333;
  display: inline-block;
}

.icon-rattacher {
  fill: whitesmoke;
  position: relative;
  left: 10px;
  top: 7px;
  height: 20px;
  width: 20px;
  margin-right: 16px;
}

.autres {
  width: 100%;
  padding-right: 5px;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding-top: 7px;
  padding-bottom: 7px;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.bic-content {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
}

#alert-cookie, #alert-no-cookie {
    background-color: #000000;
    color: #FFFFFF;
    font-size: 88%;
}

.content_alert-cookie {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 88%;
    padding-left: 20px;
    padding-right: 20px;
}

.close-cookie {
    cursor: pointer;
}

#alert-cookie img, #alert-no-cookie img {
    margin-right: 10px;
    padding-right: 10px;
    margin-left: 8px;
}

#alert-cookie a, #alert-no-cookie a {
    color: #FE5815;
    display: inline;
}

#alert-cookie .left, #alert-no-cookie .left {
    float: left;
}

#alert-cookie .right, #alert-no-cookie .right {
    float: right;
}

.administrativedata-content {
    padding: 20px;
    background-color: #F3F3F3;
}

.accordionContainer #accordionRWD .accordion-section-item-content h2 {
  font-size: 1.25rem;
  line-height: 1.625rem;
  margin: 0;
  color: #333333;
}

.accordionContainer #accordionRWD .accordion-section-item figure {
  width: inherit;
  justify-content: center;
  margin: auto 25px auto 0;
  margin-top: auto;
  margin-bottom: auto;
  text-align: center;
}

.accordionContainer #accordionRWD .accordion-section-item,.accordionContainer .accordion-section-item {
  height: inherit;
  padding: 30px 0;
}

.accordionContainer #accordionRWD .accordion-section-content p {
  margin: 0;
}

.accordionContainer #accordionRWD .accordion-section-item-content p {
  margin: 0;
  font-size: 1rem;
  line-height: 1.125rem;
}

#accordionRWD .icon-chevron {
  float: right;
  margin-top: auto;
  margin-bottom: auto;
  height: 100%;
}

#accordionRWD .icon-chevron.lightOrange svg path{
  stroke: #FFA02F;
}

#accordionRWD .icon-chevron.darkOrange svg path{
  stroke: #FE5815;
}

#accordionRWD .icon-chevron.lightGreen svg path{
  stroke: #C4D600;
}

#accordionRWD .icon-chevron.green svg path{
  stroke: #509E2F;
}

#accordionRWD .icon-chevron.lightBlue svg path{
  stroke: #005BBB;
}

#accordionRWD .icon-chevron.darkBlue svg path{
  stroke: #09357A;
}

#accordionRWD .icon-chevron.lightGrey svg path{
  stroke: #ACACAC;
}

#accordionRWD .icon-chevron.grey svg path{
  stroke: #474747;
}

#accordionRWD .lightOrange{
  color: #FFA02F;
}

#accordionRWD .darkOrange{
  color: #FE5815;
}

#accordionRWD .lightGreen{
  color: #C4D600;
}

#accordionRWD .darkGreen{
  color: #509E2F;
}

#accordionRWD .lightBlue{
  color: #005BBB;
}

#accordionRWD .darkBlue{
  color: #09357A;
}

#accordionRWD .lightGrey{
  color: #ACACAC;
}

#accordionRWD .grey{
  color: #474747;
}


#accordionRWD .accordion-section-content p {
  padding-bottom: 30px;
  font-size:1rem; /* 16px */
  line-height: 1.375rem; /* 22px */
}

#accordionRWD .rotated {
  transform: rotate(-180deg);
  -ms-transform: rotate(-180deg); /* IE 9 */
  -moz-transform: rotate(-180deg); /* Firefox */
  -webkit-transform: rotate(-180deg); /* Safari and Chrome */
  -o-transform: rotate(-180deg); /* Opera */
}

@media only screen and (max-width: 768px) {

  #accordionRWD .accordion-section-content p {
    font-size:0.875rem; /* 14px */
    line-height: 1.25rem; /* 20px */
  }

  .accordionContainer #accordionRWD .accordion-section-item-content h2 {
    padding: 0;
    font-size: 17px;
    line-height: 23px;
    font-weight: bold;
    margin-bottom: 0;
    font-size: 1.25rem;
  }

}

#accordionRWD .desktop-text {
  display: inline-block;

}

#accordionRWD .mobile-text {
  display: none;
}

@media only screen and (max-width: 568px) {

  #accordionRWD .accordion-section-item figure {
    display: none;
  }

  #accordionRWD .desktop-text {
    display: none;
  }

  #accordionRWD .mobile-text {
    display: inline-block;
  }


}

@media only screen and (max-width: 375px) {

}

.accordionContainer {
  border-bottom: 1px solid grey;
}
.accordionContainer:last-child {
  border-bottom: 0px solid grey;
}

#accordionRWD h2{
  font-weight: 700;
  margin-bottom: 0px;
  margin-top: 0px;
}

#accordionRWD figure{
  display: inline-block;
  height: 48px;
  width: 48px;
  padding-right: 25px;
}

#accordionRWD .accordion-section-item-content p{
  margin-top: 0px;
  margin-bottom: 0px;
}

#accordionRWD .accordion-section-item-content {
  display: inline-block;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  justify-content: center;
}

#accordionRWD .accordion-section-title .accordion-section-item {
  position: relative;
  display : flex;
}

#accordionRWD .accordion-section-item-content {
  display : flex;
}

#accordionRWD .init-hide{
  display: none;
}


.stepContainerContent {
    color: #666666;
}

.stepContainerContent h1 {
    color: #fe5815;
    margin-top: 37px;
}

.stepContainerContent .breadcrumb div div a:not(.breadcrumbItems) {
    color: #005BBB;
    font-size:14px;
}

@media only screen and (min-width: 768px) {
    .stepContainerContent #corp {
        padding-right: 0;
    }
}

@media only screen and (max-width: 768px) {
    .stepContainerContent #sidebar {
        display: none;
    }
}

/* Afin de corriger le problème d'alignement du bic
.stepContainerContent .page {
    margin-top: 15px;
}*/

.stepContainerContent .tittle-article {
    color: #005bbb;
    font-family: Frutiger, Helvetica, sans-serif;
    font-size: 3.5em;
}

.stepContainerContent .lien-article {
    color: #005bbb;
    text-decoration: underline;
    display: initial;
    font-size: 1em;
}

.stepContainerContent .subtitle {
    font-family: Frutiger, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 1.5em;
}

.stepContainerContent .chapo {
    font-family: Frutiger, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 1.38em;
}

.stepContainerContent .list-article {
    margin-bottom: 20px;
}

.stepContainerContent .list-article-2 {
    margin-top: 80px;
}

.stepContainerContent .contenu-article ul li {
    padding: 0 51.5px;
}

.stepContainerContent .img_left {
    float: left;
    margin-right: 20px;
}

.stepContainerContent .dot_list {
    margin-right: 10px;
    margin-bottom: 2px;
}

.stepContainerContent .title_list_article {
    font-family: Frutiger, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 1.25em;
    margin-bottom: -15px;
}

.stepContainerContent #table {
    margin-bottom: 80px;
    margin-top: 80px;
}

.stepContainerContent #separate {
    border-bottom: solid 1px #dcdcdc;
}

.stepContainerContent .title_table_article {
    font-family: Frutiger, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 1.25em;
}

.stepContainerContent #ligne_1 {
    margin-bottom: 20px;
}

.stepContainerContent #ligne_2 {
    margin-top: 20px;
}

.stepContainerContent .ligne_table {
    padding-right: 30px;
}

.stepContainerContent #ligne-1 {
    border-right: solid 1px #dcdcdc;
    padding-right: 50px;
}

.stepContainerContent #ligne-2 {
    border-right: solid 1px #dcdcdc;
    padding-right: 50px;
}

.stepContainerContent .col2 {
    padding-left: 50px;
}

.stepContainerContent .chevron {
    margin-right: 10px;
}

.stepContainerContent .bloc_side {
    background-color: #f8f8f8;
    margin-bottom: 45px;
}

.stepContainerContent .img_bloc {
    width: 100%;
}

.stepContainerContent .text-bloc {
    padding: 0 11px 10px 35px;
}

.stepContainerContent .bloc_title {
    font-family: Frutiger, Helvetica, sans-serif;
    color: #fe5815;
    font-size: 1.25em;
    text-transform: uppercase;
}

.stepContainerContent .bloc_content {
    font-family: Frutiger, Helvetica, sans-serif;
    color: #8a9298;
    font-size: 1.13em;
}

.stepContainerContent #bloc-infographie {
    background-color: #f0f3f4;
}

.stepContainerContent .bloc_infographie {
    background-color: #f0f3f4;
}

.stepContainerContent .text_encadre_1 {
    font-family: Frutiger, Helvetica, sans-serif;
    font-weight: bold;
    color: #ffffff;
    font-size: 1.13em;
    text-transform: uppercase;
}

.stepContainerContent .text_encadre_2 {
    font-family: Frutiger, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 1.13em;
}

.stepContainerContent .text_encadre_3 a {
    font-family: Frutiger, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 1.1em;
    margin-top: 40px;
    text-align: left;
}

.stepContainerContent .bloc_mag {
    background-color: #fff;
}

.stepContainerContent hr {
    background-color: #E5E5E5;
    height: 1px;
    border: none;
}

.stepContainerContent a:not(.btn):not(.atomx-btn):not(.onglet-nav_link):not(.breadcrumbItems) {
    color: #005BBB;
    display: inline;
    font-family: Frutiger, Helvetica, sans-serif;
    font-size: 16px;
}

.stepContainerContent a:visited {
    display: inline;
}

.railway-container {
    margin-top: 30px;
    margin-bottom: 30px;
}

.railway img {
    margin: auto;
    top: 0px;
    position: relative;
}

.railway .autres{
  top: 22px !important;
}

.railway .oldFirefox{
  top: 22px;
}

.railway .traitOldFirefox{
  top: -15px !important;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .railway img {
    top: 22px;
  }
}

@media screen and (-ms-high-contrast:active), all {
  .railway img {
    top: 22px;
  }
}


.railway .step-name {
    height: 10px;
}

.railway .check-step, .railway .active-step{
    font-size: 1.13em;
    color:  #fe5815;
    font-weight: normal;
    text-align : center;
}

.railway .inactive-step {
    font-size: 1.13em;
    color:  #d7d7d7;
    font-weight: normal;
    text-align: center;
}

.railway .trait-railway {
    z-index: -1;
    height: 1px;
    position: relative;
    top: 40px;
}

.railway .trait-railway-old-firefox {
    z-index: -1;
    height: 1px;
    position: relative;
    top: 40px;
}

.railway .trait-orange {
    background-color: #fe5815;
}

.railway .trait-gris {
    background-color: #d7d7d7;
}

.stepOverlayContainer {
    width: 100%;
    height: 100%;
    position: relative;
}

.stepOverlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    background-color: #F9F8F6;
    opacity : 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    display : block;
}

form.stepContent select.error, form.stepContent input.error {
    border: 1px solid #f00;
}

form .form_row label.error {
    height: 25px;
    padding-bottom: 15px;
}

#step_field_error {
  color: #F00;
  font-family: sans-serif;
  font-size: 11pt;
}


/*en dessous de 1024*/
@media screen and (max-width:1023px) {

 .railway-container{
    position : relative;
    bottom : 40px;
 }

 .active-step .step-name {
    position: relative;
    top: 70px;
 }

 .inactive-step .step-name, .check-step .step-name{
    visibility : hidden;
 }
}

#waitRestServiceloader{
    padding: 20px;
    text-align: center;
}

#waitRestServiceloader .waitRestServiceloaderText{
    width: 100%;
    text-align: center;
}

.connectionData .marginDoubleLabelButton {
    margin-top: 25px;
}

.connectionDataForm p {
    margin : 0;
}

.connectionDataForm div.bloc-email-edit {
    padding-top: 26px;
    padding-bottom: 28px;
    border-bottom: 1px solid #d9d9d9;
}

.connectionDataForm div.bloc-password-edit {
    padding-top: 28px;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 28px;
}

.connectionDataForm div.bloc-secretQa-edit {
    padding-top: 28px;
    padding-bottom: 28px;
    border-bottom: 1px solid #d9d9d9;
}

.connectionDataForm div.bloc-dashboard {
    padding-top: 8px;
}

.connectionDataForm div.bloc-email-edit p span {
    font-size: 14px;
    font-style: italic;
}

#navigationBar{
	margin: 1px auto; /* passage HLA bandeau (former : 17) */
}

#body .wrap.navigationBar_top-margin{
  margin-top: 50px;
}

#navigationBar .main-nav-container{
    display: block;
    width: 100%;
}

.navigationBarPage.page {
    margin-top: 0px;
}

#navigationBar .main-nav{
    margin: 0 auto;
    display: table;
    table-layout: fixed;
    padding: 0;
    width: 100%;
    background-color: white;
    overflow: hidden;
    -webkit-box-shadow: 0px 3px 7px rgba(0,0,0,.14);
    -moz-box-shadow: 0px 3px 7px rgba(0,0,0,.14);
    box-shadow: 0px 3px 7px rgba(0,0,0,.14);
    list-style-type: none;
    border-top: 1px solid #cccccc;
}

#navigationBar .main-nav-item{
    display: table-cell;
    vertical-align: middle;
    padding: 0;
}
#navigationBar .main-nav-link{
    display: table;
    table-layout: fixed;
    width: 100%;
    text-decoration: none;
    border-left: 1px solid #cccccc;
}
#navigationBar .main-nav-link span{
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
    height: 42px;
    text-align: center;
    font-size: 14px;
    font-family: Frutiger,Helvetica, sans-serif;
    color: #666666;
}
#navigationBar .dark-grey .main-nav-link:hover span,
#navigationBar .dark-grey .active .main-nav-link span{
    color: #ffffff;
    background-color: #75787b;
}
#navigationBar .dark-green .main-nav-link:hover span,
#navigationBar .dark-green .active .main-nav-link span{
    color: #ffffff;
    background-color: #509e2f;
}
#navigationBar .dark-orange .main-nav-link:hover span,
#navigationBar .dark-orange .active .main-nav-link span{
    color: #ffffff;
    background-color: #fe5815;
}
#navigationBar .dark-blue .main-nav-link:hover span,
#navigationBar .dark-blue .active .main-nav-link span{
    color: #ffffff;
    background-color: #001A70;
}
#navigationBar .light-blue .main-nav-link:hover span,
#navigationBar .light-blue .active .main-nav-link span{
    color: #ffffff;
    background-color: #005bbb;
}

#navigationBar .main-nav-link:hover span,
#navigationBar .active .main-nav-link span{
    color: #ffffff;
  background-color: #fe5815;
}

/* sticky case */
.ref-header .menu_wrap_scroll.navigationBar-fixed {
  box-shadow: none;
}

.navigationBarPage.navigationBar-fixed {
  position: fixed;
  z-index: 4;
  background-color: white;
  width: 100%;
  top:58px;
  left: 0px;
  -webkit-box-shadow: 0px 3px 7px rgba(0,0,0,.14);
  -moz-box-shadow: 0px 3px 7px rgba(0,0,0,.14);
  box-shadow: 0 3px 7px rgba(0,0,0,.14);
}
.navigationBarPage.navigationBar-fixed #navigationBar {
    margin: auto;
}

.navigationBarPage.navigationBar-fixed #navigationBar .main-nav {
  box-shadow: none;
}

@media only screen and (max-width: 1165px) {
  .ref-header .menu_wrap_scroll #navigationBar {
    width: 100%;
  }
}
/* end sticky case */

@media screen and (max-width:719px){
    #navigationBar{
       display: none;
    }

}

@media only screen and (min-width: 720px) {
    #navigationBar{
        width: 100%;
    }
  #navigationBar .main-nav{
    border-right: 1px solid #cccccc;
    }
  #navigationBar .main-nav-item{
        display: block;
        float: left;
        width: 25%;
        border-bottom: 1px solid #cccccc;
    }
}
@media only screen and (min-width: 880px) {
    #navigationBar{
        width: 100%;
    }
    #navigationBar .main-nav-item {
        display: block;
        float: left;
        width: 12.5%;
    }/**/
}
@media screen and (min-width:1144px){
    #navigationBar{
        width: 100%;
    }
    #navigationBar .main-nav-item {
        width: 12.5%;
    }
}

@media screen and (max-width: 1024px) {
    #body .wrap.navigationBar_top-margin {
        width: 100%;
    }
}

@media screen and (max-width: 1024px) {
    #body .wrap .page.parentpage.navigationBarPage {
        width: 100%;
    }
}

@media screen and (min-width:1025px) and (max-width: 1280px) {
    #body .wrap.navigationBar_top-margin {
      width: 100%;
    }
    #navigationBar{
      width: 100%;
    }
    #navigationBar .main-nav-item {
      width: 12.5%;
    }
}
@media screen and (min-width:1025px) and (max-width: 1278px) {
    #body .page.parentpage.navigationBarPage {
        width: 100%;
        margin: auto;
    }
    #navigationBar{
        width: 100%;
    }
    #navigationBar .main-nav-item {
        width: 12.5%;
    }
}

@media screen and (max-width: 1024px) {
    #articleBackground .navigationBarPage {
        width: 100%;
    }
}


@media screen and (min-width:1025px) and (max-width: 1280px) {
    #articleBackground .navigationBarPage {
        width: 100% !important;
        margin: auto;
    }
}

#dashboardpagev2 {
  padding-top: 1px;
}
.sticky-wrapper {
  height: auto;
}
.navigationBarPage.navigationBar-fixed {
  display: none;
}

.navigationBarPage.navigationBar-fixed #navigationBar {
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
}

#navigationBar .main-nav-link span {
  height: 42px;
}

@media only screen and (min-width: 768px) {
  .sticky-wrapper {
    min-height: 88px;
  }
  .navigationBarPage.navigationBar-fixed {
    position: absolute;
    width: 100%;
  }
  .navigationBarPage.navigationBar-fixed {
    display: block;
    background-color: transparent;
    box-shadow: none;
    top: 62px;
  }
  .navigationBarPage.navigationBar-fixed {
    width: 100%;
    max-width: 100%;
  }
}

@media only screen and (min-width: 880px) {
  #navigationBar .main-nav-item {
    display: block;
    float: left;
    width: 25%;
  }
}
@media screen and (max-width: 1278px) and (min-width: 1024px) {
  #body .page.parentpage.navigationBarPage {
    width: 100%;
    margin: auto;
  }
}

@media only screen and (min-width: 1024px) {
  #navigationBar .main-nav-container {
    border-bottom: 1px solid #cccccc;
  }
  #navigationBar .main-nav-item {
    display: block;
    float: left;
    width: 12.5%;
    border-bottom: none;
  }
  .sticky-wrapper {
    min-height: 44px;
  }

}

@media screen and (min-width: 1280px) {
  .navigationBarPage.navigationBar-fixed {
    position: fixed;
    width: 100%;
  }

  .navigationBarPage.navigationBar-fixed #navigationBar {
    margin: 0 auto;
    width: 100%;
    max-width: 1144px;
  }
  .navigationBarPage.navigationBar-fixed {
    top: 61px;
  }
  .navigationBarPage.navigationBar-fixed.double-header {
    top: 128px;
  }
}
.landingPage .wrap {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
}

.landingPage header .trait {
    min-height: 77px;
}

.landingPage header .trait .bar_nav_top {
    max-width: 1276px;
    margin-left: auto;
    margin-right: auto;
}

.landingPage header #landing_title_container div {
    margin-top: 30px;
    margin-left: 5em;
}

.landingPage .wrap .page .title h1 {
    margin-top: 0px;
}

.landingPage footer {
    min-height: 70px;
}

.landingPage header #logo_container {
    text-align: right;
}

.landingPage header #logo_container img {
    margin-top: 20px;
}

.landingPage footer #footerImgContainer {
    text-align: left;
}

.landingPage footer #landing_footer {
    text-align: left;
}

@media screen and (max-width:1024px) {
    .landingPage header #logo_container {
        text-align: left;
    }

    .landingPage header #logo_container img {
        margin-left: 28px;
    }

    .landingPage header #landing_title_container div {
        margin-left: 0;
    }
}

@media screen and (max-width:768px) {
    .landingPage .wrap {
        max-width: 736px;
        margin-left: auto;
        margin-right: auto;
    }

    .landingPage header #logo_container {
        text-align: left;
    }

    .landingPage header #logo_container img {
        margin-left: 28px;
    }
}

@media screen and (min-width:320px) and (max-width:760px) {
    .landingPage .wrap {
        margin-left: auto;
        margin-right: auto;
    }

    .landingPage header .trait {
        min-height: 59px;
    }

    .landingPage header #logo_container {
        text-align: center;
    }

    .landingPage header #logo_container img {
        margin-top: 12px;
    }

    .landingPage header #landing_title_container div {
        text-align: center;
    }

    .landingPage #footer {
        padding: 0;
    }
}

    /*** BACKGROUND COLOR OPTIONS ***/
	.blue-bg {
	  background-color: #005bbb;
	}
	.lightgray-bg {
	  background-color: #f2f2f2
	}
	.gray-bg {
	  background-color: #666666;
	}
	.green-bg {
	  background-color: #509e2f;
	}
	.lightgreen-bg {
	  background-color: #c4d600;
	}
	.lightorange-bg {
	  background-color: #ffa02f;
	}
	.orange-bg {
	  background-color: #fe5815;
	}
	.white-bg {
	  background-color: #ffffff;
	}
	.no-color-bg{
	  background-color: transparent;
	}

    #header-landing .header-landing-wrapper .header-landing-logo svg {
        height: 20px;
      }

    #landingPage .form-group label {
        color: black !important;
    }

    #landingPage .text-center {
        color: black !important;
    }

    #landingPage .card-header {
        color: white !important;
    }

#header-landing .header-landing-wrapper {
    border-bottom: 1px solid #ebebeb;
    text-align: center;
    background: #fff;
}

#header-landing .header-landing-wrapper .header-landing-logo {
    display: inline-block;
    width: 160px;
}

#header-landing .header-landing-wrapper .header-landing-logo a {
    display: inline-block;
    height: 50px;
    vertical-align: middle;
    cursor: pointer;
}

#header-landing .header-landing-wrapper .header-landing-logo svg {
    display: inline-block;
    width: 3.75rem;
    height: 50px;
}

#header-landing .header-landing-wrapper .header-landing-logo svg .logo-flower {
    fill: #fe5815;
}

#header-landing .header-landing-wrapper .header-landing-logo svg .logo-letter {
    fill: #09357a;
}

@media screen and (min-width:768px) {
    #header-landing .header-landing-wrapper {
        text-align: left;
    }

    #header-landing .header-landing-wrapper .header-landing-logo {
        margin-left: 40px;
    }

    #header-landing .header-landing-wrapper .header-landing-logo a {
        height: 60px;
    }

    #header-landing .header-landing-wrapper .header-landing-logo svg {
        width: 81px;
        height: 60px;
    }
}
#articleBackground .wrap {
    max-width: 1145px;
    margin-left: auto;
    margin-right: auto;
    width: auto;
}
.imageTitrePar {
    background-repeat: round;
    height: 100%;
}
#articleBackground .breadcrumb{
    margin-top: 15px;
    position: relative;
}
#articleBackground .move-up{
    top: -35px;
}
#articleBackground .title.align-title-left-default.horseshoe-view-default {
	padding: 2% 0% 1% 0%;
}
#articleBackground .title.align-title-center.horseshoe-view-default {
	padding: 2% 0% 1% 0%;
    text-align: center;
}
#articleBackground .title.align-title-right.horseshoe-view-default {
	padding: 2% 0% 1% 0%;
	text-align: right;
}
#articleBackground .title.align-title-left-default.banner-view {
	padding: 2% 0 0 0;
}
#articleBackground .title.align-title-center.banner-view {
	padding: 2% 0 0 0;
    text-align:center;
}
#articleBackground .title.align-title-right.banner-view {
	padding: 2% 0 0 0;
    text-align: right;
}
/* styles common to both nav and non-nav template*/
#articleBackground .inner-wrap {
    width: 100%;
    max-width: 1145px;
    margin: 0 auto;
}

#articleBackground #pageZone {
    margin-top: 1%;
}
#articleBackground .imgZone {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    z-index: -1;
    background-repeat: round;
}

#articleBackground .imgZone.btn_article_lightGray{
  background-color: #dddddd;
}

#articleBackground .imgZone.btn_article_gray{
  background-color: #75787b;
}

#articleBackground .imgZone.btn_article_lightBlue{
  background-color: #005bbb;
}

#articleBackground .imgZone.btn_article_blue{
  background-color: #001A70;
}

#articleBackground .imgZone.btn_article_lightGreen{
  background-color: #c4d600;
}

#articleBackground .imgZone.btn_article_green{
  background-color: #509e2f;
}

#articleBackground .imgZone.btn_article_lightOrange{
  background-color: #ffa02f;
}

#articleBackground .imgZone.btn_article_orange{
  background-color: #fe5815;
}

#articleBackground .subtitle.btn_article_lightGray,
#articleBackground .title.btn_article_lightGray {
  color: #dddddd;
}

#articleBackground .subtitle.btn_article_white,
#articleBackground .title.btn_article_white {
  color: #ffffff;
}

#articleBackground .subtitle.btn_article_gray,
#articleBackground .title.btn_article_gray {
  color: #75787b;
}

#articleBackground .subtitle.btn_article_lightBlue,
#articleBackground .title.btn_article_lightBlue {
  color: #005bbb;
}

#articleBackground .subtitle.btn_article_blue,
#articleBackground .title.btn_article_blue {
  color: #001A70;
}

#articleBackground .subtitle.btn_article_lightGreen,
#articleBackground .title.btn_article_lightGreen {
  color: #c4d600;
}

#articleBackground .subtitle.btn_article_green,
#articleBackground .title.btn_article_green {
  color: #509e2f;
}

#articleBackground .subtitle.btn_article_lightOrange,
#articleBackground .title.btn_article_lightOrange {
  color: #ffa02f;

}

#articleBackground .title.btn_article_orange,
#articleBackground .title.btn_article_orange {
  color: #fe5815;
}
#articleBackground .subtitle.align-subtitle-left-default.horseshoe-view-default {
	padding: 0 0 20% 0;
    font-size: 1rem;
    line-height: 25px;
    font-weight: normal;
}
#articleBackground .subtitle.align-subtitle-center.horseshoe-view-default {
	padding: 0 0 20% 0;
    font-size: 1rem;
    line-height: 25px;
    font-weight: normal;
    text-align: center;
}
#articleBackground .subtitle.align-subtitle-right.horseshoe-view-default {
	padding: 0 0 20% 0;
    font-size: 1rem;
    line-height: 25px;
    font-weight: normal;
    text-align: right;
}
#articleBackground .subtitle.align-subtitle-left-default.banner-view {
  	padding: 0 0 2% 0;
    font-size: 1rem;
    line-height: 25px;
    font-weight: normal;
}
#articleBackground .subtitle.align-subtitle-center.banner-view {
	padding: 0 0 2% 0;
    font-size: 1rem;
    line-height: 25px;
    font-weight: normal;
    text-align: center;
}
#articleBackground .subtitle.align-subtitle-right.banner-view {
   	padding: 0 0 2% 0;
    font-size: 1rem;
    line-height: 25px;
    font-weight: normal;
    text-align: right;
}
#articleBackground .imgZone img {
    width: 100%;
    height: 120%;
    object-fit: cover;
}
#articleBackground .imgZone img.banner-view {
    height: 40%;
}
#articleBackground .innerContainer {
    width: 100%;
    margin-top: -5%;
    height:100%;
}
#articleBackground .innerContainer.banner-view {
   	top:430px;
}
#articleBackground .content {
    padding: 0 92px;
    background: #ffffff;
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}
#articleBackground #pageZoneContainer #inner-container .content.banner-view {
    background: none;
    padding:0;
}
#articleBackground #pageZoneContainer #inner-container .content.background-top-margin-default {
    padding-top: 60px;
}
#articleBackground #pageZoneContainer #inner-container .content.background-top-margin-zero {
    padding-top: 0;
}
#articleBackground #pageZoneContainer #inner-container .content.background-top-margin-10 {
    padding-top: 10px;
}
#articleBackground #pageZoneContainer #inner-container .content.background-top-margin-20 {
    padding-top: 20px;
}
#articleBackground #pageZoneContainer #inner-container .content.background-top-margin-30 {
    padding-top: 30px;
}
#articleBackground #pageZoneContainer #inner-container .content.background-top-margin-35 {
    padding-top: 35px;
}
#articleBackground #pageZoneContainer #inner-container .content.background-top-margin-40 {
    padding-top: 40px;
}
#articleBackground #pageZoneContainer #inner-container .content.background-top-margin-45 {
    padding-top: 45px;
}
#articleBackground #pageZoneContainer #inner-container .content.background-top-margin-50 {
    padding-top: 50px;
}
#articleBackground #pageZoneContainer #inner-container .content.background-top-margin-55 {
    padding-top: 55px;
}

/* no nav page*/
#articleBackground .pure-g.pure-u-1-1.no-nav{
    margin-top: 1%;
}

#articleBackground #pageZone.no-nav{
    margin-top: -30px;
}
#articleBackground #pageZone .no-nav .imgZone{
    position: relative;
}
/*#articleBackground #pageZone.no-nav .imgZone::after {
    position: absolute;
    display: block;
    right: 0;
    top: 0;
    background: rgba(255,255,255,0.75) no-repeat;
    content: "";
    width: 100%;
    height: 44px;
    z-index: 99;
}*/

/* end styles non nav page */

#articleBackground .page {
    margin-top: 0;
}
.bandeauFooter {
	position:relative;
	top:210px;
	height:100%; 
}
.bandeauFooter.banner-view {
	top:420px;
}
@media screen and (max-width:1145px) {
    #articleBackground h1 {
        padding-left: 25px;
    }
    #articleBackground .content {
        padding: 25px 25px 0;
    }
}

@media screen and (max-width: 1024px) {
    #articleBackground .navigationBarPage {
        width: 100%;
    }
    #articleBackground .wrap_padding{
        padding-left: 30px;
        padding-right: 34px;
    }
    #articleBackground #pageZoneContainer #inner-container .content.background-top-margin-default {
        padding-top: 25px;
  }
  #articleBackground #pageZoneContainer #inner-container .content.background-top-margin-zero {
      padding-top: 0;
  }
  #articleBackground #pageZoneContainer #inner-container .content.background-top-margin-10 {
      padding-top: 4px;
  }
  #articleBackground #pageZoneContainer #inner-container .content.background-top-margin-20 {
      padding-top: 8px;
  }
  #articleBackground #pageZoneContainer #inner-container .content.background-top-margin-30 {
      padding-top: 13px;
  }
  #articleBackground #pageZoneContainer #inner-container .content.background-top-margin-35 {
      padding-top: 15px;
  }
  #articleBackground #pageZoneContainer #inner-container .content.background-top-margin-40 {
      padding-top: 17px;
  }
  #articleBackground #pageZoneContainer #inner-container .content.background-top-margin-45 {
      padding-top: 19px;
  }
  #articleBackground #pageZoneContainer #inner-container .content.background-top-margin-50 {
      padding-top: 21px;
  }
  #articleBackground #pageZoneContainer #inner-container .content.background-top-margin-55 {
      padding-top: 23px;
  }
   #articleBackground .title.align-title-left-default.horseshoe-view-default {
		padding: 2% 3% 0% 3%;
    	margin-top: 3%;
    	text-align: left;
	}
	#articleBackground .subtitle.align-subtitle-left-default.horseshoe-view-default {
		padding: 0 3% 4% 3%;
    	font-size: 1rem;
   		line-height: 25px;
    	font-weight: normal;
        text-align: left;
	}
	#articleBackground .title.align-title-center.horseshoe-view-default {
		padding: 2% 3% 0% 3%;
    	margin-top: 3%;
		text-align: center;
	}
	#articleBackground .subtitle.align-subtitle-center.horseshoe-view-default {
		padding: 0 3% 4% 3%;
    	font-size: 1rem;
   		line-height: 25px;
    	font-weight: normal;
		text-align: center;
	}
	#articleBackground .title.align-title-right.horseshoe-view-default {
		padding: 2% 3% 0% 3%;
    	margin-top: 3%;
		text-align: right;
	}
	#articleBackground .subtitle.align-subtitle-right.horseshoe-view-default {
		padding: 0 3% 4% 3%;
    	font-size: 1rem;
   		line-height: 25px;
    	font-weight: normal;
		text-align: right;
	}
    #articleBackground .title.align-title-left-default.banner-view {
		padding: 4% 5% 0% 5%;
		margin: 0;
		text-align: left;
	}
	#articleBackground .subtitle.align-subtitle-left-default.banner-view {
		padding: 2% 5% 4% 5%;
		margin: 0;
		text-align: left;
	}

	#articleBackground .title.align-title-center.banner-view {
		padding: 4% 5% 0% 5%;
		margin: 0;
		text-align: center;
	}
	#articleBackground .subtitle.align-subtitle-center.banner-view {
		padding: 2% 5% 4% 5%;
		margin: 0;
		text-align: center;
	}
	#articleBackground .title.align-title-right.banner-view {
		padding: 4% 5% 0% 5%;
		margin: 0;
		text-align: right;
	}
	#articleBackground .subtitle.align-subtitle-right.banner-view {
		padding: 2% 5% 4% 5%;
		margin: 0;
		text-align: right;
	}
	#articleBackground .innerContainer.horseshoe-view-default {
		top:315px;
	}
	#articleBackground .innerContainer.banner-view {
		top: 300px;
	}
	.bandeauFooter.horseshoe-view-default {
		top:330px;
	}
	.bandeauFooter.banner-view {
		top:330px;
	}

	#articleBackground .innerContainer {
		margin-top: inherit;
	}
}

@media screen and (min-width:1025px) and (max-width: 1280px) {
    #articleBackground .navigationBarPage {
        width: 920px;
    }
    #navigationBar {
        width: 920px;
    }
    #navigationBar .main-nav-item {
        width: 12.5%;
    }
    #articleBackground .innerContainer {
      margin-top: -15%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
	#articleBackground h1 {
    	padding: 0 25px ;
    }
}

@media only screen and (max-width: 768px) {

  	h1 {
    	font-size: 2.750em;
  	}
    #articleBackground #pageZone {
    	margin-top: 17px;
	}
    #articleBackground .title.align-title-left-default.horseshoe-view-default {
		padding: 3% 4% 2% 4%;
		margin: 0;
		text-align: left;
	}
	#articleBackground .subtitle.align-subtitle-left-default.horseshoe-view-default {
		padding: 0 4% 3% 4%;
		margin: 0;
		text-align: left;
	}
	#articleBackground .title.align-title-center.horseshoe-view-default {
		padding: 3% 4% 2% 4%;
		margin: 0;
		text-align: center;
	}
	#articleBackground .subtitle.align-subtitle-center.horseshoe-view-default {
		padding: 0 4% 3% 4%;
		margin: 0;
		text-align: center;
	}
	#articleBackground .title.align-title-right.horseshoe-view-default {
		padding: 3% 4% 2% 4%;
		margin: 0;
		text-align: right;
	}
	#articleBackground .subtitle.align-subtitle-right.horseshoe-view-default {
		padding: 0 4% 3% 4%;
		margin: 0;
		text-align: right;
	}
    	#articleBackground .title.align-title-left-default.banner-view {
		padding: 4% 5% 0% 5%;
		margin: 0;
		text-align: left;
	}
	#articleBackground .subtitle.align-subtitle-left-default.banner-view {
		padding: 2% 5% 4% 5%;
		margin: 0;
		text-align: left;
	}
  	#articleBackground .subtitle {
    font-size:0.875rem; /* 14px */
    line-height: 1.25rem; /* 20px */
    padding: 0 25px;
  	}
  	#articleBackground .innerContainer.banner-view {
		top: 230px;
	}
	.bandeauFooter.banner-view{
		top:200px;
	}
	#articleBackground .innerContainer.horseshoe-view-default {
		top: 225px;
	}
	.bandeauFooter.horseshoe-view-default {
		top: 200px;
	}
	#articleBackground .title.align-title-left-default.banner-view {
		padding: 4% 5% 0% 5%;
		margin: 0;
		text-align: left;
	}
	#articleBackground .subtitle.align-subtitle-left-default.banner-view {
		padding: 2% 5% 4% 5%;
		margin: 0;
		text-align: left;
	}
	#articleBackground .title.align-title-center.banner-view {
		padding: 4% 5% 0% 5%;
		margin: 0;
		text-align: center;
	}
	#articleBackground .subtitle.align-subtitle-center.banner-view {
		padding: 2% 5% 4% 5%;
		margin: 0;
		text-align: center;
	}
	#articleBackground .title.align-title-right.banner-view {
		padding: 4% 5% 0% 5%;
		margin: 0;
		text-align: right;
	}
	#articleBackground .subtitle.align-subtitle-right.banner-view {
		padding: 2% 5% 4% 5%;
		margin: 0;
		text-align: right;
	}
}
@media only screen and (max-width: 500px) {
	
	#articleBackground .title {
		font-size: 1.875em;
	}
	#articleBackground .title.horseshoe-view-default.align-title-left-default {
		padding: 6% 6% 3% 6%;
		text-align:left;
        margin: 0;
    }
    #articleBackground .title.horseshoe-view-default.align-title-center {
		padding: 6% 6% 3% 6%;
        text-align:center;
        margin: 0;
	}
    #articleBackground .title.horseshoe-view-default.align-title-right {
		padding: 6% 6% 3% 6%;
        text-align:right;
        margin: 0;
	}
	#articleBackground .title.horseshoe-view-default.align-title-left-default.sansImage {
		padding: 10% 6% 3% 6%;
		text-align:left;
        margin: 0;
    }
    #articleBackground .title.horseshoe-view-default.align-title-center.sansImage {
		padding: 10% 6% 3% 6%;
        text-align:center;
        margin: 0;
	}
    #articleBackground .title.horseshoe-view-default.align-title-right.sansImage {
		padding: 10% 6% 3% 6%;
        text-align:right;
        margin: 0;
	}
		#articleBackground .title.banner-view.align-title-left-default.sansImage {
		padding: 10% 6% 3% 6%;
		text-align:left;
        margin: 0;
    }
    #articleBackground .title.banner-view.align-title-center.sansImage {
		padding: 10% 6% 3% 6%;
        text-align:center;
        margin: 0;
	}
    #articleBackground .title.banner-view.align-title-right.sansImage {
		padding: 10% 6% 3% 6%;
        text-align:right;
        margin: 0;
	}
    #articleBackground .subtitle.horseshoe-view-default.align-subtitle-left-default {
	    margin: 0;
        padding: 1% 7% 7% 7%;
        text-align:left;
	}
     #articleBackground .subtitle.horseshoe-view-default.align-subtitle-center {
	    margin: 0;
        padding: 1% 7% 7% 7%;
        text-align:center;
	}
     #articleBackground .subtitle.horseshoe-view-default.align-subtitle-right {
	    margin: 0;
        padding: 1% 7% 7% 7%;
        text-align:right;
	}

	#articleBackground .subtitle {
	    font-size: 0.875em;
	    line-height: 1.25em;
	    font-weight: normal;
	}
	#articleBackground .innerContainer.banner-view {
		top: 110px;
	}
#articleBackground .title.align-title-left-default.banner-view {
		padding: 7% 8% 1% 8%;
		margin: 0;
		text-align: left;
	}
	#articleBackground .subtitle.align-subtitle-left-default.banner-view {
		padding: 4% 8% 7% 8%;
		margin: 0;
		text-align: left;
	}
	#articleBackground .title.align-title-center.banner-view {
		padding: 7% 8% 1% 8%;
		margin: 0;
		text-align: center;
	}
	#articleBackground .subtitle.align-subtitle-center.banner-view {
		padding: 4% 8% 7% 8%;
		margin: 0;
		text-align: center;
	}
	#articleBackground .title.align-title-right.banner-view {
		padding: 7% 8% 1% 8%;
		margin: 0;
		text-align: right;
	}
	#articleBackground .subtitle.align-subtitle-right.banner-view {
		padding: 4% 8% 7% 8%;
		margin: 0;
		text-align: right;
	}
	#articleBackground .innerContainer.horseshoe-view-default {
		top:115px;
	}
	.bandeauFooter.banner-view{
		top:100px;
	}
	.bandeauFooter.horseshoe-view-default {
		top:120px;
	}
	#articleBackground .imgZone img.banner-view {
	    width: 100%;
	    height: 30%;
	    object-fit: cover;
	}
}
.entry-index-compo{
    display: none;
}
/* CONTENT UL LI */
.entryIndex {
    margin-bottom: 20px;
}

.entryIndex {
    border: inherit;
    background-color: inherit;
}

#body .entryIndex ul {
    padding-left: 0;
    background-color: inherit;
    border: none;
    border-bottom: 0px solid #d8d8d8;
}

#body .entryIndex ul li {
    width: 280px;
    border: inherit;
    padding: 15px;
    margin-right: 0;
    text-align: center;
    background-color: #f8f8f8;
    display: table-cell;
}

#body .entryIndex ul li span {
    height: 28px;
    width: 28px;
    display: inline-block;
    position: relative;
    top: 7px;
    margin-right: 10px;
    /* background-image: url(assets/img/sprites/icons.png); */
    background-repeat: no-repeat;
}

#body .entryIndex ul li a {
    padding: 0;
    float: none;
    color: #d7d4d4;
    font-family: arial, sans-serif;
    font-weight: normal;
    font-size: 16px;
}

#body .entryIndex ul li.ui-tabs-active a {
    color: #fff;
}

#body .entryIndex ul li.grey a{
    color: #d7d4d4;
}


#body .entryIndex ul li.tab-gaz.ui-tabs-active {
    background-color: #fe5815;
}

#body .entryIndex ul li.grey {
    background-color: #f8f8f8;
}

/*
#body .entryIndex ul li.tab-elec span {
background-position: -233px -783px;
}*/

#body .entryIndex ul li.tab-elec.ui-tabs-active {
    background-color: #001a70;
}
/*
#body .entryIndex ul li.tab-elec span {
background-position: -114px -783px;
}*/

#body .entryIndex ul li.tab-elec:after {
    border-color: #001a70 transparent transparent transparent;
}

#body .entryIndex ul li.tab-gaz:after {
    border-color: #fe5815 transparent transparent transparent;
}

.entryIndex ul li.tab-elec.ui-tabs-active a span{
    background-image: url("assets/img/icons/elec_blanc.png");
}

.entryIndex ul li.tab-elec a span{
    background-image: url("assets/img/icons/elec_gris_clair.png");
}

.entryIndex ul li.tab-gaz.ui-tabs-active a span{
    background-image: url("assets/img/icons/gaz_blanc.png");
}

.entryIndex ul li.tab-gaz a span{
    background-image: url("assets/img/icons/gaz_gris_clair.png");
}

.entryIndex .error-message {
    float: right;
    margin-right: 20px;
    width: 195px;
    margin-bottom: 15px;
    margin-left: 51px;
    margin-top: -6px;
    font-size: 15px;
}

/* CONTENT TAB */
.entryIndex {
    padding-top: 18px;
}

.entryIndex .tab-elec-entry, .entryIndex .tab-gaz-entry {
    background-color: #f8f8f8;
    padding: 20px;
    border-top: 1px solid #d8d8d8;
}

.entryIndex .tab-gaz-succes, .entryIndex .tab-elec-succes {
    padding: 35px 0;
}

.entryIndex .tab-gaz-succes p span, .entryIndex .tab-elec-succes p span {
    font-weight: bold;
}

.entryIndex .tab-gaz-succes .btn-entry, .entryIndex .tab-elec-succes .btn-entry {
    display: block;
    background-color: transparent;
    border: 1px solid #005bbb;
    margin: 30px 0;
    color: #005bbb;
    padding: 10px 20px;
    border-radius: 200px 200px 200px 200px;
}

.entryIndex .tab-gaz-succes .btn-entry span, .entryIndex .tab-elec-succes .btn-entry span {
    height: 11px;
    width: 6px;
    display: inline-block;
    background-image: url(assets/img/sprites/icons.png);
    background-repeat: no-repeat;
    background-position: -42px -675px;
    margin-right: 10px;
}

.entryIndex .tab-gaz-succes .btnEDF, .entryIndex .tab-elec-succes .btnEDF {
    width: auto;
    padding: 0px 25px;
}

.entryIndex p {
    margin: 0;
}

.entryIndex .block-entry {
    background-color: #fff;
    border-left: 3px solid #005bbb;
    margin-top: 15px;
    padding: 20px;
}

.entryIndex .block-entry h4 {
    font-size: 18px;
    font-family: arial, sans-serif;
    font-weight: normal;
    color: #005bbb;
    margin: 0;
    position: relative;
    margin-bottom: 30px;
}

.entryIndex .block-entry h5 {
    font-size: 18px;
    font-family: arial, sans-serif;
    font-weight: normal;
    color: #666666;
    margin: 0;
}

.entryIndex .block-entry h5.title-week-end {
    margin: 30px 0 10px 0;
}

.entryIndex .block-entry h4:after {
    content: '';
    height: 1px;
    width: 30px;
    background-color: #005bbb;
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: -10px;
}

.entryIndex .block-entry label {
    padding-left: 20px;
    padding-right: 30px;
    display: inline-block;
    font-size: 17px;
}

.entryIndex .block-entry input {
    float: right;
    margin-right: 20px;
    width: 195px;
    height: 45px;
    background-color: #eff2f4;
    border: none;
    margin-bottom: 15px;
    padding: 2px 10px;
}

.entryIndex .block-entry input.last-input {
    margin-bottom: 0;
}

.entryIndex .block-entry .last-entry {
    border-left: 1px solid #e0e0ed;
    padding-left: 20px;
}

.entryIndex .group-title-cadran {
    min-height: 80px;
}
.entryIndex .block-entry .last-entry p, .entryIndex .block-entry .last-entry p.one-last-entry:last-child
{
    text-align: center;
    margin: 12px 0;
    font-size: 20px;
}

.entryIndex .block-entry .last-entry p.one-last-entry:last-child {
    margin: 40px 0 25px 0;
}

.entryIndex .block-entry .last-entry p:last-child {
    margin-bottom: 10px;
}

.entryIndex .block-entry .last-entry p.last-entry-w-e {
    margin: 50px 0 0 0;
}

.entryIndex p.champs-obligatoire {
    font-size: smaller;
    color: #bdbdbd;
}


.entryIndex .ico-info {
    display: inline-block;
    height: 16px;
    width: 15px;
    background-image: url(assets/img/sprites/icons.png);
    background-repeat: no-repeat;
    background-position: -20px -696px;
    margin-left: 10px;
    position: relative;
    top: 0px;
}

.entry-index-compo .adviser-relation {
    background-color: #eff2f4;
    padding-top: 50px;
    padding-bottom: 35px;
    text-align: center;
    margin-top: 100px;
}

.entry-index-compo .adviser-relation .alert-message-ko {
    position: relative;
    top: -75px;
    background-color: #001a70;
    color: #fff;
    display: inline-block;
    margin: auto;
    padding: 10px 30px 10px 50px;
    border-bottom-left-radius: 200px;
    border-top-left-radius: 200px;
    border-bottom-right-radius: 200px;
    border-top-right-radius: 200px;
}

.entry-index-compo .adviser-relation .alert-message-ko span {
    position: absolute;
    left: 6px;
    top: 6px;
    display: inline-block;
    height: 28px;
    width: 28px;
    background-image: url(assets/img/sprites/icons.png);
    background-repeat: no-repeat;
    background-position: -57px -782px;
}

.entry-index-compo .adviser-relation .alert-message-ko p {
    display: inline-block;
    margin: 0;
}

.entry-index-compo .blockBtn{
    margin-top: 40px;
}

.entry-index-compo .btnAnnulerElec{
    margin-right: 25px;
}

.entry-index-compo .btnAnnulerGaz{
    margin-right: 25px;
}



.entry-index-compo .offerElec {
    position: absolute;
    right: 38%;
}

.entry-index-compo .label_offerElec {
    color: #001a70;
    font-size: 10px;
    -ms-transform: rotate(7deg);
    -webkit-transform: rotate(7deg);
    transform: rotate(7deg);
    font-family: "indieflower", sans-serif;
    font-size: 1.0em;
    position: absolute;
    top: 35px;
    left: 58px;
    width: 289px;
}

.entry-index-compo .offerGaz {
    position: absolute;
    left: 60%;
}

.entry-index-compo .label_offerGaz {
    color: #fe5815;
    font-size: 10px;
    -ms-transform: rotate(7deg);
    -webkit-transform: rotate(7deg);
    transform: rotate(7deg);
    font-family: "indieflower", sans-serif;
    font-size: 1.0em;
    position: absolute;
    top: 35px;
    left: 58px;
    width: 289px;
}

.entry-index-compo .offerElec, .offerGaz {
    margin-top: -222px;
}

.entryIndex .tab-gaz-succes p, .entryIndex .tab-elec-succes p {
    width: 470px;
    margin-bottom: 70px;
}

.entryIndex .reset-margin-right {
    margin-right: 0;
}

.entryIndex #entry-index-compo #tabs-entry-index {
    border: none;
    background-color: #ffffff;
}

.entryIndex .ui-tabs .ui-tabs-panel {
    padding: 0;
}

@media screen and (max-width: 35em) {
  .entryIndex .block-entry label {
    padding: 0;
    margin-bottom: .5em;
  }

  .entryIndex .block-entry input,
  .entryIndex .error-message {
    float: none;
    margin: 0;
    max-width: calc(100% - 10px);
  }

  .entryIndex .error-message {
    margin-top: .5em;
  }

  .entry-index-compo .blockBtn {
    float: none;
    text-align: center;
  }

  .entry-index-compo .btnAnnulerElec {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
#popinDistributeur #popinDistributeur {
    padding: 150px;
}

#popinDistributeur #buttonAnnulerPopinBascule {
    margin-right: 15px;
}

#popinDistributeur #buttonValiderPopinBascule {
    margin-left: 15px;
}

#popinDistributeur .boutons-popin {
    margin-top: 30px;
    margin-bottom: 30px;
}

#popinDistributeur #editoPopin {
    margin-top: 35px;
    margin-bottom: 15px;
}

#popinDistributeur .bouton-popin-valider-gaz {
    display: none;
}

#popinDistributeur .bouton-popin-valider-elec {
    display: none;
}

#entryIndexSelectorComponent .entryIndexSelector {
    display: none;
}

#entryIndexSelectorComponent .choiceBloc {
    display: none;
}

#entryIndexSelectorComponent .hidePopin {
    display: none;
}

.invoiceEstimate .title {
    padding: 10px 20px;
    font-size: 18px;
    color: #fff;
    font-weight: normal;
}

.invoiceEstimate #error-ko-authent {
    display: none;
    margin-bottom: 15px;
}

.invoiceEstimate .blockEstimate {
    margin-bottom: 30px;
}

.invoiceEstimate .blockBtn {
    margin-bottom: 40px;
    display: none;
}

.invoiceEstimate .blockBtn button {
    margin-left: 15px;
}

.invoiceEstimate  .estimateElec {
    display: none;
}

.invoiceEstimate .estimateGaz {
    display: none;
}

.invoiceEstimate .error-message {
    float: right;
    margin-right: 20px;
    margin-bottom: 15px;
}

.invoiceEstimate .estimateElec .title {
    background-color: #001a70;
}

.invoiceEstimate .estimateGaz .title {
    background-color: #fe5815;
}

.invoiceEstimate .group-title-cadran {
    min-height: 80px;
}

.invoiceEstimate .title span {
    height: 28px;
    width: 28px;
    display: inline-block;
    background-image: url(assets/img/sprites/icons.png);
    background-repeat: no-repeat;
    position: relative;
    top: 7px;
    margin-right: 15px;
}

.invoiceEstimate .ico-info {
    display: inline-block;
    height: 16px;
    width: 15px;
    background-image: url(assets/img/sprites/icons.png);
    background-repeat: no-repeat;
    background-position: -20px -696px;
    margin-left: 10px;
    position: relative;
    top: 0px;
}

.invoiceEstimate .separate-cadran-left {
    padding-top: 25px;
}

.invoiceEstimate .separate-cadran-right {
    padding-top: 25px;
    border-left: 1px solid #e0e0ed;
}

.invoiceEstimate .estimateElec .title span {
    background-position: -114px -783px;
}

.invoiceEstimate .estimateGaz .title span {
    background-position: -85px -783px;
}

.invoiceEstimate .entryEstimate {
    padding: 25px 20px;
    background-color: #f8f8f8;
}

.invoiceEstimate  .block-entry {
    background-color: #fff;
    border-left: 3px solid #005bbb;
    padding: 20px;
}

.invoiceEstimate  .block-entry h4 {
    font-size: 18px;
    font-family: "Arial", sans-serif;
    font-weight: normal;
    color: #005bbb;
    margin: 0;
    position: relative;
    margin-bottom: 30px;
}

.invoiceEstimate  .block-entry h5 {
    font-size: 18px;
    font-family: "Arial", sans-serif;
    font-weight: normal;
    color: #666666;
    margin: 0;
}

.invoiceEstimate  .block-entry h5.title-week-end {
    margin: 30px 0 10px 0;
}

.invoiceEstimate  .block-entry h4:after {
    content: '';
    height: 1px;
    width: 30px;
    background-color: #005bbb;
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: -10px;
}

.invoiceEstimate  .block-entry label {
    padding-left: 20px;
    padding-right: 10px;
    display: inline-block;
}

.invoiceEstimate  .block-entry input {
    float: right;
    margin-right: 20px;
    height: 45px;
    background-color: #eff2f4;
    border: none;
    margin-bottom: 15px;
    padding: 2px 10px;
}

.invoiceEstimate  .block-entry input.last-input {
    margin-bottom: 0;
}

.invoiceEstimate  .block-entry .last-entry {
    border-left: 1px solid #e0e0ed;
    padding-left: 20px;
}

.invoiceEstimate  .block-entry .last-entry h4 {
    margin-bottom: 45px;
}

.invoiceEstimate  .block-entry .last-entry p, .invoiceEstimate  .block-entry .last-entry p.one-last-entry:last-child {
    text-align: center;
    margin: 10px 0;
    font-size: 20px;
}

.invoiceEstimate  .block-entry .last-entry p.one-last-entry:last-child {
    margin: 40px 0 25px 0;
}

.invoiceEstimate  .block-entry .last-entry p:last-child {
    margin-bottom: 10px;
}

.invoiceEstimate  .block-entry .last-entry p.last-entry-w-e {
    margin: 50px 0 0 0;
}

@media screen and (max-width: 35em) {
  .invoiceEstimate .index-row {
    display: flex;
    align-items: center;
  }

  .invoiceEstimate .entryEstimate {
    padding: 15px 10px;
  }

  .invoiceEstimate .block-entry {
    padding: 10px;
  }

  .invoiceEstimate .block-entry .last-entry h4 {
    margin-bottom: 35px;
  }

  .invoiceEstimate .block-entry label {
    padding: 0 5px 5px 0;
  }

  .invoiceEstimate .block-entry input {
    float: none;
    width: calc(100% - 10px);
    margin: 0 0 10px 0;
  }

  .invoiceEstimate .block-entry .last-entry {
    padding-left: 5px;
  }

  .invoiceEstimate .flex-center {
    display: flex;
    align-items: center;
  }

  .invoiceEstimate .blockBtn {
    text-align: center;
  }

  .invoiceEstimate .blockBtn button {
    margin-top: 0;
  }

  .invoiceEstimate #btnValider {
    margin-top: 10px;
  }
}

.summaryInvoice h2 {
    font-size: 22px;
}

.summaryInvoice .recap-price {
    text-align: center;
}

.summaryInvoice #message-synthese {
    margin-top: 45px;
    margin-bottom: 35px;
}

.summaryInvoice #bloc-estimation h2 {
    font-weight: bold;
    font-family: "arial", sans-serif;
}

.summaryInvoice .recap-price .total {
    color: #005bbb;
    font-size: 34px;
    margin: 25px 0;
}

.summaryInvoice #btn-relever-autre-compteur {
    display: none;
}

.summaryInvoice #summaryInvoiceEquilibre {
    display: none;
    height: 55px;
}

.summaryInvoice #summaryInvoiceEquilibre .dashboard-monitoring-title {
    font-size: 16px;
}

.summaryInvoice #summaryInvoiceEquilibre .info-btn-vert p {
    color: #ffffff;
    margin: 0;
}

.summaryInvoice #summaryInvoiceEquilibre .dashboard-monitoring-subtitle {
    font-size: 14px;
}

.summaryInvoice #btn-nouvelle-estimation {
    display: none;
}

.summaryInvoice #btn-recommencer-estimation {
    display: none;
}

.summaryInvoice .recap-price .total span:first-child {
    font-size: 19px;
}

.summaryInvoice .recap-price .total sup {
    font-size: 17px;
    margin-left: 5px;
    top: -0.8em;
}

.summaryInvoice .recap-price {
    margin-bottom: 25px;
}

.summaryInvoice .recap-price .total span:last-child {
    font-size: 12px;
    text-transform: uppercase;
    margin-left: 5px;
}

.summaryInvoice #bloc-estimation {
    display: none;
}

.summaryInvoice #btn-retour-tdb {
    margin-top: 35px;
    margin-bottom: 25px;
}

.summaryInvoice .recap-price .toggle-recap {
    overflow: hidden;
    background-color: #f8f8f8;
    margin: 0 90px;
    border-top: 4px solid #005bbb;
    -moz-box-shadow: 0px 5px 10px 0px rgba(192, 192, 192, 0.3);
    -webkit-box-shadow: 0px 5px 10px 0px rgba(192, 192, 192, 0.3);
    -o-box-shadow: 0px 5px 10px 0px rgba(192, 192, 192, 0.3);
    box-shadow: 0px 5px 10px 0px rgba(192, 192, 192, 0.3);
}

.summaryInvoice #bloc-equilibre {
    display: inherit;
    table-layout: fixed;
    width: 100%;
    color: white;
}

.summaryInvoice .recap-price .toggle-recap .col {
    text-align: left;
    padding: 10px 40px;
}

.summaryInvoice .recap-price .toggle-recap .col.col-price {
    text-align: right;
}

.summaryInvoice .recap-price .toggle-recap .col.col-price p {
    color: #005bbb;
    font-size: 20px;
    margin: 10px 0;
}

.summaryInvoice .recap-price .toggle-recap .col.col-price p span:first-child {
    font-size: 14px;
}

.summaryInvoice .recap-price .toggle-recap .col.col-price p sup {
    font-size: 13px;
    margin-left: 3px;
    top: -0.8em;
}

.summaryInvoice .recap-price .toggle-recap .col.col-price p span:last-child {
    font-size: 10px;
    text-transform: uppercase;
    margin-left: 3px;
}

.summaryInvoice .recap-price .btn-toggle-recap {
    margin-top: 20px;
    display: inline-block;
    border-bottom: 6px solid #f8f8f8;
    cursor: pointer;
}

.summaryInvoice .recap-price .btn-toggle-recap p {
    text-transform: uppercase;
    color: #fe5815;
    margin: 10px 0;
    font-size: 15px;
}

.summaryInvoice .recap-price .btn-toggle-recap span {
    height: 10px;
    width: 11px;
    display: inline-block;
    background-image: url(assets/img/sprites/icons.png);
    background-repeat: no-repeat;
    background-position: 0px -686px;
    margin-right: 10px;
    margin-left: 10px;
}

.summaryInvoice .recap-price .btn-toggle-recap.open span {
    transform: rotate(180deg);
}

.summaryInvoice .btn-entry {
    display: block;
    background-color: transparent;
    border: 1px solid #005bbb;
    margin: 30px 0;
    color: #005bbb;
    padding: 10px 20px;
    border-radius: 200px 200px 200px 200px;
    min-width: 270px;
}

.summaryInvoice .btn-entry span {
    height: 11px;
    width: 6px;
    display: inline-block;
    background-image: url(assets/img/sprites/icons.png);
    background-repeat: no-repeat;
    background-position: -42px -675px;
    margin-right: 10px;
}

@media screen and (max-width: 35em) {
  .summaryInvoice .recap-price .toggle-recap {
    margin: 0 10px;
  }

  .summaryInvoice .btn-entry {
    margin: 20px auto;
  }

  .summaryInvoice #btn-retour-tdb {
    margin: 20px auto;
    display: block;
  }

  .summaryInvoice #summaryInvoiceEquilibre {
    height: auto;
  }
}

.notscroll {
  overflow: hidden;
}
.modif-num-tel #ws-ok .placeholder::-webkit-input-placeholder, .modif-num-tel #modif-num-tel-ws-ko .placeholder::-webkit-input-placeholder {
  font-family: "Frutiger-light", sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.modif-num-tel #ws-ok .placeholder:-moz-placeholder, .modif-num-tel #modif-num-tel-ws-ko .placeholder:-moz-placeholder {
  font-family: "Frutiger-light", sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.modif-num-tel #ws-ok .placeholder::-moz-placeholder, .modif-num-tel #modif-num-tel-ws-ko .placeholder::-moz-placeholder {
  font-family: "Frutiger-light", sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.modif-num-tel #ws-ok .placeholder:-ms-input-placeholder, .modif-num-tel #modif-num-tel-ws-ko .placeholder:-ms-input-placeholder {
  font-family: "Frutiger-light", sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.modif-num-tel #ws-ok input[type=number]::-webkit-inner-spin-button,
.modif-num-tel #ws-ok input[type=number]::-webkit-outer-spin-button,
.modif-num-tel #modif-num-tel-ws-ko input[type=number]::-webkit-inner-spin-button,
.modif-num-tel #modif-num-tel-ws-ko input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.modif-num-tel #ws-ok input[type=number], .modif-num-tel #modif-num-tel-ws-ko input[type=number] {
  -moz-appearance: textfield;
}

.modif-num-tel {
  -webkit-transition: -webkit-transform 2s ease-in-out;
  height: 100%;
  position: fixed;
  top: 100%;
  left: 0;
  right: 0;
  background-color: #fff;
  z-index: 5;
}

.modif-num-tel #ws-ok, .modif-num-tel #modif-num-tel-ws-ko {
  height: 100%;
}

@media only screen and (max-width: 767px) {
  .modif-num-tel {
    padding: 30px 20px;
  }
}

.modif-num-tel #ws-ok .edf--title, .modif-num-tel #modif-num-tel-ws-ko .edf--title {
  color: #09357a;
  line-height: 1.5;
  margin-top: 15px;
  margin-bottom: 10px;
  font-family: "Frutiger", sans-serif;
  font-size: 20px;
  font-weight: bold;
}

.modif-num-tel #ws-ok .edf--title.legend-code-seizure-field, .modif-num-tel #modif-num-tel-ws-ko .edf--title.legend-code-seizure-field {
  margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
  .modif-num-tel #ws-ok .edf--title, .modif-num-tel #modif-num-tel-ws-ko .edf--title {
    font-size: 16px;
  }
}

.modif-num-tel #ws-ok .edf--title-desc, .modif-num-tel #modif-num-tel-ws-ko .edf--title-desc {
  font-family: "Frutiger", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #666666;
  margin-bottom: 30px;
}

.modif-num-tel #ws-ok .edf--body, .modif-num-tel #modif-num-tel-ws-ko .edf--body {
  display: table;
  height: 100%;
  position: relative;
  margin: auto;
  width: 520px;
}

@media only screen and (max-width: 767px) {
  .modif-num-tel #ws-ok .edf--body, .modif-num-tel #modif-num-tel-ws-ko .edf--body {
    width: 100%;
  }
}

.modif-num-tel #ws-ok .edf--body-container, .modif-num-tel #modif-num-tel-ws-ko .edf--body-container {
  display: table-cell;
  vertical-align: middle;
}

.modif-num-tel #ws-ok .edf--body-container.webS-error, .modif-num-tel #modif-num-tel-ws-ko .edf--body-container.webS-error {
  text-align: center;
}

.modif-num-tel #ws-ok .edf--body-container.webS-error .edf--title, .modif-num-tel #modif-num-tel-ws-ko .edf--body-container.webS-error .edf--title {
  color: #1a1a1a;
  margin: 30px 0 20px;
  font-family: "Frutiger", sans-serif;
  font-size: 22px;
  font-weight: bold;
}

.modif-num-tel #ws-ok .edf--body-container.webS-error .edf-btn-error-return, .modif-num-tel #modif-num-tel-ws-ko .edf--body-container.webS-error .edf-btn-error-return {
  background-color: #333333;
  box-shadow: none;
  color: #ffffff;
  height: 45px;
  margin: 20px auto 30px;
  text-transform: uppercase;
  width: 120px;
}

.modif-num-tel #ws-ok .edf--form .block-phone-number, .modif-num-tel #modif-num-tel-ws-ko .edf--form .block-phone-number {
  color: #1a1a1a;
  height: 28px;
  line-height: 28px;
  margin-bottom: 20px;
  text-align: center;
  font-family: "Frutiger", sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.modif-num-tel #ws-ok .edf--form-text-field, .modif-num-tel #modif-num-tel-ws-ko .edf--form-text-field {
  position: relative;
  text-align: left;
}

.modif-num-tel #ws-ok .edf--form-text-field .indication-pic, .modif-num-tel #modif-num-tel-ws-ko .edf--form-text-field .indication-pic {
  position: absolute;
  top: -5px;
  left: 0;
  opacity: 0.4;
}

.modif-num-tel #ws-ok .edf--form-text-field .filed__input, .modif-num-tel #modif-num-tel-ws-ko .edf--form-text-field .filed__input {
  border-width: 2px;
  display: block;
  padding-left: 30px;
  font-family: "Frutiger", sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.modif-num-tel #ws-ok .edf--form-text-field .filed__input:focus ~ img, .modif-num-tel #modif-num-tel-ws-ko .edf--form-text-field .filed__input:focus ~ img {
  opacity: 1;
}

.modif-num-tel #ws-ok .edf--form-text-field .filed__input:focus ~ label, .modif-num-tel #modif-num-tel-ws-ko .edf--form-text-field .filed__input:focus ~ label {
  padding-left: 0;
}

.modif-num-tel #ws-ok .edf--form-text-field .filed__input:disabled,
.modif-num-tel #ws-ok .edf--form-text-field .filed__input[disabled],
.modif-num-tel #modif-num-tel-ws-ko .edf--form-text-field .filed__input:disabled,
.modif-num-tel #modif-num-tel-ws-ko .edf--form-text-field .filed__input[disabled] {
  color: #9e9e9e;
}

.modif-num-tel #ws-ok .edf--form-text-field .filed__input:disabled ~ label,
.modif-num-tel #ws-ok .edf--form-text-field .filed__input[disabled] ~ label,
.modif-num-tel #modif-num-tel-ws-ko .edf--form-text-field .filed__input:disabled ~ label,
.modif-num-tel #modif-num-tel-ws-ko .edf--form-text-field .filed__input[disabled] ~ label {
  display: none;
}

.modif-num-tel #ws-ok .edf--form-text-field label, .modif-num-tel #modif-num-tel-ws-ko .edf--form-text-field label {
  /*color: #9e9e9e;*/
  padding-left: 30px;
  font-family: "Frutiger", sans-serif;
  /*font-size: 16px;*/
  font-weight: 500;
  padding-bottom: 5px;
}

.modif-num-tel #ws-ok .edf--form-text-field__icon, .modif-num-tel #modif-num-tel-ws-ko .edf--form-text-field__icon {
  background-color: #fff;
  display: inline-block;
  position: absolute;
  top: 15px;
  right: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  vertical-align: middle;
  cursor: pointer;
}

.modif-num-tel #ws-ok .edf--form-text-field.active .indication-pic, .modif-num-tel #modif-num-tel-ws-ko .edf--form-text-field.active .indication-pic {
  opacity: 1;
}

.modif-num-tel #ws-ok .edf--form-text-field.error .filed__input, .modif-num-tel #modif-num-tel-ws-ko .edf--form-text-field.error .filed__input {
  border-color: #e93a32;
}

.modif-num-tel #ws-ok .edf--form-text-field.error .filed__input:not(:focus) ~ label, .modif-num-tel #modif-num-tel-ws-ko .edf--form-text-field.error .filed__input:not(:focus) ~ label {
  color: #e93a32;
}

.modif-num-tel #ws-ok .edf--form-text-field.error .filed__input:focus ~ label, .modif-num-tel #modif-num-tel-ws-ko .edf--form-text-field.error .filed__input:focus ~ label {
  color: #e93a32;
}

.modif-num-tel #ws-ok .edf--form-text-field.error label, .modif-num-tel #modif-num-tel-ws-ko .edf--form-text-field.error label {
  color: #e93a32;
}

.modif-num-tel #ws-ok .edf--form-button-field, .modif-num-tel #modif-num-tel-ws-ko .edf--form-button-field {
  clear: both;
  margin-top: 30px;
}

.modif-num-tel #ws-ok .edf--form-button-field .btn-submit, .modif-num-tel #modif-num-tel-ws-ko .edf--form-button-field .btn-submit {
  background-color: #dfdfdf;
  box-shadow: none;
  color: #ffffff;
  display: block;
  opacity: 1;
  text-align: center;
  text-transform: uppercase;
  height: 45px;
  width: 120px;
  margin: auto;
  font-family: "Work Sans", sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.modif-num-tel #ws-ok .edf--form-button-field .btn-submit.btn-site, .modif-num-tel #modif-num-tel-ws-ko .edf--form-button-field .btn-submit.btn-site {
  background-color: #005bbb;
}

.modif-num-tel #ws-ok .edf--form-button-field .btn-submit:disabled,
.modif-num-tel #ws-ok .edf--form-button-field .btn-submit[disabled],
.modif-num-tel #modif-num-tel-ws-ko .edf--form-button-field .btn-submit:disabled,
.modif-num-tel #modif-num-tel-ws-ko .edf--form-button-field .btn-submit[disabled] {
  background-color: #dfdfdf;
  color: #9e9e9e;
  cursor: not-allowed;
  pointer-events: all !important;
}

.modif-num-tel #ws-ok .edf--form-button-field .btn-submit.hide + .link-user-create, .modif-num-tel #modif-num-tel-ws-ko .edf--form-button-field .btn-submit.hide + .link-user-create {
  line-height: inherit;
}

@media only screen and (max-width: 767px) {
  .modif-num-tel #ws-ok .edf--form-button-field, .modif-num-tel #modif-num-tel-ws-ko .edf--form-button-field {
    margin-top: 40px;
  }
}

.modif-num-tel #ws-ok .edf--form .msg__error, .modif-num-tel #modif-num-tel-ws-ko .edf--form .msg__error {
  color: #f23037;
  margin-top: 7.5px;
  margin-bottom: 0;
  text-align: left;
  font-family: "Frutiger", sans-serif;
  font-size: 12px;
  font-weight: 500;
}

@media only screen and (min-width: 1025px) and (max-width: 1280px) {
  .modif-num-tel #ws-ok .edf--form .msg__error span, .modif-num-tel #modif-num-tel-ws-ko .edf--form .msg__error span {
    display: block;
  }
}

@media only screen and (min-width: 1281px) {
  .modif-num-tel #ws-ok .edf--form .msg__error span, .modif-num-tel #modif-num-tel-ws-ko .edf--form .msg__error span {
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  .modif-num-tel #ws-ok .edf--form .msg__error, .modif-num-tel #modif-num-tel-ws-ko .edf--form .msg__error {
    top: 45px;
  }
}

.modif-num-tel #ws-ok .edf--form .msg__info, .modif-num-tel #modif-num-tel-ws-ko .edf--form .msg__info {
  color: #9e9e9e;
  font-size: 12px;
  margin-bottom: 20px;
}

.modif-num-tel #ws-ok .edf--logo, .modif-num-tel #modif-num-tel-ws-ko .edf--logo {
  margin-top: 40px;
  text-align: center;
}

.modif-num-tel #ws-ok .annulation_link, .modif-num-tel #modif-num-tel-ws-ko .annulation_link {
  font-family: "Frutiger", sans-serif;
  font-size: 16px;
  font-weight: 400;
  position: absolute;
  right: 40px;
  top: 40px;
  z-index: 3;
}

.modif-num-tel #ws-ok .annulation_link a, .modif-num-tel #modif-num-tel-ws-ko .annulation_link a {
  color: #444444;
  text-decoration: none;
}

.modif-num-tel #ws-ok .annulation_link img, .modif-num-tel #modif-num-tel-ws-ko .annulation_link img {
  margin-left: 8px;
  width: 16px;
  height: 16px;
}

.modif-num-tel #ws-ok .mes-mentions, .modif-num-tel #modif-num-tel-ws-ko .mes-mentions {
  cursor: default;
  bottom: 30px;
  color: #9e9e9e;
  position: relative;
  left: 30px;
  font-family: "Frutiger", sans-serif;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 30px;
}

.modif-num-tel .mes-mentions span.privacy-policy-txt {
  color: #9e9e9e;
  font-family: "Frutiger", sans-serif;
  font-size: 12px;
}

.modif-num-tel .mentions-content p {
  color: #9e9e9e;
  font-family: "Frutiger", sans-serif;
  font-size: 12px;
  margin: 0 0 10px;
  line-height: inherit;
}

@media only screen and (min-width: 360px) and (max-width: 767px) {
  .modif-num-tel #ws-ok .mes-mentions, .modif-num-tel #modif-num-tel-ws-ko .mes-mentions {
    bottom: 50px;
    position: relative;
    left: 0;
  }
}

@media only screen and (max-width: 360px) {
  .modif-num-tel #ws-ok .mes-mentions, .modif-num-tel #modif-num-tel-ws-ko .mes-mentions {
    bottom: 50px;
    top: 5px;
    position: relative;
    left: 0;
  }
  .modif-num-tel #ws-ok .annulation_link, .modif-num-tel #modif-num-tel-ws-ko .annulation_link {
    top : 10px;
  }
}

.modif-num-tel #ws-ok .mentions-content, .modif-num-tel #modif-num-tel-ws-ko .mentions-content {
  display: none;
  padding-right: 30px;
}



.clearfix {
  /*overflow: auto;*/
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.modif-num-tel .hide {
  display: none !important;
}

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

body .scrollBody {
  overflow-y: auto;
  overflow-x: hidden;
}

.imgModifNumTel {
  width: 80px !important;
  height: auto !important;
  cursor: default;
}

.hideThis {
  display: none;
}

@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
{
  .modif-num-tel #ws-ok .mes-mentions,
  .modif-num-tel #modif-num-tel-ws-ko .mes-mentions {
    bottom: 0;
  }
}

.blocInputChangeTel{
  border-bottom: 2px solid rgba(0,0,0,.26);
}
.changeTelBloc{
  margin: 30px 0;
}
.hide{
  display: none;
}
.inpChangeTel {
  position: relative;
  margin: auto;
  width: 100%;
  max-width: 280px;
}
.inpChangeTel .inpChangeTel,.inpChangeTel .inpChangeTelFixe{
  position: absolute;
  top: 0px;
  left: 27px;
  font-size: 16px;
  color: #9098a9;
  font-weight: 500;
  transform-origin: 0 0;
  transition: all 0.2s ease;
}

.inpChangeTel input {
  -webkit-appearance: none;
  border: 0;
  font-family: inherit;
  padding: 5px 0;
  font-size: 16px;
  font-weight: 500;
  background: none;
  border-radius: 0;
  color: #223254;
  transition: all 0.15s ease;
}
.inpChangeTel input:not(:placeholder-shown) + span {
  color: #5a667f;
  transform: translate(1px,-23px) scale(0.75);
}

/*Au focus*/
.inpChangeTel input:focus {
  background: none;
  outline: none;
}

/*Au focus*/
.blocInputChangeTel:focus-within {
  border-bottom: 2px solid #07f;
}

/*Quand on perd le focus*/
.inpChangeTel input:focus + span {
  color: #07f;
  transform: translate(-26px,-23px) scale(0.75);
}
.inpChangeTel input:focus + span + .border {
  transform: scaleX(1);
}

.isDirty .blocInputChangeTel  {
  border-bottom-color: red;
}
.isDirty .inpChangeTel, .isDirty .inpChangeTelFixe{
  color: red!important;
}

.bloc-modifier-adresse-titulaire-contrat, .bloc-modifier-numero-titulaire-contrat, .bloc-contract-edit-name {
  border-bottom: 0px solid #d9d9d900;
}

.bloc-modifier-numero-titulaire-contrat {
  border-bottom: 0px solid #d9d9d900;
}

.no-streetNumber p{
  display: inline-block;
  margin-top: 10px;
  font-size: .875rem;
  margin: 1em 0;
  line-height: 1.25rem;
}

.stepContainerContent {
  padding: 10px;
}

.buttonForm .btn svg {
  margin-right: 10px;
}

.buttonForm button:first-child {
  margin-right: 10px;
}

.buttonForm  button {
  width: 100%;
}

.bloc-modifier-adresse-titulaire-contrat form .buttonForm, .bloc-modifier-numero-titulaire-contrat form .buttonForm, .bloc-contract-edit-name form .buttonForm  {
  text-align: right;
}

.bloc-modifier-numero-titulaire-contrat form .buttonForm {
  text-align: left;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000000;
  opacity: 0.3;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #000000;
  opacity: 0.3;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #000000;
  opacity: 0.3;
}
:-moz-placeholder { /* Firefox 18- */
  color: #000000;
  opacity: 0.3;
}

.pure-form input[type="text"] {
  color: #000
}

.bloc-modifier-adresse-titulaire-contrat .customSelectInner {
  width: 100%;
  margin: 0;
}

.bloc-modifier-adresse-titulaire-contrat #postCode, .bloc-modifier-adresse-titulaire-contrat #streetNumber{
  width: 100%;
}

.bloc-modifier-numero-titulaire-contrat #mobilePhoneNumber, .bloc-modifier-numero-titulaire-contrat #fixePhoneNumber{
  width: 100%;
}

.bloc-contract-edit-name {
  margin-bottom: 20px;
}

.pure-form label {
  margin: 0;
}

.no-streetNumber label{
  margin-bottom: 5px;
  font-size: .875rem;
  line-height: 1.25rem;
}

.buttonForm .btn-secondary {
  margin-bottom: 10px;
}

.buttonForm {
  margin-top: 30px;
}

.pure-form input[type="number"] {
  border: 0 none;
  border-radius: 0;
  box-shadow: none;
}

.bloc-modifier-adresse-titulaire-contrat .pure-form .pure-checkbox, .pure-form .pure-radio {
  margin: 0;
}

.stepContainerContent h1 {
  font-weight: 300;
}

.error-warning {
  color: #FE5815;
  margin-bottom: 5px;
  font-size: .875rem;
  line-height: 1.25rem;
  font-weight: bold;
}

.error-input {
  display: block;
  color: #F23037;
  margin-bottom: 15px;
  font-size: .875rem;
  line-height: 1.25rem;
  font-weight: bold;
}

.pure-form input[type="text"].error-required {
  border: 1px solid rgba(242, 48, 55, 0.4);
}

.bloc-modifier-adresse-titulaire-contrat select{
  margin-bottom: .3em;
}

.bloc-modifier-numero-titulaire-contrat input {
  margin-bottom: 0;
}

@media screen and (min-width: 568px) {
  .bloc-modifier-numero-titulaire-contrat form .buttonForm {
    text-align: right;
  }

  .buttonForm .btn-secondary {
    margin-bottom: 10px;
    margin-right: 40px;
  }

  .buttonForm  button {
    width: 230px;
  }

  .buttonForm .btn-secondary {
    margin-bottom: inherit;
  }

}

@media screen and (min-width: 1024px) {
  .stepContainerContent {
    padding: 0px;
  }
}

@media screen and (max-width: 768px) {
  .bloc-modifier-numero-titulaire-contrat form .buttonForm,.bloc-modifier-numero-titulaire-contrat form .buttonForm, .bloc-contract-edit-name form .buttonForm {
    margin-top: 20px;
  }
}

.btn {
  font-family: Frutiger,Arial,sans-serif;
  text-decoration: none;
  font-size: 1rem;
  line-height: 1.142857143rem;
  cursor: pointer;
  border-radius: 2px;
  padding: 13.5px 36px;  text-align: center;
  box-sizing: border-box;
  white-space:normal;
  display:inline-flex;
  vertical-align: middle;
  height: inherit;
  min-height: inherit;
  max-height: inherit;
}

#personnaliserAdresseForm .btn {
  font-family: Frutiger,Arial,sans-serif;
  text-decoration: none;
  font-size: 1rem;
  line-height: 1.142857143rem;
  cursor: pointer;
  border-radius: 2px;
  padding: 13.5px 36px;  text-align: center;
  box-sizing: border-box;
  white-space:normal;
  display:inline-flex;
  vertical-align: middle;
  height: inherit;
  min-height: inherit;
  max-height: inherit;
}

.button-text {
  margin-left: auto;
  margin-right: auto;
}

.ico-l{
  margin: auto 15px auto 0;
  float: left;
}

.ico-r{
  margin: auto 0 auto 15px;
  float: right;
}

.btn.contour{
  border: 2px solid transparent;
}
.btn-lg {
  padding: 18px 36px;
}

.btn-sm {
  padding: 9px 36px;
}

.btn-block {
  display: block;
  width: 100%;
}

/* effets au click */
.btn:active .btn-content, .btn.active .btn-content,
.btn:active:hover .btn-content, .btn.active:hover .btn-content {
  box-shadow: inset 0 2px 0 1px rgba(0, 0, 0, 0.2);
}
/* effets hover */
.btn:active, .btn.active,
.btn:active:hover, .btn.active:hover,
.btn:hover {
  color: #fff;
  box-shadow:inset 0 0 0 99999px rgba(0, 0, 0, 0.2);
}

/* Cas bouton avec ombre */

.shadow {
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.btn.shadow:active, .btn.shadow.active,
.btn.shadow:active:hover, .btn.shadow.active:hover,
.btn.shadow:hover{
  box-shadow: inset 0 0 0 99999px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0,0,0,0.23);
}

.btn.link.shadow:active, .btn.link.shadow.active,
.btn.link.shadow:active:hover, .btn.link.shadow.active:hover,
.btn.link.shadow:hover {
  box-shadow: 0 3px 6px rgba(0,0,0,0.23);
}

.btn.contour.shadow:active, .btn.contour.shadow.active,
.btn.contour.shadow:active:hover, .btn.contour.shadow.active:hover,
.btn.contour.shadow:hover {
  box-shadow: 0 3px 6px rgba(0,0,0,0.23);
}

/* Cas bouton avec UPPERCASE */

.uppercase {
  text-transform: uppercase;
  font-family: WorkSans,Arial,sans-serif;
}


/* Cas bouton activé */

.btn.activated {
  position: relative;
  color: #fff;
}

.btn.activated::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 2px;
  width: 100%;
  box-shadow: inset 0 2px 0 1px rgba(0, 0, 0, 0.2);
}

.btn.contour.activated::before,.btn.link.activated::before {
  box-shadow: none;
}

.btn.activated.contour .btn-content,
.btn.contour:active .btn-content, .btn.contour.active .btn-content,
.btn.contour:hover .btn-content, .btn.contour:focus .btn-content,
.btn.contour:active:hover .btn-content, .btn.contour.active:hover .btn-content,
.btn.contour:active:focus .btn-content, .btn.contour.active:focus .btn-content,
.btn.contour.focus:active .btn-content, .btn.contour.active.focus .btn-content {
  box-shadow: none;
}

/* disabled btn generic */
.btn.disabled, .btn[disabled],
fieldset[disabled] .btn,
.btn.disabled:hover, .btn[disabled]:hover,
fieldset[disabled] .btn:hover, .btn.disabled:focus,
.btn[disabled]:focus, fieldset[disabled] .btn:focus,
.btn.disabled.focus, .btn.focus[disabled],
fieldset[disabled] .btn.focus, .btn.disabled:active,
.btn[disabled]:active, fieldset[disabled] .btn:active,
.btn.disabled.active, .btn.active[disabled],
fieldset[disabled] .btn.active{
  color: #aaaaaa;
  background-color: #d8d8d8;
  cursor: not-allowed;
  box-shadow: none;
}

/**********************************************************************************/

/********* PRIMARY **********/
.btn-primary{
  color: #fff;
  background-color: #007BFF;
}

.btn-primary.contour{
  color: #007BFF;
  background-color: transparent;
  border: solid 2px #007BFF;
}

.btn-primary.contour.activated,
.btn-primary.contour:active, .btn-primary.contour.active,
.btn-primary.contour:hover,
.btn-primary.contour:active:hover, .btn-primary.contour.active:hover {
  color: #fff;
  background-color: #007BFF;
  box-shadow:none;
}

.btn-primary.link{
  color: #007BFF;
  background-color: transparent;
  border: solid 2px transparent;
}

.btn-primary.link.activated,
.btn-primary.link:active, .btn-primary.link.active,
.btn-primary.link:hover,
.btn-primary.link:active:hover, .btn-primary.link.active:hover {
  background: transparent;
  box-shadow:none;
  text-decoration: underline;
}
/**********************************************************************************/

/*********GRIS*********/
.btn-secondary{
  color: #fff;
  background-color: #666666;
}

.btn-secondary.contour{
  color: #666666;
  background-color: transparent;
  border: solid 2px #666666;
}

.btn-secondary.contour.activated,
.btn-secondary.contour:active, .btn-secondary.contour.active,
.btn-secondary.contour:hover,
.btn-secondary.contour:active:hover, .btn-secondary.contour.active:hover
{
  color: #fff;
  background-color: #666666;
  box-shadow:none;
}

.btn-secondary.link{
  color: #666666;
  background-color: transparent;
  border: solid 2px transparent;
}

.btn-secondary.link.activated,
.btn-secondary.link:active, .btn-secondary.link.active,
.btn-secondary.link:hover,
.btn-secondary.link:active:hover, .btn-secondary.link.active:hover
{
  background: transparent;
  box-shadow:none;
  text-decoration: underline;
}

/**********************************************************************************/


/*********VERT*********/
.btn-success{
  color: #fff;
  background-color: #00C172;
}

.btn-success.contour{
  color: #00C172;
  background-color: transparent;
  border: solid 2px #00C172;
}

.btn-success.contour.activated,
.btn-success.contour:active, .btn-success.contour.active,
.btn-success.contour:hover,
.btn-success.contour:active:hover, .btn-success.contour.active:hover {
  color: #fff;
  background-color: #00C172;
  box-shadow:none;
}

.btn-success.link{
  color: #00C172;
  background-color: transparent;
  border: solid 2px transparent;
}

.btn-success.link.activated,
.btn-success.link:active, .btn-success.link.active,
.btn-success.link:hover,
.btn-success.link:active:hover, .btn-success.link.active:hover {
  background: transparent;
  box-shadow:none;
  text-decoration: underline;
}

/**********************************************************************************/

/*********VERT CLAIRE*********/
.btn-info{
  color: #fff;
  background-color: #c4d600;
}

.btn-info.contour{
  color: #c4d600;
  background-color: transparent;
  border: solid 2px #c4d600;
}

.btn-info.contour.activated,
.btn-info.contour:active, .btn-info.contour.active,
.btn-info.contour:hover,
.btn-info.contour:active:hover, .btn-info.contour.active:hover {
  color: #fff;
  background-color: #c4d600;
  box-shadow:none;
}

.btn-info.link{
  color: #c4d600;
  background-color: transparent;
  border: solid 2px transparent;
}

.btn-info.link.activated,
.btn-info.link:active, .btn-info.link.active,
.btn-info.link:hover,
.btn-info.link:active:hover, .btn-info.link.active:hover {
  background: transparent;
  box-shadow:none;
  text-decoration: underline;
}
/**********************************************************************************/

/*********ORANGE CLAIR*********/
.btn-warning{
  color: #fff;
  background-color: #ffa02f;
}

.btn-warning.contour{
  color: #ffa02f;
  background-color: transparent;
  border: solid 2px #ffa02f;
}

.btn-warning.activated,
.btn-warning.contour:active, .btn-warning.contour.active,
.btn-warning.contour:hover,
.btn-warning.contour:active:hover, .btn-warning.contour.active:hover {
  color: #fff;
  background-color: #ffa02f;
  box-shadow:none;
}

.btn-warning.link{
  color: #ffa02f;
  background-color: transparent;
  border: solid 2px transparent;
}

.btn-warning.activated,
.btn-warning.link:active, .btn-warning.link.active,
.btn-warning.link:hover,
.btn-warning.link:active:hover, .btn-warning.link.active:hover {
  background: transparent;
  box-shadow:none;
  text-decoration: underline;
}
/**********************************************************************************/

/*********ORANGE*********/
.btn-danger{
  color: #fff;
  background-color: #F23037;
}

.btn-danger.contour{
  color: #F23037;
  background-color: transparent;
  border: solid 2px #F23037;
}

.btn-danger.contour.activated,
.btn-danger.contour:active, .btn-danger.contour.active,
.btn-danger.contour:hover,
.btn-danger.contour:active:hover, .btn-danger.contour.active:hover {
  color: #fff;
  background-color: #F23037;
  box-shadow:none;
}

.btn-danger.link{
  color: #F23037;
  background-color: transparent;
  border: solid 2px transparent;
}

.btn-danger.link.activated,
.btn-danger.link:active, .btn-danger.link.active,
.btn-danger.link:hover,
.btn-danger.link:active:hover, .btn-danger.link.active:hover {
  background: transparent;
  box-shadow:none;
  text-decoration: underline;
}
/**********************************************************************************/

/*********BLANC*********/
.btn-light{
  color: #4a4a4a;
  background-color: #fff;
}

.btn-light.contour{
  color: #fff;
  background-color: transparent;
  border: solid 2px #fff;
}

.btn-light.contour.activated,
.btn-light.contour:active, .btn-light.contour.active,
.btn-light.contour:hover,
.btn-light.contour:active:hover, .btn-light.contour.active:hover {
  color: #4a4a4a;
  background-color: #fff;
  box-shadow:none;
}

.btn-light.link{
  color: #fff;
  background-color: transparent;
  border: solid 2px transparent;
}

.btn-light.link.activated,
.btn-light.link:active, .btn-light.link.active,
.btn-light.link:hover,
.btn-light.link:active:hover, .btn-light.link.active:hover {
  background: transparent;
  box-shadow:none;
  text-decoration: underline;
}
/**********************************************************************************/

/*********DARK*********/
.btn-dark{
  color: #fff;
  background-color: #333333;
}

.btn-dark.contour{
  color: #333333;
  background-color: transparent;
  border: solid 2px #333333;
}

.btn-dark.contour.activated,
.btn-dark.contour:active, .btn-dark.contour.active,
.btn-dark.contour:hover,
.btn-dark.contour:active:hover, .btn-dark.contour.active:hover {
  color: #fff;
  background-color: #333333;
  box-shadow:none;
}

.btn-dark.link.activated,
.btn-dark.link:active, .btn-dark.link.active,
.btn-dark.link:hover,
.btn-dark.link:active:hover, .btn-dark.link.active:hover {
  background: transparent;
  box-shadow:none;
  text-decoration: underline;
}

.btn-dark.link{
  color: #333333;
  background-color: transparent;
  border: solid 2px transparent;
}
/**********************************************************************************/

/*********BLEU CLAIR**********/
.btn-light-blue-edf{
  color: #fff;
  background-color: #005bbb;
}

.btn-light-blue-edf.contour{
  color: #005bbb;
  background-color: transparent;
  border: solid 2px #005bbb;
}

.btn-light-blue-edf.contour.activated,
.btn-light-blue-edf.contour:active, .btn-light-blue-edf.contour.active,
.btn-light-blue-edf.contour:hover,
.btn-light-blue-edf.contour:active:hover, .btn-light-blue-edf.contour.active:hover {
  color: #fff;
  background-color: #005bbb;
  box-shadow:none;
}

.btn-light-blue-edf.link{
  color: #005bbb;
  background-color: transparent;
  border: solid 2px transparent;
}

.btn-light-blue-edf.link.activated,
.btn-light-blue-edf.link:active, .btn-light-blue-edf.link.active,
.btn-light-blue-edf.link:hover,
.btn-light-blue-edf.link:active:hover, .btn-light-blue-edf.link.active:hover {
  background: transparent;
  box-shadow:none;
  text-decoration: underline;
}
/**********************************************************************************/

/*********BLEU FONCE**********/
.btn-dark-blue-edf{
  color: #fff;
  background-color: #09357A;
}

.btn-dark-blue-edf.contour{
  color: #09357A;
  background-color: transparent;
  border: solid 2px #09357A;
}

.btn-dark-blue-edf.contour.activated,
.btn-dark-blue-edf.contour:active, .btn-dark-blue-edf.contour.active,
.btn-dark-blue-edf.contour:hover,
.btn-dark-blue-edf.contour:active:hover, .btn-dark-blue-edf.contour.active:hover {
  color: #fff;
  background-color: #09357A;
  box-shadow:none;
}

.btn-dark-blue-edf.link{
  color: #09357A;
  background-color: transparent;
  border: solid 2px transparent;
}

.btn-dark-blue-edf.link.activated,
.btn-dark-blue-edf.link:active, .btn-dark-blue-edf.link.active,
.btn-dark-blue-edf.link:hover,
.btn-dark-blue-edf.link:active:hover, .btn-dark-blue-edf.link.active:hover {
  background: transparent;
  box-shadow:none;
  text-decoration: underline;
}
/**********************************************************************************/

/*********VERT FONCE**********/
.btn-dark-green-edf{
  color: #fff;
  background-color: #509E2F;
}

.btn-dark-green-edf.contour{
  color: #509E2F;
  background-color: transparent;
  border: solid 2px #509E2F;
}

.btn-dark-green-edf.contour.activated,
.btn-dark-green-edf.contour:active, .btn-dark-green-edf.contour.active,
.btn-dark-green-edf.contour:hover,
.btn-dark-green-edf.contour:active:hover, .btn-dark-green-edf.contour.active:hover {
  color: #fff;
  background-color: #509E2F;
  box-shadow:none;
}

.btn-dark-green-edf.link{
  color: #509E2F;
  background-color: transparent;
  border: solid 2px transparent;
}

.btn-dark-green-edf.link.activated,
.btn-dark-green-edf.link:active, .btn-dark-green-edf.link.active,
.btn-dark-green-edf.link:hover,
.btn-dark-green-edf.link:active:hover, .btn-dark-green-edf.link.active:hover {
  background: transparent;
  box-shadow:none;
  text-decoration: underline;
}
/**********************************************************************************/

/*********VERT CLAIR**********/
.btn-light-green-edf{
  color: #fff;
  background-color: #C4D600;
}

.btn-light-green-edf.contour{
  color: #C4D600;
  background-color: transparent;
  border: solid 2px #C4D600;
}

.btn-light-green-edf.contour.activated,
.btn-light-green-edf.contour:active, .btn-light-green-edf.contour.active,
.btn-light-green-edf.contour:hover,
.btn-light-green-edf.contour:active:hover, .btn-light-green-edf.contour.active:hover {
  color: #fff;
  background-color: #C4D600;
  box-shadow:none;
}

.btn-light-green-edf.link{
  color: #C4D600;
  background-color: transparent;
  border: solid 2px transparent;
}

.btn-light-green-edf.link.activated,
.btn-light-green-edf.link:active, .btn-light-green-edf.link.active,
.btn-light-green-edf.link:hover,
.btn-light-green-edf.link:active:hover, .btn-light-green-edf.link.active:hover {
  background: transparent;
  box-shadow:none;
  text-decoration: underline;
}
/**********************************************************************************/

/*********ORANGE FONCE**********/
.btn-dark-orange-edf{
  color: #fff;
  background-color: #FE5815;
}

.btn-dark-orange-edf.contour{
  color: #FE5815;
  background-color: transparent;
  border: solid 2px #FE5815;
}

.btn-dark-orange-edf.contour.activated,
.btn-dark-orange-edf.contour:active, .btn-dark-orange-edf.contour.active,
.btn-dark-orange-edf.contour:hover,
.btn-dark-orange-edf.contour:active:hover, .btn-dark-orange-edf.contour.active:hover {
  color: #fff;
  background-color: #FE5815;
  box-shadow:none;
}

.btn-dark-orange-edf.link{
  color: #FE5815;
  background-color: transparent;
  border: solid 2px transparent;
}

.btn-dark-orange-edf.link.activated,
.btn-dark-orange-edf.link:active, .btn-dark-orange-edf.link.active,
.btn-dark-orange-edf.link:hover,
.btn-dark-orange-edf.link:active:hover, .btn-dark-orange-edf.link.active:hover {
  background: transparent;
  box-shadow:none;
  text-decoration: underline;
}
/**********************************************************************************/

/*********ORANGE FONCE**********/
.btn-light-orange-edf{
  color: #fff;
  background-color: #FFA02F;
}

.btn-light-orange-edf.contour{
  color: #FFA02F;
  background-color: transparent;
  border: solid 2px #FFA02F;
}

.btn-light-orange-edf.contour.activated,
.btn-light-orange-edf.contour:active, .btn-light-orange-edf.contour.active,
.btn-light-orange-edf.contour:hover,
.btn-light-orange-edf.contour:active:hover, .btn-light-orange-edf.contour.active:hover {
  color: #fff;
  background-color: #FFA02F;
  box-shadow:none;
}

.btn-light-orange-edf.link{
  color: #FFA02F;
  background-color: transparent;
  border: solid 2px transparent;
}

.btn-light-orange-edf.link.activated,
.btn-light-orange-edf.link:active, .btn-light-orange-edf.link.active,
.btn-light-orange-edf.link:hover,
.btn-light-orange-edf.link:active:hover, .btn-light-orange-edf.link.active:hover {
  background: transparent;
  box-shadow:none;
  text-decoration: underline;
}
/**********************************************************************************/

@media only screen and (max-width: 376px) {
  .btn {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
}








.arrowBtn{
  display: inline-block;
  width: 7px;
  height: 12px;
  margin-right: 10px;
  background-image: url(assets/img/sprites/icons.png);
  background-repeat: no-repeat;
  background-position: -20px -674px;
}

.success {
  color: green;
  text-align: center;
  font-weight: bold;
  padding: 10px;
  background-color: #defde0;
}

.btnBlue{
  background: #001a70;
  border-radius: 2px;
  border: 0;
  color: white;
  width: 230px;
  line-height: 51px;
  float: right;
  text-align: center;
}
.btnGreySmall{
  background: #6a6a6a;
  border-radius: 2px;
  border: 0;
  color: white;
  width: 148px;
  line-height: 51px;
  text-align: center;
}
.btnOrangeSmall{
  background: #fe5815;
  border-radius: 2px;
  border: 0;
  color: white;
  width: 148px;
  line-height: 51px;
  text-align: center;
  margin-left: 10px;
}

/** Bloc titulaire contrat **/
/** Bloc titulaire contrat multi **/
.donnesPersos .bloc-titulaire-contrat,
.donnesPersos .bloc-titulaire-contrat-multi{
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 14px;
  margin-top: 30px;
}
.donnesPersos .bloc-titulaire-contrat p,
.donnesPersos .bloc-titulaire-contrat-multi p{
  color: #666;
}
.donnesPersos .bloc-titulaire-contrat p.titulaire,
.donnesPersos .bloc-titulaire-contrat-multi p.titulaire{
  font-weight: bold;
  margin-bottom: 0px;
}
.donnesPersos .bloc-titulaire-contrat p.num-client,
.donnesPersos .bloc-titulaire-contrat-multi p.num-client{
  margin-top: 0px;
  margin-bottom: 40px;
}
.donnesPersos .bloc-titulaire-contrat .bloc-logement,
.donnesPersos .bloc-titulaire-contrat-multi .bloc-logement{
  background-color: #f8f8f8;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 40px;
}
.donnesPersos .bloc-titulaire-contrat .bloc-logement div,
.donnesPersos .bloc-titulaire-contrat-multi .bloc-logement div{
  padding-left: 40px;
}
.donnesPersos .bloc-titulaire-contrat .bloc-logement .adresse p,
.donnesPersos .bloc-titulaire-contrat-multi .bloc-logement .adresse p{
  margin-top: 0;
  margin-bottom: 0;
}
.donnesPersos .bloc-titulaire-contrat .bloc-logement .adresse p:last-child,
.donnesPersos .bloc-titulaire-contrat-multi .bloc-logement .adresse p:last-child{
  margin-top: 12px;
}
.donnesPersos .bloc-titulaire-contrat .bloc-modif div p span,
.donnesPersos .bloc-titulaire-contrat-multi .bloc-modif div p span{
  color: #001a70;
}
.donnesPersos .bloc-titulaire-contrat .bloc-modif button a,
.donnesPersos .bloc-titulaire-contrat-multi .bloc-modif button a{
  color: #fff;
}
.donnesPersos .bloc-titulaire-contrat .bloc-modif button a:hover,
.donnesPersos .bloc-titulaire-contrat-multi .bloc-modif button a:hover{
  color: #fff;
}

/** Bloc adresse titulaire contrat **/
.donnesPersos .bloc-adresse-titulaire-contrat{
  padding-top: 14px;
  padding-bottom: 30px;
  border-bottom: 1px solid #d9d9d9;
}
.donnesPersos .bloc-adresse-titulaire-contrat .adresse{
  color: #001a70;
}
.donnesPersos .bloc-adresse-titulaire-contrat .adresse span{
  display: block;
}

/** Bloc numero titulaire contrat **/
.donnesPersos .numero-titulaire-contrat{
  padding-top: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #d9d9d9;
  margin-bottom: 40px;
}
.donnesPersos .numero-titulaire-contrat div p span{
  color: #001a70;
}

/** Bloc modifier adresse titulaire contrat **/
.bloc-modifier-adresse-titulaire-contrat{
  padding-bottom: 15px;
  padding-top: 14px;
  border-bottom: 1px solid #d9d9d9;
}
.bloc-modifier-numero-titulaire-contrat input{
  margin-bottom: 10px;
}

.bloc-modifier-adresse-titulaire-contrat form .pure-g.no-margin-bottom{
  margin-bottom: 0;
}

.bloc-modifier-adresse-titulaire-contrat.userBaseData .error{
  padding-top: 0;
}
/** Bloc modifier téléphone titulaire contrat **/
.bloc-modifier-numero-titulaire-contrat{
  padding-bottom: 30px;
  padding-top: 30px;
  border-bottom: 1px solid #d9d9d9;
  margin-bottom: 40px;
}
.bloc-modifier-adresse-titulaire-contrat form .buttonForm,
.bloc-modifier-numero-titulaire-contrat form .buttonForm{
  text-align: right;
}

.personalDataForm span.phone-error {
  color: red;
  margin-top: 5px;
}

.personalDataForm input[type="text"].error {
  padding-bottom: 10px;
}

.personalDataForm .italic {
  font-style: italic;
}

.preference-data-validation-area {
  margin-top: 20px;
}

.bloc-modifier-adresse-titulaire-contrat .customSelectInner{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #eff2f4;
}

input#streetName.error-oasa, input#streetNumber.error-oasa, input#postCode.error-oasa {
  border-color: #e9322d;
  box-shadow: 0 0 6px #f8b9b7;
}

.bloc-modifier-adresse-titulaire-contrat input{
  margin-bottom: 0px;
}

.marginBottomForm{
  margin-top: 30px;
}

/*******************************************************************/
/************************* MEDIA QUERIES ***************************/
/*******************************************************************/
@media screen and (max-width: 48em) {
  .donnesPersos .bloc-titulaire-contrat .bloc-modif div div div:first-child p{
    margin-top: 0;
    margin-bottom: 0;
  }
  .bloc-modifier-numero-titulaire-contrat form .buttonForm{
    margin-top: 20px;
  }
}

* {
  font-family: Frutiger, Helvetica, Arial, sans-serif;
}

.pure-g [class *= "pure-u"] {
  font-family: Frutiger, Helvetica, Arial, sans-serif;
}


.bloc-modifier-adresse-titulaire-contrat, .bloc-modifier-numero-titulaire-contrat, .bloc-contract-edit-name {
  border-bottom: 0 solid #d9d9d9;
}

.bloc-modifier-numero-titulaire-contrat {
  border-bottom: 0 solid #d9d9d9;
}

.no-streetNumber p{
  display: inline-block;
  margin-top: 10px;
  font-size: .875rem;
  margin: 1em 0;
  line-height: 1.25rem;
}

.stepContainerContent {
  padding: 10px;
}

.buttonForm .btn svg {
  margin-right: 10px;
}

.buttonForm button:first-child {
  margin-right: 10px;
}

.buttonForm  button {
  width: 100%;
}

.bloc-modifier-adresse-titulaire-contrat form .buttonForm, .bloc-modifier-numero-titulaire-contrat form .buttonForm, .bloc-contract-edit-name form .buttonForm  {
  text-align: right;
}

.bloc-modifier-numero-titulaire-contrat form .buttonForm {
  text-align: left;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000000;
  opacity: 0.3;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #000000;
  opacity: 0.3;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #000000;
  opacity: 0.3;
}
:-moz-placeholder { /* Firefox 18- */
  color: #000000;
  opacity: 0.3;
}

.pure-form input[type="text"] {
  color: #000
}

.bloc-modifier-adresse-titulaire-contrat .customSelectInner {
  width: 100%;
  margin: 0;
}

.bloc-modifier-adresse-titulaire-contrat #postCode, .bloc-modifier-adresse-titulaire-contrat #streetNumber{
  width: 100%;
}

.bloc-modifier-numero-titulaire-contrat #mobilePhoneNumber, .bloc-modifier-numero-titulaire-contrat #fixePhoneNumber{
  width: 100%;
}

.bloc-contract-edit-name {
  margin-bottom: 20px;
}

.pure-form label {
  margin: 0;
}

.no-streetNumber label{
  margin-bottom: 5px;
  font-size: .875rem;
  line-height: 1.25rem;
}

.buttonForm .btn-secondary {
  margin-bottom: 10px;
}

.buttonForm {
  margin-top: 30px;
}

.pure-form input[type="number"] {
  border: 0 none;
  border-radius: 0;
  box-shadow: none;
}

.bloc-modifier-adresse-titulaire-contrat .pure-form .pure-checkbox, .pure-form .pure-radio {
  margin: 0;
}

.stepContainerContent h1 {
  font-weight: 300;
}

.error-warning {
  color: #FE5815;
  margin-bottom: 5px;
  font-size: .875rem;
  line-height: 1.25rem;
  font-weight: bold;
}

.error-input {
  display: block;
  color: #F23037;
  margin-bottom: 15px;
  font-size: .875rem;
  line-height: 1.25rem;
  font-weight: bold;
}

.pure-form input[type="text"].error-required {
  border: 1px solid rgba(242, 48, 55, 0.4);
}

.bloc-modifier-adresse-titulaire-contrat select{
  margin-bottom: .3em;
}

.bloc-modifier-numero-titulaire-contrat input {
  margin-bottom: 0;
}

@media screen and (min-width: 568px) {
  .bloc-modifier-numero-titulaire-contrat form .buttonForm {
    text-align: right;
  }

  .buttonForm .btn-secondary {
    margin-bottom: 10px;
    margin-right: 40px;
  }

  .buttonForm  button {
    width: 230px;
  }

  .buttonForm .btn-secondary {
    margin-bottom: inherit;
  }

}

@media screen and (min-width: 1024px) {
  .stepContainerContent {
    padding: 0px;
  }
}

@media screen and (max-width: 768px) {
  .bloc-modifier-numero-titulaire-contrat form .buttonForm,.bloc-modifier-numero-titulaire-contrat form .buttonForm, .bloc-contract-edit-name form .buttonForm {
    margin-top: 20px;
  }
}

#modifierTelephoneForm .btn {
  font-family: Frutiger,Arial,sans-serif;
  text-decoration: none;
  font-size: 1rem;
  line-height: 1.142857143rem;
  cursor: pointer;
  border-radius: 2px;
  padding: 13.5px 36px;  text-align: center;
  box-sizing: border-box;
  white-space:normal;
  display:inline-flex;
  vertical-align: middle;
  height: inherit;
  min-height: inherit;
  max-height: inherit;
}

.button-text {
  margin-left: auto;
  margin-right: auto;
}

.ico-l{
  margin: auto 15px auto 0;
  float: left;
}

.ico-r{
  margin: auto 0 auto 15px;
  float: right;
}

.btn.contour{
  border: 2px solid transparent;
}
.btn-lg {
  padding: 18px 36px;
}

.btn-sm {
  padding: 9px 36px;
}

.btn-block {
  display: block;
  width: 100%;
}

/* effets au click */
.btn:active .btn-content, .btn.active .btn-content,
.btn:active:hover .btn-content, .btn.active:hover .btn-content {
  box-shadow: inset 0 2px 0 1px rgba(0, 0, 0, 0.2);
}
/* effets hover */
.btn:active, .btn.active,
.btn:active:hover, .btn.active:hover,
.btn:hover {
  color: #fff;
  box-shadow:inset 0 0 0 99999px rgba(0, 0, 0, 0.2);
}

/* Cas bouton avec ombre */

.shadow {
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.btn.shadow:active, .btn.shadow.active,
.btn.shadow:active:hover, .btn.shadow.active:hover,
.btn.shadow:hover{
  box-shadow: inset 0 0 0 99999px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0,0,0,0.23);
}

.btn.link.shadow:active, .btn.link.shadow.active,
.btn.link.shadow:active:hover, .btn.link.shadow.active:hover,
.btn.link.shadow:hover {
  box-shadow: 0 3px 6px rgba(0,0,0,0.23);
}

.btn.contour.shadow:active, .btn.contour.shadow.active,
.btn.contour.shadow:active:hover, .btn.contour.shadow.active:hover,
.btn.contour.shadow:hover {
  box-shadow: 0 3px 6px rgba(0,0,0,0.23);
}

/* Cas bouton avec UPPERCASE */

.uppercase {
  text-transform: uppercase;
  font-family: WorkSans,Arial,sans-serif;
}


/* Cas bouton activé */

.btn.activated {
  position: relative;
  color: #fff;
}

.btn.activated::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 2px;
  width: 100%;
  box-shadow: inset 0 2px 0 1px rgba(0, 0, 0, 0.2);
}

.btn.contour.activated::before,.btn.link.activated::before {
  box-shadow: none;
}

.btn.activated.contour .btn-content,
.btn.contour:active .btn-content, .btn.contour.active .btn-content,
.btn.contour:hover .btn-content, .btn.contour:focus .btn-content,
.btn.contour:active:hover .btn-content, .btn.contour.active:hover .btn-content,
.btn.contour:active:focus .btn-content, .btn.contour.active:focus .btn-content,
.btn.contour.focus:active .btn-content, .btn.contour.active.focus .btn-content {
  box-shadow: none;
}

/* disabled btn generic */
.btn.disabled, .btn[disabled],
fieldset[disabled] .btn,
.btn.disabled:hover, .btn[disabled]:hover,
fieldset[disabled] .btn:hover, .btn.disabled:focus,
.btn[disabled]:focus, fieldset[disabled] .btn:focus,
.btn.disabled.focus, .btn.focus[disabled],
fieldset[disabled] .btn.focus, .btn.disabled:active,
.btn[disabled]:active, fieldset[disabled] .btn:active,
.btn.disabled.active, .btn.active[disabled],
fieldset[disabled] .btn.active{
  color: #aaaaaa;
  background-color: #d8d8d8;
  cursor: not-allowed;
  box-shadow: none;
}

/**********************************************************************************/

/********* PRIMARY **********/
.btn-primary{
  color: #fff;
  background-color: #007BFF;
}

.btn-primary.contour{
  color: #007BFF;
  background-color: transparent;
  border: solid 2px #007BFF;
}

.btn-primary.contour.activated,
.btn-primary.contour:active, .btn-primary.contour.active,
.btn-primary.contour:hover,
.btn-primary.contour:active:hover, .btn-primary.contour.active:hover {
  color: #fff;
  background-color: #007BFF;
  box-shadow:none;
}

.btn-primary.link{
  color: #007BFF;
  background-color: transparent;
  border: solid 2px transparent;
}

.btn-primary.link.activated,
.btn-primary.link:active, .btn-primary.link.active,
.btn-primary.link:hover,
.btn-primary.link:active:hover, .btn-primary.link.active:hover {
  background: transparent;
  box-shadow:none;
  text-decoration: underline;
}
/**********************************************************************************/

/*********GRIS*********/
.btn-secondary{
  color: #fff;
  background-color: #666666;
}

.btn-secondary.contour{
  color: #666666;
  background-color: transparent;
  border: solid 2px #666666;
}

.btn-secondary.contour.activated,
.btn-secondary.contour:active, .btn-secondary.contour.active,
.btn-secondary.contour:hover,
.btn-secondary.contour:active:hover, .btn-secondary.contour.active:hover
{
  color: #fff;
  background-color: #666666;
  box-shadow:none;
}

.btn-secondary.link{
  color: #666666;
  background-color: transparent;
  border: solid 2px transparent;
}

.btn-secondary.link.activated,
.btn-secondary.link:active, .btn-secondary.link.active,
.btn-secondary.link:hover,
.btn-secondary.link:active:hover, .btn-secondary.link.active:hover
{
  background: transparent;
  box-shadow:none;
  text-decoration: underline;
}

/**********************************************************************************/


/*********VERT*********/
.btn-success{
  color: #fff;
  background-color: #00C172;
}

.btn-success.contour{
  color: #00C172;
  background-color: transparent;
  border: solid 2px #00C172;
}

.btn-success.contour.activated,
.btn-success.contour:active, .btn-success.contour.active,
.btn-success.contour:hover,
.btn-success.contour:active:hover, .btn-success.contour.active:hover {
  color: #fff;
  background-color: #00C172;
  box-shadow:none;
}

.btn-success.link{
  color: #00C172;
  background-color: transparent;
  border: solid 2px transparent;
}

.btn-success.link.activated,
.btn-success.link:active, .btn-success.link.active,
.btn-success.link:hover,
.btn-success.link:active:hover, .btn-success.link.active:hover {
  background: transparent;
  box-shadow:none;
  text-decoration: underline;
}

/**********************************************************************************/

/*********VERT CLAIRE*********/
.btn-info{
  color: #fff;
  background-color: #c4d600;
}

.btn-info.contour{
  color: #c4d600;
  background-color: transparent;
  border: solid 2px #c4d600;
}

.btn-info.contour.activated,
.btn-info.contour:active, .btn-info.contour.active,
.btn-info.contour:hover,
.btn-info.contour:active:hover, .btn-info.contour.active:hover {
  color: #fff;
  background-color: #c4d600;
  box-shadow:none;
}

.btn-info.link{
  color: #c4d600;
  background-color: transparent;
  border: solid 2px transparent;
}

.btn-info.link.activated,
.btn-info.link:active, .btn-info.link.active,
.btn-info.link:hover,
.btn-info.link:active:hover, .btn-info.link.active:hover {
  background: transparent;
  box-shadow:none;
  text-decoration: underline;
}
/**********************************************************************************/

/*********ORANGE CLAIR*********/
.btn-warning{
  color: #fff;
  background-color: #ffa02f;
}

.btn-warning.contour{
  color: #ffa02f;
  background-color: transparent;
  border: solid 2px #ffa02f;
}

.btn-warning.activated,
.btn-warning.contour:active, .btn-warning.contour.active,
.btn-warning.contour:hover,
.btn-warning.contour:active:hover, .btn-warning.contour.active:hover {
  color: #fff;
  background-color: #ffa02f;
  box-shadow:none;
}

.btn-warning.link{
  color: #ffa02f;
  background-color: transparent;
  border: solid 2px transparent;
}

.btn-warning.activated,
.btn-warning.link:active, .btn-warning.link.active,
.btn-warning.link:hover,
.btn-warning.link:active:hover, .btn-warning.link.active:hover {
  background: transparent;
  box-shadow:none;
  text-decoration: underline;
}
/**********************************************************************************/

/*********ORANGE*********/
.btn-danger{
  color: #fff;
  background-color: #F23037;
}

.btn-danger.contour{
  color: #F23037;
  background-color: transparent;
  border: solid 2px #F23037;
}

.btn-danger.contour.activated,
.btn-danger.contour:active, .btn-danger.contour.active,
.btn-danger.contour:hover,
.btn-danger.contour:active:hover, .btn-danger.contour.active:hover {
  color: #fff;
  background-color: #F23037;
  box-shadow:none;
}

.btn-danger.link{
  color: #F23037;
  background-color: transparent;
  border: solid 2px transparent;
}

.btn-danger.link.activated,
.btn-danger.link:active, .btn-danger.link.active,
.btn-danger.link:hover,
.btn-danger.link:active:hover, .btn-danger.link.active:hover {
  background: transparent;
  box-shadow:none;
  text-decoration: underline;
}
/**********************************************************************************/

/*********BLANC*********/
.btn-light{
  color: #4a4a4a;
  background-color: #fff;
}

.btn-light.contour{
  color: #fff;
  background-color: transparent;
  border: solid 2px #fff;
}

.btn-light.contour.activated,
.btn-light.contour:active, .btn-light.contour.active,
.btn-light.contour:hover,
.btn-light.contour:active:hover, .btn-light.contour.active:hover {
  color: #4a4a4a;
  background-color: #fff;
  box-shadow:none;
}

.btn-light.link{
  color: #fff;
  background-color: transparent;
  border: solid 2px transparent;
}

.btn-light.link.activated,
.btn-light.link:active, .btn-light.link.active,
.btn-light.link:hover,
.btn-light.link:active:hover, .btn-light.link.active:hover {
  background: transparent;
  box-shadow:none;
  text-decoration: underline;
}
/**********************************************************************************/

/*********DARK*********/
.btn-dark{
  color: #fff;
  background-color: #333333;
}

.btn-dark.contour{
  color: #333333;
  background-color: transparent;
  border: solid 2px #333333;
}

.btn-dark.contour.activated,
.btn-dark.contour:active, .btn-dark.contour.active,
.btn-dark.contour:hover,
.btn-dark.contour:active:hover, .btn-dark.contour.active:hover {
  color: #fff;
  background-color: #333333;
  box-shadow:none;
}

.btn-dark.link.activated,
.btn-dark.link:active, .btn-dark.link.active,
.btn-dark.link:hover,
.btn-dark.link:active:hover, .btn-dark.link.active:hover {
  background: transparent;
  box-shadow:none;
  text-decoration: underline;
}

.btn-dark.link{
  color: #333333;
  background-color: transparent;
  border: solid 2px transparent;
}
/**********************************************************************************/

/*********BLEU CLAIR**********/
.btn-light-blue-edf{
  color: #fff;
  background-color: #005bbb;
}

.btn-light-blue-edf.contour{
  color: #005bbb;
  background-color: transparent;
  border: solid 2px #005bbb;
}

.btn-light-blue-edf.contour.activated,
.btn-light-blue-edf.contour:active, .btn-light-blue-edf.contour.active,
.btn-light-blue-edf.contour:hover,
.btn-light-blue-edf.contour:active:hover, .btn-light-blue-edf.contour.active:hover {
  color: #fff;
  background-color: #005bbb;
  box-shadow:none;
}

.btn-light-blue-edf.link{
  color: #005bbb;
  background-color: transparent;
  border: solid 2px transparent;
}

.btn-light-blue-edf.link.activated,
.btn-light-blue-edf.link:active, .btn-light-blue-edf.link.active,
.btn-light-blue-edf.link:hover,
.btn-light-blue-edf.link:active:hover, .btn-light-blue-edf.link.active:hover {
  background: transparent;
  box-shadow:none;
  text-decoration: underline;
}
/**********************************************************************************/

/*********BLEU FONCE**********/
.btn-dark-blue-edf{
  color: #fff;
  background-color: #09357A;
}

.btn-dark-blue-edf.contour{
  color: #09357A;
  background-color: transparent;
  border: solid 2px #09357A;
}

.btn-dark-blue-edf.contour.activated,
.btn-dark-blue-edf.contour:active, .btn-dark-blue-edf.contour.active,
.btn-dark-blue-edf.contour:hover,
.btn-dark-blue-edf.contour:active:hover, .btn-dark-blue-edf.contour.active:hover {
  color: #fff;
  background-color: #09357A;
  box-shadow:none;
}

.btn-dark-blue-edf.link{
  color: #09357A;
  background-color: transparent;
  border: solid 2px transparent;
}

.btn-dark-blue-edf.link.activated,
.btn-dark-blue-edf.link:active, .btn-dark-blue-edf.link.active,
.btn-dark-blue-edf.link:hover,
.btn-dark-blue-edf.link:active:hover, .btn-dark-blue-edf.link.active:hover {
  background: transparent;
  box-shadow:none;
  text-decoration: underline;
}
/**********************************************************************************/

/*********VERT FONCE**********/
.btn-dark-green-edf{
  color: #fff;
  background-color: #509E2F;
}

.btn-dark-green-edf.contour{
  color: #509E2F;
  background-color: transparent;
  border: solid 2px #509E2F;
}

.btn-dark-green-edf.contour.activated,
.btn-dark-green-edf.contour:active, .btn-dark-green-edf.contour.active,
.btn-dark-green-edf.contour:hover,
.btn-dark-green-edf.contour:active:hover, .btn-dark-green-edf.contour.active:hover {
  color: #fff;
  background-color: #509E2F;
  box-shadow:none;
}

.btn-dark-green-edf.link{
  color: #509E2F;
  background-color: transparent;
  border: solid 2px transparent;
}

.btn-dark-green-edf.link.activated,
.btn-dark-green-edf.link:active, .btn-dark-green-edf.link.active,
.btn-dark-green-edf.link:hover,
.btn-dark-green-edf.link:active:hover, .btn-dark-green-edf.link.active:hover {
  background: transparent;
  box-shadow:none;
  text-decoration: underline;
}
/**********************************************************************************/

/*********VERT CLAIR**********/
.btn-light-green-edf{
  color: #fff;
  background-color: #C4D600;
}

.btn-light-green-edf.contour{
  color: #C4D600;
  background-color: transparent;
  border: solid 2px #C4D600;
}

.btn-light-green-edf.contour.activated,
.btn-light-green-edf.contour:active, .btn-light-green-edf.contour.active,
.btn-light-green-edf.contour:hover,
.btn-light-green-edf.contour:active:hover, .btn-light-green-edf.contour.active:hover {
  color: #fff;
  background-color: #C4D600;
  box-shadow:none;
}

.btn-light-green-edf.link{
  color: #C4D600;
  background-color: transparent;
  border: solid 2px transparent;
}

.btn-light-green-edf.link.activated,
.btn-light-green-edf.link:active, .btn-light-green-edf.link.active,
.btn-light-green-edf.link:hover,
.btn-light-green-edf.link:active:hover, .btn-light-green-edf.link.active:hover {
  background: transparent;
  box-shadow:none;
  text-decoration: underline;
}
/**********************************************************************************/

/*********ORANGE FONCE**********/
.btn-dark-orange-edf{
  color: #fff;
  background-color: #FE5815;
}

.btn-dark-orange-edf.contour{
  color: #FE5815;
  background-color: transparent;
  border: solid 2px #FE5815;
}

.btn-dark-orange-edf.contour.activated,
.btn-dark-orange-edf.contour:active, .btn-dark-orange-edf.contour.active,
.btn-dark-orange-edf.contour:hover,
.btn-dark-orange-edf.contour:active:hover, .btn-dark-orange-edf.contour.active:hover {
  color: #fff;
  background-color: #FE5815;
  box-shadow:none;
}

.btn-dark-orange-edf.link{
  color: #FE5815;
  background-color: transparent;
  border: solid 2px transparent;
}

.btn-dark-orange-edf.link.activated,
.btn-dark-orange-edf.link:active, .btn-dark-orange-edf.link.active,
.btn-dark-orange-edf.link:hover,
.btn-dark-orange-edf.link:active:hover, .btn-dark-orange-edf.link.active:hover {
  background: transparent;
  box-shadow:none;
  text-decoration: underline;
}
/**********************************************************************************/

/*********ORANGE FONCE**********/
.btn-light-orange-edf{
  color: #fff;
  background-color: #FFA02F;
}

.btn-light-orange-edf.contour{
  color: #FFA02F;
  background-color: transparent;
  border: solid 2px #FFA02F;
}

.btn-light-orange-edf.contour.activated,
.btn-light-orange-edf.contour:active, .btn-light-orange-edf.contour.active,
.btn-light-orange-edf.contour:hover,
.btn-light-orange-edf.contour:active:hover, .btn-light-orange-edf.contour.active:hover {
  color: #fff;
  background-color: #FFA02F;
  box-shadow:none;
}

.btn-light-orange-edf.link{
  color: #FFA02F;
  background-color: transparent;
  border: solid 2px transparent;
}

.btn-light-orange-edf.link.activated,
.btn-light-orange-edf.link:active, .btn-light-orange-edf.link.active,
.btn-light-orange-edf.link:hover,
.btn-light-orange-edf.link:active:hover, .btn-light-orange-edf.link.active:hover {
  background: transparent;
  box-shadow:none;
  text-decoration: underline;
}
/**********************************************************************************/

@media only screen and (max-width: 376px) {
  .btn {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
}








* {
  font-family: Frutiger, Helvetica, Arial, sans-serif;
}

.pure-g [class *= "pure-u"] {
  font-family: Frutiger, Helvetica, Arial, sans-serif;
}


.bloc-modifier-adresse-titulaire-contrat, .bloc-modifier-numero-titulaire-contrat, .bloc-contract-edit-name {
  border-bottom: 0 solid #d9d9d9;
}

.bloc-modifier-numero-titulaire-contrat {
  border-bottom: 0 solid #d9d9d9;
}

.no-streetNumber p{
  display: inline-block;
  margin-top: 10px;
  font-size: .875rem;
  margin: 1em 0;
  line-height: 1.25rem;
}

.stepContainerContent {
  padding: 10px;
}

.buttonForm .btn svg {
  margin-right: 10px;
}

.buttonForm button:first-child {
  margin-right: 10px;
}

.buttonForm  button {
  width: 100%;
}

.bloc-modifier-adresse-titulaire-contrat form .buttonForm, .bloc-modifier-numero-titulaire-contrat form .buttonForm, .bloc-contract-edit-name form .buttonForm  {
  text-align: right;
}

.bloc-modifier-numero-titulaire-contrat form .buttonForm {
  text-align: left;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000000;
  opacity: 0.3;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #000000;
  opacity: 0.3;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #000000;
  opacity: 0.3;
}
:-moz-placeholder { /* Firefox 18- */
  color: #000000;
  opacity: 0.3;
}

.pure-form input[type="text"] {
  color: #000
}

.bloc-modifier-adresse-titulaire-contrat .customSelectInner {
  width: 100%;
  margin: 0;
}

.bloc-modifier-adresse-titulaire-contrat #postCode, .bloc-modifier-adresse-titulaire-contrat #streetNumber{
  width: 100%;
}

.bloc-modifier-numero-titulaire-contrat #mobilePhoneNumber, .bloc-modifier-numero-titulaire-contrat #fixePhoneNumber{
  width: 100%;
}

.bloc-contract-edit-name {
  margin-bottom: 20px;
}

.pure-form label {
  margin: 0;
}

.no-streetNumber label{
  margin-bottom: 5px;
  font-size: .875rem;
  line-height: 1.25rem;
}

.buttonForm .btn-secondary {
  margin-bottom: 10px;
}

.buttonForm {
  margin-top: 30px;
}

.pure-form input[type="number"] {
  border: 0 none;
  border-radius: 0;
  box-shadow: none;
}

.bloc-modifier-adresse-titulaire-contrat .pure-form .pure-checkbox, .pure-form .pure-radio {
  margin: 0;
}

.stepContainerContent h1 {
  font-weight: 300;
}

.error-warning {
  color: #FE5815;
  margin-bottom: 5px;
  font-size: .875rem;
  line-height: 1.25rem;
  font-weight: bold;
}

.error-input {
  display: block;
  color: #F23037;
  margin-bottom: 15px;
  font-size: .875rem;
  line-height: 1.25rem;
  font-weight: bold;
}

.pure-form input[type="text"].error-required, select#city.error-required {
  border: 1px solid rgba(242, 48, 55, 0.4);
}

.bloc-modifier-adresse-titulaire-contrat select{
  margin-bottom: .3em;
}

.bloc-modifier-numero-titulaire-contrat input {
  margin-bottom: 0;
}

@media screen and (min-width: 568px) {
  .bloc-modifier-numero-titulaire-contrat form .buttonForm {
    text-align: right;
  }

  .buttonForm .btn-secondary {
    margin-bottom: 10px;
    margin-right: 40px;
  }

  .buttonForm  button {
    width: 230px;
  }

  .buttonForm .btn-secondary {
    margin-bottom: inherit;
  }

}

@media screen and (min-width: 1024px) {
  .stepContainerContent {
    padding: 0px;
  }
}

@media screen and (max-width: 768px) {
  .bloc-modifier-numero-titulaire-contrat form .buttonForm,.bloc-modifier-numero-titulaire-contrat form .buttonForm, .bloc-contract-edit-name form .buttonForm {
    margin-top: 20px;
  }
}


#modifierAdresseFacturationForm .btn {
  font-family: Frutiger,Arial,sans-serif;
  text-decoration: none;
  font-size: 1rem;
  line-height: 1.142857143rem;
  cursor: pointer;
  border-radius: 2px;
  padding: 13.5px 36px;  text-align: center;
  box-sizing: border-box;
  white-space:normal;
  display:inline-flex;
  vertical-align: middle;
  height: inherit;
  min-height: inherit;
  max-height: inherit;
}

.button-text {
  margin-left: auto;
  margin-right: auto;
}

.ico-l{
  margin: auto 15px auto 0;
  float: left;
}

.ico-r{
  margin: auto 0 auto 15px;
  float: right;
}

.btn.contour{
  border: 2px solid transparent;
}
.btn-lg {
  padding: 18px 36px;
}

.btn-sm {
  padding: 9px 36px;
}

.btn-block {
  display: block;
  width: 100%;
}

/* effets au click */
.btn:active .btn-content, .btn.active .btn-content,
.btn:active:hover .btn-content, .btn.active:hover .btn-content {
  box-shadow: inset 0 2px 0 1px rgba(0, 0, 0, 0.2);
}
/* effets hover */
.btn:active, .btn.active,
.btn:active:hover, .btn.active:hover,
.btn:hover {
  color: #fff;
  box-shadow:inset 0 0 0 99999px rgba(0, 0, 0, 0.2);
}

/* Cas bouton avec ombre */

.shadow {
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.btn.shadow:active, .btn.shadow.active,
.btn.shadow:active:hover, .btn.shadow.active:hover,
.btn.shadow:hover{
  box-shadow: inset 0 0 0 99999px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0,0,0,0.23);
}

.btn.link.shadow:active, .btn.link.shadow.active,
.btn.link.shadow:active:hover, .btn.link.shadow.active:hover,
.btn.link.shadow:hover {
  box-shadow: 0 3px 6px rgba(0,0,0,0.23);
}

.btn.contour.shadow:active, .btn.contour.shadow.active,
.btn.contour.shadow:active:hover, .btn.contour.shadow.active:hover,
.btn.contour.shadow:hover {
  box-shadow: 0 3px 6px rgba(0,0,0,0.23);
}

/* Cas bouton avec UPPERCASE */

.uppercase {
  text-transform: uppercase;
  font-family: WorkSans,Arial,sans-serif;
}


/* Cas bouton activé */

.btn.activated {
  position: relative;
  color: #fff;
}

.btn.activated::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 2px;
  width: 100%;
  box-shadow: inset 0 2px 0 1px rgba(0, 0, 0, 0.2);
}

.btn.contour.activated::before,.btn.link.activated::before {
  box-shadow: none;
}

.btn.activated.contour .btn-content,
.btn.contour:active .btn-content, .btn.contour.active .btn-content,
.btn.contour:hover .btn-content, .btn.contour:focus .btn-content,
.btn.contour:active:hover .btn-content, .btn.contour.active:hover .btn-content,
.btn.contour:active:focus .btn-content, .btn.contour.active:focus .btn-content,
.btn.contour.focus:active .btn-content, .btn.contour.active.focus .btn-content {
  box-shadow: none;
}

/* disabled btn generic */
.btn.disabled, .btn[disabled],
fieldset[disabled] .btn,
.btn.disabled:hover, .btn[disabled]:hover,
fieldset[disabled] .btn:hover, .btn.disabled:focus,
.btn[disabled]:focus, fieldset[disabled] .btn:focus,
.btn.disabled.focus, .btn.focus[disabled],
fieldset[disabled] .btn.focus, .btn.disabled:active,
.btn[disabled]:active, fieldset[disabled] .btn:active,
.btn.disabled.active, .btn.active[disabled],
fieldset[disabled] .btn.active{
  color: #aaaaaa;
  background-color: #d8d8d8;
  cursor: not-allowed;
  box-shadow: none;
}

/**********************************************************************************/

/********* PRIMARY **********/
.btn-primary{
  color: #fff;
  background-color: #007BFF;
}

.btn-primary.contour{
  color: #007BFF;
  background-color: transparent;
  border: solid 2px #007BFF;
}

.btn-primary.contour.activated,
.btn-primary.contour:active, .btn-primary.contour.active,
.btn-primary.contour:hover,
.btn-primary.contour:active:hover, .btn-primary.contour.active:hover {
  color: #fff;
  background-color: #007BFF;
  box-shadow:none;
}

.btn-primary.link{
  color: #007BFF;
  background-color: transparent;
  border: solid 2px transparent;
}

.btn-primary.link.activated,
.btn-primary.link:active, .btn-primary.link.active,
.btn-primary.link:hover,
.btn-primary.link:active:hover, .btn-primary.link.active:hover {
  background: transparent;
  box-shadow:none;
  text-decoration: underline;
}
/**********************************************************************************/

/*********GRIS*********/
.btn-secondary{
  color: #fff;
  background-color: #666666;
}

.btn-secondary.contour{
  color: #666666;
  background-color: transparent;
  border: solid 2px #666666;
}

.btn-secondary.contour.activated,
.btn-secondary.contour:active, .btn-secondary.contour.active,
.btn-secondary.contour:hover,
.btn-secondary.contour:active:hover, .btn-secondary.contour.active:hover
{
  color: #fff;
  background-color: #666666;
  box-shadow:none;
}

.btn-secondary.link{
  color: #666666;
  background-color: transparent;
  border: solid 2px transparent;
}

.btn-secondary.link.activated,
.btn-secondary.link:active, .btn-secondary.link.active,
.btn-secondary.link:hover,
.btn-secondary.link:active:hover, .btn-secondary.link.active:hover
{
  background: transparent;
  box-shadow:none;
  text-decoration: underline;
}

/**********************************************************************************/


/*********VERT*********/
.btn-success{
  color: #fff;
  background-color: #00C172;
}

.btn-success.contour{
  color: #00C172;
  background-color: transparent;
  border: solid 2px #00C172;
}

.btn-success.contour.activated,
.btn-success.contour:active, .btn-success.contour.active,
.btn-success.contour:hover,
.btn-success.contour:active:hover, .btn-success.contour.active:hover {
  color: #fff;
  background-color: #00C172;
  box-shadow:none;
}

.btn-success.link{
  color: #00C172;
  background-color: transparent;
  border: solid 2px transparent;
}

.btn-success.link.activated,
.btn-success.link:active, .btn-success.link.active,
.btn-success.link:hover,
.btn-success.link:active:hover, .btn-success.link.active:hover {
  background: transparent;
  box-shadow:none;
  text-decoration: underline;
}

/**********************************************************************************/

/*********VERT CLAIRE*********/
.btn-info{
  color: #fff;
  background-color: #c4d600;
}

.btn-info.contour{
  color: #c4d600;
  background-color: transparent;
  border: solid 2px #c4d600;
}

.btn-info.contour.activated,
.btn-info.contour:active, .btn-info.contour.active,
.btn-info.contour:hover,
.btn-info.contour:active:hover, .btn-info.contour.active:hover {
  color: #fff;
  background-color: #c4d600;
  box-shadow:none;
}

.btn-info.link{
  color: #c4d600;
  background-color: transparent;
  border: solid 2px transparent;
}

.btn-info.link.activated,
.btn-info.link:active, .btn-info.link.active,
.btn-info.link:hover,
.btn-info.link:active:hover, .btn-info.link.active:hover {
  background: transparent;
  box-shadow:none;
  text-decoration: underline;
}
/**********************************************************************************/

/*********ORANGE CLAIR*********/
.btn-warning{
  color: #fff;
  background-color: #ffa02f;
}

.btn-warning.contour{
  color: #ffa02f;
  background-color: transparent;
  border: solid 2px #ffa02f;
}

.btn-warning.activated,
.btn-warning.contour:active, .btn-warning.contour.active,
.btn-warning.contour:hover,
.btn-warning.contour:active:hover, .btn-warning.contour.active:hover {
  color: #fff;
  background-color: #ffa02f;
  box-shadow:none;
}

.btn-warning.link{
  color: #ffa02f;
  background-color: transparent;
  border: solid 2px transparent;
}

.btn-warning.activated,
.btn-warning.link:active, .btn-warning.link.active,
.btn-warning.link:hover,
.btn-warning.link:active:hover, .btn-warning.link.active:hover {
  background: transparent;
  box-shadow:none;
  text-decoration: underline;
}
/**********************************************************************************/

/*********ORANGE*********/
.btn-danger{
  color: #fff;
  background-color: #F23037;
}

.btn-danger.contour{
  color: #F23037;
  background-color: transparent;
  border: solid 2px #F23037;
}

.btn-danger.contour.activated,
.btn-danger.contour:active, .btn-danger.contour.active,
.btn-danger.contour:hover,
.btn-danger.contour:active:hover, .btn-danger.contour.active:hover {
  color: #fff;
  background-color: #F23037;
  box-shadow:none;
}

.btn-danger.link{
  color: #F23037;
  background-color: transparent;
  border: solid 2px transparent;
}

.btn-danger.link.activated,
.btn-danger.link:active, .btn-danger.link.active,
.btn-danger.link:hover,
.btn-danger.link:active:hover, .btn-danger.link.active:hover {
  background: transparent;
  box-shadow:none;
  text-decoration: underline;
}
/**********************************************************************************/

/*********BLANC*********/
.btn-light{
  color: #4a4a4a;
  background-color: #fff;
}

.btn-light.contour{
  color: #fff;
  background-color: transparent;
  border: solid 2px #fff;
}

.btn-light.contour.activated,
.btn-light.contour:active, .btn-light.contour.active,
.btn-light.contour:hover,
.btn-light.contour:active:hover, .btn-light.contour.active:hover {
  color: #4a4a4a;
  background-color: #fff;
  box-shadow:none;
}

.btn-light.link{
  color: #fff;
  background-color: transparent;
  border: solid 2px transparent;
}

.btn-light.link.activated,
.btn-light.link:active, .btn-light.link.active,
.btn-light.link:hover,
.btn-light.link:active:hover, .btn-light.link.active:hover {
  background: transparent;
  box-shadow:none;
  text-decoration: underline;
}
/**********************************************************************************/

/*********DARK*********/
.btn-dark{
  color: #fff;
  background-color: #333333;
}

.btn-dark.contour{
  color: #333333;
  background-color: transparent;
  border: solid 2px #333333;
}

.btn-dark.contour.activated,
.btn-dark.contour:active, .btn-dark.contour.active,
.btn-dark.contour:hover,
.btn-dark.contour:active:hover, .btn-dark.contour.active:hover {
  color: #fff;
  background-color: #333333;
  box-shadow:none;
}

.btn-dark.link.activated,
.btn-dark.link:active, .btn-dark.link.active,
.btn-dark.link:hover,
.btn-dark.link:active:hover, .btn-dark.link.active:hover {
  background: transparent;
  box-shadow:none;
  text-decoration: underline;
}

.btn-dark.link{
  color: #333333;
  background-color: transparent;
  border: solid 2px transparent;
}
/**********************************************************************************/

/*********BLEU CLAIR**********/
.btn-light-blue-edf{
  color: #fff;
  background-color: #005bbb;
}

.btn-light-blue-edf.contour{
  color: #005bbb;
  background-color: transparent;
  border: solid 2px #005bbb;
}

.btn-light-blue-edf.contour.activated,
.btn-light-blue-edf.contour:active, .btn-light-blue-edf.contour.active,
.btn-light-blue-edf.contour:hover,
.btn-light-blue-edf.contour:active:hover, .btn-light-blue-edf.contour.active:hover {
  color: #fff;
  background-color: #005bbb;
  box-shadow:none;
}

.btn-light-blue-edf.link{
  color: #005bbb;
  background-color: transparent;
  border: solid 2px transparent;
}

.btn-light-blue-edf.link.activated,
.btn-light-blue-edf.link:active, .btn-light-blue-edf.link.active,
.btn-light-blue-edf.link:hover,
.btn-light-blue-edf.link:active:hover, .btn-light-blue-edf.link.active:hover {
  background: transparent;
  box-shadow:none;
  text-decoration: underline;
}
/**********************************************************************************/

/*********BLEU FONCE**********/
.btn-dark-blue-edf{
  color: #fff;
  background-color: #09357A;
}

.btn-dark-blue-edf.contour{
  color: #09357A;
  background-color: transparent;
  border: solid 2px #09357A;
}

.btn-dark-blue-edf.contour.activated,
.btn-dark-blue-edf.contour:active, .btn-dark-blue-edf.contour.active,
.btn-dark-blue-edf.contour:hover,
.btn-dark-blue-edf.contour:active:hover, .btn-dark-blue-edf.contour.active:hover {
  color: #fff;
  background-color: #09357A;
  box-shadow:none;
}

.btn-dark-blue-edf.link{
  color: #09357A;
  background-color: transparent;
  border: solid 2px transparent;
}

.btn-dark-blue-edf.link.activated,
.btn-dark-blue-edf.link:active, .btn-dark-blue-edf.link.active,
.btn-dark-blue-edf.link:hover,
.btn-dark-blue-edf.link:active:hover, .btn-dark-blue-edf.link.active:hover {
  background: transparent;
  box-shadow:none;
  text-decoration: underline;
}
/**********************************************************************************/

/*********VERT FONCE**********/
.btn-dark-green-edf{
  color: #fff;
  background-color: #509E2F;
}

.btn-dark-green-edf.contour{
  color: #509E2F;
  background-color: transparent;
  border: solid 2px #509E2F;
}

.btn-dark-green-edf.contour.activated,
.btn-dark-green-edf.contour:active, .btn-dark-green-edf.contour.active,
.btn-dark-green-edf.contour:hover,
.btn-dark-green-edf.contour:active:hover, .btn-dark-green-edf.contour.active:hover {
  color: #fff;
  background-color: #509E2F;
  box-shadow:none;
}

.btn-dark-green-edf.link{
  color: #509E2F;
  background-color: transparent;
  border: solid 2px transparent;
}

.btn-dark-green-edf.link.activated,
.btn-dark-green-edf.link:active, .btn-dark-green-edf.link.active,
.btn-dark-green-edf.link:hover,
.btn-dark-green-edf.link:active:hover, .btn-dark-green-edf.link.active:hover {
  background: transparent;
  box-shadow:none;
  text-decoration: underline;
}
/**********************************************************************************/

/*********VERT CLAIR**********/
.btn-light-green-edf{
  color: #fff;
  background-color: #C4D600;
}

.btn-light-green-edf.contour{
  color: #C4D600;
  background-color: transparent;
  border: solid 2px #C4D600;
}

.btn-light-green-edf.contour.activated,
.btn-light-green-edf.contour:active, .btn-light-green-edf.contour.active,
.btn-light-green-edf.contour:hover,
.btn-light-green-edf.contour:active:hover, .btn-light-green-edf.contour.active:hover {
  color: #fff;
  background-color: #C4D600;
  box-shadow:none;
}

.btn-light-green-edf.link{
  color: #C4D600;
  background-color: transparent;
  border: solid 2px transparent;
}

.btn-light-green-edf.link.activated,
.btn-light-green-edf.link:active, .btn-light-green-edf.link.active,
.btn-light-green-edf.link:hover,
.btn-light-green-edf.link:active:hover, .btn-light-green-edf.link.active:hover {
  background: transparent;
  box-shadow:none;
  text-decoration: underline;
}
/**********************************************************************************/

/*********ORANGE FONCE**********/
.btn-dark-orange-edf{
  color: #fff;
  background-color: #FE5815;
}

.btn-dark-orange-edf.contour{
  color: #FE5815;
  background-color: transparent;
  border: solid 2px #FE5815;
}

.btn-dark-orange-edf.contour.activated,
.btn-dark-orange-edf.contour:active, .btn-dark-orange-edf.contour.active,
.btn-dark-orange-edf.contour:hover,
.btn-dark-orange-edf.contour:active:hover, .btn-dark-orange-edf.contour.active:hover {
  color: #fff;
  background-color: #FE5815;
  box-shadow:none;
}

.btn-dark-orange-edf.link{
  color: #FE5815;
  background-color: transparent;
  border: solid 2px transparent;
}

.btn-dark-orange-edf.link.activated,
.btn-dark-orange-edf.link:active, .btn-dark-orange-edf.link.active,
.btn-dark-orange-edf.link:hover,
.btn-dark-orange-edf.link:active:hover, .btn-dark-orange-edf.link.active:hover {
  background: transparent;
  box-shadow:none;
  text-decoration: underline;
}
/**********************************************************************************/

/*********ORANGE FONCE**********/
.btn-light-orange-edf{
  color: #fff;
  background-color: #FFA02F;
}

.btn-light-orange-edf.contour{
  color: #FFA02F;
  background-color: transparent;
  border: solid 2px #FFA02F;
}

.btn-light-orange-edf.contour.activated,
.btn-light-orange-edf.contour:active, .btn-light-orange-edf.contour.active,
.btn-light-orange-edf.contour:hover,
.btn-light-orange-edf.contour:active:hover, .btn-light-orange-edf.contour.active:hover {
  color: #fff;
  background-color: #FFA02F;
  box-shadow:none;
}

.btn-light-orange-edf.link{
  color: #FFA02F;
  background-color: transparent;
  border: solid 2px transparent;
}

.btn-light-orange-edf.link.activated,
.btn-light-orange-edf.link:active, .btn-light-orange-edf.link.active,
.btn-light-orange-edf.link:hover,
.btn-light-orange-edf.link:active:hover, .btn-light-orange-edf.link.active:hover {
  background: transparent;
  box-shadow:none;
  text-decoration: underline;
}
/**********************************************************************************/

@media only screen and (max-width: 376px) {
  .btn {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
}

.bloc-modifier-adresse-titulaire-contrat .italic {
  font-style: italic;
}

.tt-hint {
  color: #999
}

.tt-menu {
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  width: 400px;
}

.tt-suggestion:hover {
  cursor: pointer;
  color: #fff;
  background-color: #0097cf;
}

.tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #0097cf;

}

.tt-suggestion {
  padding: 0px 10px;
}
@charset "UTF-8";
@-webkit-keyframes mdc-ripple-fg-radius-in {
  from {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
    transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1); }
  to {
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } }

@keyframes mdc-ripple-fg-radius-in {
  from {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
    transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1); }
  to {
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } }

@-webkit-keyframes mdc-ripple-fg-opacity-in {
  from {
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    opacity: 0; }
  to {
    opacity: var(--mdc-ripple-fg-opacity, 0.16); } }

@keyframes mdc-ripple-fg-opacity-in {
  from {
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    opacity: 0; }
  to {
    opacity: var(--mdc-ripple-fg-opacity, 0.16); } }

@-webkit-keyframes mdc-ripple-fg-opacity-out {
  from {
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    opacity: var(--mdc-ripple-fg-opacity, 0.16); }
  to {
    opacity: 0; } }

@keyframes mdc-ripple-fg-opacity-out {
  from {
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    opacity: var(--mdc-ripple-fg-opacity, 0.16); }
  to {
    opacity: 0; } }

#preferencesTab .mdc-ripple-surface--test-edge-var-bug {
  --mdc-ripple-surface-test-edge-var: 1px solid #000;
  visibility: hidden; }

#preferencesTab .mdc-ripple-surface--test-edge-var-bug::before {
  border: var(--mdc-ripple-surface-test-edge-var); }

@-webkit-keyframes mdc-checkbox-unchecked-checked-checkmark-path {
  0%,
  50% {
    stroke-dashoffset: 29.78334px; }
  50% {
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1); }
  100% {
    stroke-dashoffset: 0; } }

@keyframes mdc-checkbox-unchecked-checked-checkmark-path {
  0%,
  50% {
    stroke-dashoffset: 29.78334px; }
  50% {
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1); }
  100% {
    stroke-dashoffset: 0; } }

@-webkit-keyframes mdc-checkbox-unchecked-indeterminate-mixedmark {
  0%,
  68.2% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0); }
  68.2% {
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0, 1);
    animation-timing-function: cubic-bezier(0, 0, 0, 1); }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

@keyframes mdc-checkbox-unchecked-indeterminate-mixedmark {
  0%,
  68.2% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0); }
  68.2% {
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0, 1);
    animation-timing-function: cubic-bezier(0, 0, 0, 1); }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); } }

@-webkit-keyframes mdc-checkbox-checked-unchecked-checkmark-path {
  from {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
    animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
    opacity: 1;
    stroke-dashoffset: 0; }
  to {
    opacity: 0;
    stroke-dashoffset: -29.78334px; } }

@keyframes mdc-checkbox-checked-unchecked-checkmark-path {
  from {
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
    animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
    opacity: 1;
    stroke-dashoffset: 0; }
  to {
    opacity: 0;
    stroke-dashoffset: -29.78334px; } }

@-webkit-keyframes mdc-checkbox-checked-indeterminate-checkmark {
  from {
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1; }
  to {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; } }

@keyframes mdc-checkbox-checked-indeterminate-checkmark {
  from {
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1; }
  to {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; } }

@-webkit-keyframes mdc-checkbox-indeterminate-checked-checkmark {
  from {
    -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
    animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    opacity: 1; } }

@keyframes mdc-checkbox-indeterminate-checked-checkmark {
  from {
    -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
    animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0; }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    opacity: 1; } }

@-webkit-keyframes mdc-checkbox-checked-indeterminate-mixedmark {
  from {
    -webkit-animation-timing-function: mdc-animation-deceleration-curve-timing-function;
    animation-timing-function: mdc-animation-deceleration-curve-timing-function;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1; } }

@keyframes mdc-checkbox-checked-indeterminate-mixedmark {
  from {
    -webkit-animation-timing-function: mdc-animation-deceleration-curve-timing-function;
    animation-timing-function: mdc-animation-deceleration-curve-timing-function;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0; }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1; } }

@-webkit-keyframes mdc-checkbox-indeterminate-checked-mixedmark {
  from {
    -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
    animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1; }
  to {
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
    opacity: 0; } }

@keyframes mdc-checkbox-indeterminate-checked-mixedmark {
  from {
    -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
    animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1; }
  to {
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
    opacity: 0; } }

@-webkit-keyframes mdc-checkbox-indeterminate-unchecked-mixedmark {
  0% {
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1; }
  32.8%,
  100% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    opacity: 0; } }

@keyframes mdc-checkbox-indeterminate-unchecked-mixedmark {
  0% {
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1; }
  32.8%,
  100% {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    opacity: 0; } }

#preferencesTab .mdc-checkbox {
  display: inline-block;
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 18px;
  flex: 0 0 18px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  width: 18px;
  height: 18px;
  padding: 11px;
  line-height: 0;
  white-space: nowrap;
  cursor: pointer;
  vertical-align: bottom;
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: transparent;
  will-change: transform, opacity; }

#preferencesTab .mdc-checkbox .mdc-checkbox__native-control:disabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {
  border-color: rgba(0, 0, 0, 0.26); }

#preferencesTab .mdc-checkbox .mdc-checkbox__native-control:disabled:checked ~ .mdc-checkbox__background,
#preferencesTab .mdc-checkbox .mdc-checkbox__native-control:disabled:indeterminate ~ .mdc-checkbox__background {
  border-color: transparent;
  background-color: rgba(0, 0, 0, 0.26); }

#preferencesTab .mdc-checkbox--theme-dark .mdc-checkbox__native-control:disabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background,
#preferencesTab .mdc-theme--dark .mdc-checkbox .mdc-checkbox__native-control:disabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {
  border-color: rgba(255, 255, 255, 0.3); }

#preferencesTab .mdc-checkbox--theme-dark .mdc-checkbox__native-control:disabled:checked ~ .mdc-checkbox__background,
#preferencesTab .mdc-checkbox--theme-dark .mdc-checkbox__native-control:disabled:indeterminate ~ .mdc-checkbox__background,
#preferencesTab .mdc-theme--dark .mdc-checkbox .mdc-checkbox__native-control:disabled:checked ~ .mdc-checkbox__background,
#preferencesTab .mdc-theme--dark .mdc-checkbox .mdc-checkbox__native-control:disabled:indeterminate ~ .mdc-checkbox__background {
  background-color: rgba(255, 255, 255, 0.3); }

#preferencesTab .mdc-checkbox::before, #preferencesTab .mdc-checkbox::after {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: ""; }

#preferencesTab .mdc-checkbox::before {
  -webkit-transition: opacity 15ms linear;
  transition: opacity 15ms linear; }

#preferencesTab .mdc-checkbox.mdc-ripple-upgraded::after {
  top: 0;
  left: 0;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
      transform: scale(0);
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
      transform-origin: center center; }

#preferencesTab .mdc-checkbox.mdc-ripple-upgraded--unbounded::after {
  top: var(--mdc-ripple-top, 0);
  left: var(--mdc-ripple-left, 0); }

#preferencesTab .mdc-checkbox.mdc-ripple-upgraded--foreground-activation::after {
  -webkit-animation: 225ms forwards mdc-ripple-fg-radius-in, 75ms forwards mdc-ripple-fg-opacity-in;
          animation: 225ms forwards mdc-ripple-fg-radius-in, 75ms forwards mdc-ripple-fg-opacity-in; }

#preferencesTab .mdc-checkbox.mdc-ripple-upgraded--foreground-deactivation::after {
  -webkit-animation: 150ms mdc-ripple-fg-opacity-out;
  animation: 150ms mdc-ripple-fg-opacity-out;
  -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  -ms-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
      transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); }

#preferencesTab .mdc-checkbox::before, #preferencesTab .mdc-checkbox::after {
  /* @alternate */
  background-color: #007bff; }

@supports not (-ms-ime-align: auto) {
  #preferencesTab .mdc-checkbox::before, #preferencesTab .mdc-checkbox::after {
    background-color: var(--mdc-theme-secondary, #007bff); } }

#preferencesTab .mdc-checkbox:hover::before {
  opacity: 0.04; }

#preferencesTab .mdc-checkbox:not(.mdc-ripple-upgraded):focus::before, #preferencesTab .mdc-checkbox.mdc-ripple-upgraded--background-focused::before {
  -webkit-transition-duration: 75ms;
  transition-duration: 75ms;
  opacity: 0.12; }

#preferencesTab .mdc-checkbox:not(.mdc-ripple-upgraded)::after {
  -webkit-transition: opacity 150ms linear;
  transition: opacity 150ms linear; }

#preferencesTab .mdc-checkbox:not(.mdc-ripple-upgraded):active::after {
  -webkit-transition-duration: 75ms;
  transition-duration: 75ms;
  opacity: 0.16; }

#preferencesTab .mdc-checkbox.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.16; }

#preferencesTab .mdc-checkbox::before, #preferencesTab .mdc-checkbox::after {
  top: -webkit-calc(50% - 50%);
  top: calc(50% - 50%);
  left: -webkit-calc(50% - 50%);
  left: calc(50% - 50%);
  width: 100%;
  height: 100%; }

#preferencesTab .mdc-checkbox.mdc-ripple-upgraded::before {
  top: -webkit-calc(50% - 50%);
  top: calc(50% - 50%);
  left: -webkit-calc(50% - 50%);
  left: calc(50% - 50%);
  width: 100%;
  height: 100%;
  -webkit-transform: scale(var(--mdc-ripple-fg-scale, 0));
  -ms-transform: scale(var(--mdc-ripple-fg-scale, 0));
      transform: scale(var(--mdc-ripple-fg-scale, 0)); }

#preferencesTab .mdc-checkbox.mdc-ripple-upgraded--unbounded::before {
  top: var(--mdc-ripple-top, -webkit-calc(50% - 25%));
  top: var(--mdc-ripple-top, calc(50% - 25%));
  left: var(--mdc-ripple-left, -webkit-calc(50% - 25%));
  left: var(--mdc-ripple-left, calc(50% - 25%));
  width: var(--mdc-ripple-fg-size, 50%);
  height: var(--mdc-ripple-fg-size, 50%);
  -webkit-transform: scale(var(--mdc-ripple-fg-scale, 0));
  -ms-transform: scale(var(--mdc-ripple-fg-scale, 0));
      transform: scale(var(--mdc-ripple-fg-scale, 0)); }

#preferencesTab .mdc-checkbox.mdc-ripple-upgraded::after {
  width: var(--mdc-ripple-fg-size, 50%);
  height: var(--mdc-ripple-fg-size, 50%); }

#preferencesTab .mdc-checkbox--theme-dark .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background,
#preferencesTab .mdc-theme--dark .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {
  border-color: white;
  background-color: transparent; }

#preferencesTab .mdc-checkbox--theme-dark .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
#preferencesTab .mdc-checkbox--theme-dark .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background,
#preferencesTab .mdc-theme--dark .mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
#preferencesTab .mdc-theme--dark .mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background {
  /* @alternate */
  border-color: #007bff;
  border-color: var(--mdc-theme-secondary, #007bff);
  /* @alternate */
  background-color: #007bff;
  background-color: var(--mdc-theme-secondary, #007bff); }

@-webkit-keyframes mdc-checkbox-fade-in-background-0 {
  0% {
    border-color: white;
    background-color: transparent; }
  50% {
    /* @alternate */
    border-color: #007bff;
    border-color: var(--mdc-theme-secondary, #007bff);
    /* @alternate */
    background-color: #007bff;
    background-color: var(--mdc-theme-secondary, #007bff); } }

@keyframes mdc-checkbox-fade-in-background-0 {
  0% {
    border-color: white;
    background-color: transparent; }
  50% {
    /* @alternate */
    border-color: #007bff;
    border-color: var(--mdc-theme-secondary, #007bff);
    /* @alternate */
    background-color: #007bff;
    background-color: var(--mdc-theme-secondary, #007bff); } }

@-webkit-keyframes mdc-checkbox-fade-out-background-0 {
  0%,
  80% {
    /* @alternate */
    border-color: #007bff;
    border-color: var(--mdc-theme-secondary, #007bff);
    /* @alternate */
    background-color: #007bff;
    background-color: var(--mdc-theme-secondary, #007bff); }
  100% {
    border-color: white;
    background-color: transparent; } }

@keyframes mdc-checkbox-fade-out-background-0 {
  0%,
  80% {
    /* @alternate */
    border-color: #007bff;
    border-color: var(--mdc-theme-secondary, #007bff);
    /* @alternate */
    background-color: #007bff;
    background-color: var(--mdc-theme-secondary, #007bff); }
  100% {
    border-color: white;
    background-color: transparent; } }

#preferencesTab .mdc-checkbox--theme-dark.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, #preferencesTab .mdc-checkbox--theme-dark.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background,
#preferencesTab .mdc-theme--dark .mdc-checkbox.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background,
#preferencesTab .mdc-theme--dark .mdc-checkbox.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {
  -webkit-animation-name: mdc-checkbox-fade-in-background-0;
  animation-name: mdc-checkbox-fade-in-background-0; }

#preferencesTab .mdc-checkbox--theme-dark.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, #preferencesTab .mdc-checkbox--theme-dark.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background,
#preferencesTab .mdc-theme--dark .mdc-checkbox.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background,
#preferencesTab .mdc-theme--dark .mdc-checkbox.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {
  -webkit-animation-name: mdc-checkbox-fade-out-background-0;
  animation-name: mdc-checkbox-fade-out-background-0; }

#preferencesTab .mdc-checkbox__checkmark__path {
  stroke: white !important; }

#preferencesTab .mdc-checkbox__mixedmark {
  background-color: white; }

#preferencesTab .mdc-checkbox__background::before {
  /* @alternate */
  background-color: #007bff; }

@supports not (-ms-ime-align: auto) {
  #preferencesTab .mdc-checkbox__background::before {
    background-color: var(--mdc-theme-secondary, #007bff); } }

#preferencesTab .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {
  border-color: rgba(0, 0, 0, 0.54);
  background-color: transparent; }

#preferencesTab .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background, #preferencesTab .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background {
  /* @alternate */
  border-color: #007bff;
  border-color: var(--mdc-theme-secondary, #007bff);
  /* @alternate */
  background-color: #007bff;
  background-color: var(--mdc-theme-secondary, #007bff); }

@-webkit-keyframes mdc-checkbox-fade-in-background-1 {
  0% {
    border-color: rgba(0, 0, 0, 0.54);
    background-color: transparent; }
  50% {
    /* @alternate */
    border-color: #007bff;
    border-color: var(--mdc-theme-secondary, #007bff);
    /* @alternate */
    background-color: #007bff;
    background-color: var(--mdc-theme-secondary, #007bff); } }

@keyframes mdc-checkbox-fade-in-background-1 {
  0% {
    border-color: rgba(0, 0, 0, 0.54);
    background-color: transparent; }
  50% {
    /* @alternate */
    border-color: #007bff;
    border-color: var(--mdc-theme-secondary, #007bff);
    /* @alternate */
    background-color: #007bff;
    background-color: var(--mdc-theme-secondary, #007bff); } }

@-webkit-keyframes mdc-checkbox-fade-out-background-1 {
  0%, 80% {
    /* @alternate */
    border-color: #007bff;
    border-color: var(--mdc-theme-secondary, #007bff);
    /* @alternate */
    background-color: #007bff;
    background-color: var(--mdc-theme-secondary, #007bff); }
  100% {
    border-color: rgba(0, 0, 0, 0.54);
    background-color: transparent; } }

@keyframes mdc-checkbox-fade-out-background-1 {
  0%, 80% {
    /* @alternate */
    border-color: #007bff;
    border-color: var(--mdc-theme-secondary, #007bff);
    /* @alternate */
    background-color: #007bff;
    background-color: var(--mdc-theme-secondary, #007bff); }
  100% {
    border-color: rgba(0, 0, 0, 0.54);
    background-color: transparent; } }

#preferencesTab .mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, #preferencesTab .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {
  -webkit-animation-name: mdc-checkbox-fade-in-background-1;
  animation-name: mdc-checkbox-fade-in-background-1; }

#preferencesTab .mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, #preferencesTab .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {
  -webkit-animation-name: mdc-checkbox-fade-out-background-1;
  animation-name: mdc-checkbox-fade-out-background-1; }

#preferencesTab .mdc-checkbox--disabled {
  cursor: default;
  pointer-events: none; }

#preferencesTab .mdc-checkbox__background {
  left: 11px;
  right: initial;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: absolute;
  top: 11px;
  bottom: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 45%;
  height: 45%;
  -webkit-transition: background-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  transition: background-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  border: 2px solid currentColor;
  border-radius: 2px;
  background-color: transparent;
  pointer-events: none;
  will-change: background-color, border-color; }

#preferencesTab [dir="rtl"] .mdc-checkbox .mdc-checkbox__background,
#preferencesTab .mdc-checkbox[dir="rtl"] .mdc-checkbox__background {
  left: initial;
  right: 11px; }

#preferencesTab .mdc-checkbox__checkmark {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  -webkit-transition: opacity 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  transition: opacity 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  opacity: 0; }

#preferencesTab .mdc-checkbox--upgraded .mdc-checkbox__checkmark {
  opacity: 1; }

#preferencesTab .mdc-checkbox__checkmark__path {
  -webkit-transition: stroke-dashoffset 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  transition: stroke-dashoffset 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  stroke-width: 3.12px;
  stroke-dashoffset: 29.78334px;
  stroke-dasharray: 29.78334; }

#preferencesTab .mdc-checkbox__mixedmark {
  width: 100%;
  height: 2px;
  -webkit-transform: scaleX(0) rotate(0deg);
  -ms-transform: scaleX(0) rotate(0deg);
      transform: scaleX(0) rotate(0deg);
  -webkit-transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  opacity: 0; }

#preferencesTab .mdc-checkbox--upgraded .mdc-checkbox__background,
#preferencesTab .mdc-checkbox--upgraded .mdc-checkbox__checkmark,
#preferencesTab .mdc-checkbox--upgraded .mdc-checkbox__checkmark__path,
#preferencesTab .mdc-checkbox--upgraded .mdc-checkbox__mixedmark {
  -webkit-transition: none !important;
  transition: none !important; }

#preferencesTab .mdc-checkbox--anim-unchecked-checked .mdc-checkbox__background, #preferencesTab .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__background, #preferencesTab .mdc-checkbox--anim-checked-unchecked .mdc-checkbox__background, #preferencesTab .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__background {
  -webkit-animation-duration: 180ms;
  animation-duration: 180ms;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear; }

#preferencesTab .mdc-checkbox--anim-unchecked-checked .mdc-checkbox__checkmark__path {
  -webkit-animation: 180ms linear 0s mdc-checkbox-unchecked-checked-checkmark-path;
  animation: 180ms linear 0s mdc-checkbox-unchecked-checked-checkmark-path;
  -webkit-transition: none;
  transition: none; }

#preferencesTab .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__mixedmark {
  -webkit-animation: 90ms linear 0s mdc-checkbox-unchecked-indeterminate-mixedmark;
  animation: 90ms linear 0s mdc-checkbox-unchecked-indeterminate-mixedmark;
  -webkit-transition: none;
  transition: none; }

#preferencesTab .mdc-checkbox--anim-checked-unchecked .mdc-checkbox__checkmark__path {
  -webkit-animation: 90ms linear 0s mdc-checkbox-checked-unchecked-checkmark-path;
  animation: 90ms linear 0s mdc-checkbox-checked-unchecked-checkmark-path;
  -webkit-transition: none;
  transition: none; }

#preferencesTab .mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__checkmark {
  -webkit-animation: 90ms linear 0s mdc-checkbox-checked-indeterminate-checkmark;
  animation: 90ms linear 0s mdc-checkbox-checked-indeterminate-checkmark;
  -webkit-transition: none;
  transition: none; }

#preferencesTab .mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__mixedmark {
  -webkit-animation: 90ms linear 0s mdc-checkbox-checked-indeterminate-mixedmark;
  animation: 90ms linear 0s mdc-checkbox-checked-indeterminate-mixedmark;
  -webkit-transition: none;
  transition: none; }

#preferencesTab .mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__checkmark {
  -webkit-animation: 500ms linear 0s mdc-checkbox-indeterminate-checked-checkmark;
  animation: 500ms linear 0s mdc-checkbox-indeterminate-checked-checkmark;
  -webkit-transition: none;
  transition: none; }

#preferencesTab .mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__mixedmark {
  -webkit-animation: 500ms linear 0s mdc-checkbox-indeterminate-checked-mixedmark;
  animation: 500ms linear 0s mdc-checkbox-indeterminate-checked-mixedmark;
  -webkit-transition: none;
  transition: none; }

#preferencesTab .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__mixedmark {
  -webkit-animation: 300ms linear 0s mdc-checkbox-indeterminate-unchecked-mixedmark;
  animation: 300ms linear 0s mdc-checkbox-indeterminate-unchecked-mixedmark;
  -webkit-transition: none;
  transition: none; }

#preferencesTab .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background,
#preferencesTab .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background {
  -webkit-transition: border-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1), background-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1);
  transition: border-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1), background-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1); }

#preferencesTab .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark__path,
#preferencesTab .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__checkmark__path {
  stroke-dashoffset: 0; }

#preferencesTab .mdc-checkbox__background::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
      transform: scale(0, 0);
  -webkit-transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
  will-change: opacity, transform; }

#preferencesTab .mdc-ripple-upgraded--unbounded .mdc-checkbox__background::before {
  content: none; }

#preferencesTab .mdc-checkbox__native-control:focus ~ .mdc-checkbox__background::before {
  -webkit-transform: scale(2.75, 2.75);
  -ms-transform: scale(2.75, 2.75);
      transform: scale(2.75, 2.75);
  -webkit-transition: opacity 80ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1);
  transition: opacity 80ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1);
  transition: opacity 80ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1);
  transition: opacity 80ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1);
  opacity: 0.26; }

#preferencesTab .mdc-checkbox__native-control {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  opacity: 0;
  cursor: inherit; }

#preferencesTab .mdc-checkbox__native-control:disabled {
  cursor: default;
  pointer-events: none; }

#preferencesTab .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
  -webkit-transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);
  transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);
  transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);
  transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);
  opacity: 1; }

#preferencesTab .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__mixedmark {
  -webkit-transform: scaleX(1) rotate(-45deg);
  -ms-transform: scaleX(1) rotate(-45deg);
      transform: scaleX(1) rotate(-45deg); }

#preferencesTab .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
  -webkit-transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  opacity: 0; }

#preferencesTab .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__mixedmark {
  -webkit-transform: scaleX(1) rotate(0deg);
  -ms-transform: scaleX(1) rotate(0deg);
      transform: scaleX(1) rotate(0deg);
  opacity: 1; }

#preferencesTab {
  /* effets au click */
  /* effets hover */
  /* Cas bouton activé */
  /* disabled btn generic */
  /**********************************************************************************/
  /*********VERT*********/
  /**********************************************************************************/ }
  #preferencesTab .btn {
    display: inline-block;
    padding: 0;
    vertical-align: middle;
    text-decoration: none;
    font-family: 'frutiger', Arial, sans-serif;
    font-weight: normal;
    border: none;
    cursor: pointer;
    background-image: none;
    height: 40px;
    min-height: 40px;
    max-height: 60px;
    font-size: 16px;
    line-height: 17px;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    outline: none; }
  #preferencesTab .btn.contour {
    border: 2px solid transparent; }
  #preferencesTab .btn-lg {
    min-height: 60px; }
  #preferencesTab .btn-md {
    min-height: 50px; }
  #preferencesTab .btn .btn-content {
    height: 100%;
    border-radius: 4px;
    padding-right: 15px;
    padding-left: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  #preferencesTab .btn .btn-content .txt {
    padding-right: 10px;
    padding-left: 10px; }
  #preferencesTab .btn:active .btn-content, #preferencesTab .btn.active .btn-content,
  #preferencesTab .btn:active:hover .btn-content, #preferencesTab .btn.active:hover .btn-content {
    -webkit-box-shadow: inset 0 2px 0 1px rgba(0, 0, 0, 0.2);
            box-shadow: inset 0 2px 0 1px rgba(0, 0, 0, 0.2); }
  #preferencesTab .btn:active, #preferencesTab .btn.active,
  #preferencesTab .btn:active:hover, #preferencesTab .btn.active:hover,
  #preferencesTab .btn:hover {
    color: #fff;
    -webkit-box-shadow: inset 0 0 0 99999px rgba(0, 0, 0, 0.2);
            box-shadow: inset 0 0 0 99999px rgba(0, 0, 0, 0.2); }
  #preferencesTab .btn.activated .btn-content {
    -webkit-box-shadow: inset 0 2px 0 1px rgba(0, 0, 0, 0.2);
            box-shadow: inset 0 2px 0 1px rgba(0, 0, 0, 0.2); }
  #preferencesTab .btn.activated {
    color: #fff;
    -webkit-box-shadow: inset 0 0 0 99999px rgba(0, 0, 0, 0.2);
            box-shadow: inset 0 0 0 99999px rgba(0, 0, 0, 0.2); }
  #preferencesTab .btn.activated.contour .btn-content,
  #preferencesTab .btn.contour:active .btn-content, #preferencesTab .btn.contour.active .btn-content,
  #preferencesTab .btn.contour:hover .btn-content, #preferencesTab .btn.contour:focus .btn-content,
  #preferencesTab .btn.contour:active:hover .btn-content, #preferencesTab .btn.contour.active:hover .btn-content,
  #preferencesTab .btn.contour:active:focus .btn-content, #preferencesTab .btn.contour.active:focus .btn-content,
  #preferencesTab .btn.contour.focus:active .btn-content, #preferencesTab .btn.contour.active.focus .btn-content {
    -webkit-box-shadow: none;
            box-shadow: none; }
  #preferencesTab .btn.disabled, #preferencesTab .btn[disabled],
  #preferencesTab fieldset[disabled] .btn,
  #preferencesTab .btn.disabled:hover, #preferencesTab .btn[disabled]:hover,
  #preferencesTab fieldset[disabled] .btn:hover, #preferencesTab .btn.disabled:focus,
  #preferencesTab .btn[disabled]:focus, #preferencesTab fieldset[disabled] .btn:focus,
  #preferencesTab .btn.disabled.focus, #preferencesTab .btn.focus[disabled],
  #preferencesTab fieldset[disabled] .btn.focus, #preferencesTab .btn.disabled:active,
  #preferencesTab .btn[disabled]:active, #preferencesTab fieldset[disabled] .btn:active,
  #preferencesTab .btn.disabled.active, #preferencesTab .btn.active[disabled],
  #preferencesTab fieldset[disabled] .btn.active {
    color: #aaaaaa;
    background-color: #d8d8d8;
    cursor: not-allowed;
    -webkit-box-shadow: none;
            box-shadow: none; }
  #preferencesTab .btn.disabled .btn-content, #preferencesTab .btn[disabled] .btn-content,
  #preferencesTab fieldset[disabled] .btn .btn-content,
  #preferencesTab .btn.disabled:hover .btn-content, #preferencesTab .btn[disabled]:hover .btn-content,
  #preferencesTab fieldset[disabled] .btn:hover .btn-content, #preferencesTab .btn.disabled:focus .btn-content,
  #preferencesTab .btn[disabled]:focus .btn-content, #preferencesTab fieldset[disabled] .btn:focus .btn-content,
  #preferencesTab .btn.disabled.focus .btn-content, #preferencesTab .btn.focus[disabled] .btn-content,
  #preferencesTab fieldset[disabled] .btn.focus .btn-content, #preferencesTab .btn.disabled:active .btn-content,
  #preferencesTab .btn[disabled]:active .btn-content, #preferencesTab fieldset[disabled] .btn:active .btn-content,
  #preferencesTab .btn.disabled.active .btn-content, #preferencesTab .btn.active[disabled] .btn-content,
  #preferencesTab fieldset[disabled] .btn.active .btn-content {
    -webkit-box-shadow: none;
            box-shadow: none; }
  #preferencesTab .btn-success {
    color: #fff;
    background-color: #00C172; }
  #preferencesTab .btn-success.contour {
    color: #00C172;
    background-color: transparent;
    border: solid 2px #00C172; }
  #preferencesTab .btn-success.contour.activated,
  #preferencesTab .btn-success.contour:active, #preferencesTab .btn-success.contour.active,
  #preferencesTab .btn-success.contour:hover,
  #preferencesTab .btn-success.contour:active:hover, #preferencesTab .btn-success.contour.active:hover {
    color: #fff;
    background-color: #00C172;
    -webkit-box-shadow: none;
            box-shadow: none; }
  #preferencesTab .btn-success.link {
    color: #00C172;
    background-color: transparent;
    border: solid 2px transparent; }
  #preferencesTab .btn-success.link.activated,
  #preferencesTab .btn-success.link:active, #preferencesTab .btn-success.link.active,
  #preferencesTab .btn-success.link:hover,
  #preferencesTab .btn-success.link:active:hover, #preferencesTab .btn-success.link.active:hover {
    background: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
    text-decoration: underline; }

#preferencesTab {
  position: relative;
  font-family: "frutiger", sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  overflow: hidden; }
  #preferencesTab input, #preferencesTab select {
    vertical-align: middle; }
  #preferencesTab button, #preferencesTab input {
    margin: 0; }
  #preferencesTab *, #preferencesTab *:before, #preferencesTab *:after {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  #preferencesTab .preferences-tab-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 110px;
    background: #fe5815 url("assets/img/icons/pattern.png") repeat center center; }
    #preferencesTab .preferences-tab-header .preferences-tab-header-title {
      margin: 0 auto;
      padding: 0 15px;
      max-width: 930px;
      width: 100%;
      font-family: "frutiger-light", sans-serif;
      font-size: 1.5rem;
      line-height: 1.75rem;
      font-weight: 300;
      text-align: center;
      color: #ffffff; }
  #preferencesTab .preferences-user-email-container {
    background-color: #edf1f5;
    overflow: hidden; }
    #preferencesTab .preferences-user-email-container .preferences-user-email-wrapper {
      margin: 0 auto;
      padding: 0 15px;
      max-width: 930px;
      width: 100%; }
    #preferencesTab .preferences-user-email-container .preferences-user-email-content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      height: 75px;
      float: right; }
    #preferencesTab .preferences-user-email-container .email-icon {
      margin-right: 16px;
      display: inline-block;
      max-width: 24px;
      height: auto; }
    #preferencesTab .preferences-user-email-container .email-label {
      display: block;
      font-size: 0.625rem;
      line-height: 0.625rem;
      text-align: left;
      text-transform: uppercase;
      color: #9e9e9e; }
    #preferencesTab .preferences-user-email-container .user-email {
      margin-top: 4px;
      display: block;
      font-size: 1rem;
      line-height: 1.25rem;
      text-align: left;
      color: #09357a; }
  #preferencesTab .preferences-blocs-list {
    margin: 0;
    padding: 0; }
  #preferencesTab .preferences-bloc-item {
    background-color: #ffffff;
    border-top: 10px solid #edf1f5;
    padding: 0 0 10px; }
    #preferencesTab .preferences-bloc-item:first-child {
      border-top: none; }
  #preferencesTab .preferences-bloc-header {
    margin: 0 auto;
    padding: 16px 15px 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    position: relative;
    min-height: 80px;
    width: 100%; }
    #preferencesTab .preferences-bloc-header .preference-tooltip {
      margin-top: -12px;
      position: absolute;
      top: 50%;
      right: 15px; }
  #preferencesTab .preferences-bloc-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px); }
    #preferencesTab .preferences-bloc-title .header-title-icon {
      margin-right: 16px;
      display: none;
      max-width: 24px;
      height: auto; }
    #preferencesTab .preferences-bloc-title .header-bloc-title {
      display: inline-block;
      font-size: 1.25rem;
      line-height: 1.5rem;
      font-family: "frutiger-light", sans-serif;
      color: #09357a;
      text-transform: uppercase; }
  #preferencesTab .preferences-bloc-descriptions .alert-description-wrapper {
    margin: 0 auto; }
  #preferencesTab .preferences-bloc-descriptions .alert-description {
    margin: 0;
    padding: 10px 15px 10px 46px;
    background: #f5e2cc url("assets/img/icons/alert@2x.png") no-repeat center left 15px;
    background-size: 16px 16px;
    font-size: 0.75rem;
    line-height: 0.875rem;
    font-weight: bold;
    color: #4a4a4a; }
  #preferencesTab .preferences-bloc-descriptions .generic-description {
    display: none;
    padding: 10px 15px 20px;
    margin: 0 auto;
    font-size: 1rem;
    line-height: 1.25rem;
    color: #09357a; }
  #preferencesTab .preferences-bloc-content {
    margin: 0 auto;
    width: 100%; }
#preferencesTab .preferences-bloc-content-consentement {
  margin: 0 auto;
  width: 100%; }
  #preferencesTab .contenu {
    margin: 0 15px;
  }
  #preferencesTab .bloc-item-row {
    margin: 0 15px;
    padding: 14px 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 100px;
    border-top: 1px solid #dfdfdf; }
    #preferencesTab .bloc-item-row:first-child {
      border-top: none; }
  #preferencesTab .bloc-item-content {
    -ms-flex-item-align: start;
        align-self: flex-start;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    text-align: left; }
  #preferencesTab .preference-title {
    font-size: 1.063rem;
    line-height: 1.375rem;
    font-weight: bold;
    color: #09357a; }
  #preferencesTab .preference-description {
    margin: 5px 0 0;
    font-size: 0.875rem;
    line-height: 1.125rem;
    color: #666666; }
    #preferencesTab .preference-description + .preference-description {
      margin-top: 20px; }
  #preferencesTab .preference-consentement {
  	color: #09357a;
  }
  #preferencesTab .bloc-item-action {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 85px;
            flex: 0 0 85px;
    text-align: right; }
    #preferencesTab .bloc-item-action .mdc-checkbox {
      margin-right: -10px; }
  #preferencesTab .preferences-save-container {
    padding: 22px 0;
    position: fixed;
    bottom: 0;
    left: 0;
    background: #ffffff;
    -webkit-box-shadow: 0 -4px 4px 0 rgba(0, 0, 0, 0.14);
            box-shadow: 0 -4px 4px 0 rgba(0, 0, 0, 0.14);
    width: 100%;
    text-align: center;
    -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
            transform: translateY(100%);
    transition: transform 0.25s 0ms cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);
    pointer-events: none;
    will-change: transform; }
    #preferencesTab .preferences-save-container.active {
      -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
              transform: translateY(0);
      transition: transform 0.25s 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.25s 0ms cubic-bezier(0, 0, 0.2, 1);
      pointer-events: auto; }
    #preferencesTab .preferences-save-container-static.active {
      position: static;
      -webkit-box-shadow: none !important;
      box-shadow: none !important; }
    @media screen and (min-width: 768px) {
        #preferencesTab .preferences-tab-header .preferences-tab-header-title {
          font-size: 1.875rem;
          line-height: 2.25rem; }
      #preferencesTab .preferences-bloc-header {
        padding: 16px 30px 12px;
        min-height: 70px; }
      #preferencesTab .preferences-bloc-header .preference-tooltip {
        display: none; }
      #preferencesTab .preferences-bloc-title .header-title-icon {
          display: inline-block; }
        #preferencesTab .preferences-bloc-title .header-bloc-title {
          font-size: 1.5rem;
          line-height: 1.75rem; }
      #preferencesTab .preferences-bloc-descriptions .alert-description {
        padding: 10px 15px 10px 34px;
        background-position: center left 10px;
        font-size: 0.875rem;
        line-height: 1.125rem; }
      #preferencesTab .preferences-bloc-descriptions .generic-description {
        display: block;
        padding: 10px 30px 20px; }
      #preferencesTab .contenu {
      	margin: 0 30px;
      }
      #preferencesTab .bloc-item-row {
        margin: 0 30px; }
      #preferencesTab .preference-title {
        font-size: 1.25rem;
        line-height: 1.5rem; }
      #preferencesTab .preference-description {
        font-size: 1rem;
        line-height: 1.25rem; } }
    @media screen and (min-width: 1024px) {
        #preferencesTab .preferences-tab-header .preferences-tab-header-title {
          font-size: 2rem;
          line-height: 2.25rem; }
      #preferencesTab .preferences-bloc-header {
        max-width: 930px; }
      #preferencesTab .preferences-bloc-descriptions .alert-description-wrapper {
        max-width: 930px; }
      #preferencesTab .preferences-bloc-descriptions .generic-description {
        max-width: 930px; }
      #preferencesTab .preferences-bloc-descriptions .descriptionParsys {
        max-width: 930px; }
      #preferencesTab .preferences-bloc-content {
        max-width: 930px; } }
    @media screen and (min-width: 769px) {
      #preferencesTab .preferences-bloc-descriptions .alert-description-wrapper {
        padding: 0 30px; }
       #preferencesTab .preferences-bloc-descriptions .descriptionParsys {
        padding: 0px 30px;
    	margin: 0 auto; }
         }
    #contribTag{
      display: none;
    }
#popin_erreur_mes_preferences, #popin_fe_mes_preferences, #popin_validation_mes_preferences,
#popin_val_ok_fe_mes_preferences, #popin_val_ko_fe_mes_preferences, #popin_val_edf_et_moi_mes_preferences,
#popin_val_ok_fe_edf_et_moi, #popin_val_ko_fe_edf_et_moi{
  padding: 0 0 0 0 !important;
}
#preferencesTab .bg-secondary {
  background-color:#666
}
#preferencesTab .bg-primary {
  background-color: #337ab7;
}
#preferencesTab .bg-success {
  background-color: #dff0d8;
}
#preferencesTab .bg-warning {
  background-color: #fcf8e3;
}
#preferencesTab .bg-danger {
  background-color: #f2dede;
}
#preferencesTab .bg-white {
  background-color: #ffffff;
}
#preferencesTab .bg-info {
  background-color: #d9edf7;
}
.question-hidden {
  display: none !important;
}
.preference-description a{ color: #005bbb !important; } 
.preference-description a:hover{ color: #fe5815 !important; }

#popin_erreur_mes_preferences.responsive-popup.white-popup .mfp-close {
  top: 0;
  right: 0;
  font-size: 40px;
}
/* CNIL*/
#preferencesTab .preferences-linky-header {
  margin: 0 15px;
  padding: 14px 0 6px;
}
@media screen and (min-width: 768px) {
  #preferencesTab .preferences-linky-header {
    margin: 0 30px;
  }
}
#preferencesTab .preferences-linky-header .linky-title{
  font-size: 20px;
  font-size: 1.25rem;
  font-family: "frutiger", sans-serif;
  font-weight: bold;
  color: #09357a;
}
#preferencesTab .preferences-linky-header .linky-description{
  margin-top: 15px;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20px;
  line-height: 1.25rem;
  color: #1a1a1a;
}
#preferencesTab .preferences-linky .bloc-item-row {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
}
#preferencesTab .preferences-linky .preference-description,
#preferencesTab .preferences-linky .preference-title {
  display: block;
}
#preferencesTab .preferences-linky .preference-title {
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
}
#preferencesTab .preferences-linky .bloc-item-action {
  margin-top: -8px;
}

.atomx-field-container {
  border:none;
  margin:0;
  padding:0
}
.atomx-field-container--error .atomx-field-container__label {
  color:#f23037
}
.atomx-field-container--error .atomx-field-container__error {
  display:block
}
.atomx-group-container {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column
}
@media (min-width: 576px) {
  .atomx-group-container {
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row
  }
}
.atomx-group-container.d-flex-column {
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column
}
@media (min-width: 576px) {
  .atomx-group-container.d-flex-column {
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
  }
}
.atomx-group-container.d-flex-column .atomx-form-field {
  margin-left:-8px;
}
.atomx-field-container__label {
  text-transform:uppercase;
  padding:0;
  display:block;
  font-family:'frutiger', Arial, sans-serif;
  font-size:0.75rem;
  line-height:0.75rem;
  color:#666}
.atomx-field-container__error {
  margin:-3px 0 0;
  display:none;
  font-family:'frutiger', Arial, sans-serif;
  font-size:0.75rem;
  line-height:1.375rem;
  color:#f23037
}
.atomx-form-field {
  margin-bottom:-3px;
  margin-left:-8px;
  margin-right:15px;
  font-family:'frutiger', Arial, sans-serif;
  -moz-osx-font-smoothing:grayscale;
  -webkit-font-smoothing:antialiased;
  font-size:1rem;line-height:1rem;
  color:#1A1A1A;
  color:var(--atomx-theme-text-primary-on-background, #1A1A1A);
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-align:center;
  -webkit-box-align:center;
  align-items:center;
  -ms-flex-align:center;
}
@media (min-width: 576px) {
  .atomx-form-field {
    margin-left:0;
  }
}
.atomx-form-field.atomx-form-field--first {
  margin-left:-8px;
}
.atomx-form-field>label {
  -ms-flex-order:0;
  -webkit-box-ordinal-group:1;
  order:0;
  margin-right:auto;
  padding-left:2px;
}
.atomx-form-field--align-end>label {
  -ms-flex-order:-1;
  -webkit-box-ordinal-group:0;
  order:-1;
  margin-left:auto;
  padding-right:2px;
}
@media (min-width: 576px) {
  .bloc-item-action .atomx-flex {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
  }
}
.atomx-radio {
  display:inline-block;
  position:relative;
  -webkit-box-flex:0;
  -ms-flex:0 0 auto;
  flex:0 0 auto;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  width:40px;
  height:40px;
  padding:10px;
  cursor:pointer;
  will-change:opacity, transform, border-color, color;
}
.atomx-radio .atomx-radio__native-control:enabled:not(:checked)+.atomx-radio__background .atomx-radio__outer-circle {
  border-color:rgba(0,0,0,0.5);
}
.atomx-radio .atomx-radio__native-control:enabled:checked+.atomx-radio__background .atomx-radio__outer-circle {
  border-color:#006DFF;
  border-color:var(--atomx-theme-secondary, #006DFF);
}
.atomx-radio .atomx-radio__native-control:enabled+.atomx-radio__background .atomx-radio__inner-circle {
  border-color:#006DFF;
  border-color:var(--atomx-theme-secondary, #006DFF);
}
.atomx-radio .atomx-radio__background::before {
  background-color:#006DFF;
}
@supports not (-ms-ime-align: auto) {
  .atomx-radio .atomx-radio__background::before {
    background-color:var(--atomx-theme-secondary, #006DFF);
  }
}
.atomx-radio__background {
  display:inline-block;
  position:absolute;
  left:10px;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  width:50%;
  height:50%;
}
.atomx-radio__background::before {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  -webkit-transform:scale(0, 0);
  transform:scale(0, 0);
  border-radius:50%;
  opacity:0;
  pointer-events:none;
  content:"";
  transition:opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1),-webkit-transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  -webkit-transition:opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1),-webkit-transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  -o-transition:opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1),transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  transition:opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1),transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  transition:opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1),transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1),-webkit-transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
}
.atomx-radio__outer-circle {
  background-color:#fff;
  position:absolute;
  top:0;
  left:0;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  width:100%;
  height:100%;
  border-width:2px;
  border-style:solid;
  border-radius:50%;
  -webkit-transition:border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 0.5);
  -o-transition:border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 0.5);
  transition:border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 0.5);
}
.atomx-radio__inner-circle {
  position:absolute;
  top:0;
  left:0;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  width:100%;
  height:100%;
  -webkit-transform:scale(0, 0);
  transform:scale(0, 0);
  border-width:10px;
  border-style:solid;
  border-radius:50%;
  transition:border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1),-webkit-transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  -webkit-transition:border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1),-webkit-transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  -o-transition:transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1),border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  transition:transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1),border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  transition:transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1),border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1),-webkit-transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
}
.atomx-radio__native-control {
  -ms-touch-action:manipulation;
  touch-action:manipulation;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  opacity:0;cursor:inherit;z-index:1}.atomx-radio__native-control:checked+.atomx-radio__background,.atomx-radio__native-control:disabled+.atomx-radio__background{transition:opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1),-webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);-webkit-transition:opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1),-webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);-o-transition:opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1),transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);transition:opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1),transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);transition:opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1),transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1),-webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1)}.atomx-radio__native-control:checked+.atomx-radio__background .atomx-radio__outer-circle,.atomx-radio__native-control:disabled+.atomx-radio__background .atomx-radio__outer-circle{-webkit-transition:border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1);-o-transition:border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1);transition:border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1)}.atomx-radio__native-control:checked+.atomx-radio__background .atomx-radio__inner-circle,.atomx-radio__native-control:disabled+.atomx-radio__background .atomx-radio__inner-circle{transition:border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1),-webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);-webkit-transition:border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1),-webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);-o-transition:transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1),border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1);transition:transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1),border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1);transition:transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1),border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1),-webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1)}.atomx-radio--disabled{cursor:default;pointer-events:none}.atomx-radio__native-control:checked+.atomx-radio__background .atomx-radio__inner-circle{-webkit-transform:scale(0.5);transform:scale(0.5);transition:border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1),-webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);-webkit-transition:border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1),-webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);-o-transition:transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1),border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1);transition:transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1),border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1);transition:transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1),border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1),-webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1)}.atomx-radio__native-control:disabled+.atomx-radio__background,[aria-disabled=true] .atomx-radio__native-control+.atomx-radio__background{cursor:default}.atomx-radio__native-control:disabled+.atomx-radio__background .atomx-radio__outer-circle,[aria-disabled=true] .atomx-radio__native-control+.atomx-radio__background .atomx-radio__outer-circle{border-color:rgba(0,0,0,0.26)}.atomx-radio__native-control:disabled+.atomx-radio__background .atomx-radio__inner-circle,[aria-disabled=true] .atomx-radio__native-control+.atomx-radio__background .atomx-radio__inner-circle{border-color:rgba(0,0,0,0.26)}.atomx-radio__native-control:focus+.atomx-radio__background::before{-webkit-transform:scale(2, 2);transform:scale(2, 2);opacity:0.12;transition:opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1),-webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);-webkit-transition:opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1),-webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);-o-transition:opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1),transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);transition:opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1),transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);transition:opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1),transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1),-webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1)}.atomx-radio::before,.atomx-radio::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.atomx-radio::before{-webkit-transition:opacity 15ms linear, background-color 15ms linear;-o-transition:opacity 15ms linear, background-color 15ms linear;transition:opacity 15ms linear, background-color 15ms linear;z-index:1}.atomx-radio::before,.atomx-radio::after{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.atomx-radio::before,.atomx-radio::after{background-color:#006DFF}@supports not (-ms-ime-align: auto){.atomx-radio::before,.atomx-radio::after{background-color:var(--atomx-theme-secondary, #006DFF)}}.atomx-radio:hover::before{opacity:0.04}.atomx-radio:focus::before{-webkit-transition-duration:75ms;-o-transition-duration:75ms;transition-duration:75ms;opacity:0.12}.atomx-radio::after{-webkit-transition:opacity 150ms linear;-o-transition:opacity 150ms linear;transition:opacity 150ms linear}.atomx-radio:active::after{-webkit-transition-duration:75ms;-o-transition-duration:75ms;transition-duration:75ms;opacity:0.12}

/**ccp.css**/

.hide {
    display: none;
}

@media screen and (min-width: 768px) { 
    .hide {
        display: none;
    }
}

.bloc-ccp {
    
    margin-left: 15px;
    margin-right: 15px;

    padding: 30px;
    border-radius: 2px;
    border: solid 2px #edf1f5;
    align-items: center;
    color: #1a1a1a;
    margin-bottom: 30px;
}

.bloc-ccp_label {
    font-size: 14px;
    letter-spacing: normal;
    color: #1a1a1a;
    margin-right: 20px;
    margin-bottom: 15px;
}

.bloc-ccp_radio {
    display: flex;
    flex-basis:33.33%; 
    justify-content: space-between;
}

.ccp_radio__item {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 10px 12px 1px;
    border-radius: 2px;
    background-color: #edf1f5;
    margin-left: -5px;
}

.ccp_radio__item:first-child {
    margin-right: 20px;
}

.bloc-ccp_radio .atomx-radio {

}

@media screen and (min-width: 768px) { 
    .bloc-ccp {
        display: flex;
        margin: 0 30px;
        margin-bottom: 30px;

    }
    .bloc-ccp_label {
        margin-bottom: 0;
    }

    .bloc-ccp_radio {
        justify-content: inherit;
    }

    .ccp_radio__item {
        padding: 10px 24px 12px 12px;
    }

    .hide {
        display: none;
    }

}

.loading-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.75);
  z-index: 99999;
  opacity: 1;
  -webkit-transition: opacity 400ms ease-in;
  transition: opacity 400ms ease-in;
}
.loading-overlay .animation {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -40px;
  margin-top: -40px;
}

.titreParsys {
	color: blue;
    font-size: 25px;
}
#preferencesTab .contenu {
    border-top: 1px solid #dfdfdf;
}

#preferencesTab .bloc-item-row.question{
  align-items: flex-start;
}

.bloc-item-action.checkboxs{
  display: flex;
  flex-direction: row;
  margin-left: 30px;
}

.bloc-item-action.checkboxs .checkbox{
  display: flex;
  flex-direction: column;
}
.bloc-item-action.checkboxs .checkbox:last-child{
  margin-left: 20px;
}

#preferencesTab .bloc-item-action.checkboxs .checkbox .mdc-checkbox{
  margin-left: auto;
  margin-right: auto;
}

.label-checkbox{
  min-width: 170px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  #preferencesTab .bloc-item-row.question{
    flex-direction: column;
  }
  .bloc-item-action.checkboxs{
    margin-left: 0px;
  }
  .label-checkbox{
    min-width: auto;
  }
}

#dashboardpagev2 .wrap {
    max-width: 1145px;
    margin-left: auto;
    margin-right: auto;
}

#dashboardpagev2 .breadcrumb{
    padding-top: 15px;
}

#dashboardpagev2 h1.tdb-title {
    font-size: 22px;
}

#dashboardpagev2 .title h1{
	font-family: Frutiger LT W01\ 45 Light,sans-serif;
    font-weight: lighter;
    color: #fe5815;
}

#dashboardpagev2.body-link-inline .background_lightGray {
  background-color: #F6F6F6;
}

#dashboardpagev2.body-link-inline .background_white {
  background-color: #ffffff;
}

#dashboardpagev2 {
    color: #666666;
    background-color: #F6F6F6;
}

#body #dashboardpagev2 .wrap {
  max-width: 1145px;
  width: 100%;
  margin: 0 auto;
}

@media screen and (max-width:767px) {
  #dashboardpagev2 .wrap_padding {
    padding-left: 15px;
    padding-right: 15px;
  }

}

@media screen and (max-width:640px) {
    #dashboardpagev2{
        padding-left: 10px;
        padding-right: 10px;
    }
    #dashboardpagev2 .wrap_padding {
        padding-left: 0;
        padding-right: 0;
    }

}

.templateTunnelResponsiveC #headerTemplate {
  z-index: 999;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 100;
  background: #ffffff;
  transition: all 0.5s linear;
}

.templateTunnelResponsiveC #headerTemplate.active {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}

.templateTunnelResponsiveC #headerTemplate .header-container {
  display: flex;
  margin: 0 auto;
  padding: 20px 0;
  width: 100%;
  max-width: 1145px;
  flex-direction: row;
  align-items: center;
}

.templateTunnelResponsiveC #headerTemplate.scrolled {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}

.templateTunnelResponsiveC #headerTemplate .header-container .logo {
  padding: 0 20px;
}
.templateTunnelResponsiveC #headerTemplate .header-container .logo img {
  display:block;
}

.templateTunnelResponsiveC #headerTemplate .header-container .logo a {
  display: block;
}

.templateTunnelResponsiveC #headerTemplate .header-container .stepper {

  flex: 1 1 auto;
}

.templateTunnelResponsiveC #headerTemplate .header-container .stepper ul {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 20px;
}

.templateTunnelResponsiveC #headerTemplate .header-container .stepper .step {
  flex: 1 0 20%;
  padding-left:0;
  padding-right: 0;
}

.templateTunnelResponsiveC #headerTemplate .header-container .stepper .step .step-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow: hidden;
}

.templateTunnelResponsiveC #headerTemplate .header-container .stepper .step .step-content .number {
  display: block;
  margin-left: 10px;
  border-radius: 100%;
  width: 30px;
  height: 30px;
  font-size: 16px;
  line-height: 30px;
  text-align: center;
  color: #ffffff;
}

.templateTunnelResponsiveC #headerTemplate .header-container .stepper .step.alert .step-content .alert-icon {
  display: block;
  margin-left: 10px;
  width: 30px;
  height: 30px;
  border-radius: 0;
  font-size: 16px;
  line-height: 30px;
  text-align: center;
  color: #ffffff;
  font-size: 0;
  line-height: 0;
  background: url(assets/img/icons/icon_alert@2x.png) no-repeat center center;
  background-size: 30px 30px;
}


.templateTunnelResponsiveC #headerTemplate .header-container .stepper .step.previous .step-content .number {
  font-size: 0;
  line-height: 0;
  background: url(assets/img/icons/icon_check@2x.png) no-repeat center center;
  background-size: 14px 10px;
}

.templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child .step-content .number {
  margin-left: 0;
}

.templateTunnelResponsiveC #headerTemplate .header-container .stepper .step.alert .step-content .step-label {
  color: #fd5711;
}

.templateTunnelResponsiveC #headerTemplate .header-container .stepper .step.current .step-content .number {
  background-color: #005bbb;
}

.templateTunnelResponsiveC #headerTemplate .header-container .stepper .step.previous .step-content .number {
  background-color: #509e2f;
}

.templateTunnelResponsiveC #headerTemplate .header-container .stepper .step.next .step-content .number {
  background-color: #9b9b9b;
}

.templateTunnelResponsiveC #headerTemplate .header-container .stepper .step .step-content .step-label {
  margin-left: 10px;
  flex: 1 1 auto;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  color: #4a4a4a;
}

.templateTunnelResponsiveC #headerTemplate .header-container .stepper .step.next .step-content .step-label {
  font-weight: normal;
  color: #9b9b9b;
}

.templateTunnelResponsiveC #headerTemplate .header-container .stepper .step .step-content .step-label:after {
  content: "";
  display: inline-block;
  height: 0.5em;
  vertical-align: bottom;
  width: 100%;
  margin-right: -100%;
  margin-left: 10px;
  border-top: 1px solid #9b9b9b;
  color: #4a4a4a;
}

.templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:last-child {
  flex: 0 0 auto;
}

.templateTunnelResponsiveC .tunnel-parent-container {
  padding-top: 77px;
}

.templateTunnelResponsiveC #footer {
  background-color: #474747;
  box-sizing: border-box;
}

.templateTunnelResponsiveC #footer .footer-content {
  display: flex;
  margin: 0 auto;
  padding: 30px 0;
  width: 100%;
  max-width: 1145px;
  flex-direction: row;
}

.templateTunnelResponsiveC #footer .footer-content .logo {
  padding: 0 20px;
}

/* pour navigateur IE */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .templateTunnelResponsiveC #footer .footer-content .logo {
    flex: 0.2;
  }
}

.templateTunnelResponsiveC #footer .footer-content .legal-notice {
  padding: 0 20px;
  font-size: 14px;
  line-height: 16px;
  color: #666666;
  width: 100%;
}

/* pour navigateur IE */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .templateTunnelResponsiveC #footer .footer-content .legal-notice {
    flex: 2;
  }
}

@media all and (max-width: 1024px) {
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:last-child {
    flex: 1 0 20%;
  }
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:nth-child(2):nth-last-child(1) {
    flex: 0 0 auto;
  }
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(3) .step-content .step-label,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(3) ~ .step .step-content .step-label,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(4) .step-content .step-label,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(4) ~ .step .step-content .step-label,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(4) .step-content .step-label,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(4) ~ .step .step-content .step-label,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(5) .step-content .step-label,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(5) ~ .step .step-content .step-label {
    margin-left: 0px;
  }
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(3) .step-content .step-label::after,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(3) ~ .step .step-content .step-label::after,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(4) .step-content .step-label::after,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(4) ~ .step .step-content .step-label::after,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(4) .step-content .step-label::after,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(4) ~ .step .step-content .step-label::after,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(5) .step-content .step-label::after,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(5) ~ .step .step-content .step-label::after {
    display: none;
  }
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(3) .step-content .step-number-container,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(3) ~ .step .step-content .step-number-container,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(4) .step-content .step-number-container,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(4) ~ .step .step-content .step-number-container,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(4) .step-content .step-number-container,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(4) ~ .step .step-content .step-number-container,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(5) .step-content .step-number-container,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(5) ~ .step .step-content .step-number-container {
    width: 100%;
    position: relative;
    overflow: hidden;
  }
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(3) .step-content .step-number-container .number,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(3) ~ .step .step-content .step-number-container .number,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(4) .step-content .step-number-container .number,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(4) ~ .step .step-content .step-number-container .number,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(4) .step-content .step-number-container .number,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(4) ~ .step .step-content .step-number-container .number,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(5) .step-content .step-number-container .number,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(5) ~ .step .step-content .step-number-container .number {
    margin: 0 auto;
  }

  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(3) .step-content .step-number-container .alert-icon,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(3) ~ .step .step-content .step-number-container .alert-icon,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(4) .step-content .step-number-container .alert-icon,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(4) ~ .step .step-content .step-number-container .alert-icon,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(4) .step-content .step-number-container .alert-icon,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(4) ~ .step .step-content .step-number-container .alert-icon,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(5) .step-content .step-number-container .alert-icon,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(5) ~ .step .step-content .step-number-container .alert-icon {
    margin: 0 auto;
  }
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(3) .step-content .step-number-container:after,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(3) ~ .step .step-content .step-number-container:after,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(4) .step-content .step-number-container:after,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(4) ~ .step .step-content .step-number-container:after,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(4) .step-content .step-number-container:after,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(4) ~ .step .step-content .step-number-container:after,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(5) .step-content .step-number-container:after,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(5) ~ .step .step-content .step-number-container:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 16px;
    width: 35%;
    height: 1px;
    z-index: -1;
    border-bottom:1px solid #9b9b9b;
    background: none;
  }
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(3) .step-content .step-number-container:before,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(3) ~ .step .step-content .step-number-container:before,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(4) .step-content .step-number-container:before,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(4) ~ .step .step-content .step-number-container:before,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(4) .step-content .step-number-container:before,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(4) ~ .step .step-content .step-number-container:before,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(5) .step-content .step-number-container:before,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(5) ~ .step .step-content .step-number-container:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 16px;
    width: 35%;
    height: 1px;
    z-index: -1;
    border-bottom:1px solid #9b9b9b;
    background: none;
  }

  /* we don't need the line on the first and last element */
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child .step-content .step-number-container:before {
    display: none !important;
  }
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:last-child .step-content .step-number-container:after {
    display: none !important;
  }

  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:last-child:not(.step.current):not(.step.alert) .step-content .step-label:after {
    display: none !important;
  }

  /* cases applicable only if we have 3 or more children */
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(3) .step-content,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(3) ~ .step .step-content,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(4) .step-content,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(4) ~ .step .step-content,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(5) .step-content,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(5) ~ .step .step-content,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(6) .step-content,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(6) ~ .step .step-content {
    flex-direction: column;
  }
}


/* mobile breakpoint */
/* starting right below the tablet portrait mode */
@media all and (max-width: 767px) {
  .templateTunnelResponsiveC #headerTemplate .header-container {
    flex-direction: column;
    padding: 0;
  }
  .templateTunnelResponsiveC #headerTemplate .header-container .logo {
    width: 100%;
    padding: 12px 20px;
    border-bottom: 1px solid rgba(155, 154, 155, 0.5);
  }
  .templateTunnelResponsiveC #headerTemplate .header-container .logo img {
    margin: 0 auto !important;
    width: 53px;
    height: auto;
  }
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper {
    padding: 20px !important;
    width: 100%;
  }
  /* all steps except the current one take only the size of the step circle */
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:last-child
  {
    flex: 0 0 auto;
  }
  /* the current item of stepper take as much space as possible
      OR
    if it's the last item when we have only two steps the element will fill the remaining space
  */
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step.current,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step.alert,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:nth-child(2):nth-last-child(1) {
    flex: 1 1 auto;
  }
  /* if we have only two steps and the last element is a next step we reset it's size to auto*/
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .next.step:nth-child(2):nth-last-child(1) {
    flex: 0 0 auto;
  }
  /* removing the line between the numbers */
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(3) .step-content .step-number-container,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(3) ~ .step .step-content .step-number-container,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(4) .step-content .step-number-container,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(4) ~ .step .step-content .step-number-container,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(5) .step-content .step-number-container,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(5) ~ .step .step-content .step-number-container {
    width: auto;
  }
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(3) .step-content .step-number-container:before,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(3) ~ .step .step-content .step-number-container:before,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(4) .step-content .step-number-container:before,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(4) ~ .step .step-content .step-number-container:before,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(5) .step-content .step-number-container:before,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(5) ~ .step .step-content .step-number-container:before,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(3) .step-content .step-number-container:after,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(3) ~ .step .step-content .step-number-container:after,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(4) .step-content .step-number-container:after,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(4) ~ .step .step-content .step-number-container:after,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(5) .step-content .step-number-container:after,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(5) ~ .step .step-content .step-number-container:after {
    display: none;
  }
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(3) .step-content .step-number-container .number,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(3) ~ .step .step-content .step-number-container .number,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(4) .step-content .step-number-container .number,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(4) ~ .step .step-content .step-number-container .number,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(5) .step-content .step-number-container .number,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(5) ~ .step .step-content .step-number-container .number {
    margin-left: 10px;
  }
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(3) .step-content .step-number-container .alert-icon,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(3) ~ .step .step-content .step-number-container .alert-icon,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(4) .step-content .step-number-container .alert-icon,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(4) ~ .step .step-content .step-number-container .alert-icon,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(5) .step-content .step-number-container .alert-icon,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(5) ~ .step .step-content .step-number-container .alert-icon {
    margin-left: 10px;
  }
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child .step-content .step-number-container .number {
    margin-left: 0px !important;
  }
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(3) .step-content .step-label::after,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(3) ~ .step .step-content .step-label::after,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(4) .step-content .step-label::after,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(4) ~ .step .step-content .step-label::after,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(5) .step-content .step-label::after,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(5) ~ .step .step-content .step-label::after {
    display: inline-block;
  }

  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(3) .step-content .step-label,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(3) ~ .step .step-content .step-label,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(4) .step-content .step-label,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(4) ~ .step .step-content .step-label,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(5) .step-content .step-label,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(5) ~ .step .step-content .step-label {
    margin-left: 10px;
  }

  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(3) .step-content,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(3) ~ .step .step-content,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(4) .step-content,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(4) ~ .step .step-content,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(5) .step-content,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step:first-child:nth-last-child(5) ~ .step .step-content {
    flex-direction: row;
  }
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step .step-content .step-label::after {
    display: inline-block;
  }
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step.previous .step-content .step-label,
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step.next .step-content .step-label{
    display: none;
  }
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step.previous {
    display: none;
  }
  .templateTunnelResponsiveC #headerTemplate .header-container .stepper .step.previous:first-child {
    display: block;
  }

  /* footer */
  .templateTunnelResponsiveC #footer .footer-content {
    flex-direction: column;
    align-items: center;
  }
  .templateTunnelResponsiveC #footer .footer-content .legal-notice {
    padding: 15px 20px 0;
    text-align: center;
  }
}
#template_full_width .zone-2{
  margin-top: 15px;
}


#bar_top.active {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}

#template_full_width ul {
  list-style-type: disc;
  padding-left: 40px;
}

#template_full_width .wrap_full{
  overflow: hidden;
}

#template_full_width .bread_and_title .breadcrumb a{
    font-size: 1em;
    color: #005bbb;
    display: inline;
}

#template_full_width .bread_and_title .breadcrumb{
  padding: 0 30px;
  padding-top:15px;
  z-index: 3;
}

#template_full_width .bread_and_title .titre_page{
  padding: 25px 0;
}

#template_full_width .bread_and_title .titre_page h1{
  font-size: 50px;
  margin:0;
}

#template_full_width .bread_and_title .titre_page p{
  font-size: 22px;
  margin-bottom: 0;
}

#template_full_width .bread_and_title .breadcrumb{
  padding: 0 30px;
  padding-top:15px;
  position: relative;
}

#template_full_width .bread_and_title.no-nav .titre_page{
  margin-top:-33px;
  padding-top:60px;
  position: relative;
}



#template_full_width .bread_and_title.no-nav .navigationBarPage{
  display: none;
}

#template_full_width .bread_and_title.no-nav .titre_page::after{
  content: "";
  position: absolute;
  display: block;
  right: 0;
  top: 0;
  background: rgba(255,255,255,0.75) no-repeat;
  width: 100%;
  height: 44px;
  z-index: 99;
}

#template_full_width .zone-2.color-blue{
  color:#005bbb;
}

#template_full_width .zone-2.color-green{
  color:#509e2f;
}

#template_full_width .zone-2.color-lightgreen{
  color:#c4d600;
}

#template_full_width .zone-2.color-orange{
  color:#fe5815;
}

#template_full_width .zone-2.color-lightorange{
  color:#ffa02f;
}

#template_full_width .zone-2.color-lightgray{
  color: #f2f2f2;
}

#template_full_width .zone-2.color-gray{
  color: #666666;
}

#template_full_width .zone-2.color-white{
  color: white;
}

/*** zone 2 BACKGROUND COLOR OPTIONS ***/
#template_full_width .zone-2.blue-bg {
  background-color: #005bbb;
}
#template_full_width .zone-2.lightgray-bg {
  background-color: #f2f2f2
}
#template_full_width .zone-2.gray-bg {
  background-color: #666666;
}
#template_full_width .zone-2.green-bg {
  background-color: #509e2f;
}
#template_full_width .zone-2.lightgreen-bg {
  background-color: #c4d600;
}
#template_full_width .zone-2.lightorange-bg {
  background-color: #ffa02f;
}
#template_full_width .zone-2.orange-bg {
  background-color: #fe5815;
}
#template_full_width .zone-2.white-bg {
  background-color: #ffffff;
}
#template_full_width .zone-2.no-color-bg{
  background-color: transparent;
}

#template_full_width .background-img {
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

/*** zone 3 BACKGROUND COLOR OPTIONS ***/

#template_full_width .zone-3.lightgray {
  background-color: #f2f2f2
}
#template_full_width .zone-3.white {
  background-color: #ffffff;
}

/*** zone 4 BACKGROUND COLOR OPTIONS ***/

#template_full_width .zone-4.lightGray {
  background-color: #f2f2f2;
}
#template_full_width .zone-4.blue {
  background-color: #005bbb;
}
#template_full_width .zone-4.gray {
  background-color: #666666;
}
#template_full_width .zone-4.lightOrange {
  background-color: #ffa02f;
}
#template_full_width .zone-4.orange {
  background-color: #fe5815;
}
#template_full_width .zone4.green{
  background-color: #509e2f;
}
#template_full_width .zone4.lightgreen{
  background-color: #c4d600;
}
#template_full_width .zone-4.white {
  background-color: #ffffff;
}

#template_full_width .wrap_full .left-small {
  padding-left: 12px;
}

#template_full_width .wrap_full .left-medium {
  padding-left: 30px;
}
#template_full_width .wrap_full .left-large{
  padding-left: 40px;
}

#template_full_width .wrap_full .left-mega{
  padding-left: 48px;
}

#template_full_width .wrap_full .right-small {
  padding-right: 12px;
}

#template_full_width .wrap_full .right-medium {
  padding-right: 30px;
}
#template_full_width .wrap_full .right-large{
  padding-right: 40px;
}

#template_full_width .wrap_full .right-mega {
  padding-right: 48px;
}
.breadcrumb-without-titre_page{
  margin-bottom: 30px;
}
@media screen and (max-width:879px) {
    #template_full_width .zone-2 {
    margin-top: 40px;
    }
}

@media screen and (max-width:567px) {
  #template_full_width .wrap_full,
  #template_full_width .wrap_full.left-medium,
  #template_full_width .wrap_full.left-large,
  #template_full_width .wrap_full.left-mega,
  #template_full_width .wrap_full.right-medium,
  #template_full_width .wrap_full.right-large,
  #template_full_width .wrap_full.right-mega{
    padding:0 12px;
  }
}
body#openIdAuthentication {
    margin: 0;
    padding: 0;
}

body#openIdAuthentication,
body#openIdAuthentication > .main-parsys {
    height: 100%;
}

/************** HEAD **************/
* {
  font-family: Frutiger, Helvetica, Arial, sans-serif;
}

#header_menu_content div.bottom p {
	font-size: 2.375em;
	font-weight: normal;
}
#readMore_carousel {
	 font-size: 0.875em;
}
.menu_wrap .label-menu-welcome {
	font-weight: bold;
  position: relative;
}

#menu_button .menu-hamburger, #close_menu_top .menu-hamburger-closed {
	font-weight :bold;
	height: auto;
	margin-left: 5px;
	text-align: left;
	word-spacing: 500px;
	line-height: 17px;
}

#bar_nav_top .menu-open .sp {
    height: 20px;
}

#bar_nav_top .sp {
    height: 25px;
}
#bar_nav_top {
	font-size: 0.875em;
}
@media screen and (min-width: 80em) {
  .hamburger-position {
  	margin-left: 10px;
  }
}

#menu_top div.title {font-size: 0.875em;}

#menu_top ul li {
	font-size: 0.875em;
	padding-top: 10px;
	padding-bottom: 10px;
}

.menu_details ul li.title {
	font-size : 2em;
	line-height :1em;
}

.menu_details ul li.link {
	font-size: 0.875em;
	font-weight: normal;
}

.sites_frame_title {
	color : #005bbb;
	font-size: 0.9375em;
	font-weight: bold;
}

.change_version {
	font-size: 0.8125em;
	font-weight: bold;
}

.country_sites_list ul li,
.foreign_sites_frame ul li {
	font-size: 0.875em;
}

#bloc-reseaux .content p {font-size: 1.125em; color:#666;}

#bloc-reseaux .text_reseaux h3 {
	font-size: 1.125em;
	font-weight :bold;
	text-transform:uppercase;
}
/************ FIN HEAD ***************/


/************ CONTENU **************/
div.title_orange p {
	font-size: 1.25em;
	line-height:40px;
}

.bloc-num-client h1 {font-size: 1.75em;}

span.customSelectInner {
	font-size: 1.75em;
	line-height: 32px;
	color: #474747;
}

#body .bloc-offre ul li,
#body .bloc-option ul li,
#body .bloc-adress ul li {
	font-size :1em !important;
}

#info_facture #my-bill-block h2 {font-size :1.625em;}

#info_conso #my-consumption-block h2 {font-size: 1.625em;}

.info-btn-orange #prix {
	font-size: 1.125em;
	font-weight :bold ;
}

h1 {
  font-size: 3.125rem; /* 50px */
  line-height: 3.5rem; /* 56px */
}

h2 {
  font-family: Frutiger LT W01\ 45 Light,Helvetica, Arial,sans-serif;
  font-size: 2rem; /* 32px */
  line-height: 2.375rem; /* 38px */
}

h3 {
  font-family: Frutiger LT W01\ 45 Light,Helvetica, Arial,sans-serif;
  font-size: 1.25rem; /* 20px */
  line-height: 1.625rem; /* 26px */
}

p {
  font-size:1rem; /* 16px */
  line-height: 1.375rem; /* 22px */
}

.privacy-policy-txt, privacy-policy-txt a{
  font-size:0.75rem;  /* 12px */
  line-height: 1.125rem; /* 18px */
}

.privacy-policy-txt a{
  display: inline-block;
}

.copyright {
  font-size:0.75rem; /* 12px */
  line-height: 1.125rem; /* 18px */
}

.mentions--content p {
  font-size: inherit;
}

@media screen and (min-width: 1025px){
  h1 {
    font-size: 3.125rem; /* 50px */
    line-height: 3.5rem; /* 56px */
  }

  h2 {
    font-size: 2rem; /* 32px */
    line-height: 2.375rem; /* 38px */
  }

  h3 {
    font-size: 1.25rem; /* 20px */
    line-height: 1.625rem; /* 26px */
  }

  p {
    font-size:1rem; /* 16px */
    line-height: 1.375rem; /* 22px */
  }

  li {
    font-size:1rem; /* 16px */
    line-height: 1.375rem; /* 22px */
  }

  .privacy-policy-txt, .privacy-policy-txt a{
    font-size:0.75rem;  /* 12px */
    line-height: 1.125rem; /* 18px */
  }

  .privacy-policy-txt a{
    display: inline-block;
  }

  .copyright {
    font-size:0.75rem; /* 12px */
    line-height: 1.125rem; /* 18px */
    font-style: italic;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  h1 {
    font-size: 2.75rem;	 /* 44px */
    line-height: 3.125rem; /* 50px */
  }
  h2 {
    font-size: 1.875rem;  /* 30px */
    line-height: 2.25rem;  /* 36px */
  }
  h3 {
    font-size: 1.0625rem; /* 17px */
    line-height: 1.4375rem; /* 23px */
  }
  p {
    font-size:0.875rem; /* 14px */
    line-height: 1.25rem; /* 20px */
  }
  li {
    font-size:0.875rem; /* 14px */
    line-height: 1.25rem; /* 20px */
  }
  .privacy-policy-txt{
    font-size:0.625rem;  /*10px */
    line-height: 0.875rem; /* 14px */
  }
  .privacy-policy-txt a{
    font-size:0.625rem;  /*10px */
    line-height: 0.875rem; /* 14px */
    display: inline-block;
  }
  .copyright {
    font-size:0.625rem;  /*10px */
    line-height: 0.875rem; /* 14px */
  }
}
@media screen and (max-width: 767px) {
  h1 {
    font-size: 1.875rem; /* 30px */
    line-height: 2.25rem; /* 36px */
  }
  h2 {
    font-size: 1.5rem;	/* 24px */
    line-height: 1.875rem; /* 30px */
  }
  h3 {
    font-size: 1.0625rem; /* 17px */
    line-height: 1.4375rem; /* 23px */
  }
  p {
    font-size:0.875rem; /* 14px */
    line-height: 1.25rem; /* 20px */
  }
  li {
    font-size:0.875rem; /* 14px */
    line-height: 1.25rem; /* 20px */
  }
  .privacy-policy-txt, .privacy-policy-txt a{
    font-size:0.625rem;  /* 10px */
    line-height: 0.875rem; /* 14px */
  }
  .privacy-policy-txt a{
    display: inline-block;
  }
  .copyright {
    font-size:0.625rem;  /*10px */
    line-height: 0.875rem; /* 14px */
  }
}

/************ FIN CONTENU *************/


/*************** FOOTER ****************/
#footer p.title.footer {
	font-size: 0.875em;
	font-weight: normal;
	text-transform: uppercase;
	font-family: 'Frutiger LT W01 65 Bold', sans-serif;
}

#footer .link div {
	font-size: 12px;
	margin-bottom :4px;
	line-height:1.4em;
}

.fix-links-width span {
	font-size: 0.875em;
	font-weight: bold;
}
/************* FIN FOOTER *************/