/**
* MAIN CSS
* design class for astel.be, astel.be/nl and astel.be/pro
* Don't add rules if it is not only for those domains
* Use code_commun.css for shared elements of content like page product
**/

input * {
  border: 1px;
}

body {
  font-family: "Lato", Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
}

h1 {
  font-size: 1.5rem;
  padding-bottom: 5px;
  margin-bottom: 10px;
  font-weight: normal;
  text-align: left;
}

h2 {
  font-size: 1.2rem;
}

h3 {
  font-size: 1.15rem;
}

/**
Impacts on homepage as well
 */
p {
  font-size: 0.938rem;
}

ul {
  font-size: 0.9rem;
}

ul.navbar-nav {
  font-size: 1.3rem;
}
@media (max-width: 1199px) {
  ul.navbar-nav {
    font-size: 1.2rem;
  }
}

@media (max-width: 1024px) {
  ul.navbar-nav {
    font-size: 1.1rem;
  }
}

figcaption {
  font-size: 0.8rem;
}

#ltlnews ul li {
  font-size: 0.85rem;
}

h3.sidebarTitle {
  padding: 5px;
}

th.no-padding,
td.no-padding {
  padding: 0px !important;
}

.table-no-border td,
table.no-border,
.table-no-border td table td {
  border: none;
}

.table-th-top th {
  vertical-align: top !important;
}

.content-product_view h1 {
  line-height: 1;
}

.content-product_view table td p {
  margin: 0px;
}

.content-product_view .soustitre {
  margin: 0;
}

.extrait_1 h3 {
  margin-bottom: 5px !important;
}

.extrait_1 p {
  margin-top: 0px !important;
  line-height: 1.4 !important;
}

.clear {
  clear: both;
}

/*********
*
*	HEADER
*
***********/

#logo {
  width: 170px;
}

#main-navbar {
  font-size: 1.1rem;
}

.navbar-collapse.active {
  opacity: 1;
  -webkit-transform-origin: right top 0;
  -webkit-transform: scale(1);
  transform-origin: right top 0;
  transform: scale(1);
}

.dropdown-menu {
  margin-top: -7px;
}

.hidden-md.text-center {
  font-size: 0.75rem;
}

#site-slogan {
  font-size: 0.875rem;
}

.logo-baseline {
  font-size: 1rem;
}

@media (min-width: 992px) {
  #main-navbar > ul.navbar-nav {
    gap: 1rem;
  }

  .active-navlink {
    box-shadow: 0 5px 0 -1px var(--blue);
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
}

@media (min-width: 1200px) {
  #main-navbar > ul.navbar-nav {
    gap: 2rem;
  }

  .active-navlink {
    box-shadow: 0 5px 0 -1px var(--blue);
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }
}

/** Fix menu dropdown text out of screen when nav is not expand **/
@media (max-width: 991px) {
  .dropdown-menu .dropdown-item {
    white-space: normal;
  }
  
}

@media (max-width: 1399px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0rem !important;
        padding-left: 0rem !important;
    }
}

/** Fix nav questions text out of screen **/
@media (min-width: 992px) and (max-width: 1199px) {
  .fix-dropdown-width {
    min-width: 420px;
  }
  .fix-dropdown-width .dropdown-item {
    white-space: normal;
  }
}

.question-advicer {
  font-size: 1.3rem;
}

i.question-icon {
  font-size: 1.8rem;
}

/* Cashback */
.cashback-skew {
  -moz-transform: skew(-8deg, 0deg);
  -webkit-transform: skew(-8deg, 0deg);
  -o-transform: skew(-8deg, 0deg);
  -ms-transform: skew(-8deg, 0deg);
  transform: skew(-8deg, 0deg);
}

.header-cashback-screen-container {
  margin-left: auto;
  max-width: 270px;
}

body
  > header
  > div.container.position-relative
  > div
  > div.col-6.col-md-5.col-lg-4
  > div
  > div.pl-3.py-3.cashback-banner
  > div.position-relative.d-inline-block
  > div:nth-child(2)
  .logo-pro {
  margin-top: -10px;
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  #main-navbar {
    font-size: 1rem;
  }
}
@media screen and (max-width: 991px) {
  #logo {
    width: 100px;
  }
  .logo-pro {
    margin-top: -5px;
  }
}

@media screen and (max-width: 575px) {
  .pro-part-selector a {
    display: block;
  }

  header .cashback-skew {
    width: 100%;
    /*z-index: -1;*/
    margin-top: 0px;
    -moz-transform: skew(0deg, -1deg);
    -webkit-transform: skew(0deg, -1deg);
    -o-transform: skew(0deg, -1deg);
    -ms-transform: skew(0deg, -1deg);
    transform: skew(0deg, -1deg);
  }
}

@media screen and (max-width: 991px) {
  .navbar-collapse {
    z-index: 99999;
    background: white;
    width: 90%;
    position: absolute !important;
    top: 50px;
    border-radius: 3px;
    padding: 20px;
    overflow: hidden;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26) !important;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    opacity: 0;
    -webkit-transform-origin: left top 0;
    -webkit-transform: scale(0);
    transform-origin: left top 0;
    transform: scale(0);
  }
}

/* Nav toggle */
button.navbar-toggler {
  outline: none !important;
}

.nav-hamburger-container div {
  width: 30px;
  height: 4px;
  margin: 5px 0;
  transition: 0.4s;
  border-radius: 5px;
}

.switch-nav-hamburger div:nth-last-child(1) {
  -webkit-transform: rotate(45deg) translate(-6px, -6px);
  transform: rotate(45deg) translate(-6px, -6px);
}

.switch-nav-hamburger div:nth-last-child(2) {
  opacity: 0;
}

.switch-nav-hamburger div:nth-last-child(3) {
  -webkit-transform: rotate(-45deg) translate(-7px, 7px);
  transform: rotate(-45deg) translate(-7px, 7px);
}

/*** shopping cart  ***/

.shopping-cart-container {
  top: -5px;
}
.shopping-cart-container .cart {
  z-index: 2;
}

.cart div {
  position: relative;
  float: right;
}

.cart .cart-cashback-amount {
  top: -19px;
  margin-left: -8px;
}

.cart-badge {
  border-radius: 10px;
  color: white;
  display: inline-block;
  line-height: 1;
  padding: 3px 5px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  position: absolute;
  top: 20px;
  right: -10px;
}

.shopping-cart {
  z-index: 9999;
  background: white;
  width: 85vw;
  max-width: 420px;
  position: absolute;
  top: 25px;
  right: -16px;
  border-radius: 3px;
  padding: 20px;
  overflow: hidden;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26) !important;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  opacity: 0;
  -webkit-transform-origin: right top 0;
  -webkit-transform: scale(0);
  transform-origin: right top 0;
  transform: scale(0);
}

.shopping-cart.active {
  opacity: 1;
  -webkit-transform-origin: right top 0;
  -webkit-transform: scale(1);
  transform-origin: right top 0;
  transform: scale(1);
}

.shopping-cart-container .cart .cart-cashback-amount {
  width: 30px;
}

.shopping-cart-container .cart .cart-cashback-amount.fadeOut {
  width: 0px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.shopping-cart-items img {
  float: left;
  margin-right: 12px;
  width: 70px;
  max-height: 70px;
}

#slogan-astel svg path {
  stroke: rgba(0, 0, 0, 0.3);
}

/********************
*
*	FOOTER
*
*********************/
footer ul {
  font-size: 0.9rem;
}

footer .sub-footer-astel-links {
  font-size: 0.85rem;
}

@media screen and (max-width: 575px) {
  footer {
    font-size: 0.9rem;
  }
}

.logo-operator-footer {
  min-width: 62px; /* patch problem width with firefox */
}

.sub-footer-astel-links a {
  display: inline-block;
  margin: 10px 0 !important;
}

/********************
*
*	HOMEPAGE
*
**********************/

@media screen and (max-width: 1200px) {
  /* Articles*/
  .sidebar,
  #tbl_packs {
    display: none;
  }
}

/* Used in index.php for sections titles with ___ under it*/
.indexTitle {
  border-style: none none solid none;
  border-width: 1px;
  padding-bottom: 5px;
  padding-left: 10px;
  margin-bottom: 10px;
  font-weight: normal;
  text-align: left;
}

.indexTitle a:hover {
  text-decoration: none;
}

.sidebar_box.advantages {
  background-color: white;
}

.sidebar_box.other_operators {
  background-color: white;
}

.sidebar_box.advantages h4 {
  color: #213b82 !important;
}

.btn-sidebar {
  background-color: #f2a413;
  color: white;
}

.sidebarTitle {
  text-align: center;
  padding-top: 0px;
  margin-top: 10px;
}

#formule_titre h1 {
  padding-bottom: 0px !important;
  border-style: none none none none;
}

.sidebar_box {
  padding: 0.5rem;
}

.sidebar_box ol {
  padding: 0 0 0 25px;
}

.sidebar_box {
  margin-top: 10px;
  margin-left: 0px;
  position: relative;
  color: var(--darkblue);
  background-color: #fff;
  border: 1px solid var(--darkblue);
  border-radius: 0.5rem;
}

.sidebar_content {
  color: #000000;
  background-size: 100% auto;
  padding: 8px 2px;
  border-radius: 8px 8px 8px 8px;
}

.sidebar_content ul {
  padding-left: 17px;
}

.hover:hover {
  text-decoration: underline;
}

.sidebar_content ul li a {
  color: var(--darkblue);
}

.sidebar_content ul li {
  list-style: disc;
  color: var(--darkblue);
  margin-left: 0.5rem;
}

.sidebar_content ul li a:hover {
  text-decoration: underline;
}

.noborder {
  border: 0px solid !important;
}

.sidebar_box_important_text {
  /*font-size: 16px;*/
  font-weight: bold;
}

.titre {
  font-weight: bold;
  display: block;
  padding-bottom: 3px;
}

.sstitre {
  display: block;
  padding-bottom: 5px;
}

.sstitre img {
  padding-right: 7px;
  width: 60px;
}

.sidebar_box .sstitre img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.horizontalVotreService .sstitre img {
  float: left;
}

.icon-search {
  position: absolute;
  color: #f34541;
  right: 10px;
  top: 6px;
  text-decoration: none;
  padding: 0;
  margin: 0;
  z-index: 1031;
  text-shadow: none;
}

.see_all_block {
  display: block;
  margin-top: 10px;
  width: 50%;
  text-align: right;
  border-color: #2b256f;
  border-width: 1px;
}

.see_all_block a {
  color: #2b256f;
  font-weight: bold;
}

.see_all_block a:hover {
  text-decoration: underline;
}

.text_red_box {
  font-size: 0.75em;
  line-height: 18px;
  padding-left: 10px;
}

.text_red_box a:hover {
  text-decoration: underline;
}

a:hover .extrait_1_titre {
  text-decoration: underline;
}

.extrait_1_titre {
  line-height: 100%;
  width: 100%;
  font-weight: normal !important;
  margin-top: 0px;
}

.blockIndex {
  margin-top: 30px;
}

.indexList {
  margin: 15px 0pt 5px 20px;
}

.indexList a {
  color: #000;
}

.indexList a:hover {
  text-decoration: underline;
}

form.turnPro {
  display: inline;
}

input.changeAll {
  cursor: pointer;
  display: inline-block;
  border: 1px solid #ccc;
  padding-left: 12px;
  padding-right: 12px;
  line-height: 26px;
  background: white;
  color: #999;
  transition: all 0.18s;
  -moz-transition: all 0.18s;
  -webkit-transition: all 0.18s;
  -ie-transition: all 0.18s;
  -o-transition: all 0.18s;
  background: rgba(248, 248, 248, 1);
  margin-right: 6px;
  margin-bottom: 8px;
}

input.changeAll.small {
  padding-left: 9px;
  padding-right: 9px;
  height: 21px;
  line-height: 21px;
}

div.fil_ariane {
  display: inline;
  font-weight: bold;
  line-height: 22px;
  padding: 7px 3px 5px;
}

div.fil_ariane a {
  color: #000000;
  margin: 0 3px;
  text-decoration: underline;
}

div.fil_ariane a:hover {
  text-decoration: none;
}

.blocContactezNousContact h2 {
  display: inline-block;
  padding-bottom: 5px;
  padding-top: 15px;
  padding-left: 0px;
}

.formgroup {
  padding-top: 10px;
  padding-bottom: 5px;
}

.inline {
  float: left;
  display: inline-block;
  padding-right: 20px;
}

.formgroup textarea {
  padding: 5px;
}

.formgroup .radioLine label {
  display: inline;
}

.formgroup label {
  /*font-size: 1.3rem;*/
  padding-bottom: 5px;
  display: block;
}

.formgroup h3 {
  /*font-size: 1.4rem;*/
  padding-top: 0px;
  padding-bottom: 8px;
}

.formgroup p.radioLine {
  font-size: 1.1rem;
}

.centerBlockSpace {
  margin-left: 25px;
}

.twoblocksContainer {
  clear: both;
  float: left;
  display: block;
  width: 100%;
}

.disabled {
  color: rgb(230, 230, 230);
}

#astel_logos {
  padding: 5px 0;
}

#astel_mobile,
#astel_smartphone {
  color: #3d5685;
  text-align: center;
  width: 200px;
}

.index_chapeau {
  text-align: left;
  margin: 3px 0;
}

.ligne6015 {
  font-size: 1rem;
  text-indent: 70px;
  color: #000;
  text-align: left;
  background-position: center left;
  background-repeat: no-repeat;
  margin: 3px 0;
}

.ligne6015 a {
  color: #000;
}

.ligne6015 a:hover {
  text-decoration: underline;
}

.foot a:hover {
  color: #fff;
  text-decoration: underline;
}

#mon_colonne {
  text-align: left;
  padding: 10px 0;
}

#mon_colonne_gauche {
  text-align: left;
  width: 665px;
  float: left;
  padding: 10px 0;
}

#mon_colonne_droite {
  border: 1px #fff solid;
  background: #fff;
  width: 160px;
  float: right;
}

#mon_colonne_gauche_gauche {
  width: 408px;
  float: left;
  text-align: center;
}

#mon_colonne_gauche_centre {
  width: 408px;
  float: left;
  text-align: center;
  font-weight: 700;
}

#mon_colonne_droite_centre {
  width: 408px;
  float: right;
  text-align: center;
  font-weight: 700;
}

.fiche_cadre_operateur,
.fiche_cadre_produit {
  border: 1px #47659b solid;
  margin-bottom: 15px;
  padding: 2px;
}

p.entete_liste {
  /*font-size: 12px;*/
  background: #425e90;
  padding: 3px;
}

p.entete_liste a:hover {
  color: #a3b3cd;
}

#mon_colonne_entete_logo {
  text-align: center;
  margin: 5px;
}

.fiche_cadre_legende {
  text-align: justify;
  font-weight: 400;
}

.fiche_cadre_legende a {
  text-decoration: none;
  color: #505050;
}

.fiche_cadre_legende a:hover {
  text-decoration: none;
  color: #425e90;
}

ul#mon_header_liste {
  white-space: nowrap;
  padding-left: 0;
  margin-left: 0;
}

#mon_header_liste li {
  list-style-type: none;
  display: inline;
}

#mon_header_liste a {
  color: #47659b;
  padding: 3px 10px;
}

#mon_header_liste a:hover {
  background-color: #a3b3cd;
  color: #fff;
}

#section_en_cours a {
  background-color: #a3b3cd;
  color: #fff;
  padding: 3px 10px;
}

.mon_colonne_droite_derniers_titre {
  border-bottom: 1px #fff solid;
  font-weight: 700;
  /*font-size: 14px;*/
  color: #fff;
  padding: 0.5em 0;
}

#mon_colonne_droite_derniers_liens {
  background: #a3b3cd;
  /*font-size: 11px;*/
  text-align: left;
  padding: 0.5em;
}

#mon_colonne_droite_derniers_sommaire {
  background: #f8f8f8;
  /*font-size: 11px;*/
  text-align: left;
  padding: 0.5em;
}

#mon_colonne_droite_derniers_liens p,
#mon_colonne_droite_derniers_sommaire p {
  margin: 0.5em 0;
}

#mon_colonne_droite_derniers_sommaire a:hover {
  color: #47650f;
}

.mon_colonne_droite_derniers_titre_bas {
  border-top: 1px #fff solid;
  font-weight: 700;
  /*font-size: 14px;*/
  color: #fff;
}

#mon_colonne_gauche_titre,
#mon_colonne_gauche_titre_2 {
  color: #47659b;
  font-weight: 700;
  /*font-size: 14px;*/
  text-indent: 9px;
  padding: 0.5em 0;
}

#mon_colonne_gauche_tableau_gsm * th {
  border: 1px #47659b solid;
  text-align: center;
  height: 120px;
}

.mon_colonne_gauche_tableau_gsm_article,
.mon_colonne_gauche_tableau_gsm_article * {
  vertical-align: top;
  text-align: justify;
  color: #505050;
}

.mon_colonne_gauche_tableau_gsm_prix_rouge {
  color: #890f0c;
  font-weight: 700;
}

#mon_colonne_gauche_tableau_operateur * th {
  border: 1px #47659b solid;
  text-align: center;
  padding: 5px 0;
}

.mon_colonne_gauche_tableau_operateur_article {
  color: #505050;
  vertical-align: top;
  text-align: justify;
}

.mon_colonne_gauche_tableau_operateur_article a {
  color: #47659b;
  vertical-align: top;
}

#mon_colonne_gauche_celektor {
  border-top: 1px #969696 solid;
  color: #505050;
  text-indent: 9px;
}

/** SPIP ARTICLE **/
/** copy of bootstrap table class for responsive **/
#mon_colonne_droite_derniers_sommaire a,
#mon_colonne_droite_derniers_liens a:hover,
.conteneur_des_articles * a,
.mon_colonne_gauche_article_auteur_et_date a,
.mon_colonne_gauche_article_texte a,
.spip_out {
  color: #47659b;
}
.conteneur_des_articles table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
  background-color: transparent;
  display: block;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.mon_colonne_gauche_article_extrait p {
  text-align: justify;
  color: #505050;
  font-weight: 600;
}

.mon_colonne_gauche_article_extrait_logo {
  float: left;
  margin: 0 5px 0 0;
}

.mon_colonne_gauche_article_auteur_et_date {
  color: #505050;
  font-style: italic;
}

.mon_colonne_gauche_article_separateur {
  border-bottom: 1px #969696 solid;
  margin: 10px 0;
}

.gras {
  color: #47659b;
  font-weight: 700;
  margin-top: 15px;
}

.spip_documents {
  color: #646464;
  margin-bottom: 10px;
  text-align: center;
  padding: 0;
}

.spip_documents_right {
  margin-left: 10px;
}

.spip_documents img {
  margin-bottom: 5px;
  max-width: 100%;
}

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

ul.spip {
  list-style-image: url("/img/design/puce.gif");
  margin-left: 2em;
}

ol.spip {
  margin-left: 2em;
}

li.spip {
  margin: 0;
}

table.spip thead,
table.spip tbody {
  border: solid #57659b 1px;
  margin: auto;
}

table.spip td {
  vertical-align: top;
}
/* SPIP doesn't put a class to the span. Just a span for making the text bold */
table.spip td span {
  font-weight: bold;
}

table.spip tr.row_first {
  background-color: #47659b;
  text-align: center;
}

table.spip tr.row_odd {
  background-color: #eff3ff;
}

table.spip tr.row_even {
  background-color: #fff;
}

#article_page {
  border: 1px #c8c8c8 solid;
  color: #5a5a5a;
  line-height: 20px;
  margin-bottom: 10px;
}

#article_page_suivante,
#article_page_precedente {
  background: #eee;
  width: 150px;
  padding: 0 3px;
}

#astel_mobile,
#article_page_precedente {
  float: left;
}

#astel_smartphone,
#article_page_suivante {
  float: right;
}

.spip td {
  padding-top: 3px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 3px;
}

.conteneur_des_articles .spip,
.tips-template,
.tips-template p,
.tips-template ol,
.tips-template ul {
}
.tips-template ul {
  list-style-type: disc;
}
.tips-content h2,
.tips-content h3,
.tips-content h4,
.tips-content h5,
.tips-content h6 {
  margin-bottom: 0px;
}
.tips-template p,
.tips-template ol,
.tips-template ul {
  margin-bottom: 0px;
}
.spip_documents_left,
#oplogo img {
  margin-right: 10px;
}

#menu_list #m_packs a:link,
#menu_list #m_packs a:visited,
#menu_list #m_packs a:active {
  color: #fff;
  margin-right: 7px;
}

#google_ads_div_Ad1,
#google_ads_div_Ad2,
#google_ads_div_Ad3 {
  float: left;
  margin-right: 5px;
}

#boite_formules h4 {
  font-weight: 500;
  padding-bottom: 5px;
}

/**************************

 	OPERATORS (catalogue)

 	***************************/

.catalogueOperator {
  margin-bottom: 25px;
}

.catalogueOperator .logo {
  padding: 20px 0 10px 0;
}

.catalogueOperator .logo img {
  max-height: 75px;
}

@media screen and (max-width: 991px) {
  .catalogueOperator .logo img {
    max-width: 160px;
  }
}

.catalogueOperator .txt {
  text-align: justify;
}

@media screen and (min-width: 768px) {
  .catalogueOperator .icon {
    margin-top: 15px;
  }
}

.catalogueOperator figure {
  margin: 0;
}

.icon-service td {
  min-width: 25%;
}

.catalogueOperator aside a.btn {
  font-size: 0.81rem;
}

/**** OPERATOR PROMO ****/
@media screen and (min-width: 768px) {
}
@media screen and (min-width: 768px) {
  .operator-promo__order-button {
    min-width: 140px;
  }
}

@media screen and (max-width: 767px) {
  .operator-promo__price-block {
    margin-top: 1rem;
    margin-bottom: 0.5rem;
  }
}

.discount.products h2 {
  font-size: 1.375rem;
}

.discount.products h3 {
  font-size: 1.1rem;
}

.discount.products p {
  font-size: 0.875rem;
}

.discount.products i {
  font-size: 1.4rem;
}

.discount.products i.fa.fa-info {
  font-size: 1rem;
}

/**************************

 	SINGLE OPERATOR

 	***************************/
.header_pack h3 {
  padding: 0;
}

.table thead th {
  color: #2b256f;
  border-bottom: 1px solid #2b256f;
}

.operator-imgcontainershadow {
  height: 11.5rem;
  aspect-ratio: 1/1;
  width: auto;
  border-radius: 10%;
}

.operator-imgcontainershadow>img {
  /* max-height: 100%; */
  /* max-width: 100%; */
  max-height: 11.5rem;
}


/**************************

 	SINGLE PRODUCT

 	***************************/
.product-header h1 {
  font-size: 1.4rem;
  margin-top: 15px;
}

.product-header div.border {
  font-size: 0.85rem;
}

/**************************

 HARDWARE

 	***************************/
#hardwareDiv > h2.section-title {
  font-size: 1.375rem;
}

#featured h3 {
  font-size: 1rem;
}

#featured div.text-red {
  font-size: 0.875rem;
}

#detail-box dl > dt,
#detail-box dl > dd {
  font-size: 0.85rem;
}

div.col-md-5.border-md-left > h3.text-center.bg-lighter.p-2 > span {
  font-size: 0.85rem;
}

div.col-md-6.col-lg-4.mb-4 > h3.d-block.text-center.bg-lighter.p-2 > span {
  font-size: 0.85rem;
}

@media screen and (max-width: 991px) {
  .operator-view .nav-item {
    margin-bottom: 0.5rem;
  }
  .operator-view .nav-tabs {
    border-bottom: 0;
  }
}

.spip_documents img {
  width: auto !important;
  height: auto !important;
}

#comparatif_abo {
  text-align: left !important; /*width:750px;*/
}

#resultss a.formule {
  border: 1px solid;
  display: block;
  float: left;
  min-height: 180px;
  margin: 5px 0 3px;
  overflow: hidden;
  padding: 1%;
  width: 97%;
}

#resultss a.formule:hover {
  background-color: #f2f5fa;
  text-decoration: none;
}

a.formule .formulegris {
  color: #999999;
}

a.formule .formuledroite {
  margin-top: 20px;
}

a.formule .nomformule {
  font-weight: bold;
}

a.formule .prixformule {
  color: #eb0000;
}

a.formule .commanderformule {
  float: left;
  margin: 5px 0;
  width: 100%;
  text-align: left;
}

.btcommander {
  display: block;
  border: medium none;
  color: #fff !important;
  text-align: center;
  padding: 7px 12px 7px 12px;
  width: 90px !important;
}

.btcommander a {
  color: #fff !important;
}

#nbr_connectes {
  text-align: right;
  color: #fff;
  margin: 7px 30px 5px 0;
}

#nws_list #bannerAstel {
  margin: 15px 0 10px;
}

.la_une_extrait {
  margin-bottom: 15px;
}

.conteneur_des_articles a:hover {
  text-decoration: none;
}

h2.spip {
  font-size: 1.4rem;
}

h3.spip {
  width: 100%;
  height: auto;
  border-top: 1px dotted #d2dadc;
  border-bottom: 1px dotted #d2dadc;
  text-decoration: none;
  clear: both;
  margin: 40px 0 15px;
  padding: 3px 0;
}

.tips-template img {
  width: auto;
  max-width: 100%;
}

.btn_plus input {
  display: inline;
}

#activer_formule {
  text-align: right;
  padding-right: 10px;
  padding-top: 10px;
}

#activer_formule p {
  margin: 0px;
}

.conteneur_des_articles a:link,
.conteneur_des_articles a:visited,
.conteneur_des_articles a:active,
.bs_product .best_seller_desc a:hover,
#formule_01 #boite_formules #promos a:hover {
  text-decoration: underline;
}

table.tabl_qualitatif td#cote_astel,
.col_3 {
  width: 250px;
}

table.tabl_qualitatif td#secteur,
table.tabl_qualitatif td#service,
table.tabl_qualitatif td#utilise,
table.tabl_qualitatif td#couverture,
table.tabl_qualitatif td#livraison {
  width: 100px;
}

.col_1,
.col_4,
.col_7 {
  width: 30px;
}

.col_5,
.col_6 {
  width: 60px;
}

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
  display: none;
}

.tabbertab > table td {
  border: none;
}

.tabbertab ul li {
  margin-left: 26px;
  line-height: 16px;
}

.tabbertab ul br {
  display: none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav {
  font: bold 15px Verdana, sans-serif;
  margin: 0 10px 0 0;
  padding: 3px 0;
}

ul.tabbernav li {
  list-style: none;
  margin: 0;
  display: inline-block;
}

ul.tabbernav li:last-child {
  display: none;
}

ul.tabbernav li a {
  background: none repeat scroll 0 0 #ddddee;
  border: 1px solid #cccccc;
  display: block;
  margin-left: 3px;
  padding: 3px 0.5em;
  text-decoration: none;
  width: 100%;
}

.content-product_view .tabbertab img {
  max-width: 100%;
}

@media screen and (max-width: 767px) {
  ul.tabbernav li a {
  }
}

ul.tabbernav li a:link {
  color: #448;
}

ul.tabbernav li a:visited {
  color: #667;
}

ul.tabbernav li a:hover {
  color: #000;
  background: #aae;
  border-color: #227;
}

ul.tabbernav li.tabberactive a {
  background-color: #fff;
}

ul.tabbernav li.tabberactive a:hover {
  color: #000;
  background: white;
}

.error {
  border: 1px solid #a72b2b;
}

.success {
  border: 1px solid #3a823a;
}

#item {
  display: none;
}

#tooltip {
  width: 300px;
  z-index: 99999;
  position: absolute;
  display: block;
  margin: 0;
  padding: 2px;
  background: #fff;
  border: 1px solid #ccc;
}

#tooltip_img {
  z-index: 99999;
  position: absolute;
  display: block;
  padding: 3px;
  background: #fff;
  border: 1px solid #fff;
}

#confirmation {
  color: #fff;
  border: #000 1px solid;
  background-color: #3a823a;
  padding: 5px 5px;
  text-align: left;
  font-weight: bold;
}

#aoption {
  width: 75%;
}

#aoption:hover span,
#optionsgroup:hover span {
  cursor: pointer;
  text-decoration: underline;
}

#optiongrp {
  width: 25%;
  text-align: right;
}

ul.listechaine {
  list-style: none;
  overflow: hidden;
  float: left;
  width: 564px;
  padding: 0pt 0pt 3px 10px;
}

ul.listechaine li {
  float: left;
  width: 47px;
  height: 46px;
  background: transparent;
}

ul.listechaine li img {
  width: 45px;
}

.infocomplemen ul.listechaine,
.infosuple ul.listechaine {
  width: 100%;
}

td.infocomplemen {
  padding: 0px 150px 0px 10px;
}

td.infocomplemen table {
  background-color: #ffffcf;
}

.alignContactezNousContact {
  height: auto;
}

.dossier {
  margin-bottom: 10px;
}

.dossier > .dossier-thumb {
  width: 25%;
  float: left;
  text-align: center;
}

.dossier > .dossier-content {
  margin-left: 25%;
}

.tabl_qualitatif .icon {
  width: 20px;
  margin-bottom: -3px;
  margin-right: 5px;
}

.ui-widget-header {
  max-height: 35px;
}

.ui-widget-header h5 {
  margin-top: 3px;
}

.ui-tabs .ui-tabs-nav li {
  max-height: 30px;
}

.content ul li,
.whyastel ul li {
  margin-left: 20px;
}

/**
SIDEBAR
 */

.sidebar_content .call-center-status {
  margin-left: 0px;
}

.sidebar_content .call-center-status a {
  color: #fff;
}

/**
 * 	PATCH
 */

.form-inline {
  display: -ms-flexbox;
  display: inherit;
}

#comparatif_abo h1 {
  padding-left: 0px;
}

.formule_container .row {
  margin-bottom: 10px;
}

.formule_container .au-dela {
  font-style: italic;
}

.del_price {
  color: #999999;
}

/* ---- */
/* Contenu pour les fiches formule 2 -> tabs description produit pour greg */

#inclus h3 {
  text-decoration: underline;
  color: #404040 !important;
  font-weight: bold;
  padding-bottom: 0px;
  margin-bottom: 7px;
}

#inclus h4 {
  color: #404040 !important;
  font-weight: bold;
}

#inclus strong {
  color: #eb0000 !important;
  font-weight: normal !important;
}

#inclus q {
  color: #404040 !important;
}

#inclus q::before {
  content: "";
}

#inclus q::after {
  content: "";
}

/*
*
* Active hidden elements from plugins
*
*/

/* Order cashback */
.plugin-hidden-optional-element.cashback-circle {
  display: inline-block !important;
}

/* Comparator cashback */
.comparator .plugin-hidden-optional-element.cashback-amount {
  display: inline-block !important;
}
.mobiles-options .plugin-hidden-optional-element.cashback-amount {
  display: inline-block !important;
}

.comparator .plugin-default-optional-element.result-cashback-amount {
  display: none !important;
}

/*****************************/
/** CUSTOM CHECKBOX & RADIO **/
/*****************************/

/*
* override default design as it is optional
*/
.comparator .parameters .parameter-block .radio {
  padding-left: 0 !important;
}

#comparatif_operateur .form-check {
  padding-left: 0px;
}

/*****************************/
/**         FIX IE          **/
/*****************************/

/* TODO IE n'en tient pas compte */
@media all and (-ms-high-contrast: none) and (max-width: 991px) {
  #main-navbar {
    font-size: 1rem;
  }
}

/* FIX IE10 by specific Microsoft media query */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /**
	note dans bon de commande espacer bouton annuler !!! (le mettre à gauche)
	aligement icone dans le caddie qui partent à droite

	 */
  #main-navbar {
    font-size: 1.1rem;
  }

  .cashback-circle {
    letter-spacing: -1px !important;
  }

  input[type="checkbox"] {
    background: transparent !important;
  }

  input[type="checkbox"]:checked {
    background: transparent !important;
  }

  .content-mobile .options li {
    margin-left: 10px;
  }

  .navbar-toggler {
    position: absolute;
    right: 15px;
  }
}

/* patch typo article */
.conteneur_des_articles p {
  font-size: 1rem;
  color: #505050;
}

.conteneur_des_articles ul,
.conteneur_des_articles a {
  font-size: 1rem;
}

.conteneur_des_articles .videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.conteneur_des_articles .videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Share buttons */
.share-buttons-icon-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  height: 32px;
  width: 32px;
  border-radius: 50%;
}
.share-buttons-icon-wrapper svg {
  width: 60%;
}

.share-buttons-icon-wrapper svg path {
  fill: white;
}

.operator-products-table tbody tr {
  border-bottom-width: 1px;
  border-bottom-color: #e7e7e7;
  border-bottom-style: solid;
}

.activation-price {
  font-size: 0.85rem;
}

.operator-products-table div.col-lg-2,
.operator-products-table div.col.pl-2 {
  font-size: 0.94rem;
}

input.switch-private-pro[type="checkbox"] {
  background: #213b82;
}

/* operator view menu */
/* default */
.defaultTab {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0rem;
  padding-left: 2rem;
  padding-right: 2rem;
  min-width: 4rem;
  border-radius: 2rem;
  cursor: pointer;
  background-color: #e5f4fe;
  color: #1f438c;
  outline-width: 0px;
  transition: all 50ms ease-in-out;
}

.defaultTab > b {
  color: var(--darkblue);
}

.defaultTab > svg > * {
  stroke: var(--darkblue);
}

.defaultTab > svg > path:not(.fixSvg) {
  fill: var(--darkblue);
}

.defaultTab:hover {
  outline: 2px solid #1f438c;
  scale: 1.05;
}

/* pink */
.defaultTabPink {
  background-color: #fff2f7 !important;
  color: #ff2c52 !important;
}

.defaultTabPink > svg > path {
  fill: #ff2c52 !important;
}

.defaultTabPink:hover {
  outline: 2px solid #ff2c52;
}

/* activeTab styling */
/* default */
.navLink.active span {
  background-color: #1f438c !important;
  color: #ffffff !important;
  stroke: #ffffff !important;
}

.navLink.active span > b {
  color: var(--white) !important;
}

.navLink.active span:hover,
.activeTabPink:hover {
  outline-width: 0px;
}

.navLink.active span > svg > *,
.activeTabPink > svg > * {
  stroke: #ffffff;
}

.navLink.active span > svg > path:not(.fixSvg) {
  fill: #ffffff !important;
}

.navLink.active span + h4,
.activeTabPink + h4 {
  font-weight: 600;
}

.navLink.active span + .text-darkgrey {
  color: #1f438c;
}

.text-darkgrey {
  color: #323232;
}

/* pink */
.activeTabPink {
  background-color: #ff2c52 !important;
  stroke: #ffffff !important;
}

.activeTabPink > svg > path {
  fill: #ffffff !important;
}