@charset "utf-8";
/* CSS Document */
.list_category_header {
    display: none;
}
.icon::before {
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font: var(--fa-font-solid);
    width: 38px;
    text-align: center;
}
.antivirus::before {
	content: "\e06c";	
}
.tele::before {
	content: "\f26c";	
}
.informatique::before {
	content: "\f390";	
}
.lifestyle::before {
	content: "\e012";	
}
.cellulaires::before {
	content: "\f3cd";	
}
.internet::before {
	content: "\f57d";	
}
.webtest::before {
	content: "\f772";	
}
.habitation::before {
	content: "\f015";	
}
.auto::before {
	content: "\f5e4";	
}
.vr::before {
	content: "\f8ff";	
}
.voyages::before {
	content: "\f072";	
}
.maladie::before {
	content: "\e05c";	
}
.vie::before {
	content: "\e4fa";	
}
.animaux::before {
	content: "\f1b0";	
}
.autres::before {
	content: "\2b";	
}

.credit::before {
	content: "\e13a";	
}
.argent::before {
	content: "\f81d";	
}
.essence::before {
	content: "\f52f";	
}

.garantie::before {
	content: "\f5a2";	
}

.epicerie::before {
	content: "\f07a";	
}

.photo-recus::before {
	content: "\f030";	
}

.perimer::before {
	content: "\f783";	
}

.amazon::before {
	font: var(--fa-font-brands);	
	content: "\f270";	
}

.codepromo::before {
	content: "\f02a";	
}

.office::before {
	font: var(--fa-font-brands);	
	content: "\f17a";	
}


.uservpn::before {
	content: "\f505";	
}
.passwordkey::before {
	content: "\f084";	
}

.sharearrow::before {
	content: "\f064";	
}

.backup::before {
	content: "\f0ee";	
}

.backupdive::before {
	content: "\f233";	
}
.damage::before {
	content: "\f1c3";	
}



.grid_block_liste_tabloid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    height: 100%;
}

.grid_block_liste_tabloid a {
    margin: 14px 25px;
    position: relative;
	width: 40%;	
}

.content__wrap.level {
margin-bottom: 0 !important;
}
main {
	background: rgb(190,233,240);
	background: -moz-linear-gradient(90deg, rgba(190,233,240,1) 0%, rgba(243,255,255,1) 50%, rgba(190,233,240,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(190,233,240,1) 0%, rgba(243,255,255,1) 50%, rgba(190,233,240,1) 100%);
	background: linear-gradient(90deg, rgba(190,233,240,1) 0%, rgba(243,255,255,1) 50%, rgba(190,233,240,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#bee9f0",endColorstr="#bee9f0",GradientType=1);	
	}
.btn_box .grid_block_image {
    position: relative;
    width: 100%;
    padding-top: 40%;
    overflow: hidden;
}
.btn_box_inner {
    display: flex;
    flex-direction: column;
    height: 100%;
	padding: 28px;	
    background: white;
    border-radius: 15px;
    overflow: hidden;
    -webkit-box-shadow: 0px 15px 19px 0px rgb(38 45 127 / 30%);
    -moz-box-shadow: 0px 15px 19px 0px rgba(38,45,127,0.3);
    box-shadow: 0px 15px 19px 0px rgb(38 45 127 / 30%);
}
.btn_box_txt {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 30px;
    font-weight: 800;
    color: #3399FF;
    text-align: left;
    padding: 14px 28px;
}
.btn_box_inner .button {
    color: white;
    font-size: 20px;
    max-width: 500px;
    margin: 0 auto;
}
.btn_box_inner .button:hover {
    background: #057fc5;
}

.grid_block_liste {
    padding: 0px 20px 30px 20px;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex-grow: 1;
}
.grid_block_liste a {
    font-size: 17px;
    font-weight: 800;
    color: #057fc5;
    text-decoration: underline;
	position:relative;
}
.grid_block_liste a:hover {
    color: #000033;
}
.bloc_description {
    padding: 0 10px 0 10px;
    font-size: 18px;
    font-weight: 600;
}
p.icons_list {
    display: flex;
    justify-content: space-around;
}
p.icons_list i {
    font-size: 47px;
    color: #3399FF;
}
.btn_box_txt img {
	max-width: 45px;	
    margin: 0 12px;
}
.btn_box_img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    width: 100%;
    height: 100%;
}
.btn_box_arrow {
    position: absolute;
    bottom: 12px;
    right: 18px;
}

/*.cta_btn .button, button, [type="button"], [type="reset"], [type="submit"] {
    background: #000033;
    color: #ffffff;

}

.cta_btn .button:hover, button:hover, button:focus, button:active, [type="button"]:hover, [type="button"]:focus, [type="button"]:active, [type="reset"]:hover, [type="reset"]:focus, [type="reset"]:active, [type="submit"]:hover, [type="submit"]:focus, [type="submit"]:active {
    background-color: #fff;
    color: #12154c;
}*/

.horizontale .btn_box_inner {
    display: flex;
}
.horizontale .btn_box_txt {
    flex-direction: column;
}
.horizontale .btn_box_txt img {

    margin-bottom: 20px;
}
.btn_box.horizontale .grid_block_image {
    width: 56%;
}
.horizontale .btn_box_txt {
    flex-direction: column;
    width: 45%;
    padding: 0 25px;
}
.btn_box.horizontale.full .grid_block_image {
    padding-top: 25%;
}
.btn_box.horizontale.full .grid_block_image {
    width: 50%;
}
.btn_box.pano .btn_box_txt {
    flex-direction: column;
    font-size: 22px;
    font-weight: bold;
    padding: 60px 5px;
}

.btn_box.pano .grid_block_image {
    padding-top: 105%;	
	}
.btn_box.pano .btn_box_txt img {
    margin-bottom: 60px;
}

.fullwidth_cta {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin: 40px 0;
}
.fullwidth_cta.bg_cta {
    background-image: url(/img_site/page_rabais_img/bg_rabais-cta.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
-webkit-box-shadow: 0px 5px 37px 6px rgb(0 0 0 / 59%);
    -moz-box-shadow: 0px 5px 37px 6px rgba(0,0,0,0.59);
    box-shadow: 0px 5px 37px 6px rgb(0 0 0 / 59%);	
}
.fullwidth_cta.bg_cta_middle {
    background-image: url(/img_site/page_rabais_img/bg_rabais_clear.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.fullwidth_cta:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    /*background-image: url(/img_site/page_rabais_img/cta_stamp.svg);*/
    background-repeat: no-repeat;
    background-position: 105% 86px;
    background-size: 25%;
}


.fullwidth_cta_inner {
    width: 100%;
	height: 100%;
	background: rgb(18,21,76);
}

.fullwidth_cta_inner.gradient_cta {
	background: -moz-linear-gradient(90deg, rgba(18,21,76,0.5) 0%, rgba(18,21,76,1) 40%, rgba(18,21,76,1) 60%, rgba(18,21,76,0.5) 100%);
	background: -webkit-linear-gradient(90deg, rgba(18,21,76,0.5) 0%, rgba(18,21,76,1) 40%, rgba(18,21,76,1) 60%, rgba(18,21,76,0.5) 100%);
	background: linear-gradient(90deg, rgba(18,21,76,0.5) 0%, rgba(18,21,76,1) 40%, rgba(18,21,76,1) 60%, rgba(18,21,76,0.5) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#12154c",endColorstr="#12154c",GradientType=1);
}
.fullwidth_cta_inner.gradient_cta_middle {
	background: rgb(51,151,255);
	background: -moz-radial-gradient(circle, rgba(51,151,255,1) 0%, rgba(51,151,255,1) 4%, rgba(0,78,162,0) 42%, rgba(0,78,162,0) 100%);
	background: -webkit-radial-gradient(circle, rgba(51,151,255,1) 0%, rgba(51,151,255,1) 4%, rgba(0,78,162,0) 42%, rgba(0,78,162,0) 100%);
	background: radial-gradient(circle, rgba(51,151,255,1) 0%, rgba(51,151,255,1) 4%, rgba(0,78,162,0) 42%, rgba(0,78,162,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3399FF",endColorstr="#004ea2",GradientType=1);
}

.fullwidth_cta_content {
    margin: 0 auto;
    padding: 20px 144px;
    text-align: center;
}
.fullwidth_cta_content h1 {
    color: #ffffff;
    font-size: 40px;
    font-weight: 800;
    margin-bottom: 40px;
    margin-top: 20px;	
}
.fullwidth_cta_content h2 {
    color: #3399FF;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 40px;
}
section .fullwidth_cta_content h1 {
    color: #000033;
    font-size: 40px;
    font-weight: 800;
    margin-bottom: 40px;
}
section .fullwidth_cta_content h2 {
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 40px;
}
.fullwidth_cta .cta_btn {
	position:relative;
    max-width: 200px;
    margin: 0 auto;
}

.rb_section_title {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px 15px;
    position: relative;
}
.rb_container {
    width: 33%;
    position: relative;
}
.rb_container.title {
    padding: 0 20px;
    text-align: center;
    min-width: 40%;
}
.rb_container.title h2 {
    font-size: 30px;
    font-weight: 800;
}
.rb_deco_line {
    position: absolute;
    width: 100%;
    height: 1px;
    background: #3399FF;
}

.sub_header {
    width: 100%;
    padding: 20px;
    margin: 30px 0;

}
.sub_header_inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #0390d0;
    font-size: 20px;
    font-weight: bold;
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;
}
.sub_header .title_big {
    font-size: 40px;
    font-weight: 800;
    margin-bottom: 20px;
    color: #000033;
}
@media screen and (max-width: 1366px) {
header.fullwidth_cta:before {
    background-size: 32%;
}	
.fullwidth_cta:before {
    background-position: 110% 149px;
}	
.fullwidth_cta_inner:before {
    background-position: 27px -80px;
}
}

@media screen and (max-width: 1200px) {
header.fullwidth_cta:before {
    background-size: 30%;
}	
.fullwidth_cta:before {
    background-position: 110% 149px;
}	
.fullwidth_cta_inner:before {
    background-position: 27px -80px;
}
header .fullwidth_cta_inner:before {
    background-position: -135px 123px;
    background-size: 82%;
}
}
@media screen and (max-width: 1024px) {


.grid_block_liste a {
    width: 100%;
}
	
.fullwidth_cta_content {
    padding: 42px 20px;
}

.fullwidth_cta_content h1 {
    font-size: 22px;

}
.rb_container.title h2 {
    font-size: 24px;
    font-weight: 800;
}	

.btn_box_txt {
    font-size: 27px;
}
	
header.fullwidth_cta:before {
	display:none;

}	
.fullwidth_cta:before {
	display:none;
}	
.fullwidth_cta_inner:before {
	display:none;
}
header .fullwidth_cta_inner:before {
	display:none;
}

.rb_container.title {
    border-top: #3399FF 1px solid;
    padding: 30px 20px 0 20px;
    text-align: center;
    min-width: 100%;
}
.fullwidth_cta_inner.gradient_cta_middle {
    background: rgb(51,151,255);
    background: -moz-radial-gradient(circle, rgba(51,151,255,1) 0%, rgba(51,151,255,1) 4%, rgba(0,78,162,.8) 42%, rgba(0,78,162,.7) 100%);
    background: -webkit-radial-gradient(circle, rgba(51,151,255,1) 0%, rgba(51,151,255,1) 4%, rgba(0,78,162,.8) 42%, rgba(0,78,162,.7) 100%);
    background: radial-gradient(circle, rgba(51,151,255,1) 0%, rgba(51,151,255,1) 4%, rgba(0,78,162,.8) 42%, rgba(0,78,162,.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3399FF",endColorstr="#004ea2",GradientType=1);
}
}


@media screen and (max-width: 768px) {

.horizontale.to_flex .btn_box_inner {
    display: flex;
    flex-direction: column;
}

.horizontale .btn_box_txt {
    flex-direction: row;
    width: 100%;
    padding: 25px 0;
    flex: 0;
}
.btn_box.horizontale.full .grid_block_image {
    width: 100%;
	padding-top: 40%;
}
}
