/* Add here all your CSS customizations */
   

    section.section.no-top-border { border-top: 0px solid #f1f1f1; }

    .flex15  {
        
        margin-top: 30px!important;
        margin-left: 0px!important;
        margin-right: 0px!important;
        padding-right: 0px!important;
        padding-left: 120px!important;
        
    }

    .flex20  {
    
        border-left: 1px solid rgb(206, 200, 200);
        border-right: 1px solid rgb(206, 200, 200);
        margin-top: 30px!important;
        margin-left: 0px!important;
        margin-right: 0px!important;
        padding-left: 0px!important;
    }

    .flex30  {
    
        margin-top: 30px!important;
        margin-left: 0px!important; 
        margin-right: 260px!important;
        padding-right: 140px!important;
    
    }
 
    a.underlined {
        text-decoration: underline!important;
    }

    a.underlined:hover {
        color: #e01233;
        text-decoration: solid underline 2px #e01233 !important;
    }

    a.underlined:focus {
        outline: 2px solid #000000 !important;
        outline-offset: 2px;
        border-radius: 2px !important;
        box-shadow: none !important;
    }

    .border-r {
         border-right: 1px solid rgb(206, 200, 200);
    }

    .plan-margin {

       margin-left: 5px!important;
       margin-right: 5px!important;
       margin-top: 5px!important;
       margin-bottom: 5px!important;
         
    }
 
    .blackLinkNoDeco {
       color:black;
         
    }

    .blackLinkNoDeco:hover {
        color:black;
        text-decoration: none;
        
    }

    .mh-150 {
      
        min-height: 150px!important;

    }
  
    .mh-200 {
      
        min-height: 200px!important;

    }

    .w-100 {

       width : 100%!important;  
    } 
  

    hr.cnq-hr {
        border-bottom: 1px solid gray;
      }

/*
.nav-link:hover {

    background-color: rgb(179, 230, 188)!important;
    border-bottom-color: #2c3237!important;
    border-top-color: #333940!important;
    border-left-color: #2c3237!important;
    border-right-color: #333940!important;
    border-width: medium;
}

 
.nav-item .active {

    background-color: rgb(179, 230, 188)!important;
    border-bottom-color: #2c3237!important;
    border-top-color: #333940!important;
    border-left-color: #2c3237!important;
    border-right-color: #333940!important;
    border-width: medium;
   
}
*/
/*div.col-sm-12.padding-redblock { padding-left: 10%!important;  }*/

.featured-box-full.no-padding 
{ 
    padding-left: 25px!important;
    padding-right: 25px!important;
    line-height: 19px;  
}



.nested-tag 
{
    position:relative; 
    top: -10px;
    color:white;
    padding: 0 0 0 0 !important;
}

.expand-icon
{
    width: 20px;
    height: 20px;
    margin-left: 5px;
    margin-right: 10px;
}

.plan-icon
{
    width: 40px;
    height: 40px;
    margin-left: 0px;
    margin-top: 0px;
}

.plan-icon-2
{
    width: 55px;
    height: 55px;
    margin-left: 9px;
    margin-top: 9px;
}

.plan-header 
{
    width: 50%!important;
    margin-left: 25%;
}

.plan-description 
{
    width: 80%!important;
    margin-left: 10%;
}

div.container.ipackages 
{
    padding-right: 0px;
    padding-left: 0px;
}

.plan-white-border-left 
{
    margin-left:0px solid white;
    border-left:6px solid white;
    border-right:6px solid white;
    border-bottom:12px solid white;
}

.plan-white-border-center 
{
    border-left:6px solid white;
    border-right:6px solid white;
    border-bottom:12px solid white;
}

.plan-white-border-right 
{
    border-left:6px solid white;
    border-right:6px solid white;
    border-bottom:12px solid white;
}


.img-fluid-1 
{
    max-width: 100%!important;
    height: auto;
}
.img-fluid-60
{
    max-width: 60%!important;
    height: auto;
}

.img-fluid-70 
{
    max-width: 70%!important;
    height: auto;
}

.img-fluid-75 
{
    max-width: 75%!important;
    height: auto;
}

.img-fluid-80 
{
    max-width: 80%!important;
    height: auto;
}

.img-fluid-50 
{
    max-width: 50%!important;
    min-width: 50%!important;
    height: auto;
}

.img-fluid-90 
{
    max-width: 90%!important;
    height: auto;
}

.img-fluid-100 
{
    max-width: 100%!important;
    height: auto;
}

.img-fluid 
{
    max-width: 85%;
    height: auto;
}

.submenu-topbar-right-selected
{
    border-bottom:4px solid #A30F27;
    color:#222222!important;
    padding-bottom: 5px;
    font-weight: 600!important;
}

.submenu-topbar-right a 
{
    margin-left:15px;
    color:#111111;
    text-decoration: none!important;
}

.copyright
{
  font-size: 85%;
}

.topmenu:hover 
{
    color:#A30F27!important;		
}

.TopNavOnBottom 
{
    display:none;
}

.cnq-icon 
{
    font-size: 40px;
    color: #c8102e;
    float: left;
    position: relative;
    top: 10px;
}

.cnq-content 
{
    margin-top: 0px;
    margin-left: 60px;
}  

.bg-grey { background-color: rgb(244, 244, 244) !important; }  

.bg-white { background-color: rgb(255, 255, 255) !important; } 

.footer-ul a 
{
	font-family: 'Arial';
	color: #c8102e!important;	
	font-weight: 200!important;
	text-decoration: none!important;
}

.footer-ul a:hover
{
    color: #e01233!important;
    text-decoration: solid underline 2px #e01233 !important;
    cursor: pointer;
}
.footer-ul a:focus {
    outline: 2px solid #000000 !important;
    outline-offset: 2px;
    border-radius: 2px !important;
    box-shadow: none !important;
    cursor: pointer;
    text-decoration: underline !important;
}

.footer-ul 
{
    margin: 0;
    padding: 0;
    text-transform: none !important;
    cursor: pointer;
} 

.no-bullet 
{
    list-style-type: none;
} 


a.plus-d-infos:hover 
{	
    color: #A30F27!important;	
}

.Menu-Selected 
{
    color:rgb(255, 255, 255)!important;
}

.Menu-Bottom-Mobile 
{
    color:rgb(240,240,240)!important;
    margin-left: 25px;  
}

.Menu-Bottom-Mobile:hover
{
    color:rgb(150,150,150)!important;
    text-decoration: none!important;
}

.header-top
{
    height:48px;
}

div.header-body
{
    height:110px;
    margin-bottom:0px!important;
}

.Menu-Hover:focus {
    outline: 2px solid #000000 !important;
    outline-offset: 2px;
    border-radius: 2px !important;
    box-shadow: none !important;
}
.Menu-Hover:hover
{
    text-decoration: solid underline #FFFFFF 2px !important;
}

.btn-cp:hover 
{
    color: rgb(180, 180, 180)!important;
}
        
.btn-session 
{
    background-color: white!important;
    color: #c8102e!important;
    min-width: 127px;
}

.btn-slider:hover 
{
    background-color: white!important;
    color: #c8102e!important;
}

.btn-slider
{
    background-color: #c8102e!important;
    color: white!important;
        
}

.btn-session:hover 
{ 
    background-color: rgb(180, 180, 180)!important;
}

.dark-section-footer 
{
    max-height: 84px;
    padding-top: 25px!important;
}

.IconLinks 
{
    display:block;
}

.ButtonLinks 
{
    display:none;
    text-align:center;
    margin-bottom: 25px; 
}

.ButtonLinks >  .btn 
{
    width:75%;
} 

.Magasiner-mobile 
{
    padding-right:0px;

}
        
.modal 
{
    text-align: center; 
    padding: 0!important;
}

.modal:before 
{
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px; /* Adjusts for spacing */
}

.modal-dialog 
{
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.modal-backdrop 
{
    z-index: 1020;
}

/* joel */

.rectangle-promo {
    height: 315px;
    width: 1140px;
    border-radius: 6px;
    background: radial-gradient(circle, #E8313A 0%, #C8102E 100%);
}
.rectangle-grey {	
    width: 1140px;	
    border-radius: 6px;	
    background-color: #F4F4F4;	
    box-shadow: inset 0 0 40px 20px rgba(0,0,0,0.05);
}

.toggle.toggle-minimal .toggle > label {
   padding-top : 36px!important;
   
}

.toggle > .toggle-content {
    padding-top : 36px!important;
}

 
.header-logo img {
    top: -12px!important;
}

#header .header-top {
    
    min-height: 36px;

}

.header-nav {
   
    padding-bottom: 25px!important;
}

.header-infocie-nav {
	max-height:48px;
}

#header .header-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #FFF;
    -webkit-transition: min-height 0.3s ease;
    transition: min-height 0.3s ease;
    width: 100%;
    border-top: 0px solid #EDEDED;
    border-bottom: 0px solid transparent;
    z-index: 1001;
    max-height:115px;
    min-height:115px;
    
}


.pricing-table .plan {
	background: inherit!important;
}

.pricing-table .plan .plan-header {
	background: inherit!important;
}

.pl-32 {
    padding-left:58px!important;
}

.choix-pop
{
   width:50%;
}

.bg-yellow {
 
  background-color: yellow!important;
}

.w-100 {
    min-width:100%!important;
}

.but-center {
    display:block;
    margin: 0 auto;
}

.btn-codepostal 
{
    background-color: #7F171E;
    color: white;
    min-width: 112px;
    padding-top: 10px!important;
    padding-bottom: 10px!important;
}

.nav-item:hover {
    font-weight: 500!important;	
    color:white;
}

.navbar-light .navbar-toggler-icon {
    color:white;
    background-image: url(/assets/img/expand-white.png);
}


/* Style des bloques de support */
.supportblock {
    background-color: rgb(255, 255, 255); 
}

.supportblock-content{
    background-color: rgb(244, 244, 244); 
}

.supportblock-content p {
    margin-bottom: 1.55em;  
}

.supportblock-content h2 {
   margin-bottom: 0.5em; 
}

/* Residentiel Page web Perso */
.pagewebperso h2 { margin-bottom: 0.5em; }
.pagewebperso p { margin-bottom: 0.25em; }

/* Affaire Internet Option - Liste des sécurités */
.service-liste {
    min-height: 200px;
}

/* Plan du site */
.sitemap-section-titre {
    margin-top: 0;
    margin-bottom: 15px;
    display: block;
    padding-bottom: 15px;
    border-bottom: 1px solid #cecece;
}
.sitemap-soussection-titre {
    font-size: 19px;
    padding-bottom: 15px;
    text-align: left;
}

.findastore-banner a:link, .findastore-banner a:hover, .findastore-banner a:active, .findastore-banner a:visited {
	color: #fff;
}

/* reset style des p */
.resetp {
    margin-bottom: 13px;
}
.legalinfo p {
    margin-bottom: 13px;
}

.legalinfo .hide {
    display: none;
}

/* Caroussel */
.owl-nav {
	font-size: 25px;
}

/* Custom badge */
.badge-cnq {
    color: #E8313A;
    background-color: #FFF;
}

.promo-sep-vertical {
  border-right: 1px solid #FFFFFF;
}

.promo-sep-horizontal {
  border-top: 1px solid #FFFFFF;
}


/* Promo - copié du template invision*/
.promo-description {
  color: #FFFFFF;
  font-family: 'Arial';
  font-size: 14px;
  letter-spacing: 0;
  line-height: 18px;
}

.promo-titre {
  color: #FFFFFF !important;
  font-family: 'BellSlim-Black' !important;
  font-size: 40px !important;
  font-weight: 900 !important;
  letter-spacing: -0.7px;
  line-height: 46px;
  text-align: center;
}

.promo-contenu {
  color: #FFFFFF;	
  font-family: 'Arial';
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 30px;
}

.promo-line {
  box-sizing: border-box;
  height: 100%;
  width: 1px;
  border: 1px solid #FFFFFF;
  opacity: 0.3;
  margin: auto;
}

.promo-prix-label {
  color: #FFFFFF;
  font-family: 'Arial';
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 18px;
}

.promo-offre-details {
  color: #FFFFFF;
  font-family: 'Arial';
  font-size: 12px;
  letter-spacing: 0;
  line-height: 14px;
}

.promo-titre-banniere {
    color: #FFFFFF !important;
    font-family: 'BellSlim-Black' !important;
    font-size: 40px !important;
    font-weight: 900 !important;
    letter-spacing: -0.7px;
    line-height: 46px;
  }


/** PRICE **/
.big-price {
    font-family: 'BellSlim-Black';
    color: #c8102e;
    font-size: 50px;
    font-weight: 900;
    letter-spacing: -1px;
    line-height: 40px;	
}

.small-price {
    font-family: 'BellSlim-Black';
    color: #c8102e;
    font-size: 30px;
    font-weight: 900;
    letter-spacing: -1px;
    line-height: 20px;	
}

.big-price span.full-price > span.small-part, 
.small-price span.full-price > span.small-part {
    font-size: 18px;
    letter-spacing: -.45px;
    line-height: 5px;
    margin-right: 1px;
    position: relative;
    top: 2px;
    vertical-align: top;	
}
.big-price span:last-of-type, .small-price span:last-of-type {
    margin-left: 3px;
}

.banner-price {
    font-family: 'BellSlim-Black';
    color: #fff;
    font-size: 50px;
    font-weight: 900;
    letter-spacing: -1px;
    line-height: 40px;
    padding-top:8px;	    
}

.banner-price span.full-price > span.small-part {
    font-size: 18px;
    letter-spacing: -.45px;
    line-height: 5px;
    margin-right: 1px;
    position: relative;
    top: 2px;
    vertical-align: top;	
}
.banner-price span:last-of-type {
    margin-left: 3px;
}

.forfait-header-choixpop {
	margin-top:-14px;
    background-color:#c8102e;
}

.forfait-header-reg {
    margin-top:-14px;
	background-color:transparent!important;
}

.forfait-fixheight {
	height: 60px;
}

.nous-joindre-image {
	max-width: 300px;
}

.receiver-option {
	line-height: 30px;
}

section.section.section-promo-red {
	background: radial-gradient(circle, #E8313A 0%, #C8102E 100%);
}

.section-promo .owl-carousel.nav-style-1 .owl-nav .owl-next,
.section-promo .owl-carousel.nav-style-1 .owl-nav .owl-prev {
	color: #fff !important;
}

.section-promo .promo-offre-details .fa-caret-right {
    margin-left:1px;
}

#VodNewModal .modal-content {
    -webkit-border-radius: 12px !important;
    -moz-border-radius: 12px !important;
    border-radius: 12px !important;
}

.g-recaptcha {
    display: inline-block;
}

.grecaptcha-badge {
    visibility: hidden!important;
}

.customEnterpriseBadge { 
    font-size: 85%!important;
}

.row {
    margin-right: 0px;
}

.form-control,
.form-check-input {
    border-color: #8F8F8F;
    border-width: thin;
}

.form-control:focus,
.form-check-input:focus {
    outline: 2px solid #000000 !important;
    outline-offset: 2px;
    box-shadow: none !important;
}

.form-control.invalid:focus {
    border-color: #e01233;
}

.btn:focus,
.btn:hover {
	outline: 2px solid #000000 !important;
    outline-offset: 2px;
    box-shadow: none !important;
}

.btn.menu-btn:focus,
.btn.menu-btn:hover {
	outline: 2px solid #FFFFFF !important;
    outline-offset: 2px;
    box-shadow: none !important;
}

a.btn.btn-rounded:focus,
a.btn.btn-rounded:hover {
    border-radius: 35px !important;
	outline: 2px solid #000000 !important;
    outline-offset: 2px;
    box-shadow: none !important;
}

.submenu-topbar-right a:focus {
    outline: 2px solid #000000 !important;
    outline-offset: 2px;
    border-radius: 2px !important;
    box-shadow: none !important;
}
.submenu-topbar-right a:hover {
    text-decoration: solid underline #000000 2px !important;
}

.card-title-text:focus{
    outline: 2px solid #000000 !important;
    outline-offset: 2px;
    border-radius: 2px !important;
    box-shadow: none !important;
}

.card-title-text:hover {
    text-decoration: solid underline #000000 2px !important;
}

a.navbar-brand:focus ,
a.nav-link:focus {              
    outline: 2px solid #FFFFFF !important;
    border-radius: 2px !important;
    text-decoration: inherit !important;
}

a.nav-link.Menu-Bell-Font-Selected:focus {
    text-decoration: underline !important;
}

a.alert-link:focus {
    outline: 2px solid #000000 !important;
    outline-offset: 2px;
    border-radius: 2px !important;
    box-shadow: none !important;
}

.form-control::placeholder {
	color: #495057 !important;
}

.logo {
    max-height: 100px;
    max-width: 100px;
    align-items: center;
    justify-content: center;
    display: flex;
    aspect-ratio: 1/1;
}

.close {
    opacity: 1;
}

.is-valid, .is-invalid {
    padding-right: 1rem !important;
    background-image: none !important;
    background-repeat: unset !important;
    background-position: unset !important;
    background-size: unset !important;
}

.skip-to-main-link {
    display:inline-block;
    padding:9px 12px;
    position:absolute;
    top:-50px;
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    text-decoration:none;
    border-bottom-right-radius:8px;
    transition:top .3s ease-out;
    z-index:3000;
    color:rgba(255,255,255,.75);
    text-transform:uppercase;
    font-size:11px;
    background:#212529
}

.skip-to-main-link:focus-visible {
    top: 0;
    outline: #fff solid 2px !important;
    border-radius: 2px !important;
}

a.scroll-to-top {
    color: #FFF;
}

a.scroll-to-top:focus {
    outline: 2px solid #000000 !important;
    outline-offset: 2px;
    border-radius: 2px !important;
    box-shadow: none !important;
}
a.scroll-to-top:hover {
    outline: 2px solid #000000 !important;
}

button.img-thumbnail:focus {
    outline: 2px solid #000000 !important;
    outline-offset: 2px;
    /*border-radius: 2px !important;
    box-shadow: none !important;*/
}

.error {
	color: #c10000;
	font-size: 0.9em;
    line-height: 18px;
	padding: 5px 0 0;
}

.form-fixed-row-height {
    height: 70px;
}

/* Tabs */

.nav-item.active.nav-link {
    border-top-color: #c8102e;
}

.nav-tabs .nav-link {
	border-radius: 5px 5px 0 0;
	font-size: 14px;
	-webkit-transition: all .2s;
	transition: all .2s;
	margin-right: 1px;
}

.nav-tabs .nav-link, .nav-tabs .nav-link:hover {
	background: #f7f7f7;
	border-bottom: none;
	border-left: 1px solid #EEE;
	border-right: 1px solid #EEE;
	border-top: 3px solid #EEE;
	color: #CCC;
}

.nav-tabs .nav-link:hover {
	border-bottom-color: transparent;
	border-top: 3px solid #CCC;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.nav-tabs .nav-link:active, .nav-tabs .nav-link:focus {
	border-bottom: 0;
}

.nav-tabs .active .nav-link,
.nav-tabs .active .nav-link:hover,
.nav-tabs .active .nav-link:focus {
	background: #FFF;
	border-left-color: #EEE;
	border-right-color: #EEE;
	border-top: 3px solid #CCC;
	color: #CCC;
}

@media (min-width: 576px) {
    .banner-wrapping {
        white-space: normal !important;
    }
}
@media (min-width: 1200px) {
    .banner-wrapping {
        white-space: nowrap !important;
    }
}

.ts-control {
    border-color: #8F8F8F!important;
    border-width: thin!important;
}

.focus .ts-control {
    outline: 2px solid #000000 !important;
    outline-offset: 2px;
    box-shadow: none !important;
}

/* Override de sytles pour OneTrust */
/* (pour annuler l'effet de certains styles de base du template du site) */

#ot-pc-desc a {
	margin-right: auto !important;
}

#ot-pc-content h2#ot-pc-title {
    color: #555555 !important;
    font-family: "Open Sans", Arial, sans-serif !important;
    font-size: 1em !important;
    font-weight: bold !important;
    text-align: left !important;
}

h3#ot-category-title {
    color: #555555 !important;
    font-family: "Open Sans", Arial, sans-serif !important;
    font-size: 1em !important;
    font-weight: bold !important;
    text-align: left !important;
}

#onetrust-pc-sdk h4.ot-cat-header {
	color: #555555 !important;
    font-family: "Open Sans", Arial, sans-serif !important;
    font-size: .875em !important;
    font-weight: 600 !important;
    text-align: left !important;
}