/*v8.css*/
.radioform,
.checkboxform {
  /*display:none;*/
  position: absolute;
  visibility: hidden;
  left: -10000px;
}

.radio_check,
.checkbox_check {
  width: 2rem !important;
  height: 2rem !important;
  cursor: pointer;
}

.choix,
.choixradio {
  margin-bottom: 2% !important;
  cursor: pointer;
  width: calc(90% / 2);
  margin: 0% 2.5% 2%;
  height: 195px;
  float: left;
  padding: 10px 10px;
  background-color: #e0e0e0;
  -webkit-box-shadow: inset 0px 0px 0px 1px #ddd;
  box-shadow: inset 0px 0px 0px 1px #ddd;
}

.CB input[type="checkbox"]:checked+label {
  background: #148116 url(../im/2018/check.png) center center no-repeat;
}

.choix > div,
.choixradio > div {
  position: relative;
}

.choix a.info_button,
.choixradio a.info_button {
  text-align: center;
  border-width: 3px;
  /*background-color: #494949;*/
  /*color: #fff !important;*/
  color: black !important;
  text-decoration: underline;
}

.choix1 {
  width: 30% !important;
  height: 164px;
  padding: 0px;
}

.choix1 img {
  max-height: 100px;
  float: right;
  margin: 20px auto 10px;
}

.choix1 {
  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: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.choix1 a.info_button {
  margin: 0;
}

.choix2 label {
  position: absolute;
  top: 10px;
  right: 10px;
}

AboTv {
	display: flex !important;
	align-items: center;
	background: #ffffff;
	border: 0px solid #f4f4f4;
	border-radius: 16px;
	width: 100%;
	max-width: 700px;
	margin: 0 0 10px;
	padding: 1rem;
	box-sizing: border-box;
	box-shadow: inset 0 0 0px 3px #f4f4f4 !important;
	justify-content: space-between;
	min-height: 90px;
	box-sizing: border-box;
	flex-wrap: wrap;
	gap:12px;
  position:relative;
}
AboTv a.info_button {
	height: 20px;
	width: 22px;
	min-width: 22px;
	margin-left: 0;
  position: absolute;
	right: 1rem;

}
AboTv a.info_button img {
	margin-right: 0px;
	height: 20px;
	width: 21px;
	min-width: 21px;
	margin-left: 0;
}

AboTv div {
	flex-grow: 1;
}

AboTv > img {
	margin: 0 12px 0 24px;
  width:95px
}
AboTv div select {
	margin: 0 12px 0 0;
	padding: 12px;
	border: 0;
	background: none;
}
AboTv select[required]:valid, AboTv select[required]:hover:valid {
  border: 0 solid #10b981;
  border-bottom: 0 #10b981 solid !important;
}

AboTv div div {
	border-radius: 8px;
	box-shadow: inset 0 0 0 2px #e0e0e0 !important;
	width: fit-content;
	margin: 0 24px;
}
AboTv :focus-visible {
	outline: -webkit-focus-ring-color auto 0px;
}
equipements .information {
	background-color: #eff6ff !important;
	padding: 1rem;
	border-radius: 16px;
	display: flex;
	flex-direction: row;
  font-size: 0.75rem !important;
}
equipements .information img {
	width: 21px;
	height: 20px;
	margin-right: 6px;
}


.erreurSelect {
	box-shadow: inset 0 0 0 0 #e0e0e0 !important;
	font-size: 14px !important;
	color:#BE0924;
	font-weight:500;
	margin: 4px 24px 0;
  box-sizing: border-box;
}
.erreurSelect::before {
	content:url('../im/2023/logos/aboTv_Error.png');
    position: relative;
    top: 3px;
    margin-right:4px;
}

@media only screen and (max-width: 550px) {
  AboTv a.info_button {
    top:24px
  }
  AboTv {
    flex-direction: column;
    align-items: flex-start
  }
}


#detail_bundle_netflix .box > ul > li,#detail_bundle_disney .box > ul > li {
	display: flex;
	padding: 24px;
	flex-direction: column;
	align-items: flex-start;
	gap: 0;
	flex: 1 0 0;
	align-self: stretch;
	border-radius: 16px;
	border: 1px solid var(--Gray-G100, #e0e0e0);
	background: var(--Primary-White, #fff);
	min-width: 220px;
	max-width: 340px;
	margin: 0 auto;
}
#detail_bundle_netflix .box > ul,#detail_bundle_disney .box > ul {
	display: flex;
	padding: 32px 0 0;
	flex-direction: row;
	align-items: center;
	gap: 16px;
	align-self: stretch;
	margin: 0 0 24px;
	flex-wrap: wrap;
}
#detail_bundle_netflix .box > ul h4,#detail_bundle_disney .box > ul h4 {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 6px;
}
#detail_bundle_netflix .box > ul span,#detail_bundle_disney .box > ul span {
	font-weight: 500;
}
#detail_bundle_netflix .modal-logo img,#detail_bundle_disney .modal-logo img  {
	max-width: 300px !important;
}
#detail_bundle_netflix .box > ul ul,#detail_bundle_disney .box > ul ul {
	list-style: none;
	margin-left: 0;
}
#detail_bundle_netflix .box > ul ul li::before,#detail_bundle_disney .box > ul ul li::before {
	content: url('../im/2023/logos/aboTv_Check.png');
	display: block;
	margin-right: 6px;
	margin-top: 0;
}
#detail_bundle_netflix .box > ul ul li,#detail_bundle_disney .box > ul ul li {
	display: flex;
	line-height: 20px;
	margin-bottom: 4px;
	font-size: 14px;
}

#detail_bundle_netflix .modal-detail,#detail_bundle_disney .modal-detail {
    font-size: 22px;
}

#box_panels .small {
  font-style: normal !important;
}

#box_panels .delete.is-large {
  position: relative !important;
  right: 20px;
}

#box_panels .modal h2 {
  margin: 0px !important;
}

#box_panels .modal h1 {
  margin: 0px !important;
  font-weight: 700;
}

#box_panels .modal-content-img {
  max-width: 250px;
  max-height: 150px;
  margin: 20px 0px;
}
.modal .wifi7 img{
width: 80px;

}
#box_panels .modal hr {
  width: 40%;
  margin: 0px auto 20px;
}

#box_panels .modal .par {
  margin-bottom: 20px !important;
  margin-top: 0px !important;
  float: left;
  width: 100%;
}

#box_panels .modal .rub {
  margin-top: 20px;
}

.clearboth {
  clear: both;
}

#box_panels .modal .par img {
  margin: 10px;
  max-width: 120px;
  max-height: 40px;
}

#box_panels .modal .par.apps img {
  max-height: 80px;
}

#box_panels .modal .par.disney img {
  margin: 0px;
  max-width: 120px;
  max-height: 60px;
}

.logodelta img {
  margin: 10px;
  max-width: 120px;
  max-height: 40px;
  float: left;
}

.logodelta.disney img {
  margin: 0px;
  max-width: 120px;
  max-height: 60px;
}

.small2 {
  font-size: 11px;
}

/* pour la v7 2020 */
#bloc_v7 #button-financement {
  display: none;
}

/*****************/
#recap_box_v7 hr,
#recap_box_v8 hr,
#recap_box_v7s hr {
  display: none;
}

#recap_box_v8 .choixradio a.info_button {
  right: 7%;
}

#box_panels .white {
  background-color: white !important;
  -webkit-box-shadow: inset 0px 0px 0px 3px #2d70c3 !important;
  box-shadow: inset 0px 0px 0px 3px #2d70c3 !important;
}

.recap_descriptif .icons_line img {
  margin: 10px !important;
  float: left !important;
  max-height: 30px !important;
}

#recap_box_v7_one .recap_descriptif .icons_line  {
 text-align: center;
}

/*#recap_box_v8 .choixradio {
  width: 95%;
  height: unset;
  margin: 0% 2.5% 2%;
}

#recap_box_v8 .choixradio img {
  max-width: unset !important;
}*/

.ou {
  margin: 0% 0% 2%;
  font-weight: bolder;
  text-align: center;
}

.choixplayer {
  position: relative;
}


.recap_pricing {
  font-weight: unset;
}

fas {
    margin: 6px 0;
    display: block;
}
fas + br {
  display: none;
}

.title-rub {
  -webkit-box-shadow: 0px 3px 0px 0px #494949;
  box-shadow: 0px 3px 0px 0px #494949;
  margin: 1% 4% 2% 3%;
  font-weight: 600;
  display: block;
  clear: both;
}

.title-rub span {
  position: relative;
  top: 9px;
  padding-right: 5px;
  background: #efefef;
  margin-bottom: 14px;
}
.clearboth {
  clear: both;
}

.displaynone {
  display: none;
}

#bloc_v7 .pad-l-2,
#bloc_v8 .pad-l-2 {
  font-size: 13px;
  padding-left: 0px;
  margin-bottom: 20px;
}

#bloc_v8 .mentions.small,
#bloc_v7 .mentions.small {
  margin-bottom: 20px;
}

#box_panels .column.has-text-centered.dark_grey img {
  height: 20px;
  margin: 0px 10px;
}

#box_panels .column {
  padding: 10px !important;
}

#box_panels .column.is-two-third.choix2 > div {
  display: block;
}

.info-buttonnocss {
  display: block !important;
  height: unset !important;
  margin-left: 48px;
}

.small.mention.red {
  color: red;
  margin-top: 4px;
  font-weight: 600;
}

#detail_v7_with_player_appletv_BLOC_V7_2020 p,
#detail_v8_with_player_appletv_BLOC_V8 p {
  margin-bottom: 0px;
}

@media only screen and (max-width: 1430px) {
  .choixradio,
  .choix {
    width: 95%;
    margin: 0% 2% 2%;
    height: unset;
  }
}

@media only screen and (max-width: 770px) {
  #box_panels .delete.is-large.button-close {
    position: sticky;
    top: 4%;
    right: -1%;
  }

  .info-buttonnocss {
    margin-left: 0px;
  }

  #recap_box_v8 span.icon.oninput,
  #recap_box_v8 span.icon.onerror,
  #recap_box_v8 span.icon.onvalid,
  #recap_box_v7 span.icon.oninput,
  #recap_box_v7 span.icon.onerror,
  #recap_box_v7 span.icon.onvalid {
    display: none;
  }
  #recap_box_v8,
  #recap_box_v7 {
    padding: 3rem 0.5rem;
  }

  #recap_box_v8 .choixradio,
  #recap_box_v8 .choix,
  #recap_box_v7 .choixradio,
  #recap_box_v7 .choix,
  #recap_box_v7s .choixradio,
  #recap_box_v7s .choix {
    position: relative;
  }

  .choix > div,
  .choixradio > div {
    position: unset !important;
  }

  #box_panels .column {
    padding: 0.75rem 0px !important;
  }

  #box_panels {
    padding: 1rem 1rem !important;
  }

  #box_panels .mention.small {
    padding: 10px;
  }

  .block_fbx.box .column.dark_grey .box_desc {
    padding: 10px;
  }

  .box_title {
    min-width: unset;
  }

  .choix1,
  .choix2 {
    -webkit-box-flex: unset !important;
    -ms-flex: unset !important;
    flex: unset !important;
    width: 100% !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    text-align: center;
    height: unset !important;
    padding: 0px !important;
  }
  .choixradio,
  .choix {
    height: unset;
    margin: 20px auto !important;
    width: 100% !important;
  }

  .title-rub {
    margin: 5% 2.5% 0%;
  }

  .choix2 label {
    position: absolute;
    top: 5%;
    right: 5%;
  }

  #box_panels .column.is-two-third.choix2 div {
    margin: auto;
  }

  .choix a.info_button,
  .choixradio a.info_button {
    bottom: 6% !important;
    right: 0% !important;
    left: 0%;
    margin: auto;
  }
}

@media screen and (min-width: 769px) {
  .modal-content,
  .modal-card {
    margin: 0 auto;
    max-height: calc(100vh - 40px);
    width: 840px;
  }
}

.modal-content,
.modal-card {
  overflow-y: scroll;
  overflow-x: hidden;
}

#detail_box_v7s p {
  max-width: unset;
}

.modal .box {
  text-align: left !important;
  border-radius: 15px;
  padding: 20px 0 20px;
}

.modal-detail {
  margin: -10px 0 10px !important;
}

.modal .box > div:first-of-type {
  text-align: center;
  margin: 12px 0;
  font-weight: 600;
  font-size: 1.1rem;
}

.modal .box .modal-logo {
  border-top: 2px solid #f2f2f2;
  background-color: #f3f3f3;
  text-align: center;
  margin-bottom: 30px;
}
.modal .box .rub,
.modal .box .par,
.modal .box p,
.modal .box h2,
.modal .small.mention {
  padding: 0 6%;
  margin: 15px 0 0 !important;
}

.logocanal {
  width: 120px;
  text-align: center;
  float: left;
  font-size: 11px;
}
.logocanal img {
  margin: 0 10px;
}

.modal .box h1 {
  padding: 0 6%;
  margin: 0 0 30px !important;
  font-size: 1.7rem !important;
}

.modal .box .rub {
  font-size: 1.2rem;
}

#box_panels .modal .box hr {
  width: 100%;
  height: 2px;
  background-color: #f2f2f2;
}

.modal .delete {
  background-color: #fff;
  height: 40px;
  max-height: 40px;
  max-width: 40px;
  width: 40px;
  top: 10px;
}

.modal .delete:before,
.modal .delete:after {
  background-color: #666;
}

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



    #bloc_v6_new .box_subttl {
      margin: 0px 0 10px 0 !important;
  }

  #bloc_v6_new .box_claim,#bloc_v6_new .columns.PriceLine .flexcenter,.detail_box.info_button.info-buttonnocss, .box_model .block_fbx.box.valid_button .column.has-text-centered.dark_grey > div {
    margin-left:0!important;
  }

  #bloc_v6_new .button.red.is-medium.choose-button {
    margin:10px auto 20px!important;
  }

}


@media screen and (max-width: 860px) {
  .modal .box {
    border-radius: 0;
    height: inherit;
    height: auto;
  }

  .modal-content,
  .modal-card {
    max-height: 100vh;
    margin: 0 0;
    height: 100vh;
  }

  #choixadslmodal .modal-content,
  #choixadslmodal .modal-card,
  #choixfibremodal .modal-content,
  #choixfibremodal .modal-card {
    max-height: unset;
    margin: 0 0;
    height: unset;
  }
}
#choixadslmodal .modal-content,
#choixfibremodal .modal-content {
  max-width: 800px;
  max-height: unset;
  margin: 0 0;
  height: unset;
}
#box_panels .modal .par img[src="./im/2020/logos/netflix.svg"] {
  max-width: 90px;
}

/*2022*/

/* #bloc_v8 .box:not(:last-child)  ,  #bloc_v7 .box:not(:last-child){
  margin-bottom: 0px;
 } */

.box_claim {
  margin-left: 3rem;
  font-weight: 700;
  font-size: 18px;
  color: #fff;
  margin-bottom: 10px;
}

.detail_box.info_button.info-buttonnocss,
.box_model
  .block_fbx.box.valid_button
  .column.has-text-centered.dark_grey
  > div {
  margin-left: 3rem;
}

.box_model .button.red.is-medium.choose-button {
  margin-left: unset;
}

#bloc_v6_new .box_claim {
  color: #000000;
}

.box_model .box_title {
  margin-bottom: 0;
}

.box_model .box_desc {
  text-align: center;
  color: #000000;
  margin-left: unset;
}

@media screen and (min-width: 769px) {
  .columns:not(.is-desktop) {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}



#box_panels #bloc_v7 .column.has-text-centered.dark_grey img,
#box_panels #bloc_v8 .column.has-text-centered.dark_grey img {
  height: 40px;
  margin: 0px;
}

.block_fbx.box .column.has-text-centered.dark_grey .blueBox,.detail_box.info_button.info-buttonnocss, .box_model .block_fbx.box.valid_button .column.has-text-centered.dark_grey > div.blueBox,.faux-tab .porta2 .blueBox {
  color:#275ECB;
  background:#eff6ff;
  border-radius: 8px;
  width: fit-content;
  margin-left:  auto !important;
  margin-right:  auto !important;
  position: relative;
  top:10px;
  font-weight: bolder;
  padding:4px 8px;
  font-size: 14px;
  }
.faux-tab .porta2 .blueBox {
    top: 0;
    margin-bottom: 6px;
    display: block;
}
.explain_RIO ul.list {
  list-style: disc;
  margin:12px 24px 24px;
}

.explain_RIO .flexrow {    
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: space-around;
    align-content: flex-start;
    margin-left: 24px;
}
.explain_RIO .flexrow> div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: 14px;
    min-width: 300px;
}

.column.explication_rio.pagecenter img{
  height:30px;
  margin-top:4px
}


  #box_panels .column.has-text-centered.dark_grey .blueBox + img {
    margin: -2rem -3.5rem -1rem !important;
  }

#box_panels #bloc_v7 .block_fbx.box[data-target="#recap_box_v7"] .pricing_int,
#box_panels #bloc_v8 .block_fbx.box[data-target="#recap_box_v8"] .pricing_int {
  color: #ca0000;
  font-size: 4rem;
  letter-spacing: -3px;
}

#box_panels #bloc_v7 .block_fbx.box[data-target="#recap_box_v7"] .pricing_float,
#box_panels
  #bloc_v8
  .block_fbx.box[data-target="#recap_box_v8"]
  .pricing_float {
  color: #ca0000;
  font-size: 1.5rem;
  letter-spacing: -1px;
}
#box_panels #bloc_v7 .block_fbx.box[data-target="#recap_box_v7"] .pricing_month,
#box_panels
  #bloc_v8
  .block_fbx.box[data-target="#recap_box_v8"]
  .pricing_month {
  font-weight: 500;
}

.pricing_int {
  padding-right: 0.2rem;
}

.pricing {
  margin-top: 0;
}

/*Preco fibre*/
.precoFibre .input {
  display: block;
  margin-top: 5px;
}
.precoFibre .field {
  font-weight: 600;
}
#choixfibre > div,
#choixadsl > div {
  min-width: 300px;
  width: 100%;
  float: left;
  margin: 0 0 5px 0;
  background-color: #fff;
  text-align: center;
  padding: 10px;
  font-size: 18px;
  cursor: pointer;
}

.choixpreco div span {
  font-size: 15px;
}

.precoFibreRetour {
  color: #000000;
}

form[action="00_choose_nd.pl"] .button.is-large.is-fullwidth.is-hidden-mobile {
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
}

.choixpreco {
  width: 48%;
  margin: 0 1%;
}

.choixpreco div div div {
  background-color: #ca0000;
  color: #fff;
  margin: 10px -10px -10px -10px;
  padding: 10px 0;
}
.choixpreco input {
  display: none;
}

.choixpreco img {
  margin: auto;
  display: block;
}

.fibre-chez-vous {
  text-align: left;
  font-size: 1.1rem;
}

.fibre-chez-vous.fibreprecoValid {
  text-align: center;
}

.fibre-chez-vous div {
  margin: 20px 0;
}

.flexcenter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: auto;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
}

.bonneNouvelle {
  background-color: #fff !important;
  color: #4a4a4a !important;
}
.bonneNouvelle h2 {
  line-height: 30px;
}
.bonneNouvelle span {
  font-size: 1.6rem;
  font-weight: 300 !important;
}
.bonneNouvelle p {
  color: #666;
  display: inline-block;
}

.bonneNouvelle img {
  float: left;
  width: 80px;
  height: 80px;
  margin-right: 20px;
}

.fibre-chez-vous h1 {
  text-align: center;
  font-size: 30px;
}

.fibre-chez-vous p {
  text-align: center;
}

.choixpreco button {
  border: 0;
  display: block;
  margin: auto;
  width: 100%;
  text-align: left;
  font-size: 11px;
}

@media only screen and (max-width: 850px) {
  .choixpreco {
    width: 100%;
    margin: 0 5% 2%;
  }
}

@media screen and (min-width: 1216px) {
  #eli_adr .column.is-7-widescreen {
    width: 100%;
    margin: auto;
  }
}

#choixfibremodal .modal-content,
#choixadslmodal .modal-content {
  overflow-y: auto;
}

#choixfibremodal .box p,
#choixadslmodal .box p {
  margin: 0 !important;
  font-size: 1.5rem;
}

#choixfibremodal .delete,
#choixadslmodal .delete {
  float: right;
}

.choixpreco .info_button {
  margin-left: 0;
}

.choixpreco .mention {
  font-size: 11px;
  margin-left: 15px;
}

.fibre-chez-vous input:-moz-read-only {
  color: white;
  background-color: #b5b5b5;
  pointer-events: none;
}

.fibre-chez-vous input:read-only {
  color: white;
  background-color: #b5b5b5;
  pointer-events: none;
}

#choixfibremodal a {
  text-decoration: underline;
}

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/

.logocanal2 img {
  margin: initial;
}

.logocanal2 {
  width: 90px;
  text-align: center;
  float: left;
  font-size: 11px;
  margin-right: 15px;
}
#bloc_v7 img[src="im/2023/logos/logo-canal.svg"]{
height: 35px;
}

.box_model .box_desc {
  margin-bottom: 0;
}

#bloc_v6_new .columns.PriceLine .flexcenter {
  margin-left: 3rem 
}
#bloc_v6_new .box_subttl {
  margin: 0px 0 10px 3rem;
}

#bloc_v6_new .box_subttl img {
  margin-left: 10px;
  max-width: unset !important;
}

#bloc_v7 .logocanal2,
#bloc_v8 .logocanal2 {
  width: 90px;
  color: #fff !important;
  text-align: center;
  float: initial;
  display: block;
  font-size: 11px;
  margin: 0 auto 0px;
}

#box_panels #bloc_v7 .column.has-text-centered.dark_grey img {
  margin: 0;
  height: auto;
}

.detail_box.info_button.info-buttonnocss,
.box_model
  .block_fbx.box.valid_button
  .column.has-text-centered.dark_grey
  > div {
  margin-bottom: 20px;
}
.logocanal2 {
  width: auto !important;
  margin: 0 0 10px !important;
}

.logocanal2 img {
  width: auto !important;
  margin: auto !important;
  float: initial !important;
}
.logocanal2 span {
  display: block;
  text-align: center;
}

#bloc_v7 .tvbycanal {
  max-width: initial;
}

#bloc_v7 .logocanal2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 5px 6px !important;
}

#bloc_v7 .flexcenter {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

#recap_box_v7 .choixplayer.choixradio_parent > span {
  margin: 0% 0 2% 1%;
  display: block;
}

.choix1 {
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
}

.choix2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: auto;
}

.choix2 .columns {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: auto;
}

.choix2 .columns:last-child {
  margin-bottom: 0;
}

.choixnetflix .recap_descriptif.small {
  font-weight: 600;
  font-size: 0.9rem;
}

.choixnetflix .recap_descriptif.mention {
  margin-top: 10px;
  font-size: 0.75rem;
}

.modal-content,
.modal-card {
  overflow-y: auto;
}

#recap_box_v7
  .title-rub.equipements
  ~ .columns.choix
  .column.is-two-third.choix2 {
  height: auto;
}

#recap_box_v7 .recap_focus {
  width: 100%;
}

#recap_box_v7 form > div:nth-child(3) > div > div.recap_descriptif {
  top: 20px;
  left: -265px;
}

#recap_box_v8 .recap_focus,
#recap_box_v7 .recap_focus {
  padding-top: 0px;
}

#recap_box_v7
  > form
  > div.choixplayer.choixradio_parent
  > div:nth-child(14)
  > div.column.is-two-third.choix2
  > div
  > div
  > div.small {
  margin-top: -15px;
}

.title-rub span {
  top: 0px;
  padding-left: 5px;

  margin-left: -7px;
}
.mcafee,#box_panels mcafee .columns.choix.qiara {
  margin-bottom:24px !important
}
.columns.choix.qiara img[src="im/2023/logos/Qiara4.png"] {
    position: relative;
    right: 12px;
}

#recap_box_v8 .title-rub,
#recap_box_v7s .title-rub,
#recap_box_v7 .title-rub {
  margin: 2% 0% 2% 1%;
}

.link_rdv_fibre {
  padding: 10px;
}

.link_rdv_fibre a {
  font-weight: 700 !important;
  white-space: unset;
  color: #ca0000 !important;
  padding: 10px 20px;
  height: unset;
}

.bienvenue {
  background-image: url(../im/2020/confettis.svg);
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 12px;
  margin-bottom: 0 !important;
  max-width: 980px;
  margin: 30px auto !important;
}
.bienvenue .column.is-7-widescreen.margin {
  width: 100% !important;
}

#ErreurRadio {
  scroll-margin-top: 120px;
  position: relative;
  top: 7px;
}
#ErreurRadio span{
  font-size: 13px;
  color: red !important;
  font-weight: 600 !important;
}
.choix1 span {
  margin-top:5px;
  background-color: #000;
  color:#FFF;
  text-align:center;
  padding:2px 16px;
  border-radius:3px;
}

.title-rub-netflix span {
  float:left;
}

.offremobile {
  max-width: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background-color: #fff;
  border-radius: 12px;
  padding: 5px 0 0 0;
  margin: 20px 0;
  height: fit-content;
  min-width: 370px;
  width: 48% !important;
}

.offremobile span {
  font-size: 13px;
  font-weight: 600;
}
.offremobile div {
  height: 230px;
  min-width: 422px;
  overflow: hidden;
  display: block;
  margin-left: 50%;
  transform: translateX(-50%);
}

.offremobile a {
  display: block;
  width: fit-content;
  margin: 10px auto;
}

.offremobile .button.is-large.red.submit {
  font-size: 16px;
  padding: 10px 20px;
  height: auto;
}

.offremobile .button.is-large.red.submit {
  margin-bottom: 40px;
}

.bienvenue div img {
  height: 56px;
  width: 56px;
}
.hide {
  display: none;
}

.detailforfait2h,
.detailforfait5g,
.detailforfaitvp
 {
  color: #000;
  font-size: 12px;
  font-weight: 600;
  margin: 15px 0 5px;
}

.container._8.commit {
  padding: 0px !important;
}

.commit > .columns {
  display: block;
  max-width: 960px;
  margin: auto;
}

.commit .button {
  border-radius: 6px;
}

.commit .offremobile .button {
  width: 200px;
}

.inverse {
  transform: rotate(180deg);
}

.commit ._8 .columns .column {
  padding: 0;
}

.commit ._8 .columns {
  max-width: 960px;
  margin: auto;
}

.commit ._8 .columns .column .columns, .commit .columns.is-centered + div.columns {
  display: flex;
  justify-content: space-around;
  flex-direction: row;
  flex-wrap: wrap;
}



.title-rub span {
	    margin-right: 7px;
}

a:hover.netflix-reset.button.red {
  color :#494949 !important;
  border-color: #494949 !important;
  background-color:#fff !important;
  text-shadow: 0 0 0.01px black;
}



.netflix-reset.button.red {
  color :#494949 !important;
  border-radius: 6px !important;
  border-color: #494949 !important;
  background-color:#efefef !important;
  border-width : 2px !important;
  padding: 20px;
}

.netflixRattacherCompte {
  clear:both;
}
.netflixRattacherCompte + span {
margin: 15px;
display: block;
}

.detail_mcafee img {
  height: 50px;
}


.detail_mcafee > div > div > div {
  display: flex;
  gap: 20px;
  margin: 20px 0;
  text-align: left !important;
  color: #4a4a4a;
  padding: 0 6%;
  font-size: 1rem !important;
  font-weight: 400;
}
.detail_mcafee > div > div > div strong{
  display: contents;
}

.detail_mcafee > div > div > div:nth-of-type(1) {
  margin-top:40px !important
}

.choixMcafee .info_button2 {
	position: absolute;
    	left: calc(50% - 35px);
    top: 33px;
    z-index: 300;
}
.choixMcafee .info_button2.info_button2avance {
	left: calc(100% - 35px);
}
.choixMcafee {
	position: relative;
}

.submit.button.is-large.is-fullwidth.red._340.disabled{
  cursor: default;

}

#eli_adr > div > div > div > form.small-margin._248 > h3 {
float:left;
margin-right:20px;
}

#eli_adr > div > div > div > form.small-margin._248 > h3 + .red {
top: 3px;
font-weight: 600;
position: relative;
}

#box_panels .logocanal2 {
  margin: 0 0 5px !important;
  max-width: 115px !important;
}

.flexcenter.logocanalV9 {
  padding:0;
}

.offreHeaderContent .flexcenter.logocanalV9 {
  margin-top:0.5rem !important;
  align-content: center;
  justify-content: center;
}



@media screen and (max-width: 769px) {
  .offremobile {
    margin-left: 50%;
    transform: translateX(-50%);
    width: 100% !important;
  }

  .commit ._8 .columns .column .columns, .commit .columns.is-centered + div.columns {
    justify-content: space-between;
  }
}


/*DEV*/
pre::before {
  content: "DEBUG";
  background-color: #fff;
  border: 1px solid #494949;
  color: #494949;
  padding: 5px 10px;
  position: fixed;
  top: -1px;
  right: -1px;
  background: #494949;
  color: #fff;
  font-weight: 700;
}

pre {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 200;
  display: block !important;
  width: 0;
  height: 0;
  padding: 0;
  overflow-x: hidden !important;
  overflow-y: hidden;
  background-color: #fff !important;
  font-size: 10px;
}

pre.active {
  padding: 1%;
  width: 80%;
  height: fit-content;
  border-right: 2px solid #525252;
  overflow-y: auto;
}



/*General*/

body {
  background: #f4f4f4;
  height: 100%;
  padding-top: 80px;
  padding-bottom: 0;
  overflow: auto;
  min-height: 100%;
}

body,
button,
input,
select,
textarea,
strong,
.is-danger {
  font-family: Montserrat, BlinkMacSystemFont, -apple-system, "Open Sans",
    "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans",
    "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.button.is-large.is-fullwidth.is-hidden-mobile {
  width: auto;
  float: right;
  background: #D4D4D4;
  border: 0;
  text-decoration: none;
  cursor: pointer;
  font-size: 16px;
  line-height: 18px;
  padding: 15px 24px;
  font-weight: 500;
  color: #fff !important;
  border-radius: 6px;
  height: auto;
}

.hero-body.is-7-widescreen {
  background: #fff;
  box-sizing: border-box;
  height: 77px;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  right: 0;
}

html {
  background: #f4f4f4;
  height: 100%;
  overflow: auto !important;
}

a {
  color: #3b82f6 !important;
}

.container {
  padding: 0;
  width: 95%;
  margin: auto;
  box-sizing: border-box;
  border-radius: 0;
}

.control.has-icons-left .input.is-large~.icon,
.control.has-icons-left .select.is-large~.icon,
.control.has-icons-right .input.is-large~.icon,
.control.has-icons-right .select.is-large~.icon {
  height: 100%;
}

/*Titre*/
#eligibilite h2,
#eligibilite>div,
page>div>h2,
page .interface>div>h2 {
  text-align: center;
  line-height: 100%;
  margin: 0 auto 0.3em;
}

page .interface>div>h2 {
  padding: 2rem 0 1rem !important;
  text-align: left;
}

page .interface .pad_2_0 {
  margin: auto;
  max-width: 1280px;
  width: fit-content !important;
}

#coordonnees .columns.is-centered.small-margin.margin-t-2,
#ultimatesubmit_MINI {
  margin: auto;
  max-width: 1280px;
  margin-top: 2rem !important;
  margin-bottom: 1rem;
}

#ultimatesubmit_MINI {
  max-width: 1280px !important;
}


page#coord .container.clear,
page#coord .container.clear .column.is-7-widescreen.small {
  padding: 0;
  margin: 0 auto;
}

button#mini4k {
  width: initial;
  float: right;
}

page>div>h2+span {
  margin: auto;
  display: block;
  width: fit-content;
}

page>div:nth-of-type(1) {
  margin: 2rem auto -100px !important;
  width: 90%;
  z-index: 10;
  position: relative;
}

page#choose_box main {
  margin: 0 auto !important;
}

#eli_adr .column.is-7-widescreen {
  width: 100%;
}

/*Nav*/
.hero-body.is-7-widescreen .subtitle,
.etape2Txt,
.etape3Txt,
.etape4Txt,
.etape5Txt,
.etape6Txt,
#eli_tel hr,
#eli_adr hr,
section .container .columns.is-centered .column.is-7-widescreen h3 br,
.columns.choix .choix1 img,
#tv_fbx_choose_v6,
#recap_box_v6 hr,
.panel.ValidLine .icon.is-small.is-right.oninput,
.panel.ValidLine .icon.is-small.is-right.red,
.panel.ValidLine .icon.is-small.is-right.green,
nav.breadcrumb.margin,
page.cgv coord h3,
#box_panels h3,
hr,
.box_desc br,
page#eligibilite form+.box.small-margin,
#choose_box .logocanal2 br,
page#eligibilite .box.small-margin,
choixplayertv .recap_descriptif.small br,
.box_model .box_desc,
#eli_adr .bonneNouvelle p br,
#tv_fbx_recap_mini,
#detail_box_MINI h2,
#detail_box_MINI a,
a.detail_box.valid_button[data-target="#detail_box_MINI"],
#porta1 .notification br,
#adr_factu1+h4,
.hiddenfix {
  display: none;
}

/*.recap_descriptif+.small,*/
.offremobile div {
  height: 221px;
  position: relative;
  overflow: initial;
  overflow-y: hidden;
  margin-left: initial;
  transform: initial;
  min-width: 350px
}

.offremobile div img {
  overflow: hidden;
}

.offremobile div {
  height: 221px;
  position: relative;
  overflow: initial;
  overflow-y: hidden;
  margin-left: initial;
  transform: initial;
  min-width: 350px
}

.offremobile.offremobilevp #forfaitvp {
  height: 310px ;
  width:322px;
  margin:auto;
  border: 2px solid #E9E9E9;
  border-radius: 12px;
}


.offremobile.offremobilevp div:nth-of-type(2) {
  height: auto ;
}

.offremobile div img {
  overflow: hidden;
}
.offremobile.offremobilevp {
  border:0
}

page.livraison #btn_sub {
  margin-top: 1rem;
}

a.detail_box.info_button.info-buttonnocss,
#tv_fbx_recap_mini,
choixplayertv3,
.retourAccueilMobile {
  display: none !important;
}


.info_button[data-target="#detail_box_v6_2023"] {
  margin-left: 0;
  display: block;
  font-size: 12px;
}

.hero-body.is-7-widescreen .has-text-centered .title {
  text-align: left;
}

#logo {
  width: 86px;
  margin-left: 1rem;
}

#livraison_box {
  padding-left: 7rem;
  background: url(../im/2023/modelivraison.svg) left center no-repeat;
}

#logo-vp {
  width: 250px;
  top: -8px;
  position: relative;
}

nav {
  display: flex;
  justify-content: center;
  position: absolute;
  left: 0px;
  right: 0;
  top: 20px;
}

.etape {
  border-radius: 4px;
  font-size: 30px;
  height: 45px;
  padding: 0px 10px;
  text-align: center;
  display: inline-block;
}

.etape div {
  float: left;
}

.navtexte {
  font-size: 17px;
  display: none;
  float: left;
  margin-right: 20px;
}

.etape .active.navtexte {
  display: block;
  position: absolute;
  color: black;
  top: 0;
  right: 20px;
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  color: #161616;
  text-transform: capitalize;
}

.etape .navtexte span {
  display: block;
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  align-items: center;
  text-align: right;
  text-transform: uppercase;
  color: #525252;
}



.navchiffre {
  float: left;
  font-size: 17px;
  border-radius: 20px;
  margin: 0px 30px;
  color: white;
  width: 40px;
  font-weight: 800;
  height: 40px;
  border: 0px #a8a8a8 solid;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  position: relative;
  z-index: 5;
}

.etapeSvg>div:not(.etapeBarreB, .etapeBarreBMob, .etapeBarre):after {
  content: '';
  width: 40px;
  position: relative;
  z-index: 4;
  background: #FFF;
  display: block;
  height: 10px;
  margin: 15px auto;
}

.active .navchiffre {
  border: 0px #3b82f6 solid;
}

.navchiffre img {
  filter: invert(73%) sepia(0%) saturate(4%) hue-rotate(165deg) brightness(95%) contrast(82%);
}

.active .navchiffre img{
 filter: invert(18%) sepia(93%) saturate(6314%) hue-rotate(134deg) brightness(97%) contrast(101%);
}

.on .navchiffre img{
  filter: invert(30%) sepia(0%) saturate(1%) hue-rotate(17deg) brightness(102%) contrast(90%);
}

.etapeBarre,
.etapeBarreB,
.etapeBarreBMob {
  position: relative;
  background: #a8a8a8;
  z-index: 3;
  left: 0;
  right: 0;
  top: 21px;
  box-sizing: border-box;
  width: 80%;
  bottom: 0;
  height: 2px;
  margin: 0 10%;
}

.etapeBarreB,
.etapeBarreBMob {
  top: 22px;
  background: #525252;
  ;
  width: 0%;
  z-index: 4;
}

.etapeBarreBMob {
  background: #3b82f6;
}

.etapeBarreB {
  display: block;
}

.etapeBarreBMob {
  display: none;
}

/*Home*/
page {
  padding: 0;
  height: auto;
  min-height: calc(100vh - 320px);
  display: block;
}



main,
chooseP,
coord fieldset,
cgv,
page.livraison coord section:nth-of-type(2),
#bankform .tabs.is-centered.is-fullwidth {
  background: #fff;
  border-radius: 12px;
  max-width: 1280px;
  width: 95%;
  height: auto;
  border: 1px solid #f3f3f3;
  display: block;
  margin: 150px auto 0 !important;
  box-sizing: border-box;
  padding: 2rem 0;
}

#bankform #pay_conserve {
  background: #fff;
  border-radius: 12px;
  max-width: 1280px;
  width: 95%;
  border: 1px solid #f3f3f3;
  display: block;
  margin: 150px auto 0 !important;
  box-sizing: border-box;
  padding: 2rem 0;
}

#bankform #pay_new fieldset {
  margin: 0 auto 0 !important;
}

#bankform .tabs {
  white-space: initial;
}

#bankform #pay_conserve {
  margin: 1rem auto 0 !important;
  padding: 0;
}

#pay_conserve_block p,
#recap_box_MINI .column.is-narrow a,
#porta3 {
  max-width: 700px;
  margin: auto;
}



#adr_factu1 fieldset {
  margin: 1rem auto !important;
}

.tabs.is-centered.is-fullwidth a[data-target="pay_new"] {
  border-radius: 0 8px 8px 0;
}

page.cgv cgv>div {
  max-width: 80%;
  margin: auto !important;
  background: #fff;
}

cgv {
  margin: 100px auto 0 !important;
}

page.cgv coord section:nth-of-type(2) {
  padding: 2rem 2rem;
}


page.livraison coord section:nth-of-type(2)>div {
  max-width: 700px;
  margin: auto;
  background: #fff;
}

page#eligibilite .switchbutton.button.is-medium.is-fullwidth {
  border: 1px solid #c6c6c6;
  color: #c6c6c6 !important;
  border-radius: 0px 8px 8px 0px;
  font-weight: 400;
  margin-bottom: 0;
  font-size: 16px;
}

page#eligibilite .switchbutton.button.is-medium.is-fullwidth.is-active,
button.focus .card {
  z-index: 10;
}

#box_panels .panel.ValidLine mcafee .columns.choix.qiara .choix2{
  padding: 0  !important;
}
#box_panels .panel.ValidLine mcafee .columns.choix.qiara input {
display: none;
}
#box_panels .panel.ValidLine mcafee .columns.choix.qiara .choix1 {
display:none !important;
}

page#eligibilite .switchbutton.button.is-medium.is-fullwidth,
page chooseP .column:nth-of-type(2) button .card {
  z-index: 9
}

.switchbutton.button.is-medium.is-fullwidth.ptoNon,
page chooseP .column:nth-of-type(2) button .card {
  left: -1px;
}

page#eligibilite .switchbutton.button.is-medium.is-fullwidth[data-target="#pto_tab"] {
  border-radius: 8px 0 0 8px;
}

page#eligibilite #bab {
  margin: 1rem 0 1rem !important;
}

#same_adresse>.card-content>.content.has-text-left {
  margin: 1rem
}

page#eligibilite label[for="bab"] {
  margin: 0 0 1rem !important;
}

#equipement_MINI ul li:nth-of-type(2) a,
#equipement_V6 ul li:nth-of-type(2) a {
  border-radius: 0px;
  left: -1px;
}

#equipement_MINI ul li:nth-of-type(3) a,
#equipement_V6 ul li:nth-of-type(3) a {
  border-radius: 0 8px 8px 0;
  left: -2px;
}

#equipement_MINI .tabs.is-centered.is-fullwidth a.tab,
#equipement_V6 .tabs.is-centered.is-fullwidth a.tab {
  z-index: 9;
  position: relative;
}

#equipement_MINI .tabs.is-centered.is-fullwidth .is-active a.tab,
#equipement_V6 .tabs.is-centered.is-fullwidth .is-active a.tab {
  z-index: 10;
}

page#choose_box .checkboxform {
  display: none;
}

page#choose_box .checkboxform+label, page#choose_box .checkboxform + span  + span  + span + label {
  position: relative;
  display: block !important;
  top: 0;
  left: 0;
}

#box_panels .panel.ValidLine .canal .column.choix2 {
  padding: 0px !important;
}

#box_panels .panel.ValidLine .canal {
  margin-top: 15px;
}

page#choose_box .accordion>div:nth-of-type(1) .accordion-contant {
  display: block;
}

page#choose_box .checkbox_check {
  width: 1.5rem !important;
  height: 1.5rem !important;
}


cgv .desc {
  display: flex;
  flex-direction: row;
  align-items: center;
}

cgv .desc>div,
cgv .desc>span,
.CB label {
  position: unset;
}

cgv .desc>div {
  width: 30px;
  margin-right: 2rem;
}

page#eligibilite .switchbutton.button.is-medium.is-fullwidth.is-active {
  border: 2px solid #525252;
  color: #161616 !important;
  background: #fff;
  font-weight: 500;
}

#cgv_valid>div {
  margin: 20px auto;
}

.container {
  background: #fff;
}

.column {
  padding: 0;
}

.columns:last-child {
  margin-bottom: 0rem;
}

.column.is-7-widescreen {
  width: 100%;
}

section .container .columns.is-centered .column.is-7-widescreen h3 {
  text-align: left;
  margin-top: 1em;
  font-size: 32px;
  font-weight: 700;
  line-height: 140%;
  position: relative;
  font-size: 21px;
}

form[action="01_choose_box.pl"] .submit.button.is-large.is-fullwidth.red._340 {
  margin: 0 auto;
}

form[action="01_choose_box.pl"] {
  margin-bottom: 0 !important;
}

section>.container>.columns.is-centered>.column.is-7-widescreen>h3 {
  top: -170px;
  margin-bottom: -100px;
  font-size: 32px;
}

section .container .columns.is-centered .column.is-7-widescreen h3 .sub {
  display: block;
}

section .container .columns.is-centered .column.is-7-widescreen h3 span {
  font-style: normal;
  font-family: Montserrat, BlinkMacSystemFont, -apple-system, "Open Sans",
    "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans",
    "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.input[disabled], .textarea[disabled],select[disabled] {
  background-color: #f5f5f5;
  border-color: #f5f5f5;
  box-shadow: none;
  color: #7a7a7a !important;
  border:0 !important;
}
.input[disabled], .textarea[disabled], select[disabled] {
  cursor: not-allowed;
}
select[disabled] + .select2{
display: none !important;

}
select[disabled] {
    -webkit-appearance: none;
-moz-appearance: none;
text-indent: 1px;
text-overflow: '';
}
#eli_adr .notification.is-danger {
  border:0 !important;
  margin: 1rem auto;
}

#eli_adr .notification.is-danger svg {
	width: 1rem;
	height: 1rem;
}

button.button.red:hover,
button.button.red.is-hovered,
a.button.red:hover,
a.button.red.is-hovered {
  background-color: #ca0000;
  color: #fff !important;
  transition: none;
}

.tabs.is-centered.is-fullwidth a.tab {
  width: calc(544px / 2);
    height: 72px;
  border: 1px solid #c6c6c6;
  border-radius: 8px 0px 0px 8px;
  margin-bottom: 2em;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  text-align: center;
  color: #c6c6c6 !important;
  position: relative;
  z-index: 9
}

/*old v6 legacy*/
#bloc_v6_old .box_title {
  margin-top: 1rem;
}

#bloc_v6_old .detail_box {
  display: none;
}

#bloc_v6_old .pricing_int,
#bloc_v6_old .box_title span {
  color: #ca0000;
}

#bloc_v6_old #tv_fbx_choose_v6,
#bloc_v6_old #tv_fbx_recap_v6 {
  display: block;
}

#bloc_v6_old #tv_fbx_choose_v6>div>div>div, #bloc_crystal #tv_fbx_choose_crystal>div>div>div, #bloc_v5 #tv_fbx_choose_v5>div>div>div  {
  border-radius: 12px;
}

#bloc_v6_old #tv_fbx_recap_v6>div {
  text-align: center !important;
}

#recap_box_v6_legacy .box_img.valid_button {
  width: 200px !important;
  height: auto !important;
  margin: 0rem 2rem 1rem !important;
}


#recap_box_v6_legacy h2 {
  margin: 1rem auto 2rem !important;
}

.tabs.is-centered.is-fullwidth li:last-of-type a {
  left: -1px
}

.tabs.is-centered.is-fullwidth.small-margin {
  margin-bottom: 0 !important;
}

#eligibilite.vad .tabs.is-centered.is-fullwidth a.tab[data-target="eli_adr"] {
  border-radius: 0;
  border: 0;
  font-weight: 600;
  font-size: 18px;
  height: auto;
  cursor: auto;
}

.tabs.is-centered.is-fullwidth a.tab[data-target="eli_adr"] {
  border-radius: 0 8px 8px 0;


}

#eligibilite.vad .tabs.is-centered.is-fullwidth a.tab[data-target="eli_adr"] {
  border-radius: 8px
}

#eligibilite.vad .tabs ul {
  padding: 0
}

#eligibilite.vad #eli_adr select {
  cursor: not-allowed;
  background-color: #f5f5f5;
  border-color: #f5f5f5;
}

page#eligibilite .freeproxi {
  background-color: #F4F4F4 !important;
  color: #000 !important;
  text-align: left !important;
  display: flex;
  align-items: center;
}

page#eligibilite .freeproxi div {
  margin-left: 1rem
}

page#eligibilite .freeproxi img {
  filter: invert(27%) sepia(83%) saturate(1686%) hue-rotate(207deg) brightness(90%) contrast(90%);
  margin: 0;
  width: 80px;
}

page#eligibilite .freeproxi .red {
  color: #275ECB !important;
  font-weight: 600;
}

#recap_box_v8 img[src="im/2023/logos/Delta.png"] {
  display: none;
}

#recap_box_v8 .offreHeaderContent .columns:not(.v8),
#recap_box_v8 .offreHeaderContent .flexcenter:not(.v8) {
  display: none;
}

page#eligibilite .freeproxi strong {
  font-weight: 600 !important;
}

.tabs.is-fullwidth li {
  flex-grow: 0;
}

.tabs ul {
  align-items: flex-start;
  height: auto;
  box-sizing: border-box;
  padding: 0 0 1.5rem;
  border: 0;
}

.tabs.is-fullwidth li.is-active a.tab {
  border: 2px solid #525252;
  color: #161616 !important;
  z-index: 10;
}

input[required],
input[required]:hover {
  border: 1px solid #c6c6c6;
}

.input:focus,
.input.is-focused,
.input:active,
.input.is-active,
.textarea:focus,
.textarea.is-focused,
.textarea:active,
.textarea.is-active {
  border-color: #c6c6c6;
}

button.button.red,
a.button.red {
  border-radius: 6px;

}

section#footer {
  bottom: 0;
  right: 0;
  left: 0;
  color: #333333;
  text-align: center;
  position: relative;
  margin: 50px 0 0 0 !important;
  padding: 1.5em !important;
  max-width: 100%;
}
section#footer img{
  height:70px
}

page#choose_box+section#footer {
  background: #f4f4f4;
}

section#footer .container {
  width: 100%;
  padding: 0 0;
}

input[required]:valid,
input[required]:hover:valid,
select[required]:valid,
select[required]:hover:valid {
  border: 2px solid #10b981;
  border-bottom: 2px #10b981 solid !important;
}

.control.has-icons-left .input.is-large~.icon,
.control.has-icons-left .select.is-large~.icon,
.control.has-icons-right .input.is-large~.icon,
.control.has-icons-right .select.is-large~.icon {
  font-size: 1rem;
}

#eli_adr .field {
  width: 544px;
  max-width: none;
  margin: 0 auto;
}

#eli_adr .field label,
#coordonnees label {
  text-align: left;
  width: 544px;
  font-weight: normal;
  font-size: 16px;
  margin: 10px 0;
  display: block;
  margin: 10px 0 5px;
}
#eli_tel > form > div.container.has-text-centered > div > div > div > .column.is-fullwidth, #eli_adr > form  div.container.has-text-centered > div > div > div > .column.is-full-width,form[action="00_choose_nd.pl"] .column.is-three-quarter   {
  width: 100%;
}

#eli_tel .columns.is-centered.small-margin, #eli_adr .columns.is-centered.small-margin  {
  flex-direction: column-reverse;
  align-items: center;
gap:1rem;
margin-top:1rem;
}

#eli_tel .columns.is-centered.small-margin .button.is-large.is-fullwidth.is-hidden-mobile , #eli_adr .columns.is-centered.small-margin .button.is-large.is-fullwidth.is-hidden-mobile {
background:unset;
color:#000 !important;
text-decoration: underline;
text-transform : lowercase;
}

#eli_tel,
#eli_adr {
  position: relative;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  padding: 0;
  max-width: 544px;
  width: 100%;
  margin: 0 auto;
}

#eli_tel .columns.is-centered.small-margin,
#eli_adr .columns.is-centered.small-margin,
page#eligibilite form[action="00_insert_addr.pl"] {
  margin-bottom: 0 !important;
}

#eli_tel .red.bold,
#eli_adr.red.bold {
  position: relative;
  top: 0;
  width: 544px;
  margin: auto;
  font-size: 14px;
  font-weight: 500;
}

.margin {
  margin-bottom: 0rem !important;
}

#eli_tel .column.is-7-widescreen h3 .sub,
#eli_adr .column.is-7-widescreen h3 .sub {
  display: none;
}

#eli_tel form[action="00_choose_offre.pl"] button,
#eli_adr form[action="00_insert_addr.pl"] button,
form[action="01_choose_box.pl"] button {
  width: 544px !important;
  margin: 2rem auto 0;
  float: initial !important;
}

form[action="01_choose_box.pl"] button.submit.button.is-large.is-fullwidth.red {
  width: 100% !important;
}

form[action="01_choose_box.pl"] h3+div {
  margin-bottom: 0 !important;
}

.offremobile .button.is-large.red.submit {
  margin-bottom: 1rem;
}

#choose_box main {
  padding: 0 !important;
}

page#eligibilite .column.is-three-quarter .submit.button.is-large.is-fullwidth.red._146 {
  margin-top: 0;
}

#eli_tel form[action="00_choose_offre.pl"] h3,
#eli_adr form[action="00_insert_addr.pl"] h3 {
  text-align: left;
  font-weight: normal;
  font-size: 16px;
  margin: 0 auto 10px !important;
}

form[name="bankform"] #bloc-iban.vad {
  padding: 3rem 1rem;
}

form[name="bankform"] #bloc-iban.vad h3 {
  margin-bottom: 1rem !important;
}

form[name="bankform"] #bloc-iban.vad #ibanLine {
  margin-top: 1rem !important;
}

#MailCheck form[name="bankform"] #bloc-iban.vad label[for="bic"].strong {
  height: auto !important;
}


form[name="bankform"] #bloc-iban.vad #ibanLine {
  display: flex;
  gap: 0.5rem;
  align-items: flex-end;
  width: 100%;
  max-width: 730px !important;
}

form[name="bankform"] #bloc-iban.vad>* {
  max-width: 730px !important;
}

form[name="bankform"] #bloc-iban.vad #ibanLine>.column {
  flex-grow: 0;
}

form[name="bankform"] #bloc-iban.vad #ibanLine input {
  width: 85px !important;
}

form[name="bankform"] #bloc-iban.vad label[for="iban0"].strong {
  height: auto !important;
}

form[name="bankform"] #bloc-iban.vad .moreInfo {
  display: none;
}

form[name="bankform"] #bloc-iban.vad label.strong {
  height: 0 !important;
}

form[name="bankform"] #bloc-iban.vad #ibanLongLine {
  margin-top: 1rem !important;
}


section.tab_content span.sub {
  display: none;
}

section.tab_content .maxwidth_10,
section.tab_content .maxwidth_5 {
  width: 544px;
  max-width: none;
  margin: 0 auto;
}

section.tab_content input,
section.tab_content select,
page #otherporta input,
#avec_rio input,
page #otherporta select,
coord select,
coord input,
#sms_code,
#bloc-iban input {
  border: 1px solid #c6c6c6;
  border-radius: 8px !important;
  margin-bottom: 0em;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 16px !important;
  line-height: 150% !important;
  text-align: left;
  color: #161616 !important;
  padding-right: 0 !important;
  padding-left: 20px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding: 15px 10px;
  height: auto;
  width: 100% !important;
  height: 56px !important;
  box-shadow: 0 0 0 !important;
}

form[action="01_choose_box.pl"],
#eli_adr .notification.is-info.small-margin {
  max-width: 544px;
  margin: auto;
}

page#eligibilite .notification.is-info {
  background-color: #fff;
  color: #4a4a4a;
  max-width: 700px;
  margin: auto;
}

page#eligibilite a.button.is-large.is-fullwidth.red[href="http://vente-privee.com/"] {
  width: fit-content;
  margin: 1rem auto;
  font-size: 1.2rem;
}

page#eligibilite .container.vp {
  top: 0 !important;
  margin-top: 2rem;
  max-width: 544px;
}

.hero-body {
  padding: 3rem 0rem;
}

#eli_adr .notification.is-info.small-margin,.greenBox {
  background-color: #148116;
  color: #fff;
  border: 0;
  text-align: center;
  margin-bottom: 20px !important;
  margin-top: 1.5rem;
  padding: 1rem;
  border-radius: 8px;
}

 #popin_fas_remb.modal  .box {
     text-align: center !important;
}

@media screen and (max-width: 1250px) {
    page#choose_box #box_panels  #popin_fas_remb.modal  .delete.is-large {
      position:  relative!important;
      margin:0
    }
    page#choose_box #box_panels  #popin_fas_remb.modal .box {
      text-align:right !important;
    }
    page#choose_box #box_panels  #popin_fas_remb.modal .popin_fas_remb {
      text-align: center !important;
    }
  }
 #popin_fas_remb.modal {
font-size: 14px !important;
}
.greenBox strong{
  color:#fff;
  text-align: left;
}
.greenBox {
  text-align: left;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
}

page chooseP .greenBox .info_button {
  top: -4px;
}

#popin_fas_remb.modal .delete {
  top:0
}

#popin_fas_remb.modal .box {
  padding:0 !important;
  border:0 !important;
  box-shadow : 0 0 0 !important
}
.greenBox a {
 border: 0 !important;
    flex-grow: 0 !important;
    margin-top: 0 !important;
}
.greenBox a img  {
    filter: brightness(0) invert(1);
}

.offreHeader a.info_button.frais, fas_remb  a.info_button.frais {
  top:2px;
  width:14px;
  position: relative;
  margin-left: 0.5rem;
}

#eli_adr .notification.is-info.small-margin strong {
  font-weight: 500;
}

#eli_adr .bonneNouvelle h2 {
  text-align: left;
  margin: 0.25rem auto 0;
}

.bonneNouvelle span {
  line-height: 1.6rem;
}


form[action="01_choose_box.pl"] .field,
form[action="01_choose_box.pl"] .control.has-icons-right.maxwidth_10,
#eli_adr form[action="01_choose_box.pl"] .field label {
  width: 100% !important;
  margin: auto;
}

/*01_choose_box*/
#choose_box main,
#box_panels {
  background: #f4f4f4;
}

#box_panels .notification.is-info {
  text-align: center;
  border-radius: 8px;
}

#choose_box main {
  margin-top: 40px;
}

page#choose_box .columns.clearboth {
  margin: 0px auto;
  width: 100%;
}

#choose_box .columns.PriceLine {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 20px 1em;
  height: 270px;
}


#choose_box .columns.PriceLine>div {
  padding: 0 !important;
}

#choose_box .columns.PriceLine>div:nth-of-type(1) {
  width: 25%;
  position: relative;
  flex-basis: initial;
}

#choose_box .columns.PriceLine>div:nth-of-type(2) {
  width: 30%;
  box-sizing: border-box;
  padding:0 1.2rem !important;
  flex-basis: initial;
  align-items: flex-start;
  flex-wrap: wrap;
  min-width: 400px;
}

#choose_box .columns.PriceLine>div:nth-of-type(3) {
  width: 30%;
  box-sizing: border-box;
  padding: 0 30px !important;
  flex-basis: initial;
}

#bloc_v6_new a.detail_box.valid_button {
  display: none;
}

.notification.bienvenue {
  text-align: center;
  margin: 0 auto !important;
}

.notification.bienvenue h1 {
  font-size: 28px;
  margin-bottom: 1rem
}

.notification.bienvenue h1+h3,
._8 h3 {
  font-size: 16px;
  margin: auto;
}

page chooseP #btn_sub {
  margin-bottom: 1rem;
  position: absolute;
  right: 0;
  bottom: -7rem;
  width: auto !important;
  float: right;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 18px;
  padding: 12px 24px;
  height: 48px;
}

page chooseP .btn_back {
  position: absolute !important;
  left: 0 !important;
  bottom: -7rem !important;
  float: left !important;
  margin-top: 0 !important;
  width: fit-content;
  margin-bottom: 1rem !important;
}

.choixnetflix span .info_button {
  margin-left: 0;
}

#recap_box_v6_2024 .mention_v9 {
  font-size:10px;
  position: relative;
}

.FreeApps a div div {
  font-size: 10px
}

.FreeApps a div div strong {
  font-size: 14px;
  margin-bottom: 0.2rem;
  display: block;
}

.FreeApps a div div span {
  margin-top: 0.5rem;
  font-size: 12px
}

#choose_box .columns.PriceLine>div:nth-of-type(4) {
  width: 20%;
  padding: 0 !important;
  box-sizing: border-box;
  flex-basis: initial;
}

#bloc_v6_new .pricing_float {
  width: 64px;
}

#choose_box .columns.PriceLine>div:nth-of-type(4) br {
  display: none;
}

#choose_box .logocanal2 {
  color: #161616 !important;
  display: block;
  font-size: 10px;
}

#bloc_v8 .mention {
  position: relative;
  top: -1.1rem;
  left: 0.5rem;
  font-size: 10px;
}

#bloc_v7 .mention_v7, #bloc_v9 .mention_v7, #recap_box_v9 .mention_v7,#bloc_v8 .mention_v7, #recap_box_v9s .mention_v9,#bloc_v9s .mention_v7 ,#bloc_v8s .mention_v7, #bloc_v8s_2999 .mention_v7 {
  position: relative;
  top: -1.1rem;
  left: 0.5rem;
  font-size: 10px
}

#bloc_v8s .box_title span.red , #recap_box_v8s h2 span.red, #detail_v8s .modal-detail span {
	margin-top:-10px;
}
 #recap_box_v6_2024 h2 {
  line-height: 28px;
  margin-bottom:12px !important
}

#recap_box_v8s h2 {
  line-height: 12px;
  margin-bottom:16px !important
}
  #recap_box_v8s .subtitle {
    margin-top:12px;
    display: block;
  }
#modal_pav .notification.is-info {
  margin-top:24px;
  margin-bottom:24px;
  border-radius: 8px;
}
@media only screen and (max-width: 635px) {
  #modal_pav .flexcenter {
    flex-direction: column;
  }
  #modal_pav button.no, #modal_pav button.yes {
    margin:12px auto;
    width:230px
  }
}



#modal_pav button.no, #modal_pav button.yes {
  font-weight: 500;
}

sup {
  margin: 3px;
  font-size: 10px;
}
#recap_box_v9 .mention_v9, #recap_box_v8 .mention_v9,#recap_box_v8s .mention_v9 {
  position: relative;
  top: -1rem;
  left: 0.5rem;
  font-size: 10px;
}
.linkPopS {
  margin: 10px 0;
  display: block;
  text-decoration: underline;
  font-size: 14px !important;
  font-weight: 600;
  font-size: 12px; 
  margin-left: 0 !important ;
   position: initial !important;
   height: initial !important
  }
#bloc_v9 #detail_v9_with_player_pop_BLOC_V9_FULL .modal-detail img,
#bloc_v9 #detail_v9_without_player_BLOC_V9_FULL .modal-detail img,
#bloc_v9s #detail_v9s_with_player_pop_BLOC_V9_ESSENTIEL .modal-detail img,
#bloc_v9s #detail_v9s_without_player_BLOC_V9_ESSENTIEL .modal-detail img{
	display:none;
}

.imgPopS {
  position: relative;
  top: 8px;
  height:32px;
  width: 24px;
  max-height: 32px;
  max-width: 24px;
}

.qiaraoffre .mention_v9 {
  top: -0.4rem !important;
}

#choose_box .detail_bundle_netflix p {
  margin: 1rem 0 !important;
}

page#choose_box #box_panels #detail_qiara_1 .modal-content-img,page#choose_box #box_panels #detail_qiara_2 .modal-content-img,page#choose_box #box_panels #detail_qiara_3 .modal-content-img   {
  max-width: 745px;
max-height: unset;
width: 100%;
}
#detail_qiara_1.modal .box .modal-logo , #detail_qiara_2.modal .box .modal-logo ,#detail_qiara_3.modal .box .modal-logo {
	background:unset;
}

#choose_box .columns.PriceLine .flexcenter {
  display: flex;
  align-items: center;
  gap: 10px 0;
  margin: auto;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: center !important;
}



page#eligibilite label[for="bab"],
page#eligibilite label[for="pto_hotline"],
page#eligibilite .column.ptoNonMsg {
  font-size: 0.9rem;
}


#choose_box .columns.PriceLine .flexcenter .clearboth {
  display: none;
}

#chooseNd .columns.card.small-margin {
  flex-direction: column;
  margin-bottom: 0 !important;
}

#chooseNd .container {
  max-width: 544px;
}

.netflixRattacherCompte+span {
  font-size: 12px;
  margin:0 15px;
}


#chooseNd section:nth-of-type(2),
#chooseNd section:nth-of-type(3) {
  max-width: 700px;
  margin: auto;
}

#chooseNd .column.is-one-fifth.is-centered {
  width: 100%;
  margin-top: 2rem;
}

#chooseNd .focus {
  padding: 0 0 2rem;
}

.block_fbx.box .column.dark_grey .box_title,
.block_fbx.box .column.grey .box_title {
  font-family: Iliad, Montserrat, BlinkMacSystemFont, -apple-system, "Open Sans",
    "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans",
    "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 140%;
  color: #161616;
  margin: 0;
  margin-bottom: 0 !important;
  min-width: auto;
}

#porta2 h2,
choosep h3,
._33 .pagecenter h2,
coord legend,
#bloc-iban h3,
.bank_option h4 {
  font-size: 24px;
  line-height: 110%;
}

.bank_option>p {
  margin-top: 1rem
}

coord ._75 legend {
  margin: 0 !important;
}

coord ._75 .field.focus {
  margin: 1rem 0 !important;
  color: #000000;
  background: #F6F6F6;
  padding: 1.25rem 2.5rem 1.25rem 1.5rem;
  box-sizing: border-box;
  border-radius: 8px;
}

#coord coord ._75 .field label[for="voie"] {
  margin: 0;
}

#otherporta .maxwidth_10 {
  width: 353px !important;
  max-width: initial;
}


#eli_adr>div>div>div>form.small-margin._248>h3 {
  margin-right: 0;
  margin: 0 0 1rem;
}

page#eligibilite .submit.button.is-large.is-fullwidth.red {
  margin-top: 1em;
}

page #otherporta input {
  width: 353px !important;
  height: 56px !important;
  border-radius: 8px !important;
  box-sizing: border-box;
}

page.cgv #cgv_valid .desc {
  margin-bottom: 1rem;
}

.detail_canal div {
  font-weight: 500;
}

.detail_canal span {
  font-size: 11px
}

.detail_canal span.modal-detail {
  font-size: 18px
}

page#telecharg .column.white.box.has-text-centered.margin-1-1.nomargin_bottom h3,
.column.white.box.has-text-centered.margin-1-1.nomargin_bottom p {
  display: none;
}

page#telecharg button.button.red.is-large.is-fullwidth.margin-t-2 {
  border-width: 1px;
  border-color: #C6C6C6;
  background-color: #FFF;
  color: #C6C6C6 !important;
  width: 100% !important;
  padding: 2rem 0;
  transition: none;
}

page#telecharg button.button.red.is-large.is-fullwidth.margin-t-2.active {
  border-color: #000;
  color: #000 !important;
}



page#telecharg button#revolution {
  margin-top: 3rem;
}

page#bravo main {
  margin: 1rem auto 0 !important;
}

page#bravo .notification.bienvenue p {
  text-align: center;
}

page#bravo .FreeApps img,
page#bravo .FreeUser img {
  float: left;
  width: 80px;
  margin-right: 1rem
}

page#bravo .FreeUser img {
  width: 30px;
  margin: 1rem;
}

page#bravo .FreeUser img:nth-of-type(2) {
  float: right;
}

page#bravo .FreeApps,
page#bravo .FreeUser {
  max-width: 700px;
  margin: auto;
  justify-content: space-between;
}

page#bravo .FreeApps div span {
  display: block;
  margin: 0.5rem;
  font-weight: 600;
  color: #CC0000;
}

page#bravo .FreeUser {
  justify-content: space-between;
  border: 1px solid #E0E0E0;
  border-radius: 16px;
  padding: 0.5rem;
  margin-bottom: 1rem;
  align-items: center;

}

page#bravo .FreeUser div {
  width: 60%;
}

page#bravo .FreeUser div strong {
  color: #275ECB
}

page#bravo .FreeApps a {
  padding: 0.5rem;
  width: 47%;
  display: block;
  float: left;
  border: 1px solid #E0E0E0;
  border-radius: 16px;
  box-sizing: border-box;
  margin: 0 0 1rem;
  font-size: 0.8rem;
}

page#bravo .FreeApps a div {
  width: 100%;
  text-align: left;
  color: #000;
}

page#valid .container._7 {
  max-width: 700px;
  margin: 1rem auto;
  width: 100%;
}

page#valid .notification.is-info {
  background: #FFF;
  color: #000;
  font-weight: 600;
  padding: 0
}

page#valid .notification.big-icon {
  padding: 0;
  text-align: center;
}

page#valid .notification.big-icon svg.left {
  position: relative;
  left: 0;
}

page#valid h3 {
  text-align: center;
  margin: 1rem 0;
  font-size: 20px;
}

page#valid .notification.is-info.is-fullwidth {
  margin-bottom: 0;
}

page#telecharg form[action="07_valid.pl"] button {
  font-size: 1rem !important;
}

page#valid .control.has-icons-right.maxwidth_10 {
  margin: 1rem auto;
  width: 100px;
}

page#valid .field .control {
  text-align: center;
}

page#valid .field._150 {
  margin: 1rem;
}

#sms_code {
  text-align: center;
  padding-left: 0 !important;
}


page#valid section .container .columns.is-centered .column.is-7-widescreen h3 {
  margin-top: 0;
}

page#valid #mailconfirm {
  padding: 0;
}

#_06_telecharg,
ChooseP .container._7,
#noporta p {
  max-width: 700px;
  margin: auto;
}

#popin_fas_remb.modal .delete {
    top: 0;
    position: absolute;
    right: 20px;
  }

page#MailCheck>div>h2 {
  display: block;
}

page#MailCheck>div {
  margin: 2rem auto !important;
}

page#MailCheck form .columns {
  display: flex;
  max-width: 700px;
  margin: auto;
  flex-direction: column;
  align-items: center;
}

page#MailCheck form,
page#MailCheck form .columns {
  background: #f4f4f4;
}

page#telecharg .column.white.box.has-text-centered.margin-1-1.nomargin_bottom {
  width: 50%;
  padding: 0;
}

page#telecharg .column.white.box.has-text-centered.margin-1-1.nomargin_bottom.demenagement {
  width: 100%;
  padding: 0;
}

page#telecharg  .column.white.box.has-text-centered.margin-1-1.nomargin_bottom.demenagement .button.red.is-large.is-fullwidth.margin-t-2 {
	border-radius: 8px !important;
  padding: 12px 24px;
  box-sizing: border-box;
  height:auto;
  font-size: 16px;
}

page#telecharg  .column.white.box.has-text-centered.margin-1-1.nomargin_bottom.demenagement h3, page#telecharg  .column.white.box.has-text-centered.margin-1-1.nomargin_bottom.demenagement .equal  {
	display: block;
}

page#telecharg  .column.white.box.has-text-centered.margin-1-1.nomargin_bottom.demenagement h3 {
	margin:0 0 12px;
}

page#telecharg  .column.white.box.has-text-centered.margin-1-1.nomargin_bottom.demenagement  {
	text-align: left !important;
}



/*McAfee*/
.choixMcafee {
  display: flex;

}

#box_panels .panel.ValidLine .choixMcafee label input:checked {
  display: block;
  position: relative;
}

#box_panels .panel.ValidLine .choixMcafee label {
  display: block;
  position: relative;
  border: 3px solid #f4f4f4;
  margin-left: -2px;
  right: 0;
  top: 0;
  padding: 1rem;
  width: 100%;
  z-index: 200;
}

#box_panels .panel.ValidLine .choixMcafee label:nth-of-type(1) {
  border-radius: 16px 0 0 16px;

}

.choixMcafee label {
	display: flex !important;
	    flex-direction: row;
    flex-wrap: nowrap;

}

#box_panels .panel.ValidLine .choixMcafee label:nth-of-type(2) {
  border-radius: 0px 16px 16px 0px;

}

#box_panels .mcafee  .choix .choix2 .columns {
  box-shadow: inset 0 0 0px 0px #f4f4f4 !important;
}

#box_panels .panel.ValidLine .choixMcafee label img {
  max-width: 100px;
  margin-left: 0;
}

#box_panels mcafee .mcafee .columns.choix .choix2,
mcafee .columns.choix.canal .choix2 .columns.choix.mcafee .choix2>div {
  border: 0;
  padding: 0 !important;
}

.mcafee .columns.choix .choix2>div {
  border: 0;
  padding: 0;
}

.mcafee .columns.choix .choix2>div input {
  display: none;
}

#box_panels .panel.ValidLine mcafee .column.is-two-third.choix2 .column {
  padding: 0 !important;
}

#box_panels .panel.ValidLine .choixMcafee label .small>div {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0; 
}

#box_panels .panel.ValidLine .choixMcafee input:checked+span+span+span+label,#box_panels .panel.ValidLine  choix input:checked+span+span+span+label {
  border-color: #525252 ;
  z-index: 300;
}

.choixMcafee .small {
  flex-grow: 1; 
}

#detail_box_v7s .box.has-text-centered {
  position: relative;
}

#box_panels .panel.ValidLine choix label {

  background: #ffffff;
  border: 3px solid #f4f4f4;
  border-radius: 16px;
  width: 100%;
  max-width: 700px;
  margin: 0 0 2%;
  padding: 1rem;
  box-sizing: border-box;
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  align-items: center;
}

#box_panels .panel.ValidLine choix label .square {
  width: 24px;
  height: 24px;
  margin-bottom: 0 !important;
  margin-right: 1rem;
  float: left;
  display: flex;
  align-items: center;
}
#box_panels .panel.ValidLine choix label .small {
flex-grow: 1;
}
#box_panels .panel.ValidLine choix label .small div{
margin-bottom:8px;
}
#box_panels .panel.ValidLine choix label .small div span{
background:#DCFCE7;
color:#148116;
font-weight: bolder;
padding: 4px 8px;
border-radius: 8px;
margin-right: 2px;
}
#box_panels .panel.ValidLine choix input {
display: none;
}


#box_panels .panel.ValidLine choix a.info_button {
  display: flex;
  align-items: center;
  height: 24px;
  min-width: 24px;
  margin-left: 1rem;
}
.SmallTitle img[src="im/svg/gift.svg"] {
  position: relative;
  top: 3px;
  width: 16px;
  height: 16px;
margin-right: 2px;
filter: invert(34%) sepia(13%) saturate(4910%) hue-rotate(83deg) brightness(102%) contrast(90%);
}
.SmallTitle .gift {
display: inline-block;
margin: 0 0 4px;
font-size: 14px;
}

#box_panels .panel.ValidLine choix label .small .SmallTitle{
font-size: 16px;
}
#box_panels .panel.ValidLine choix label > img{
max-width:125px;
}

mcafee choix {
border:0;
padding: 0;
}

mcafee choix .title-rub span {
font-size: 16px !important ;
}
mcafee choix .small img {
vertical-align: sub;
}
mcafee choix .small div:nth-of-type(2){
margin-bottom:12px !important;
}

 
page#telecharg nav.breadcrumb.margin+div button {
  border-radius: 8px 0 0 8px !important;
}


page#telecharg nav.breadcrumb.margin+div+div button {
  border-radius: 0 8px 8px 0 !important;
}

.button:focus:not(:active),
.button.is-focused:not(:active) {
  box-shadow: 0 0 0;
}

page#telecharg+div,
page.cgv .columns.is-centered.small-margin.margin-t-2,
page.cgv .mentionsLegales.row.small {
  max-width: 1280px;
  margin: 1rem auto;
  width: 95%;
  display: flex;
}

.h2title+h2.pad_2_0 {
  text-align: center;
  display: none;
}

page#telecharg+div {
  display: block;
}

.block_fbx.box .column.dark_grey .box_claim,
.block_fbx.box .column.grey .box_claim {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  margin-bottom: 0 !important;
  margin-left: 0;
}

.block_fbx.box .column.dark_grey .box_claim div,
.block_fbx.box .column.grey .box_claim div {
  font-size: 12px;
}

.block_fbx.box .column.dark_grey .box_claim div {
  margin: 0 0 0.5rem;
}

.block_fbx.box .column.dark_grey .box_claim div .green,
.block_fbx.box .column.grey .box_claim div .green,
#detail_box_v6_2023 .green {
  font-size: 30px !important;
  top: 3px !important;
  position: relative !important;
  color: #148116 !important;
}

#bloc_v7s_2020 div[data-target="#recap_box_v7s"] img[src="im/2020/delta/slogo-black.svg"] {
  position: relative;
  top: 9px;
}

#recap_box_v7s .offreHeaderContent .column.is-one-third {
  display: none;

}

#bloc_v7s_2020 .box_title.valid_button,
#bloc_v7s_2020 .box_claim {
  top: -10px;
  position: relative;
}

button.retourAdresse {
  background: none;
  border: 0;
  position: relative;
  margin: 1rem;
  top: -6px;
  text-decoration: underline;
  font-size: 16px;
  cursor: pointer;
}

button.back {
  background: #D4D4D4;
  border: 0;
  text-decoration: none;
  cursor: pointer;
  font-size: 16px;
  line-height: 18px;
  padding: 15px 24px;
  font-weight: 500;
  color: #fff !important;
  border-radius: 6px;
}


.block_fbx.box .column.dark_grey .box_title span,
.block_fbx.box .column.grey .box_title span {
  color: #161616;
  line-height: 140%;
}
#box_panels .block_fbx.box .column.dark_grey .box_title img{
  width: 140px;
  margin: 0 !important;
}

#box_panels .columns.is-centered>.column.is-9-widescreen.margin {
  padding: 0px !important;
}

page#choose_box .modal .box .modal-logo {
  height: auto !important;
}

page#choose_box main {
  max-width: 1600px;
}

#box_panels .column.has-text-centered.dark_grey img,
.box_img.valid_button {
  width: 200px;
  height: auto !important;
  margin: -0.5rem -3.5rem -1rem !important;
}

#box_panels .column.has-text-centered.dark_grey .garanti5ans img{
	width:220px;	
	margin:0px 0 -30px !important;
}





.panel.ValidLine .offreHeaderContent .close_button svg {
  position: relative;
  top: 0.28rem;
}

.detailforfait2h,.detailforfait5g,.detailforfaitvp {
  color: #000;
  border: 0;
  font-size: 12px;
  font-weight: 600;
  padding: 15px 0 5px;
  background: #FFF;
  margin-bottom: 1rem;
  cursor:pointer
}
 #forfait2h img,#forfait5g img {
  width:280px
}


.panel.ValidLine .offreHeaderContent .close_button,
#recap_box_v6.panel.ValidLine .close_button,
#recap_box_MINI .column.is-narrow a {
  padding: 12px 24px;
  border: 1px solid #e0e0e0;
  filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.05));
  border-radius: 6px;
  font-weight: 600;
  color: #525252 !important;
  font-size: 14px;
  line-height: 24px;
  display: block;
  text-align: center;
  width: 100%;
}


.panel.ValidLine .offreHeaderContent .close_button {
  position: absolute;
  right: 1rem;
  top: 2.5rem !important;
  width: fit-content !important;
  border: 0 !important;
}

/**/

#recap_box_v7s .offreHeaderContent>img {
  margin: 0 0 1rem !important
}

#bloc-iban .field:last-child {
  margin-bottom: 0.75rem;
}



#bloc_v7s_2020 .pricing_int,
#bloc_mini .pricing_int {
  font-weight: 500;
  color: #ca0000;
  font-size: 64px;
  line-height: 100%;
  font-family: Iliad, Montserrat, BlinkMacSystemFont, -apple-system, "Open Sans",
    "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans",
    "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

#equipement_MINI img {
  margin-top: -3rem;
  max-width: 200px;
  float: right;
}

page#choose_box .pricing {
  width: fit-content;
  margin: auto;
  padding: 10px;
}

img[src="im/2018/fbx_mini4K.png"] {
  max-width: 250px;
  margin: 0.5rem 0 0 !important;
}

.box_model .inttl {
  display: none;
}

.block_fbx.box {
  border-radius: 16px;
  border: 0;
  box-shadow: 0 0 0;
  max-height: 270px;
  overflow: hidden;
}

#bloc_v6_new .box_subttl,
.detail_box {
  margin: 0;
}

.block_fbx.box .column.has-text-centered.dark_grey,
.block_fbx.box .column.has-text-centered.grey {
  background: #fff;
  width: 300px;
  color: #262626;
}

#porta2 {
  margin: 2rem auto;
}

#porta2 label[for="tel"] p {
  margin: 1rem 0;

}

#porta2 .pad_1_0 {
  padding: 0.5rem 0 0.25rem
}

.block_fbx.box .box_claim {
  color: #262626;
}

.detail_box.info_button.info-buttonnocss,
.box_model .block_fbx.box.valid_button .column.has-text-centered.dark_grey>div,
.box_model .block_fbx.box.valid_button .column.has-text-centered.grey>div {
  margin-left: 0;
}

.recap_pricing:first-line{
	font-size:14px;
	font-weight:bolder;
}

#box_panels #bloc_v7 .block_fbx.box[data-target="#recap_box_v7"] .pricing_int,
#box_panels #bloc_v8 .block_fbx.box[data-target="#recap_box_v8"] .pricing_int,
#box_panels #bloc_v9 .block_fbx.box[data-target="#recap_box_v9"] .pricing_int,
#box_panels #bloc_v6_2024 .block_fbx.box .pricing_int,
#box_panels #bloc_ipadsl .block_fbx.box .pricing_int {
  font-weight: 500;
  font-size: 64px;
  color: #ca0000;
}

.pricing {
  padding: 5px;
}

.pricing .pricing_float {
  color: #ca0000;
}

.pricing_month,
.pricing_float,
.pricing_int {
  font-weight: 500;
  margin-left: 0 !important;
}

#recap_box_ipadsl .tabs.is-centered.is-fullwidth {
  margin: 0 auto;
}

#recap_box_ipadsl .tabs.is-centered.is-fullwidth a.tab {
  height: 0;
  margin-bottom: 0.5rem !important
}

#box_panels .pricing_month {
  line-height: 100%;
}

#box_panels #bloc_v7 .block_fbx.box[data-target="#recap_box_v7"] .pricing_int,
#box_panels #bloc_v8 .block_fbx.box[data-target="#recap_box_v8"] .pricing_int {
  letter-spacing: initial;
}

#box_panels #bloc_v7 .block_fbx.box[data-target="#recap_box_v7"] .pricing_float,
#box_panels #bloc_v8 .block_fbx.box[data-target="#recap_box_v8"] .pricing_float,
.pricing_float {
  font-weight: 500 !important;
  line-height: 100% !important;
  font-size: 26px !important;
}

page.bank section + .wrapper {
  text-align:center;
}
@media screen and (min-width: 1160px) {
    page.bank section > .container._7 {
    margin: 8rem auto 0 !important;
    padding: 0;
    display: block; 
  }
}

form[name="bankform"] #bloc-iban {
  background: #fff;
  border-radius: 12px;
  width: 95%;
  display: block;
  max-width: 1280px;
  margin: 150px auto 0;
  box-sizing: border-box;
}

form[name="bankform"] #bloc-iban.vad {
  margin: 0 auto;
}

#nom_abonne,
#prenom_abonne {
  text-transform: capitalize;
}

form[name="bankform"] #bloc-iban>* {
  max-width: 700px;
  margin: auto !important;
  border: 0
}

#ibanLine {
  background: #FFF !important;
  flex-direction: row !important;
  max-width: 700px !important;
}


form[name="bankform"] #bloc-iban h3 {
  margin-bottom: 1rem;
}

.pricing_month {
  font-size: 18px;
}

/*#box_panels .box_model .column.has-text-centered br {
	display:none;	
}*/

#detail_box_ipadsl {
  position: relative;
  background: #fff;
  border: 0;
  padding: 0;
}


#detail_box_MINI {
  display: block;
  position: relative;
  background: initial
}

choixplayertv3,
choixplayertv3 .box,
choixplayertv4,
choixplayertv4 .box {
  border: 0 !important;
  padding: 0 !important;
  margin: 2rem auto;
  box-shadow: 0 0 0;
}

.choixplayer .recap_descriptif.small font {
  color: #275ECB !important
}

#recap_box_MINI img[src="im/2018/fbx_mini4K.png"] {
  max-width: 200px;
  margin-right: 2rem !important
}

#recap_box_MINI .columns {
  max-width: 700px;
  margin: auto !important;
  padding: 0;
  font-size: 14px
}


#recap_box_MINI .column.is-one-third {
  width: initial;
}

#recap_box_MINI>.columns {
  display: flex;
}
#detail_box_MINI {
  display: none;
}

#equipement_MINI {
  box-shadow: 0 0 0;
  border: 0;
}

choixplayertv4 {
  margin: 0 auto 1rem !important;
}

choixplayertv3 h2,
.offreHeader+.columns.margin-1,
a.button.red.is-large.valid_button.is-fullwidth[data-target="#recap_box_ipadsl"],
#equipement_ipadsl+div,
a[data-target="#detail_box_ipadsl"] {
  display: none;
}

#recap_box_ipadsl .offreHeader .offreHeaderContent img {
  margin: 0 2rem 0 6rem;
}

#equipement_ipadsl .tab_content.is-active.columns>div:nth-of-type(1) {
  display: none;
}

#equipement_ipadsl .tabs.is-fullwidth li.is-active a.tab {
  border: 0;
  font-size: 18px;
  font-weight: 700;
}

#equipement_ipadsl .tabs ul {
  padding: 0;
}

#ipadsl {
  float: right;
}

#detail_box_ipadsl {
  max-width: 700px;
  margin: auto;
}

#box_panels .notification.is-info,
#bloc_ipadsl {
  text-align: center;
  max-width: 1280px;
  border-radius: 8px;
  margin: 0 auto 2rem;
}

#box_panels .notification.is-info {
  background: #DBEAFE;
  border-radius: 8px;
  color: #275ECB;
  text-align: left;
  font-size: 14px;
  padding: 1rem;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
}

#recap_box_ipadsl .grey.card {
  min-height: initial;
}

#recap_box_ipadsl .offreHeaderContent {
  text-align: left;
}

#bloc_ipadsl .notification.is-info {
  max-width: 1280px;
}

#bloc_ipadsl #choose_box .columns.PriceLine>div:nth-of-type(3) {
  width: 20%;
}

#box_panels .box_model .button.red.is-medium.choose-button {
  padding: 12px 24px;
  width: auto;
  height: 48px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 6px;
  margin: 0 auto 0.5rem;
  max-width: 310px;
}

#box_panels .mentionsL2 {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  padding: 0;
  margin: 5px 0 10px;
}

#box_panels .mentionsL2 p {
  margin-top: 0.5rem;
  font-size: 12px;
}

#box_panels .pricing_month,
#box_panels .pricing_float {
  float: initial;
  margin-left: 5px;
}

/*Choosebox2*/

page#choose_box .box_model .pricing_int {
  width: 60%;
  font-size:64px;
}

page#choose_box .accordion .accordion-item {
  margin: 15px 0;
  overflow: hidden;
}

page#choose_box .accordion-titel {
  padding: 0;
  cursor: pointer;
  font-style: normal;
  margin-bottom: 8px;
}

page#choose_box .accordion-contant {
  padding: 0px;
  display: none;

  flex-direction: column;
}

page#choose_box .accordion-titel h2 span {
  float: right;
  width: 30px
}

page#choose_box .modal-content.content .box {
  box-shadow: 0 0 0;
  border: 0;
}

.modal-content {
  -webkit-clip-path: inset(0 0 0 0 round 12px);
  clip-path: inset(0 0 0 0 round 12px);
}

.chevron::before {
  border-style: solid;
  border-width: 0.1em 0.1em 0 0;
  content: '';
  display: inline-block;
  height: 0.45em;
  left: 0.15em;
  position: relative;
  top: 0;
  transform: rotate(135deg);
  vertical-align: top;
  width: 0.45em;
}
/* 
page#choose_box .modal ::-webkit-scrollbar {
  display: none;
} */

.chevron.bottom:before {
  top: 0.15em;
  transform: rotate(-45deg);
}

#pto_hotline {
  float: left;
  width: 25px !important;
  margin: -16px 10px 0;
}

page#choose_box #box_panels .modal-content-img {
  max-width: 500px;
  max-height: 150px;
  margin: 10px 0px;
}

page#choose_box .modal .box>div:first-of-type {
  font-weight: 500 !important;

}

#box_panels .modal .small {
  max-width: 100%;
  padding: 0;
}



#recap_box_v6 .column.is-narrow .close_button {
  display: none !important;
}

page#choose_box .modal .box {
  padding: 0 !important;
  border: 0 !important;
  box-shadow: 0 0 0 !important
}

.offreHeader a.info_button {
  font-size: 12px;
  margin-left: 0.5rem;
  position: relative;
  top: -2px;

}

page#choose_box,
.modal .box h2 {
  padding: 0 !important;
  margin: 0 !important;
}

#box_panels .modal h2 {
  font-weight: 700;
  font-size: 26px;
  line-height: 26px;
}

page#choose_box .modal .box p {
  padding: 0 !important;
  margin: 4px 0 !important;
}

page#choose_box .accordion-contant>div {
  margin: 6px;
  display: inline-block;
  width: 95%;
}


.panel.ValidLine {
  background: #f4f4f4;
  width: 100%;
  max-width: 1280px;
  box-sizing: border-box;
  padding: 30px 0 2rem !important;
  height: auto !important;
}

#box_panels .panel.ValidLine .column {
  padding: 15px 5px !important;
}

page#rdvfibre .notification.is-danger {
  color: initial;
  border: 0;
  margin: 0 auto;
}

page#rdvfibre .notification.is-danger>br {
  display: none;
}

page#choose_box .modal .logodelta img.FreeApps {
  margin: 0 0.2rem;
  width: auto;
  height: 70px;
  max-width: initial;
  max-height: initial;
}

page#choose_box .modal .logodelta img {
  margin: 5px;
  max-width: none;
  height: 32px;
  width: 96px;
}



.columns.FreeApps .column.is-half.has-text-centered {
  width: 100%;
  display: flex;
  text-align: left !important;
}

.columns.FreeApps {
  display: flex;
  justify-content: space-around;
  flex-direction: row;
  flex-wrap: nowrap;
  color: #4a4a4a;
  margin-bottom: 2rem;
}

.columns.FreeApps img {
  margin-right: 1rem;
}

.columns.FreeApps a {
  font-size: 14px;
  color: #525252 !important;
  border: 1px solid #E0E0E0;
  border-radius: 16px;
  padding: 1rem;
  width: 48%;
  min-width: 350px;
  width: 48%;
  margin: 0 auto 1rem;
}

.columns.FreeApps a strong {
  color: #4a4a4a;
}

.columns.FreeApps a span {
  color: #3b82f6 !important;
  display: block;
}

.container._8.commit a[href="//www.free.fr/freebox/"] {
  color: #CA0000 !important;
  font-weight: 800;
  margin-top: 1rem;
  display: block;

}

.container._8.commit {
  min-width: 90%;
}

form[action="commit_cgv_02.pl"] .readme {
	max-width: 700px;
	margin:auto;
	padding:1rem;
}

coord #commit-recap + .columnbutton + section{
	background: #fff;
    border-radius: 12px;
    max-width: 1280px;
    width: 95%;
    height: auto;
    border: 1px solid #f3f3f3;
    display: block;
    margin: 150px auto 0 !important;
    box-sizing: border-box;
    padding: 2rem 0;
}

coord #commit-recap + .columnbutton + section .container._8 {
	max-width: 700px;
	margin:auto;
	background: #FFF;
}
coord #commit-recap + .columnbutton + section .container._8 h4 {
	margin-bottom: 1rem;
}

.modal-content,
.modal-card {
  margin: 0 auto;
  max-height: calc(100vh - 40vh);
  max-width: 1280px;
  box-sizing: border-box;
  top: -3vh;
  padding: 3rem;
  background: #fff;
  border-radius: 12px;
  height: auto;
}

.box_model div#detail_v8_with_player_pop_BLOC_V8 .modal-content,
.box_model div#detail_v8_without_player_BLOC_V8 .modal-content,
.box_model div#detail_v8_with_player_appletv_BLOC_V8 .modal-content,
.box_model div#detail_v7_with_player_devialet_BLOC_V7_2020 .modal-content,
.box_model div#detail_v7_with_player_appletv_BLOC_V7_2020 .modal-content,
.box_model div#detail_v7_with_player_pop_BLOC_V7_2020 .modal-content,
.box_model #detail_box_v6_2023 .modal-content {
  height: fit-content !important;
}


.modal-detail {
  margin: -10px 0 10px !important;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.panel.ValidLine .offreHeader,
choixPlayerTv,
choixPlayerTv2,
choixPlayerTv3,
choixPlayerTv4,
choixPlayerTv5,
choixPlayerTv6,
netflix,
equipements,
equipementsV9s,
equipements2,
equipements3,
#recap_box_v6>.columns,
McAfee,
choix,.section.finalize {
  background: #fff;
  border-radius: 12px;
  width: 100%;
  display: block;
  max-width: 1280px;
  padding: 32px 80px;
  box-sizing: border-box;
  margin-bottom: 20px;
  height: 100%;
}
section.section.finalize {
  height:auto;
  margin: 150px auto 0 !important;
  text-align: center;
}


section.section.finalize .container {
  background: #fff;
  padding: 0;
}

section.section.finalize .flexcolumn {
	  display: flex;
    flex-direction: column;
    align-items: center;
	}
  section.section.finalize .notification.is-danger{
  padding: 1rem 3rem;
    width: fit-content;
    border-radius: 8px;
    margin: 0 auto 2rem;
}
.offremobile {
  border: 1px solid #E0E0E0;
  padding: 1rem 0 !important;
  min-width: 350px;
}


.offremobile > .forfait5g {
	height: 221px !important;
}
.offremobile > div:nth-of-type(2) {
	height: auto;
}


.notification.bienvenue+._8 h3 {
  padding: 0.5rem 2rem 0
}

#recap_box_v6>.columns {
  height: auto;
}

#detail_V6 {
  max-width: 700px;
  padding-top: 2rem !important
}

#recap_box_v6>.columns img {
  float: left;
  margin-right: 4em !important;
  max-width: 150px;
  margin: 2rem 2rem 8rem 0 !important;
}

#recap_box_v6_legacy .tv-option .card-header-title,#recap_box_crystal .tv-option .card-header-title,#recap_box_v5 .tv-option .card-header-title {
    display: flex;
    align-items: center;
    justify-content: center;
}

#recap_box_v6_legacy .button.is-large,#recap_box_crystal .button.is-large,#recap_box_v5 .button.is-large  {
  font-size: initial;
}


#recap_box_v6_legacy .tv-option, 
#recap_box_crystal .tv-option,#recap_box_v5 .tv-option{
  cursor:pointer;
  border:2px solid #e7e7e7;
  box-sizing: border-box;
}
#recap_box_v6_legacy .tv-option.tv-optionSelected,#recap_box_crystal .tv-option.tv-optionSelected,#recap_box_v5 .tv-option.tv-optionSelected {
  border:2px solid #000;
}

#box_panels equipements .columns.choix .choix1 ,#box_panels equipementsV9s .columns.choix .choix1 {
  padding: 0 !important;
  height: 0px;
}


equipements div.red,equipementsV9s div.red,
mcafee .red strong {
  color: #275ECB !important;
}

equipementsV9s .info_button+div img, equipements .info_button+div img, mcafee .info_button+div img {
	max-width: 250px !important;
	margin: auto -20px;
}

.choix a.info_button {
  width: 24px;
  min-width: 24px;
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  color: #3b82f6 !important;
  text-decoration: none;
  z-index:35;
}

.option_content .option.selected {
  background: #EFEFEF;
  border: 3px solid #EFEFEF;
}

.option_content .option {
  background: #FFF;
  border: 3px solid #FFF;
  margin: 1rem 0;
}

.option_content h4 {
  margin: 1rem 0;
}

.noflex {
  display: block !important;
}

a.info_button svg {
  fill: #181818;
  margin-top: -33%;
}

a.info_button[data-target="#detail_box_v7s"] {
  color: #275ECB !important;
}

#box_panels equipements .columns.choix ,#box_panels equipementsV9s .columns.choix,#box_panels mcafee .columns.choix{
  margin: 0 auto 15px !important;
  max-width: 700px;
  float: initial;
  padding: 0 !important;
}

#box_panels equipements .columns.choix .choix2, #box_panels equipementsV9s .columns.choix .choix2 {
  padding: 0 !important;
}

.offreHeaderContent,
choixplayertv>div,
choixplayertv2>div,
choixplayertv5>div,
choixplayertv6>div,
netflix>div,
equipements>div,
equipementsV9s>div,
netflix>span,
page.cgv coord section>form {
  max-width: 700px;
  width: 100%;
  margin: auto !important;
  display: block;
}

 .offreHeaderContent {
    max-width: 820px;
}

/* .offreHeaderContent {
  max-width: 100% !important;
}*/


#recap_box_v6>.columns .column {
  max-width: 700px;
  width: 100%;
  margin: auto !important;
  display: block;
}

choixPlayerTv .column.is-two-third.choix2 .columns {
  margin-bottom: 0;
}

choixPlayerTv,
choixPlayerTv2,
choixPlayerTv5,
choixPlayerTv6,
.choixplayer {
  position: initial;
  display: flex;
  flex-direction: column;
}

choixPlayerTv .title-rub span,
choixPlayerTv2 .title-rub span,
choixPlayerTv5 .title-rub span,
choixPlayerTv6 .title-rub span
 {
  background: #fff;
}

.title-rub p {
  font-weight: 500;
  font-size: 12px;
  margin-bottom: 1rem;
}

choixPlayerTv .title-rub,
choixPlayerTv2 .title-rub,
choixPlayerTv5 .title-rub,
choixPlayerTv6 .title-rub,
.title-rub {
  margin: 0 0 1% !important;
  box-shadow: 0 0 0 0 #494949;
}

#bloc_v6_2024 .block_fbx.box.valid_button img[src="im/2023/logos/Revolution_server.svg"] {
  width:150px !important;
  margin-bottom:0.5rem !important
}
.offreHeaderContent img[src="im/2023/logos/Revolution_server.svg"] {
  width:200px !important;
  margin-right:2rem;
  margin-top:1rem !important
}

#equipement_V6 .tabs li {
  width: 33%;
}

#equipement_V6 .tabs li a.tab,
#equipement_V6 .tab_content ul {
  width: 100%;
}

#equipement_V6 .tabs {
  margin-bottom: 0;
}


#equipement_V6 .tabs ul,
#equipement_MINI .tabs ul {
  margin: 0 auto 1rem;
  max-width: 700px;
}

#equipement_MINI .tabs.is-centered.is-fullwidth a.tab {
  width: auto;
}

#equipement_MINI .tabs li {
  width: 33%
}

#equipement_V6 .tab_content>div {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

#equipement_V6 .tab_content img {
  max-width: 250px;
}

#equipement_V6 .tab_content>div:nth-of-type(1) {
  align-items: flex-end;
  margin-right: 2rem;
}

#equipement_V6 .tab_content>div:nth-of-type(2) {
  margin-left: 2rem;
}

#telcom_V6>div:nth-of-type(1) {
  height: 100px;
  border: 0px solid red;
  overflow: hidden;
  margin: auto;
}

#recap_box_v6 h2 {
  display: none;
}



#detail_V6 .card-content {
  padding: .5rem;
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#detail_V6 .card-header {
  box-shadow: 0 0 0;
}

#detail_V6 .grey.card.center-l.center {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  margin-bottom: 2rem;
}

#choose_box equipements .title-rub, #choose_box equipementsV9s .title-rub  {
  max-width: 700px;
  width: 100%;
  margin: 0 auto 10px !important;
  box-shadow: 0 0 0 0;
}

#choose_box mcafee .title-rub.equipements {
  max-width: 700px;
  width: 100%;
  margin: auto !important;
}

.choix.mcafee,
.choix.mcafee {
  padding: 32px 80px;
}

#recap_box_v8 .columns.choix .title-rub {
  margin: 0 auto 10px !important;
  box-shadow: 0 0 0 0 #494949;
  max-width: 700px;
  width: 100%;
}

.columns.choix.mcafee,
.columns.choix.canal {
  padding: 0;
  max-width: 700px;
  margin: 0 auto;
  float: initial;
  margin-bottom: 0 !important;
}

.columns.choix.canal p {
  margin: 0.1em 0 0.2rem
}

#box_panels .columns.choix.mcafee .choix2,
.columns.choix.canal .choix2 {
  padding: 10px 0 0 !important;
}

netflix .title-rub {
  margin: 0 auto  1rem !important;
  box-shadow: 0 0 0 0 #494949;
  height:36px
}

netflix>span {
  margin: 1rem auto !important;
}

.title-rub span {
  background: #fff;
  font-size: 20px;
}

page#eligibilite form[action="01_choose_box.pl"] .column.is-4 img {
  float: right;
  background: #FFF;
  border-radius: 8px;
  margin: 1rem 0 0;
  padding: 0.8rem;
}

page#eligibilite form[action="01_choose_box.pl"] .column.is-8,
page#eligibilite form[action="01_choose_box.pl"] .column.is-4 {
  font-size: 0.9rem;
  flex-basis: initial;
  flex-grow: initial;
  flex-shrink: initial;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}

page#eligibilite form[action="01_choose_box.pl"] .column.is-8 {
  margin-right: 1rem;
}

page#eligibilite form[action="01_choose_box.pl"] h3+div+div {
  margin: 0 0 1rem;
  display: flex;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  flex-direction: column;
  background-color: #F4F4F4;
  padding: 1.5rem;
  border-radius: 12px;
}

.panel:not(:last-child) {
  margin-bottom: 0
}

#pto_tab {
  display: flex;
}

#detail_V6,
#equipement_V6 {
  box-shadow: 0 0 0;
  border: 0;
}

equipements .info_button+div,equipementsV9s .info_button+div,
mcafee .info_button+div {
  width: 26%;
  display: flex;
}
equipementsV9s .info_button+div img,
equipements .info_button+div img,
mcafee .info_button+div img {
  max-width: 150px;
  max-height: 80px;
  width: auto;
  margin: auto;
}

choixPlayerTv .white,
choixPlayerTv2 .white,
choixPlayerTv5 .white,
choixPlayerTv6 .white,
netflix .white {
  background-color: white !important;
  -webkit-box-shadow: inset 0px 0px 0px 0px #2d70c3 !important;
  box-shadow: inset 0px 0px 0px 0px #2d70c3 !important;
  border: 3px solid #525252;
}

page#coord select[name="ligne"] {
  margin-top: 1rem
}

.columns.choix .choix2 .columns.white {
  background-color: white !important;
  -webkit-box-shadow: inset 0px 0px 0px 0px #2d70c3 !important;
  box-shadow: inset 0px 0px 0px 0px #2d70c3 !important;
  border: 3px solid #525252;
}

.choix,
.choixradio {
  background-color: #fff !important;
  -webkit-box-shadow: inset 0px 0px 0px 0px #2d70c3 !important;
  box-shadow: inset 0px 0px 0px 0px #2d70c3 !important;
  border: 2px solid #f4f4f4;
  border-radius: 16px;
  cursor: pointer;
  width: 100%;
  margin: 0 0 2%;
  float: left;
  padding: 10px 10px;
  box-sizing: border-box;
  max-width: 700px;
}

.choix1,
.choix2,
.choix,
.choixradio {
  height: auto;
}

.choix1 img {
  margin: 0 -40px;
  max-width: 160px !important;
}

.choix1 h3 {
  margin-bottom: 0;
}

.panel.ValidLine .offreHeaderContent>img {
  float: left;
  width: auto;
}
.panel.ValidLine .offreHeaderContent>img[src="im/2018/one/one_l.png"] {
  max-width: 180px;
  margin-right: 20px;
}
.panel.ValidLine .offreHeaderContent>img[src="im/2018/fbx_crystal.png"] {
  max-width: 300px;
}
#recap_box_v7_one .recap_descriptif .icons_line img {
  float:initial !important
}

#bloc_v7 .logocanal2 {
  margin: 0 !important;
}

page#choose_box .modal .box .accordion-contant div p span {
  font-size: 11px;
}


.panel.ValidLine .offreHeader .columns .column .recap_descriptif .green {
  font-size: 30px;
  top: 3px;
  position: relative;
  color: #148116 !important;
}

.offreHeader+hr+p {
  margin: -1rem auto 1rem;
  font-size: 10px;
  max-width: 700px;
}

.panel.ValidLine .offreHeader .columns .column .recap_pricing {
  font-size: 12px;
}

.panel.ValidLine .offreHeader .columns .column .recap_descriptif {
  top: 0;
  position: relative;
  font-size: 12px;
}

.panel.ValidLine .offreHeaderContent h2 {
  margin-bottom: 10px;
  font-size: 24px !important;
}

.offreHeaderContent .recap_pricing br:first-of-type {
  margin-bottom: 15px;
}

.panel.ValidLine .offreHeader .columns {
  display: flex;
}

page#choose_box .columns.clearboth .column {
  padding: 0 !important;
}

.panel.ValidLine .offreHeader .columns .column div+div+div {
  float: left;
}

.panel.ValidLine .offreHeader .columns .column .flexcenter {
  margin: 0;
}

page.livraison #recap_table .cell:nth-child(4n),
page.livraison #recap_table .cell:nth-child(4n-1),
page.livraison .recap_table .cell:nth-child(4n),
page.livraison .recap_table .cell:nth-child(4n-1) {
  background-color: #f4f4f4;
}


.panel.ValidLine .close_button svg,
#recap_box_v6 .close_button svg {
  position: relative;
  top: 5px;
}

page.livraison .card-content {
  padding: 0;
}

page.livraison #modifier_adresse {
  margin: 1rem 0;
  display: block;
  text-align: center;
}

page.livraison .recap_table {
  border: 0
}

page.livraison h3 {
  display: block !important;
  font-size: 24px !important;
  margin-bottom: 0.5rem !important;
}

page.livraison nav+h3 {
  display: none !important;
}



#box_panels .panel.ValidLine .button.submit.red.is-large.is-fullwidth,
button#revolution,button#v5,button#crystal,
button.submit.button.is-large.is-fullwidth.red,
#validcgv {
  width: auto !important;
  float: right;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 18px;
  padding: 12px 24px;
  height: auto;
}

#box_panels .white {
  background-color: white !important;
  -webkit-box-shadow: inset 0px 0px 0px 3px #2d70c3 !important;
  box-shadow: inset 0 0 0 0 #2d70c3 !important;
}

#box_panels .choix.white .choix2 .columns {
  border: 2px solid #000;
}

#box_panels .panel.ValidLine .offreHeader .columns .column {
  padding: 0 !important;
}

#box_panels .panel.ValidLine label {
  display: none;
}

.columns.choix {
  display: flex;
  flex-direction: column;
  background-color: #ffffff !important;
  border: 0;
  max-width: initial;
  padding: 32px 80px;
}

.columns.choix .choix2>div {
  flex-direction: row-reverse;
  background: #ffffff;
  border: 2px solid #f4f4f4;
  border-radius: 16px;
  width: 100%;
  max-width: 700px;
  margin: auto;
  padding: 1rem;
  box-sizing: border-box;
}

.columns.choix .choix2>div input {
  margin-right: 15px;
  width: 24px;
  height: 24px;
}

.title-rub span+div {
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #707070;
}

.columns.choix .choix1 {
  max-width: 700px;
  margin: auto;
  text-align: left;
  align-items: initial;
  width: 100% !important;
  display: none;
}

.columns.choix .choix1 .info_button {
  height: auto;
  text-align: left;
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  color: #3b82f6 !important;
  text-decoration: none;
}

.checkboxform {
  visibility: initial;
  position: initial;
}

.recap_descriptif.small br:nth-of-type(3),
.recap_descriptif.small br:nth-of-type(4) {
  display: none;
}

.choixradio a.info_button {
  width: 24px;
  min-width: 24px;
}

.choixradio .choix2 {
  justify-content: space-between;
}

/*ChoosePorta*/

page chooseP .card .card-content,
a[data-target="explain_RIO"],
coord hr {
  display: none;
}

chooseP .card-header-title {
  padding: 0.5rem;
  margin: auto;
  display: block;
}

page chooseP .card {
  cursor: pointer;
}

page #otherporta,
page #dtporta,
.pagecenter {
  margin: 1rem auto 0 !important;
  max-width: 700px;
  width: 100%;
  box-sizing: border-box;
}

#coordonnees .pagecenter {
  margin: 1% auto 1% !important;
}

page #otherporta label {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #262626;
}

#porta1 .notification {
  padding: 0
}

page chooseP .container._124>.columns.is-centered {
  display: block;
}

#b_choice_rio_1 {
  margin-bottom: 1rem;
  height: 30px
}

page>div:nth-of-type(2),
.blockW,
page>#porta1,
page>#porta2 {
  background: #fff;
  border-radius: 12px;
  max-width: 1280px;
  width: 95%;
  height: auto;
  margin: 0 auto;
  border: 1px solid #f3f3f3;
  box-sizing: content-box;
  padding: 2rem 0;
}

page>#porta1,
page>#porta2 {
  margin-top: 1rem;
}



page#MailCheck form .columns {
  display: flex;
  background: #f4f4f4;
  max-width: 1280px;
  width: 95%;
  margin: auto;
  flex-direction: column;
  align-items: flex-end;
}

page#MailCheck form {
  background: #f4f4f4;
}

page>div:nth-of-type(3) {
  max-width: 1280px;
  margin: 20px auto;
  width: 95%;
  height: auto;
  box-sizing: content-box;
}

page>.flexReverseResponsive {
  max-width: 1280px;
  margin: 20px auto;
  width: 95%;
  height: auto;
  box-sizing: content-box;
}

page chooseP section:not(.hero) {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}


page chooseP .columns a {
  border-radius: 0;
  border: 2px #E0E0E0 solid;
  margin-top: 1rem;
  flex-grow: 1;
  z-index: 9;
  position: relative
}


page chooseP .columns a.faux-tab {
  display: block;
  border-left-width: 0px;
  border-right-width: 0px;
}

page chooseP .columns a:first-of-type {
  border-radius: 10px 0 0 10px;
  border: 2px #E0E0E0 solid;
  right: -2px;
}


page chooseP .columns a:last-of-type {
  border-radius: 0 8px 8px 0;
  border: 2px #E0E0E0 solid;
  right: 1px;

}

page chooseP .columns a:nth-of-type(2)[data-target='noporta'] {
  right: 0;
}

page chooseP .card {
  box-shadow: 0 0 0 !important;
}

page chooseP .columns a.is-hovered {
  border: 2px #000 solid;
  z-index: 10;
}

page chooseP .card {
  background: none;
}

chooseP section:nth-of-type(3) {
  margin: 1rem auto 0 !important;
  padding: 0;

}

coord .notification.grey {
  border-radius: 8px;
  font-family: Montserrat, BlinkMacSystemFont, -apple-system, "Open Sans", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;

}

#complements,
#complements+div {
  display: flex;
}

#complements .maxwidth_5,
#complements+div .maxwidth_5 {
  margin: 0 1rem 0 0;
}

page chooseP section.hero {
  margin: 0 !important;
}

page>choosep>section:nth-child(2) h3,
body>page>choosep>section:nth-child(2) h3+span {
  text-align: left;
  display: block;
  margin-bottom: 0;
}

page chooseP .column button {
  margin: 20px 0 0 0;
  background: #fff;
  border: 0;
  padding: 0;
  width: 100%;
}

page chooseP .column:nth-of-type(1) button .card {
  border-radius: 8px 0 0 8px;
}

page chooseP .column:nth-of-type(3) button .card {
  border-radius: 0 8px 8px 0;
  left: -2px;
}

page chooseP .column:nth-of-type(1) {
  margin-right: 0px;
}

page chooseP .column:nth-of-type(2) button .card {
  border-radius: 0 8px 8px 0;
}

page chooseP .card-header {
  box-shadow: 0 0 0 rgb(10 10 10 / 10%);
  height: 92px !important;
  display: flex;
  padding: 0
}

page chooseP button#revolution {
  opacity: 60%;
}

.CB input[type="checkbox"] {
  bottom: 0;
  max-width: none;
  width: 30px !important;
  height: 30px !important;
}

page chooseP .card {
  box-shadow: inset 0 0 0 1px rgb(10 10 10 / 10%),
    inset 0 0 0 1px rgb(10 10 10 / 10%);
}

button.focus .card {
  box-shadow: inset 0 0 0 2px rgb(10 10 10 / 80%),
    inset 0 0 0 2px rgb(10 10 10 / 80%);
}

.explication_rio,
#explication_rio {
  background: #f4f4f4;
  border-radius: 8px;
}

.showRio span {
  float: right;
  position: relative;
  /* z-index: 10; */
  color: black;
  width: 16px;
  right: 10px;
  top: 0;
}

#explication_rio {
  margin-bottom: 1rem
}

#explication_rio #sepa_rocks {
  padding: 0 1rem 1rem;
}

.showRio {
  font-weight: 700;
  font-size: 16px;
  line-height: 150%;
  color: #262626;
  cursor: pointer;
  box-sizing: border-box;
  padding: 1rem;
  margin-top: 2rem !important;

}

.explain_RIO,
#rio {
  box-sizing: border-box;
  padding: 0 1rem 1rem;
}


.explain_RIO .red,
.explain_RIO a {
  color: #275ecb !important;
  font-weight: 600;
}

/*coord*/

coord .mentions._12 {
  font-size: 10px !important;
}

coord .container {
  background: #f4f4f4;
}

coord fieldset {
  margin: 2em auto !important;
  display: flex;
}

coord #disclaimer-suisse-2+fieldset {
  margin: 2rem auto !important
}


coord fieldset:nth-of-type(1) {
  margin: 150px auto 2em !important;
}


coord legend {
  margin: 0;
}



coord .select.is-large {
  height: auto;
  width: 353px;
}


coord .control.has-icons-right.maxwidth_10 {
  width: 353px;
  max-width: none;
}

coord label[for="checkb"]+.control.has-icons-right.maxwidth_10,
coord label[for="checkb"]+.control.has-icons-right.maxwidth_10 .select.is-large {
  width: 544px;
}

coord .margin._330+hr+.columns.is-centered.small-margin.margin-t-2,
coord .column.is-7-widescreen.small {
  max-width: 1280px;
  margin: 1rem auto;
  width: 95%;

}

coord .margin._330+hr+.columns.is-centered.small-margin.margin-t-2 {

  display: flex;
}

coord .container.clear .columns.is-centered {
  width: 100%;
}

.switchvisual span.sel {
  border: 0;
  box-shadow: inset 0 0 0 2px rgb(10 10 10 / 80%),
    inset 0 0 0 2px rgb(10 10 10 / 80%);
}

.switchvisual span:first-child {
  margin-right: 0;
}

.switchvisual span {
  box-shadow: inset 0 0 0 1px rgb(10 10 10 / 10%),
    inset 0 0 0 1px rgb(10 10 10 / 10%);
  border: 0;
  float: left;
  box-sizing: border-box;
}

.switchvisual span:nth-of-type(1) {
  border-radius: 8px 0 0 8px;
}

.switchvisual span:nth-of-type(2) {
  border-radius: 0 8px 8px 0;
}

coord a.button[onclick="history.back(-1)"] {
  height: auto;
  padding-top: 0;
}

/*bank*/

#bloc-iban h2,
page.bank #adr_factu2+h4,
page.bank .moreInfo {
  display: none;
}

page.bank .pagecenter {
  margin: 0 auto !important;
}


#bloc-iban h3 {
  margin-bottom: 0;
}

#bloc-iban fieldset {
  flex-direction: column;
}

#bankform #ibanLine .control {
  width: 90px;
  margin-right: 3px;
  min-width: initial;
}

#bankform .margin-2 {
  margin: 0 0 20px !important;
}

.input.iban {
  min-width: initial;
}

#sepa_rocks {
  padding: 0;
}

#alertBox {
  border: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-shadow: 0 0 0 0;
}

#alertBox h3 {
  margin-bottom: 0;
  margin-top: 20px;
  font-size: 1.5rem !important;
}

.modal #alertBox.box>div:first-of-type {
  padding: 0 6%;
  margin: 0 20px 40px !important;
  font-size: 1rem !important;
}

#alertBox .columns {
  width: 100%;
  text-align: center;
}

#ibanLongLine label {
  font-size: 1.2rem;
  font-weight: bold;
}

.explication_rio+p {
  margin: 1em 0;
}

page.bank #modif_send_fact.modif_link {
  display: contents;
}

#bankform .columns.is-centered.small-margin.margin-t-2 {
  background: #f4f4f4;
  width: 95%;
  max-width: 1280px;
  margin: auto;
  box-sizing: border-box;
  padding: 0;
}

#box_panels .columns.choix+.columns.clearboth .column {
  padding: 0 !important;
}

.columnbutton {
  max-width: 1280px;
  margin: 20px auto;
  width: 95%;
  height: 60px
}

.link_rdv_fibre {
  padding: 0;
  margin-top: 1rem
}

.livraison section>.container>.columns.is-centered>.column.is-7-widescreen>h3 {
  position: initial;
  margin-bottom: 0;
}

.livraison .card-footer,
.card-header {
  border-top: 0;
  box-shadow: 0 0 0;
}

.livraison section>.container>.columns.is-centered>.column.is-7-widescreen nav+h3,
.livraison section>.container>.columns.is-centered>.column.is-7-widescreen nav+h3+.notification
 {
  display: none;
}

.livraison section>.container>.columns.is-centered>.column.is-7-widescreen h3:nth-of-type(2) {
  margin-top: 0;
}

.livraison section>.container>.columns.is-centered>.column.is-7-widescreen h3 {
  margin-top: 2em;
}

#detail_paiement_v7 h2 {
  background: #FFF;
  color: #4a4a4a;
  font-size: 20px;
  font-weight: 700;
  margin-top: 1rem;
}

#detail_paiement_v7 .pricing_int {
  font-size: 64px;
}

#detail_paiement_v7 .pricing.top.valid_button {
  width: fit-content;
  margin: auto;
}

#detail_paiement_v7 .pricing.top.valid_button>div {
  padding: 0 0.7rem;
}

#detail_paiement_v7 .pricing.top.valid_button .pricing_float {
  margin-top: 6px;
}

#detail_paiement_v7 {
  background: #f4f4f4;
}

#detail_paiement_v7 financement,
#MailCheck.vad valid {
  background: #fff;
  border: 1px solid #f3f3f3;
  border-radius: 12px;
  width: 100%;
  display: block;
  max-width: 1280px;
  margin: auto;
  padding: 32px 80px;
  box-sizing: border-box;
}

#MailCheck.vad #_06_telecharg .box {
  width: 100%;
  float: none
}

#MailCheck.vad #_06_telecharg .box h3 {
  text-align: center;
}

financement h2,
financement .pricing,
financement .mentionsL2,
#creditline svg {
  display: none !important;
}

#creditline {
  max-width: 700px;
  margin: auto;
  flex-direction: column;
  text-align: left;
}

#creditline .column {
  padding: 1rem 0 0 !important;
}

#detail_paiement_v7 form {
  width: 100%;
}

financement div[aria-pressed="true"] {
  border: 3px solid #525252;
  border-radius: 16px;
}

financement h6 {
  font-size: 16px;
}

financement h6+p {
  font-size: 14px;
}

financement div[aria-pressed="false"] {
  border: 2px solid #f4f4f4;
  border-radius: 16px;
}

financement img {
  min-width: 700px;
  overflow: hidden;

}

financement #priceline {
  max-width: 940px;
  overflow: hidden;
  border-radius: 12px !important;
  padding: 0;
  line-height: 0;
  margin: auto
}



#financementButton {
  width: auto;
  float: right;
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  padding: 12px 24px;
  height: auto;
}

#detail_paiement_v7 .column.is-11-widescreen {
  width: 100%;
}

#creditline {
  padding-bottom: 0 !important;
}

#creditline div[data-value="nocredit"] p br {
  display: none;
}

#creditline .card {
  min-height: initial;
}

page#choose_box #detail_paiement_v7 financement+div>div {
  padding: 0 !important;
}

.notification.is-danger {
  margin: 2rem auto;
  max-width: 700px;
  font-size: 16px;
    padding: 1rem;
}

#detail_paiement_v7 .close_button {
  display: block;
  color: #4a4a4a !important;
  width: fit-content;
  padding: 12px 24px;
  border: 1px solid #e0e0e0;
  filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.05));
  border-radius: 6px;
  font-weight: 600;
  color: #525252 !important;
  font-size: 14px;
  line-height: 24px;
  display: block;
  text-align: center;
}

/*Confimation Mail/SMS*/
form[action="07_valid.pl"] button,
.notification.big-icon button {
  padding: 12px 24px;
  width: auto !important;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 6px !important;
  margin: 0 auto 20px;
  width: auto !important;
  font-weight: 500;
  font-size: 16px !important;
  line-height: 18px;
  margin-top: 10px !important;
}

#_06_telecharg .box {
  box-shadow: 0 0 0 0;
  float: left;
  width: 50%;
  padding: 0 7em;
  box-sizing: border-box;
  margin: auto;
}

#_06_telecharg .box .equal {
  height: auto !important;
}

.notification.big-icon {
  box-shadow: 0 0 0 0;
  border: 0;
}

#form_adr .columns.is-multiline {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  align-items: stretch !important;
  flex-wrap: wrap !important;
}

page#eligibilite form[action="00_choose_nd.pl"] {
  margin-bottom: 0rem !important;
  margin-top: 2rem !important;
}



@media screen and (min-width: 1216px) {
  #choose_box main .column.is-9-widescreen {
    flex: none;
    width: 100%;
  }
}

@media screen and (min-width: 1408px) {
  .container {
    max-width: 100%;
    width: 100%;
  }
}

.container {
  max-width: 100%;
  width: 100%;
}

#choose_box main .column.is-9-widescreen {
  flex: none;
  width: 100%;
}

@media screen and (min-width: 769px) {

  .column.is-one-quarter,
  .column.is-one-quarter-tablet {
    flex: none;
    width: auto;
  }
}

section>.container>.columns.is-centered>.column.is-7-widescreen>h3 {
  display: none;
}

.focus {
  border-top: 0;
  border-bottom: 0;
}

.card {
  box-shadow: 0 0 0 0;
}



coord .notification.grey {
  font-size: 10px;
}


.modaleQiaraImg {
  display: flex;
  flex-wrap: wrap;
  gap:6px;
  margin-bottom: 24px;
}
.modaleQiaraImg > div{
  width:calc(100% / 6 - 6px);
  min-width:115px;
  text-align: center;
  font-size: 10px;
  font-weight: 700;
}
.modaleQiaraImg > div img {
  border-radius: 12px;
}

/*Mobile*/
@media screen and (max-width: 1250px) {

  body,
  #choose_box main,
  #box_panels {
    background: #fff;
  }

  body {
    min-width: 320px;
  }

  nav {
    justify-content: flex-end;
    border-bottom: 3px solid #000000;
  }

  #eli_tel form[action="00_choose_offre.pl"] h3,
  #eli_adr form[action="00_insert_addr.pl"] h3 {
    font-size: 1rem;
  }

  .etape {
    margin-top: -5px;
    margin-bottom: 10px;
  }

  .on .navchiffre {
    margin: 0 20px 0 0;
  }



  .etape>.etapeSvg {
    width: 50px;
    height: 40px;
    overflow: hidden;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
  }

  .etape .navtexte:not(.active),
  .etape>.etapeSvg>div:not(.on) {
    display: none;
  }

  page>div:nth-of-type(1) {
    text-align: center;
    padding: 2rem auto 0 !important;
  }

  page>div>h2 {
    font-size: 1.8rem;
    width: 100%;
    margin: auto;
    padding: 0 1rem;
    line-height: 120%;
  }

  page>div>h2+span {
    font-size: 1rem;
    padding: 0.5rem;
    display: block;
  }

  main,
  #choose_box main {
    margin: 0 auto !important;
    max-width: 100%;
    width: 100%;
    border: 0;
    padding: 1rem !important;
  }

  .tabs.is-centered.is-fullwidth ul {
    width: 100%;
    max-width: 544px;
    margin: 0 auto 2rem;
    display: flex !important;
    padding: 0;
  }

  .tabs.is-centered.is-fullwidth li {
    width: 50%;
  }

  .tabs.is-centered.is-fullwidth a.tab {
    width: 100%;
    box-sizing: border-box;
    font-size: 1rem;
  }

  section.tab_content .maxwidth_10,
  section.tab_content .maxwidth_5,
  #eli_tel form[action="00_choose_offre.pl"] button,
  #eli_adr form[action="00_insert_addr.pl"] button,
  form[action="01_choose_box.pl"] button,
  #eli_tel form[action="00_choose_offre.pl"] h3,
  #eli_adr form[action="00_insert_addr.pl"] h3,
  #eli_adr .field,
  #eli_adr form+.box.small-margin,
  form[action="00_choose_nd.pl"] {
    max-width: 544px;
    width: 100% !important;
    margin: auto;
  }

  #eli_tel,
  #eli_adr {
    overflow: hidden;
  }

  #choose_box .columns.PriceLine {
    flex-direction: column;
    height: auto;
  }

  .block_fbx.box {
    max-height: initial;
  }

  .box_model .block_fbx.box {
    box-shadow: inset 0 0 0 1px rgb(10 10 10 / 10%);
  }

  #box_panels .column.has-text-centered.dark_grey img,
  #bloc_v7s_2020 .box_img {
    height: auto !important;
    margin: 0px;

  }

  #choose_box .columns.PriceLine>div {
    width: 100% !important;
    top: 0 !important;
  }

  #choose_box .columns.PriceLine>div:nth-of-type(2),
  #choose_box .columns.PriceLine>div:nth-of-type(3),
  #choose_box .columns.PriceLine>div:nth-of-type(4) {
    margin-bottom: 1rem;
  }

  #box_panels .box_model .box_claim {
    margin-bottom: 1rem !important;
  }

  #choose_box .columns.PriceLine>div:nth-of-type(2) {
    max-width: initial;
  }

  #choose_box .columns.PriceLine>div:nth-of-type(3) {
    max-width: 400px;
  }

  #choose_box .logocanal2 {
    width: 100px !important;
    max-width: none !important;
    padding: 0;
    box-sizing: border-box;
    margin: 0 0 1rem !important;
  }


  #choose_box .columns.PriceLine>div:nth-of-type(2) {
    min-width: 100%;
    justify-content: center
  }

  page#eligibilite .submit.button.is-large.is-fullwidth.red {
    margin-top: 1.5rem;
  }

  page#eligibilite form._248 .column.is-half {
    width: 50%;
    float: left;
  }
  equipementsV9s .info_button+div img,
  equipements .info_button+div img,
  mcafee .info_button+div img {
    max-width: 80px !important;
  }

  mcafee .info_button+div img[src="im/2023/logos/Qiara4.png"]{
           max-width: initial !important; 
  }


  page#eligibilite #eli_adr>div>div>div>form.small-margin._248>h3 {
    margin-top: 0;
  }

  page#eligibilite form.small-margin._25+.small-margin {
    margin-bottom: 1rem !important;
  }

  page#eligibilite #eli_adr>div>div>div>form.small-margin._248>h3+.red {
    top: -15px;
  }

  .tab_content,
  .columns:not(.is-desktop).switchbutton_target {
    overflow: initial;
  }

  #pto_tab .column.is-4 {
    text-align: center;
  }


  #box_panels {
    padding: 0 !important;
  }

  page#choose_box .block_fbx.box {
    max-width: 450px;
    margin: 1rem auto 1.5rem;
  }

  page#choose_box .panel.ValidLine .offreHeader,
  choixPlayerTv,
  choixPlayerTv2,
  choixPlayerTv5,
  choixPlayerTv6,
  netflix,
  equipements,
  equipementsV9s,
  #recap_box_v6>.columns,
  McAfee {
    border: 0px;
  }

  page#choose_box .panel.ValidLine {
    background: #fff;
  }

  page#choose_box .pricing.top,
  page#choose_box .pricing.valid_button {
    max-width: 180px;
    margin: auto;

  }

  #recap_box_v9 .offreHeaderContent .flexcenter.logocanalV9 {
    flex-wrap: wrap !important;
  }

  .panel.ValidLine .offreHeader,
  choixPlayerTv,
  choixPlayerTv2,
  choixPlayerTv3,
  choixPlayerTv4,
  choixPlayerTv5,
  choixPlayerTv6,
  netflix,
  equipements,
  equipementsV9s,
  equipements2,
  equipements3,
  #recap_box_v6>.columns,
  McAfee,
  #recap_box_v8,
  #recap_box_v7,choix {
    padding: 0;
  }

  choixPlayerTv3,
  choixPlayerTv4,
  equipements2,
  equipements3 {
    border: 0
  }

  page#choose_box .offreHeaderContent {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #FFF;
    position: relative;
    max-width: 820px;
  }

  page#choose_box #bloc_v7 .flexcenter {
    margin-bottom: 0rem;
  }

  page#choose_box .offreHeaderContent .recap_pricing {
    max-width: 820px;
    margin: 1rem auto;
    text-align: center;
    font-size: 0.8rem;
  }

  #box_panels .modal h2 {
    font-size: 20px;
  }

  page#choose_box .panel.ValidLine .offreHeader .columns .column div+div+div {
    margin: 1rem auto;
    float: initial;
    width: fit-content;
  }

  page#choose_box .panel.ValidLine .offreHeaderContent>img {
    margin: 0;
  }


  #recap_box_v9 .mention_v9,  #recap_box_v9s .mention_v9 , #recap_box_v8 .mention_v9 ,#recap_box_v7 .mention_v9, #recap_box_v8s .mention_v9 {
    max-width: 700px;
    margin:0 auto 24px;
    left:0
  }



  page#choose_box .columns.choixradio {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 1rem !important;
  }

  .panel.ValidLine .offreHeader .columns .column .recap_descriptif {
    text-align: center;
  }

  page#choose_box .columns.choixradio .choix1 {
    width: 150px !important;
  }

  page#choose_box #box_panels .column.is-two-third.choix2 div {
    margin: 0;
  }



  page#choose_box #box_panels .column {
    text-align: left;
    margin-bottom: 0;
  }
  #recap_box_v7_one .offreHeaderContent .close_button {
    top:0 !important;
  }


  #ultimatesubmit_ipadsl>div:nth-of-type(1) {
    display: none;
  }

  .choixradio a.info_button {
    margin: 0 10px;
  }

  page#choose_box .choix a.info_button {
    display: block;
    width: 29px;
    font-size: 0.9rem;
  }

  .panel.ValidLine .offreHeaderContent h2 {
    text-align: center;
  }

  page#choose_box .columns.choix.mcafee .choix1,
  page#choose_box .columns.choix.canal .choix1 {
    display: none !important;
  }
  .panel.ValidLine img[src="im/2023/logos/EquipementV9.png"],   .panel.ValidLine img[src="im/2020/pop/repeteurwifipop2.png"] {
    position:relative;
    max-width: 140px !important;
    right:0;
  }
 
  page#choose_box .columns.choix.mcafee,
  page#choose_box .columns.choix.canal {
    margin:0 auto 15px !important;
  }




  main,
  chooseP,
  coord fieldset,
  page.livraison coord section:nth-of-type(2),
  page>div:nth-of-type(2) {
    margin: 100px auto 1rem !important;
    border: 0;
  }

  page.cgv coord section:nth-of-type(2) {
    width: 100%;
    padding: 1rem 0;
    margin: 0 auto 1rem !important;
    border: 0;
  }

  page.cgv #validcgv {
    margin: 1rem auto;
  }


  page chooseP .column button {
    margin: 1rem 0 0;
    width: 100%;
    box-sizing: border-box;
    float: left;
  }

  #porta2 {
    padding: 2rem 0 0;
  }

  #porta2 h2 {
    margin-bottom: 1rem;

  }

  .explication_rio {
    margin-bottom: 1.5rem !important;
  }

  .ValidLine {
    top: 0;
    bottom: 150px;
    height: fit-content;
  }

  page>div>h2,
  page>div>h2+span {
    display: none;
  }

  page#eligibilite>div>h2,
  page#eligibilite>div>h2+span {
    display: block;
  }


  button.back {
    background: none;
    border: 0;
    text-decoration: underline;
    cursor: pointer;
    font-size: 16px;
    line-height: 18px;
    padding: 12px 24px;
    color: #b9b9b9 !important;
    font-weight: 500;
  }


  #porta2,
  #porta1 {
    margin: 0 auto 13rem !important;
    padding: 0;
  }

  chooseP,
  coord {
    margin: 8rem auto 0 !important;
    padding: 0;
    display: block;
  }

  coord fieldset:nth-of-type(1) {
    margin: 0 !important;
    padding: 0;
  }


  #porta2+div,
  coord .margin._330+hr+.columns.is-centered.small-margin.margin-t-2,
  #bankform .columns.is-centered.small-margin.margin-t-2 {
    height: 50px;
    max-width: 700px;
    width: 95%;
    background-color: #FFF;
  }

  coord section .container.clear {
    max-width: 700px;
    width: 100%;
    padding: 0 0 4rem;
  }

  coord fieldset._330 {
    padding: 1rem 0 2rem;
  }

  coord fieldset {
    width: 100%;
  }

  page chooseP section {
    margin: 0 auto !important;
  }

  coord fieldset .pagecenter,
  coord label[for="checkb"]+.control.has-icons-right.maxwidth_10,
  coord label[for="checkb"]+.control.has-icons-right.maxwidth_10 .select.is-large {
    width: 100%;
    max-width: 544px !important;
  }




  body>page>choosep>section:nth-child(2) h3+span+.columns {
    display: flex;
  }

  page coord {
    width: 95%;
  }

  coord select {
    margin-top: 0;
  }

  page.bank #big_warn .modal-content {
    max-height: 100%;
    top: 70px;
  }

  page.bank #big_warn .modal-content button {
    width: 100%;
    margin: 1rem auto 0;
  }

  page.bank #ibanLine {
    display: flex;
    gap: 0.5rem;
    align-items: flex-end;

  }

  page.bank #ibanLine>div {
    flex-grow: 0;
  }

  page.bank #explication_rio {
    margin-top: 1rem;
    font-size: 14px;
  }

  form[name="bankform"] #bloc-iban.vad {
    padding: 0;
    margin: 0 auto !important;
  }


  form[name="bankform"] #bloc-iban.vad .showRio.pagecenter {
    margin: 1rem auto !important;
  }

  page.bank #ibanLine>div:not(:first-of-type)>label.strong {
    display: none;
  }

  fieldset:nth-of-type(1) {
    margin: 65px auto !important;

  }

  coord .container {
    background: #FFF;
  }

  coord fieldset._75,
  coord fieldset._308,
  coord fieldset._330 {
    margin: 0 auto !important;
  }


  #eli_adr .field label,
  #coordonnees label,
  section.tab_content input,
  section.tab_content select,
  page #otherporta input,
  page #otherporta select,
  coord select,
  coord input {
    max-width: 544px !important;
    width: 100% !important;
    margin: 0.8 rem 0 0;
  }

  #coordonnees .pagecenter {
    margin: 0 auto !important;
  }

  page .interface>div>h2 {
    padding: 1rem 0 !important;
  }
  #recap_box_v7_one {
    top:-6rem;
  }
  .panel.ValidLine {
    padding: 0 !important;
    height: auto !important;
    position: relative;
  }

  page#choose_box .columns.clearboth {
    max-width: 700px;
    width: 100%;
  }



  .netflix-reset.button.red {
    white-space: initial;
    height: auto;
  }


  page#eligibilite #eli_adr>div>div>div>form.small-margin._248>h3+div+.columns.is-centered.small-margin {
    display: block;
    height: 40px;
  }

  coord fieldset .pagecenter {
    max-width: 700px !important;
  }

  #bloc-iban .pagecenter,
  #bloc-iban h3 {
    margin: 0 auto !important;
  }



  #bankform .columns.is-centered.small-margin.margin-t-2 {
    width: 100%;
  }

  .etapeBarreB,
  .etapeBarreBMob {
    display: block !important;
    top: 70px;
    margin: 0;
    height: 3px;
    z-index: 500 !important;
    left: 0;
    position: fixed;
  }

  .panel.ValidLine .offreHeader .columns {
    display: flex;
    flex-direction: column;
  }

  .offreHeaderContent img.shadow {
    max-width: 300px;
  }

  /*html*/
  html {
    font-size: 14px;
  }

  /*Titre*/
  page#eligibilite>div>h2,
  page .interface>div>h2,
  .panel.ValidLine .offreHeaderContent h2 {
    font-size: 24px !important;
    margin: 0 auto 0.1em;
    line-height: 120%;
    text-align: center;
  }

  /*SousTitre*/
  page#eligibilite>div>h2+span {
    font-size: 1rem;
  }

  /*Titre2*/
  page#eligibilite #eli_adr>div>div>div>form.small-margin._248>h3,
  choixPlayerTv .title-rub span,
  choixPlayerTv2 .title-rub span,
  choixPlayerTv5 .title-rub span,
  choixPlayerTv6 .title-rub span,
  .title-rub span,
  #porta2 h2,
  choosep h3,
  ._33 .pagecenter h2,
  coord legend,
  #bloc-iban h3,
  .bank_option h4 {
    font-size: 1.5rem;
    line-height: 1.6rem;
    margin-top: 1rem;
    margin-bottom: 1rem !important;
  }

  coord legend {
    margin-top: 0;
  }


  /*Texte*/
  #eli_adr .field label,
  #coordonnees label,
  page#choose_box .offreHeaderContent .recap_pricing,
  #box_panels .panel.ValidLine .button.submit.red.is-large.is-fullwidth,
  button#revolution,
  button.submit.button.is-large.is-fullwidth.red,
  #detail_paiement_v7 .close_button,
  #financementButton {
    font-size: 12px;
  }

  /*bouton*/

  #box_panels .panel.ValidLine .button.submit.red.is-large.is-fullwidth,
  button#revolution,
  button.submit.button.is-large.is-fullwidth.red,
  #detail_paiement_v7 .close_button,
  #financementButton {
    font-size: 16px;
  }



  #equipement_V6 .tab_content img {
    margin: auto;
  }

  .recap_descriptif .info_button {
    margin: auto;
    display: block;
    text-align: center;
  }



  #recap_box_v6 {
    margin-top: -1rem;
  }

  .is-hidden-mobile {
    display: block !important;
  }

  /*SousTexte*/
  .logocanal2 span,
  .small,
  coord section .container.clear {
    font-size: 0.75rem;
  }

  #box_panels .panel.ValidLine .button.submit.red.is-large.is-fullwidth,
  button#revolution,
  button.submit.button.is-large.is-fullwidth.red,
  #validcgv,
  .button.is-large.is-fullwidth.is-hidden-mobile {
    width: fit-content !important;
    margin: 0.5rem auto 0;
    box-sizing: border-box;
    max-width: 700px;
    float: right;
  }

  .button.is-large.is-fullwidth.is-hidden-mobile {
    background: none;
    border: 0;
    text-decoration: underline;
    cursor: pointer;
    font-size: 16px;
    line-height: 18px;
    padding: 12px 24px;
    color: #b9b9b9 !important;
    font-weight: 500;
  }

  .columns.is-centered.small-margin.margin-t-2 {
    flex-direction: column-reverse;
    height: auto !important;
    display: flex;
    width: 100% !important;
  }

  coord .margin._330+hr+.columns.is-centered.small-margin.margin-t-2,
  coord .column.is-7-widescreen.small {
    width: 100% !important;
  }

  #porta2+div {
    height: auto
  }

  form[action="01_choose_box.pl"] .column.is-8 {
    width: 68%;
    float: right;
    margin-bottom: 1rem;
  }

  form[action="01_choose_box.pl"] .column.is-4 {
    width: 32%;
    float: right;
    margin-bottom: 1rem;
  }

  form[action="01_choose_box.pl"] h3+.clearboth+.columns+.columns {
    height: 35px;
    margin-bottom: 1.5rem;
  }

  page#eligibilite form[action="01_choose_box.pl"] .column.is-4 img {
    width: 30%;
    padding: 0;
  }

  #detail_paiement_v7 {
    background: #FFF;
  }

  #detail_paiement_v7 financement {
    border: 0;
  }

  #detail_paiement_v7 .column.is-11-widescreen.center-l,
  #detail_paiement_v7 financement,
  #detail_paiement_v7 {
    padding: 0 !important;
  }

  #detail_paiement_v7 h2 {
    margin-top: 0;
    padding: 0;
  }

  #detail_paiement_v7 .pricing_int {
    width: 7rem;
  }

  .flexReverseResponsive,
  #coordonnees .columns.is-centered.small-margin.margin-t-2 {
    display: flex;
    flex-direction: column-reverse;
    margin: 0.5rem auto !important;
  }

  .flexReverseResponsive .back {
    margin: 0.5rem 0
  }

  page#choose_box .modal-content {
    -webkit-clip-path: inset(0 0 0 0 round 0px);
    clip-path: inset(0 0 0 0 round 0px);
    border-radius: 0;
    padding: 7rem 20px 1rem;
    top: 0;
    width: 100%;
    height: 100%;
    min-height: 100%;
    max-height: none;
  }

  page#choose_box .modal-content.content .box {
    position: relative;
  }

  #detail_mcafee .box.has-text-centered>div:first-of-type {

    height: auto !important;
  }

  page#choose_box #box_panels .delete.is-large {
    position: absolute;
    top: 0;
  }

  page#choose_box form[action="01_choose_porta.pl"] {
    padding: 0 0 2rem;
  }

  page #otherporta label {
    font-size: 14px;
  }

  page.cgv h2,
  page.cgv h2+span {
    display: block;

  }

  page.livraison coord section:nth-of-type(2) {
    margin: 0 auto 1rem !important;
    padding: 0
  }

  page.livraison .field.column.is-4 {
    width: 100px;
  }

  page.livraison #autre_adresse .columns.is-multiline {
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-bottom: 2rem;
  }

  page.livraison #form_adr .column.is-4 {
    max-width: 90px;
  }



  page#MailCheck form,
  page#MailCheck form .columns {
    background: #FFF !important;
  }

  cgv {
    margin: 0 auto !important;
    border: 0
  }

  .etapeBarreB {
    display: none;
  }

  .etapeBarreBMob {
    display: block;
  }

  .etape .active.navtexte {
    right: 50px
  }

  .columnbutton {
    max-width: 700px;
    margin: 20px auto;
    width: 95%;
    height: 80px;
  }

  #box_panels .box_model .button.red.is-medium.choose-button {
    margin: auto;
  }

  #bloc_v8 .mention , .mention_v7 {
    max-width: 450px;
    margin: auto
  }



  .box_model div#detail_v8_with_player_pop_BLOC_V8 .modal-content,
  .box_model div#detail_v8_without_player_BLOC_V8 .modal-content,
  .box_model div#detail_v8_with_player_appletv_BLOC_V8 .modal-content,
  .box_model div#detail_v7_with_player_devialet_BLOC_V7_2020 .modal-content,
  .box_model div#detail_v7_with_player_appletv_BLOC_V7_2020 .modal-content,
  .box_model div#detail_v7_with_player_pop_BLOC_V7_2020 .modal-content {
    height: 100% !important;

    -webkit-clip-path: inset(0 0 0 0 round 0);
    clip-path: inset(0 0 0 0 round 0);
    border-radius: 0
  }

  financement+.columns.margin-2 {
    width: 100% !important;
    margin: auto !important;
    flex-direction: column-reverse;
    display: flex;
  }

  financement+.columns.margin-2 a {
    width: 100% !important;
    margin: 1rem auto 0 !important;

  }

  #bloc_ipadsl .notification.is-info {
    max-width: 450px;
  }

  #recap_box_ipadsl .offreHeader .offreHeaderContent img {
    margin: 0 0 3rem !important
  }

  #recap_box_ipadsl .recap_pricing {
    font-size: 16px !important;
  }

  #recap_box_ipadsl choixPlayerTv3 {
    margin: 0 auto;
  }


  #recap_box_ipadsl #server_ipadsl .column {
    text-align: center !important;
  }

  #recap_box_ipadsl .tabs.is-centered.is-fullwidth ul,
  #recap_box_ipadsl .tabs.is-centered.is-fullwidth {
    margin: 0 auto;
  }

  #recap_box_ipadsl .tabs.is-centered.is-fullwidth a.tab {
    height: 0
  }

  #ipadsl {
    width: 100%;
  }

  #recap_box_v6 .columns.margin-1>div:nth-of-type(2) {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
  }

  #recap_box_v6 .columns.margin-1>div:nth-of-type(2) .recap_pricing {
    text-align: center;
  }

  #recap_box_v6>.columns img {
    margin-right: 0em !important;
    margin-top: 1rem !important;
    margin: 1rem 0 !important;
  }

  page#choose_box #box_panels .column h5 {
    text-align: center;
    margin-bottom: 1rem;
  }





  page {
    min-height: calc(100% - 250px);
  }

  page#telecharg {
    min-height: calc(100% - 222px);
  }




  #_06_telecharg+div {
    max-width: 700px;
    margin: auto;
  }

  page#telecharg button#revolution {
    margin-top: 0;
  }

  page>#porta2,
  page>#porta1 {
    border: 0;
    margin: 0 auto 1rem !important;
    padding: 1rem 0 0;
  }

  chooseP {
    margin: 100px auto 1rem !important;
  }

  #box_panels .column.has-text-centered.dark_grey img,
  .box_img.valid_button,
  #bloc_v6_new .box_img {
    margin: 0.5rem -3.5rem -1rem !important;
  }

  #recap_box_MINI>.columns {
    display: flex;
    flex-direction: column;
  }

  #recap_box_MINI .offreHeader .column {
    text-align: center !important;
  }


  page chooseP .columns a.faux-tab {
    border-radius: 6px;
    width: 100%;
  }

  page chooseP .btn_back,
  page chooseP #btn_sub {
    width: 100% !important
  }

  page chooseP #btn_sub {
    bottom: 3rem;
    position: relative;
    z-index: 20;
  }

  page chooseP .btn_back {
    bottom: -6rem !important;
    position: relative !important
  }

  #noporta.flexreverse.hidden {
    display: none;
  }

  #noporta {
    max-width: 700px;
    margin: auto;
  }


  .flexreverse {
    display: flex;
    flex-direction: column !important;

  }

  .flexrow {
    display: flex;
    flex-direction: column;
  }

  page.cgv cgv>div {
    max-width: 100%;
    margin: auto !important;
    background: #fff;
  }

  #cgv_valid .desc {
    margin-left: 0;
  }

  .showRio {
        font-size: 14px;
        display: flex;
        flex-direction: row;
        gap: 12px;
        align-items: center;
        justify-content: space-between;
    }
  

  #box_panels .panel.ValidLine .button.submit.red.is-large.is-fullwidth,
  button#revolution,
  button.submit.button.is-large.is-fullwidth.red,
  #validcgv,
  .button.is-large.is-fullwidth.is-hidden-mobile {
    width: 100% !important;
    float: initial
  }

  .info_button[data-target="#detail_box_v6_2023"] {
    margin-left: 0;
    display: block;
    text-align: center;
    font-size: 12px;
  }

  .offremobile a {
    width: 100%;
    background-color: #FFF;
    padding: 1rem;
    margin: 0 auto;
  }

  form[name="bankform"] #bloc-iban {
    margin: 2rem auto 0 !important
  }

  #MailCheck.vad valid {
    padding: 0;
    border: 0;
  }

  #MailCheck.vad #_06_telecharg .box {
    padding: 1rem;
    border: 0;
  }

  page#MailCheck.vad>div {
    margin: 1rem auto 0 !important;
  }

  #bloc_v6_old #tv_fbx_choose_v6>.columns>.column {

    min-width: 300px;
  }

  #bloc_v6_old #tv_fbx_choose_v6>.columns {
    display: flex;
    flex-direction: row;
    gap: 2rem;
    flex-wrap: wrap;
    margin: 1rem auto !important;
  }

  page#rdvfibre main {
    padding: 0 !important
  }

  #modal button.yes,
  #modal button.no {
    width: 90%;
    margin: 2rem auto 1rem;
  }

  #modal button.no {
    width: 90%;
    margin: 0 auto;
  }

  #recap_box_v9_new .mention_v9,#recap_box_v9s_new .mention_v9 {
    position: relative;
    top: -1rem;
    left: 0.5rem;
    font-size: 10px;
    max-width: 700px;
    margin: auto; 
}

}

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

  #box_panels .panel.ValidLine .button.submit.red.is-large.is-fullwidth,
  button#revolution,
  button.submit.button.is-large.is-fullwidth.red,
  coord .select.is-large {
    width: 100%;
    box-sizing: border-box;
  }

  coord .margin._330+hr+.columns.is-centered.small-margin.margin-t-2 {
    flex-direction: column;
    width: 100%;
  }

  coord .control.has-icons-right.maxwidth_10 {
    width: 100%;
  }

  #detail_V6 .column {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
  }

  #equipement_V6 .tab_content>div:nth-of-type(1) {
    align-items: center !important;
    margin-right: 0
  }

  #equipement_V6 .tab_content ul {
    width: fit-content !important;
    margin: auto;
  }

  #equipement_V6 .tab_content>div:nth-of-type(1) {
    height: 100px !important;

    overflow: hidden !important;
    margin: auto !important;

  }

  #recap_table .cell:nth-child(odd),
  .recap_table .cell:nth-child(odd) {
    text-align: left;
  }

  page#bravo .columns.FreeApps {
    display: flex;
    width: 100%;
    flex-direction: column;
  }

  page#bravo .columns.FreeApps a {
    width: 100%
  }

  page#bravo .columns.FreeApps a>div {
    display: flex;
    align-items: center;
  }

  body>page>choosep>section:nth-child(2) h3+span+.columns {
    flex-direction: column;
  }

  page chooseP .column button .card {
    border-radius: 8px !important;
  }

  page chooseP .column button .card-header-title {
    justify-content: center;
    flex-direction: column;
  }

  page chooseP .card-header {
    height: 80px !important;
  }
  #popin_fas_remb .modal-content {
        clip-path: inset(0 0 0 0 round 0px);
        border-radius: 0;
  }



  .columns.FreeApps {
    max-width: 100% !important;
    margin: 1rem !important;
    max-width: 100% !important;
  }

  #equipement_V6 a {
    font-size: 11px;
  }

  .offremobile {
    margin-left: initial;
    transform: initial;

    margin: 1rem 1rem;
  }

  ._8 h3 {
    padding: 1rem;
  }

  .commit ._8 .columns {
    max-width: 380px;
  }

  #box_panels .panel.ValidLine .choixMcafee label img {
    max-width: 40px;
    margin-left: 0rem;
  }
}


.choixMcafee label {
  cursor: pointer;
}

#eligibilite .choixlivraison .columns.white.box.margin-t-2 {
  width: 46%;
  float: left;
  box-sizing: border-box;
  margin: 1rem;
  padding: 1rem;
  margin-top: 1rem !important;
  flex-direction: column;
  text-align: center;
  border-radius: 8px;
  position: relative;
  padding-bottom:4rem !important
}

#eligibilite .choixlivraison .columns.white.box.margin-t-2 .column:not(.is-narrow) {
  height: auto;
  flex-basis: initial;
}

#eligibilite nav+h4 {
  margin-left: 1rem;
}

#eligibilite .choixlivraison .columns.white.box.margin-t-2 img {
  display: none;
}

#eligibilite .choixlivraison .columns.white.box.margin-t-2 .column.is-narrow {
  margin: 0;
}

#eligibilite #form_livraison .button.red.is-large {
  font-size: 20px;
  left: 0;
  position: absolute;
  right: 0;
  margin: 1rem auto !important;
  bottom: 0rem;
  width: 90%;}

#eligibilite .choixlivraison .columns.white.box.margin-t-2 br {
  display: none;
}

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

  #eligibilite .choixlivraison .columns.white.box.margin-t-2 {
    width: 95%;
    margin: 0.5rem;
    padding: 0.5rem;
    box-sizing: border-box;
    height:182px

    
  }

  #eligibilite .choixlivraison .columns.white.box.margin-t-2 .column.is-narrow {
    bottom: 0;
  }

  #eligibilite .choixlivraison .columns.white.box.margin-t-2 .column:not(.is-narrow) {
    height: auto;
  }

  #box_panels .panel.ValidLine .choixMcafee .textMobile {
    display: block !important;
    margin-right: 2px;
   
  }

  #box_panels .panel.ValidLine .choixMcafee img {
    display: none;
  }

  #box_panels .panel.ValidLine .choixMcafee div strong {
    display: -webkit-inline-box;
    font-size: 10px;
  }

  #box_panels .panel.ValidLine .choixMcafee label {
    padding: 0.5rem;
  }
  #recap_box_v6.panel.ValidLine .close_button, .panel.ValidLine .offreHeaderContent .close_button {
    position: relative;
    top: 1rem !important;
  }

}

#box_panels .panel.ValidLine .choixMcafee label .info_button2 {
  width: -webkit-fill-available;
}

#box_panels .panel.ValidLine .choixMcafee label .info_button2 svg {
  float: right;
}

#box_panels .panel.ValidLine .choixMcafee .square {
  width: 30px;
  height: 50px;
  margin-bottom: 20px !important;
  margin-bottom: 5px !important;
  margin-right:1rem;
  float: left;
  display: flex;
  align-items: center;
}

page#choose_box .checkboxform + label, page#choose_box .checkboxform + span + span + span + label  {
  margin-right:1rem
}

#box_panels .panel.ValidLine .choixMcafee .square div {
  width: 1.5rem !important;
  height: 1.5rem !important;
  border-radius: 4px;
  position: relative;
}

.qiaraoffre .nomobile {
  display:none !important;
}

@media only screen and (max-width: 770px) {
.qiaraoffre .has-text-right.noflex,.columns.choix.equipementsV9s img[src="im/2023/logos/pocketWifi.png"] ,.columns.choix.repeteurinfo img[src="im/2020/pop/repeteurwifipop2.png"] {
  display:none !important;
}
#box_panels #recap_box_v9  mcafee .qiaraoffre .nomobile {
  display:flex !important;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0.2rem;
  margin-top:0.3rem !important
}
}


#box_panels .panel.ValidLine .choixMcafee span {
  display: none;
}

#box_panels .panel.ValidLine .choixMcafee input+span+span+span+label .square div:before, #box_panels .panel.ValidLine  choix label  .square div:before {
  content: '';
  background-image: url("../im/2023/logos/circle-regular.svg");
  background-repeat: no-repeat;
  font-size: 16px;
  margin: 0;
  top: 0;
  left: 0;
  position: relative;
  width: 24px !important;
  height: 24px !important;
  display: block;
  filter: invert(28%) sepia(0%) saturate(1192%) hue-rotate(164deg) brightness(102%) contrast(100%);
}

#box_panels .panel.ValidLine .choixMcafee input:checked+span+span+span+label .square div:before,#box_panels .panel.ValidLine  choix input:checked+span+span+span+label  .square div:before  {
  content: '';
  background-image: url("../im/2023/logos/circle-check-regular.svg");
  font-size: 16px;
  margin: 0;
  top: 0;
  position: relative;
  filter: invert(28%) sepia(0%) saturate(1192%) hue-rotate(164deg) brightness(102%) contrast(100%);
}

.offreFM {
  background-image:none!important
}
.bienvenue.offreFM h1 img {
  height: 28px;
  width: 28px;
  position: relative;
  top: 3px;
}

.offreFM .submit.button.black{
  font-weight: 500;
  color:#262626 !important;
  border:1px solid #00000066;
  font-size: 1rem !important;
  text-decoration: none !important;
}

.offreFM .submit.button.red{
  font-weight: 500;
  font-size: 16px !important;
  text-decoration: none !important;
}
.bienvenue .gap1 > div {
  border: 1px solid #E0E0E0;
  padding:1rem;
  border-radius:16px;
  margin:0 auto 1rem;
  font-size: 14px;
}
.offreFM + ._8 .button.red.submit {
  font-weight: 500;
}
.offreFM + ._8 .grey {
  margin-top:12px
}

.gap1 {
  gap: 1rem;
}
.grey {
  color:#6F6F6F;
  font-size: 14px;
}

#recap_box_v8s .disabled {
  cursor:initial
  }

#detail_forfait_mobile img {
  width:24px;
  height:24px;
}

#choose_box choixPlayerTv .white,
#choose_box choixPlayerTv2 .white,
#choose_box choixPlayerTv5 .white,
#choose_box choixPlayerTv6 .white,
#choose_box netflix .white {
  border: 0 !important;
}

#choose_box #box_panels .choixradio.white {
  box-shadow: inset 0 0 0px 3px #525252 !important;
}

page#choose_box .columns.choixradio {
  box-shadow: inset 0 0 0px 3px #f4f4f4 !important;
  border: 0 !important;
}

#box_panels .choix .choix2 .columns {
  box-shadow: inset 0 0 0px 3px #f4f4f4 !important;
  border: 0 !important;
}

#box_panels .choix.white .choix2 .columns {
  box-shadow: inset 0 0 0px 3px #525252 !important;
}

.choixlivraison {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

#box_panels .delete.is-large {
  position: absolute !important;
}
#recap_box_v7 .mention_v7 {
	display: none;
}

@media only screen and (max-width: 1160px) {
  page.livraison #btn_sub {
      width:100%
    }
  }
  .point_relais > div, page.livraison  .button.submit.red.is-large.is-fullwidth.hide  {
    display: none;
  }
  .point_relais > div:nth-child(1), .point_relais > div:nth-child(2), .point_relais > div:nth-child(3), .point_relais > div:nth-child(4), .point_relais > div:nth-child(5), .point_relais > div:nth-child(6)  {
    display: block;
  }
  .point_relais a.info_button {
    margin-left: 0;
  }
  page.livraison #btn_sub{
    margin-top: 0 !important;
    float:right
  }
  page.livraison #btn_sub{
    margin-top: 0 !important;
    float:right
  }
  page.livraison .btn_back {
    float:left !important
  }
  
  page.livraison .btn_opacity {
   opacity: 0.7;
   cursor: not-allowed !important;
   pointer-events: none;
  }

  page.livraison .choixlivraison.flexline {
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
  }

  .choixlivraison.flexline .small {
    font-size: 10px;
    position: relative;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    margin-top: 2rem;
    margin-bottom: 1rem;
  }

  page.bank coord #bank_03_dem #disclaimer-suisse-2+fieldset {
    margin: 1rem auto !important;
    }
    #bank_03_dem #bankform #pay_new fieldset,#bank_03_dem #bankform #pay_conserve,#bank_03_dem #bankform .tabs.is-centered.is-fullwidth {
      border:0 !important;
    }
    #bank_03_dem #bankform  #pay_conserve + #bloc-iban {
      margin:auto !important;
    }
    #bank_03_dem #pay_conserve_block h4 {
          max-width: 700px;
        margin: 0 auto 1rem;
    }
    @media screen and (max-width: 1160px){
    page.bank > div > h2 {
      display:block
    }
    coord #bank_03_dem  #bankform .tabs.is-centered.is-fullwidth {
      margin:0 auto !important;
    }
    }
    #bank_03_dem .tabs.is-centered.is-fullwidth li:nth-of-type(2) a {
        border-radius:  0px 8px 8px 0px;
    }
    coord #bank_03_dem #bloc-iban {
      margin:0;
    }


    #bloc_v9 img[src="im/2023/logos/v9.png"] + img[src="im/2023/logos/v9.png"] {
      display: none;
    }
    

    page#choose_box #box_panels .column.is-two-third.choix2 > div {
      margin-bottom:0;
    }

    .title-rub.mcafeeTitle img {
      height:60px;
      margin-left:1rem;
    }
    
    .title-rub.mcafeeTitle img[src="./im/2020/logos/qiara.png"] {
      height:20px;
      margin-left:0.5rem;
      top: -2px;
      position: relative;
    }

    .title-rub.mcafeeTitle span {
      display: flex;
      align-items: center;
          margin-bottom: 0rem !important;
    }
    
    #box_panels .panel.ValidLine .mcafee .column.is-two-third.choix2 {
          padding:0 !important;
    }
    
     .title-rub.mcafeeTitle span span {
       color:#5d16ff;
     }
     
     #choose_box mcafee .title-rub {
           max-width: 700px;
        width: 100%;
        margin: auto !important;
        font-size: 0.8rem;
        font-weight: 500;
        margin-bottom: 0.5rem !important;
     }
    
    .choixMcafee .column.is-one-third.choix1,mcafee input {
      display: none;
    }

    mcafee > div,choix > div {
      max-width: 700px !important;
        width: 100% !important;
        margin: 0 auto 0 !important;
    }
    .choixMcafee .columns {
      width: 100%;
    }
    @media only screen and (max-width: 770px) {
      .choixMcafee .column.is-one-third.choix1, mcafee input {
        display: none !important;
      }
      }

      #recap_box_v7 .mcafee > div {
        max-width: 700px;
          width: 100%;
          margin: 0 auto 10px !important;
          box-shadow: 0 0 0 0;
      }
      

      #recap_box_v7 .mcafee input {
        display: none;
      } 

/*v9.css*/

#recap_box_v9 netflix .choixnetflix.choixradio_parent {
	display:flex;
	gap:1rem
}
#recap_box_v9 netflix .choixnetflix.choixradio_parent .columns.choixradio {
	display: flex;
    flex-direction: column;
    align-items: center;
}

#recap_box_v9 netflix .choix1 img {
  max-height: 60px;
}

#recap_box_v9 netflix .title-rub-netflix span {
	float:initial;
}
#recap_box_v9 netflix .choixradio a.info_button {
    position: absolute;
    right: 10px;
    top: -50px;
}

#recap_box_v9 netflix.DisneyOffre .choixradio a.info_button{
  top: -20px ;
}

#recap_box_v9 netflix.DisneyOffre .choixradio{
  padding:2rem 10px 1rem
}

#recap_box_v9 netflix .title-rub.title-rub-netflix img {
  position: relative;
  top: 3px;
}
#recap_box_v9 netflix .title-rub.title-rub-netflix img[src="im/2020/logos/Disney.png"] {
    top: -23px;
    height: 60px;
    right: -90px;
    position: absolute;
}

#recap_box_v6_2024 .choix1 img[src="im/2023/logos/Revolution_server.png"]{
  width: 140px !important;
  max-width: 100px !important;
}

#recap_box_v9 .offreHeaderContent .flexcenter.logocanalV9 {
	flex-wrap: nowrap;
    width: 100%;
}


#recap_box_v9 netflix .choixnetflix.choixradio_parent {
	display:flex;
	gap:1rem
}
#recap_box_v9 netflix .choixnetflix.choixradio_parent .columns.choixradio {
	display: flex;
    flex-direction: column;
    align-items: center;
}
#bloc_v9 .flexcenter.logocanalV9  .logocanal2.cafeyn  {
  display: none;
}


#bloc_v9 #recap_box_v9 .flexcenter.logocanalV9  .logocanal2.cafeyn {
  display: block;
}

#recap_box_v9 netflix .choix1 img {
  max-height: 60px;
}

#recap_box_v9 netflix .title-rub-netflix span {
	float:initial;
}
#recap_box_v9 netflix .choixradio a.info_button {
    position: absolute;
    right: 10px;
    top: -50px;
}

#recap_box_v9 netflix.DisneyOffre .choixradio a.info_button{
  top: -20px ;
}

#recap_box_v9 netflix.DisneyOffre .choixradio{
  padding:2rem 10px 1rem
}

#recap_box_v9 netflix .title-rub.title-rub-netflix img {
  position: relative;
  top: 3px;
}
#recap_box_v9 netflix .title-rub.title-rub-netflix img[src="im/2020/logos/Disney.png"] {
    top: -23px;
    height: 60px;
    right: -90px;
    position: absolute;
}

page#choose_box .pricing {
  width: fit-content !important;
}
page#choose_box .box_model .pricing_int {
  width: fit-content !important;
      color: #ca0000;
}

#box_panels .panel.ValidLine .choixMcafee label .info_button2 {
  width: fit-content !important;
  position: absolute;
  right: 10px;
}
#box_panels .interface {
  display:none;
}

@media only screen and (max-width: 950px) {
  #recap_box_v9 netflix .choixnetflix.choixradio_parent {
    flex-direction: column;
  }
  #recap_box_v9 netflix .recap_focus {
    height:auto
  }
  #recap_box_v9  .column.is-two-third.choix2 div {
    margin: auto 0 !important;
  }

  #recap_box_v9 netflix .choixnetflix.choixradio_parent .columns.choixradio {
    flex-direction: row;
  }
  #recap_box_v9 netflix .choixradio a.info_button {
    position: relative;
    top:0
  }
  #recap_box_v9 netflix .column.is-two-third.choix2 .columns .column > div {
    text-align: left;
  }
}

#box_panels  #recap_box_v9 netflix .column {
  padding: 0  !important;
  }
  #box_panels  #recap_box_v9 netflix .recap_descriptif.small {
    margin: 0 1rem;
  }
  
  #recap_box_v9 netflix .column.is-two-third.choix2 .columns .column > div {
    text-align: center;
  }
  #recap_box_v9 netflix .recap_focus img {
      height: 36px;
      width: 36px;
      position: relative;
      top: 10px;
      left: 8px;
  }
  #recap_box_v9 netflix .recap_focus {
  height:55px
  }
  #recap_box_v9 netflix .choix2 {
    display: block;
  }
  
  #box_panels .columns.choix.repeteurinfo{
    cursor: default !important;
    background-color: #eff6ff !important;
    font-weight: 500;
    color: #275ECB !important;
  }
  #box_panels .columns.choix.repeteurinfo strong {
    color: #275ECB !important;	
  }
  #box_panels .columns.choix.repeteurinfo .choix2>div {
    background-color: #eff6ff !important;
    box-shadow: inset 0 0 0px 3px #eff6ff !important;
  }
  #recap_box_v8 equipements {
    display: block;
  }   
  .column.ptoNonMsg.Fibre {
    border: 2px solid red;
    padding: 1rem;
    border-radius: 12px;
}
.column.ptoNonMsg.Fibre > div {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 1rem;
  align-items: center;
}
.column.ptoNonMsg.Fibre > div > div  {
  width:24px;
  height:24px
}

   form[action="01_choose_box.pl"] button.submit.button.is-large.is-fullwidth.red {
    display: block;
  }
  form[action="01_choose_box.pl"] .column.is-three-quarter {
    width:100%
  }

  #bloc_4g {
    cursor:pointer;
  }

#bloc_4g .link {
  margin: 0.5rem 4rem 0 0;
  color:#000 !important;
  display: inline-block;
}
@media screen and (max-width: 1160px) {
  #box_panels .box_model .link {
      margin: auto;
      display: table;
      margin-top:1rem
  }
}

#bloc_4g .column.has-text-centered.dark_grey .box_img {
  width: 120px;
}
#bloc_4g .column.has-text-centered.dark_grey .box_title img {
width:80px;
margin: 0 !important;
padding-right:0.5rem;
}
#bloc_4g .column.has-text-centered.dark_grey .box_title {
display :flex;
justify-content: center;
margin-top:1rem;
}
#bloc_4g .column.has-text-centered.dark_grey .box_title span {
display: block;
border-left:2px solid #ca0000;
padding-left:0.5rem;
}


/*Ajout V9_new*/

#bloc_v9_new .mention_v7,  #recap_box_v9_new .mention_v7, #recap_box_v9s_new .mention_v9,#bloc_v9s_new .mention_v7, #recap_box_v7 .mention_v9{
  position: relative;
  top: -1.1rem;
  left: 0.5rem;
  font-size: 10px
}

#bloc_v9_new #detail_v9_with_player_pop_BLOC_V9_FULL_NEW .modal-detail img,
#bloc_v9_new #detail_v9_without_player_BLOC_V9_FULL_NEW .modal-detail img,
#bloc_v9s_new #detail_v9s_with_player_pop_BLOC_V9_ESSENTIEL_NEW .modal-detail img,
#bloc_v9s_new #detail_v9s_without_player_BLOC_V9_ESSENTIEL_NEW .modal-detail img{
width:150px
}

#bloc_v9_new #detail_v9_with_player_pop_BLOC_V9_FULL_NEW .modal-detail div,
#bloc_v9_new #detail_v9_without_player_BLOC_V9_FULL_NEW .modal-detail div,
#bloc_v9s_new #detail_v9s_with_player_pop_BLOC_V9_ESSENTIEL_NEW .modal-detail div,
#bloc_v9s_new #detail_v9s_without_player_BLOC_V9_ESSENTIEL_NEW .modal-detail div {
	display: flex;
	gap:0.5rem
}


#box_panels #bloc_v9_new .block_fbx.box[data-target="#recap_box_v9_new"] .pricing_int,
#box_panels #bloc_v9s_new .block_fbx.box[data-target="#recap_box_v9s"] .pricing_int
 {
  font-weight: 500;
  font-size: 64px;
  line-height: 100%;
  font-family: Iliad, Montserrat, BlinkMacSystemFont, -apple-system, "Open Sans",
    "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans",
    "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  color: #ca0000;
}
 #bloc_v9_new img[src="im/2023/logos/v9.png"],   #bloc_v9_new img[src="im/2023/logos/v9_new.png"] + img[src="im/2023/logos/v9_new.png"]  {
  display: none;
}

#recap_box_v9_new .mention_v9 {
  position: relative;
  top: -1rem;
  left: 0.5rem;
  font-size: 10px;
}

#recap_box_v9_new .offreHeaderContent h2 > span,#recap_box_v9s_new .offreHeaderContent h2 > span  {
  display: flex;
  align-items: center;
}
#recap_box_v9_new .offreHeaderContent h2 > span span,#recap_box_v9s_new .offreHeaderContent h2 > span span{
  margin-left:5px;
  margin-right:5px;
}

#recap_box_v9_new .offreHeaderContent h2 > span img,#recap_box_v9s_new .offreHeaderContent h2 > span img {
  width: 150px;
}


#box_panels #bloc_v9s .block_fbx.box[data-target="#recap_box_v9s_new"] .pricing_int{
  font-weight: 500;
  font-size: 64px;
  line-height: 100%;
  font-family: Iliad, Montserrat, BlinkMacSystemFont, -apple-system, "Open Sans",
    "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans",
    "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  color: #ca0000;
}

equipements_new,
equipementsV9s_new {
  background: #fff;
  border: 1px solid #f3f3f3;
  border-radius: 12px;
  width: 100%;
  display: block;
  max-width: 1280px;
  padding: 32px 0 ;
  box-sizing: border-box;
  margin-bottom: 20px;
  height: 100%;
}
#box_panels equipements_new .columns.choix .choix1 ,#box_panels equipementsV9s_new .columns.choix .choix1 {
  padding: 0 !important;
  height: 0px;
}
equipements_new div.red,equipementsV9s_new div.red {
  color: #275ECB !important;
}

equipementsV9s_new .info_button+div img, equipements_new .info_button+div img {
	max-width: 250px !important;
	margin: auto -20px;
}

#box_panels equipements_new .columns.choix ,#box_panels equipementsV9s_new .columns.choi{
  margin: 0 auto 15px !important;
  max-width: 700px;
  float: initial;
  padding: 0 !important;
}

#box_panels equipements .columns.choix .choix2, #box_panels equipementsV9s .columns.choix .choix2,#box_panels equipements_new .columns.choix .choix2, #box_panels equipementsV9s_new .columns.choix .choix2  {
  padding: 0 !important;
}


equipements_new>div,
equipementsV9s_new>div {
  max-width: 700px;
  width: 100%;
  margin: auto !important;
  display: block;
}
#choose_box equipements_new .title-rub, #choose_box equipementsV9s_new .title-rub   {
  max-width: 700px;
  width: 100%;
  margin: 0 auto 10px !important;
  box-shadow: 0 0 0 0;
}

equipements_new .info_button+div,equipementsV9s_new .info_button+div {
  width: 26%;
  display: flex;
}

equipementsV9s_new .info_button+div img,
equipements_new .info_button+div img{
  max-width: 150px;
  max-height: 80px;
  width: auto;
  margin: auto;
}

/* equipementsV9s_new .info_button+div img,
equipements_new .info_button+div img {
  max-width: 80px !important;
} */


equipements_new,
equipementsV9s_new {
  border: 0px;
 
}

equipementsv9s_new .columns.choix {
  padding:0
}
#recap_box_v9s_new equipementsv9s_new .equipementsV9s .choix2{
  margin:auto;

}

#recap_box_v9_new .offreHeaderContent .flexcenter.logocanalV9 {
	flex-wrap: nowrap;
    width: 100%;
}
#bloc_v9_new .block_fbx.box.valid_button .flexcenter.logocanalV9  .logocanal2.cafeyn  {
  display: none;
}
/*SoldOut*/
.box_model.soldOut .valid_button {
	cursor:default;
	pointer-events: none;
}
#choose_box .box_model.soldOut  .columns.PriceLine>div:nth-of-type(4) br {
	display: initial;
}
#box_panels  .box_model.soldOut .button.red.is-medium.choose-button {
	height:auto;
	background:#676060;
	border-color:#676060;
}

/*Ajout V9_new Fin*/




/*ajout 5g*/

#box_panels #bloc_5g  .column.has-text-centered.dark_grey .box_img {
  width: 150px !important;
  margin-bottom: -0.5rem !important;
}
#recap_box_5g .box_img {
  width: 200px;
  margin-top:50px;
}

#recap_box_5g mcafee .clearboth {
	display: none;
}
#recap_box_5g mcafee  .mcafee {
  margin: 0 auto  !important;
}

 #bloc_5g .mention_v7 ,#bloc_5g .mention_v9 {
  position: relative;
  top: -1.1rem;
  left: 0.5rem;
  font-size: 10px

}

#recap_box_5g .info_button2 ,#bloc_5g  .info_button2 {
  color: #525252 !important;
  font-size: 14px;
  font-weight: 600;
  text-decoration: underline;
  margin-top:0.5rem;
  display:block
}

.panel.ValidLine .offreHeaderContent .close_button5g svg {
  position: relative;
  top: 0.28rem;
}



.panel.ValidLine .offreHeaderContent .close_button5g {
  padding: 12px 24px;
  border: 1px solid #e0e0e0;
  filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.05));
  border-radius: 6px;
  font-weight: 600;
  color: #525252 !important;
  font-size: 14px;
  line-height: 24px;
  display: block;
  text-align: center;
  width: 100%;
  position: absolute;
  right: 0rem;
  top: 2rem;
  width: fit-content !important;
  border: 0 !important;
}

page#choose_box #recap_box_5g.panel.ValidLine .offreHeaderContent>img {
  margin-top:1rem;
}

 .panel.ValidLine .offreHeaderContent .close_button5g {
  font-size: 14px;
  position: relative;
  top: 1rem !important;
  padding: 0;
  float: initial;
  margin: 0 auto;
}
@media screen and (max-width: 1160px) {
  #recap_box_5g .mention_v9 {

      max-width: 700px;
      margin: auto;
      left: 0;
  }
}

@media screen and (max-width: 500px) {
  choix label .small + img {
    display: none;
  }
}

/*ajout 5g Fin*/