/**= generic **/
@font-face {
    font-family: 'fira_sansbook';
    src: url("/Common/Fonts/firasans-book-webfont.woff2") format("woff2"), url("/Common/Fonts/firasans-book-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal; }

@font-face {
    font-family: 'fira_sansultralight_italic';
    src: url("/Common/Fonts/firasans-ultralightitalic-webfont.woff2") format("woff2"), url("/Common/Fonts/firasans-ultralightitalic-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal; }

/* Pour le fond du tchat  */
.css-1adcdp9 .wrapper {
    background-image: linear-gradient(80deg, #33485C, #0078C1)!important;
    background: linear-gradient(80deg, #33485C, #0078C1)!important;
}

.css-1rd9m09 {
    background-image: linear-gradient(80deg, #33485C, #0078C1)!important;
    background: linear-gradient(80deg, #33485C, #0078C1)!important;
}

/**= debut ajout comparison **/
.comparison {
    max-width:940px;
    margin:0 auto;
    font:13px/1.4 "Helvetica Neue",Helvetica,Arial,sans-serif;
    text-align:center;
    padding:10px;
}

.comparison table {
    width:100%;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    border-bottom:1px solid #CCC;
}

.comparison td, .comparison th {
    border-right:1px solid #CCC;
    empty-cells: show;
    padding:10px;
}

.myhide{    
	display:inline-block;
    }

.compare-heading {
    font-size:18px;
    font-weight:bold !important;
    border-bottom:0 !important;
    padding-top:10px !important;
    text-align:center;
}

.comparison tbody tr:nth-child(odd) {
    display:none;
}

.comparison .compare-row {
    background:#F5F5F5;
}

.comparison .tickblue {
    color:#0078C1;
}

.comparison .tickgreen {
    color:#009E2C;
}

.comparison th {
    font-weight:normal;
    padding:0;
    border-bottom:1px solid #CCC;
}

.comparison tr td:first-child {
    text-align:left;
}

.comparison .qbse, .comparison .qbo, .comparison .tl {
    color:#FFF;
    padding:10px;
    font-size:13px;
    border-right:1px solid #CCC;
    border-bottom:0;
}

.comparison .tl2 {
    border-right:0;
}

.comparison .qbse {
    background:#0078C1;
    border-top-left-radius: 3px;
    border-left:0px;
}

.comparison .qbo {
    background:#33485C;
    border-top-right-radius: 3px;
    border-right:0px;
}

.comparison .price-info {
    padding:5px 15px 15px 15px;
        text-align:center;
}

.comparison .price-was {
    color:#999;
    text-decoration: line-through;
}

.comparison .price-now, .comparison .price-now span {
    color:#f96475;
    text-align:center;
}

.comparison .price-now span {
    font-size:26px;
}

.comparison .price-small {
    font-size: 18px !important;
    position: relative;
    top: -11px;
    left: 2px;
}

.comparison .price-buy {
    background:#f96475;
    padding:10px 20px;
    font-size:12px;
    display:inline-block;
    color:#FFF;
    text-decoration:none;
    border-radius:3px;
    text-transform:uppercase;
    margin:5px 0 10px 0;
}

.comparison .price-try {
    font-size:12px;
}

.comparison .price-try a {
    color:#202020;
}

@media (max-width: 767px) {
    .comparison td:first-child, .comparison th:first-child {
	display: none;
    }
    .comparison tbody tr:nth-child(odd) {
	display:table-row;
	background:#F7F7F7;
    }
    .comparison .row {
	background:#FFF;
    }
    .comparison td, .comparison th {
	border:1px solid #CCC;
    }
    .price-info {
	border-top:0 !important;

    }

}

@media (max-width: 639px) {
    .comparison .price-buy {
	padding:5px 10px;
    }
    .comparison td, .comparison th {
	padding:10px 5px;
    }
    .comparison .hide-mobile {
	display:none;
    }
    .comparison .price-now span {
	font-size:16px;
    }

    .comparison .price-small {
	font-size: 16px !important;
	top: 0;
	left: 0;
    }
    .comparison .qbse, .comparison .qbo {
	font-size:12px;
	padding:10px 5px;
    }
    .comparison .price-buy {
	margin-top:10px;
    }
    .compare-heading {
	font-size:13px;
    }
}
/**= fin ajout comparison **/

body{
    font-family: 'fira_sansbook', sans-serif!important;
    font-size: 18px!important;
}
img{
    max-width: 100%;
}
.clear {
    clear: both;
    height: 0;
}
.ico_logo_seul img{
    max-width: 45px;
}
.red_btn{

    background-image:url("../Images/Public/fleche_btn.png") ;
    background-color:#f96475;
    background-repeat: no-repeat;
    background-position: calc(100% - 15px) center;
    padding:8px 12px 8px 12px;
    margin: 5px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(251, 251, 251, 0.3);
}
a.red_btn{
    text-transform: initial;
}
.red_btn_input{
    border: none;
    color: #ffffff;
}

.magilist_actions{
    text-transform: uppercase;
    font-size: 20px;
}

#pre_header{
    background: linear-gradient(to top, #6E717D, #A1A6B2);
    color: #ffffff;
    text-transform: uppercase;
    font-size: 13px;
    padding: 10px 0;
    transition: top 0.3s;
    position:fixed;
    top:0;
    z-index:999;
    width:100%;
    
}

    #pre_header .container{
	width: 98%!important;
	text-align: center !important;
    }



#pre_header #dl_apps{
    padding-right: 10;
}

#pre_header.fixed-header{
    position: fixed;
}
#pre_header .custom-row{
    width: 80%;
    margin: 0 auto;
}
#pre_header a{

    color: #ffffff;

}
#pre_header #dl_apps_br{
    display:none;
}
#pre_header .section{
    display: inline;
    margin: 0;
}
#pre_header .social_ico,
#pre_header .app_ico{
    display: inline;
}
#pre_header #login_section a{
    display: inline;
}
#pre_header #login_section form{
    display: inline;
}
#pre_header #login_section form input[type="password"],
#pre_header #login_section form input[type="text"]{
    width: 120px;
    padding: 6px;
    color: #a7a9b1;
}

header{
    padding: 30px 0;
}
#site_menu{
    text-align: center;
}
#site_menu ul{}
#site_menu ul li{
    list-style: none;
    display: inline-block;
    border-top: solid 2px #474a51;
    padding: 10px 0px;
    margin: 35px 12px 0 12px;
}
#site_menu ul li a{
    color:#f96475;
    font-size: 19px;
    text-transform: uppercase;
}
#site_logo img{
    max-width: 256px;
    width: 100%;
}

.carousel-inner>.item>a>img, .carousel-inner>.item>img{
    width: 100%;
    height:60vh !important;
}
.carousel_slider {
    position: relative;
}
.carousel_slider .caption_wrapper{
    position: absolute;
    bottom: 5%;
    left: 22%;
}
.carousel_slider .caption_wrapper_center{
    left: 50%;
}
.carousel_slider .center_absolute{
    left: -50%;
    position: relative;
}
.carousel_slider #slide_2 .caption_wrapper,
.carousel_slider #slide_3 .caption_wrapper,
.carousel_slider #slide_4 .caption_wrapper,
.carousel_slider #slide_5 .caption_wrapper{

    bottom: 5%;
    left: 22%;
}
.caption_typo_style_1{
    font-size: 45px;
}
.caption_typo_style_1_B2B{
    font-size: 35px;
}

.caption_typo_style_2_B2B{
    left: 40%;
    display:inline-block;
    padding: 4%!important;
    font-size:35px;
}



.caption_typo_style_2{
    font-size: 24px;
}
.caption_typo_style_3{
    font-size: 21px
}
.caption_typo_style_4{
    font-size: 33px;
    font-weight: 500;
}
.caption_typo_style_5{
    font-size: 30px;
    font-weight: 500;
}

.carousel_slider .caption_style_1{
    color: #f96475;

    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 3px;
    position: relative;
    z-index: 15;
}
.carousel_slider .caption_style_1 span{
    background-color: #ffffff;
    display: inline-block;
    padding: 5px 15px;
    margin: 3px;
}
.carousel_slider .caption_style_2{
    background: #a6a9b0;
    padding: 9% 8%;
    color: #ffffff;

    position: relative;
}
.carousel_slider .caption_style_4{
    background: #ffffff;
    color: #6a6a6a;
    text-transform: uppercase;
    margin: 2px 0;
}
.carousel_slider .caption_style_4 a{
  
    color: #6a6a6a;
 text-decoration:  none;
}
.carousel_slider .caption_style_4 .caption_subwrapper,
.carousel_slider .caption_style_5 .caption_subwrapper{
    padding: 1% 2%;
}
.carousel_slider .caption_style_5{
    background: #dacccc;
    color: #505050;
    text-transform: uppercase;
    margin: 5px 0;
}
.carousel_slider .caption_style_5 a{
  
    color: #505050;
   text-decoration: none;
}
.carousel_slider #slide_1  .caption_wrapper_center{
    width: 1030px;
    bottom: 15%;
}
.carousel_slider #slide_2 .caption_style_1,
.carousel_slider #slide_4 .caption_style_1{
    left: 35%;
}
.carousel_slider #slide_2 .caption_style_2,
.carousel_slider #slide_4 .caption_style_2{

    margin-top: -7%;
}
.carousel_slider #slide_3 .caption_style_2,
.carousel_slider #slide_5 .caption_style_2{
    left: 47%;
    margin-top: -7%;
}
.carousel_slider .caption_subwrapper{
    width: 49%;
    display: inline-block;
}
.carousel_slider .left_wrapper{
    text-align: left;
}
.carousel_slider .right_wrapper{
    text-align: right;
}
.carousel_slider .caption_top_circle{
    position: absolute;   
    top: -60%;
    right: -83px;
    width: 200px;
    height: 200px; 
}
.carousel_slider .caption_center_wrapper{
    position: absolute;   
    top: 50%;
    left: 50%;
}
.carousel_slider .caption_center_circle{
    position: relative;   
    left: -50%;
    margin-top: -50%;
    width: 260px;
    height: 260px; 
}
.carousel_slider .red_circle{

    border-radius: 50%;

    background: #f96475;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 500;
    text-align: center;
    display: table;
    transform: rotate(10deg);
    z-index: 10;
}
.carousel_slider .caption_top_circle span{
    display:table-cell;
    vertical-align: middle;
}
.carousel_slider .red_circle span{
    display:table-cell;
    vertical-align: middle;
}
.site_section {
    padding: 40px 0px 50px;
}
.section_dark{
    color:#ffffff;
}
#section_1{
    background:#313131;
}
.section_intro{
    text-align: center;
    margin-bottom: 40px;
}
.section_dark .section_subtitle{
    color:#f96475;
    font-size: 18px;
}
.section_subtitle{

}
.section_intro .section_title{
    text-transform: uppercase;
    font-size: 24px;
    letter-spacing: 3px;
}
.ico_text_wrapper .ico{
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
}
.ico_text_wrapper .text{
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    font-size: 16px;
}

.avantage_title{
    color:#f96475;
    margin-bottom: 25px;
}
.avantages_column {
    margin-bottom: 25px;
}
.avantages_column ul{
    list-style: none;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align:left;
    display:inline-block;
}
.avantages_column ul li{
    list-style-image: url("../Images/Public/fleche_liste.png");
    list-style-position: inside;
    margin: 7px 0;
    padding: 0 0 0 0;
    text-transform: uppercase;
}

.avantages_wrapper .ico{
    
       
}
@media screen and (min-width: 992px) {
    .avantages_wrapper .ico{
    height: 84px;
        vertical-align: bottom;
    display: table-cell;
}
}
#section_3{
    min-height: 795px;
    position: relative;
    background-image: url('../Images/Public/bg_courses.jpg');
}
#section_3 .bg_wrapper{
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    background-size: cover;
    background-position: center;
}
#section_3 .content_bloc_centre{
    background: #ffffff;
    padding: 64px 44px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    min-width: 60%;
}
#section_3 h2{
    color: #f96475;
    text-transform: uppercase;
    margin-bottom: 45px;
}
#carousel-enseignes ul{
    list-style: none;
     padding: 0;
}
#carousel-enseignes ul li{
    display: inline-block;
    width: 33%;
    margin-bottom: 5px;
   
}
#carousel-enseignes .carousel-control{
    background: none!important;
}
#carousel-enseignes .carousel-control.right{
    right: -30px;
}
#carousel-enseignes .carousel-control.left{
    left: -30px;
}
#carousel-enseignes .carousel-control.left .arrow{
    background:url("../Images/Public/prev_arrow.png") no-repeat center center;
}

#carousel-enseignes .carousel-control.right .arrow{
    background:url("../Images/Public/next_arrow.png") no-repeat center center;
}
#carousel-enseignes .carousel-control.right .arrow_wrapper{
    right: 0;
}
#carousel-enseignes .carousel-control.left .arrow_wrapper{
    left: 0;
}
#carousel-enseignes .carousel-control .arrow_wrapper{
  
   background-size: cover;
        position: absolute;
    top: 50%;
  
    z-index: 5;
}
#carousel-enseignes .carousel-control .arrow{
      display: inline-block;
 width: 50px;
   height: 60px;
    position: relative;
    margin-top: -50%;
}
#carousel-enseignes .item ul{
    min-height: 120px;
}

#carousel-enseignes img{
    height:40px;
    width: 250px;
    margin-top : 45px;
//    filter: grayscale(100%);
}



#actions_magibip{
    margin-bottom: 15px;
}
#actions_magibip .action_magibip {

}
#actions_magibip .action_magibip h2{
    font-size: 36px;
    color: #f96475;
    margin-bottom: 32px;
    text-align: center;
}
#actions_magibip .action_magibip h2 span{
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 18px;
    color:#50525a;
}
#actions_magibip .action_image{
    text-align: center;
}
#actions_magibip #action_dictez{
    position: relative;
}#actions_magibip #action_dictez{
    margin-top: 35px;
}
#actions_magibip #action_ecrivez{
    margin-top: 20px;
}
#actions_magibip  #action_ou{
    position: absolute;
    color: #f96475;
    right: -26px;
    top: 68px;
    font-size: 18px;
    text-transform: uppercase;
}
#reste_magilist{
    background: #dfdfdf;
    color: #474a51;
    padding: 80px;
}
#reste_magilist ul{
    list-style: none;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
#reste_magilist ul li{
    background:  url("../Images/Public/ico_check.png") no-repeat top left;
    list-style-position: inside;
    margin: 7px 0;
    padding: 5px 0 5px 39px;

}
#magilist_reste_logo{
    margin-top: 30px;
}
#content_side_partage{

    color: #ffffff
}
.bg_side{
    position: relative;
    height: 100%;

}
.content_side{
    height: 100%;
}
.bg_side {

    padding: 0!important;

}
.bg_side .bg{
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-size: cover;
    background-repeat: no-repeat;
}

#section_5 {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;

}
#section_5 .bg_side_right{
    background: #f96475;
}
#section_5 .content h2{
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom: 50px;
}
#content_side_recette h2{
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom: 50px;
}
.ghost-container{
    position: absolute;
    top: -1px;
    bottom: 0;
    left: 0;
    right: 0;
}
.ghost-container .row{
    height: 100%
}
.site_section_bg{
    position: relative;
    overflow: hidden;
}
.partage_bloc .title{
    color: #000000;
    font-size: 18px;

}
.partage_bloc {

}
#partage_famille{
    max-width: 254px;
    float: left;
    margin-right: 45px;
}
#partage_amis{
    max-width: 254px;
    padding-top: 103px;
    float: left;
}
#partage_famille{
    max-width: 254px;
}
#partage_travail{
    max-width: 400px;
}
.content_side{
    padding: 40px 0px 40px 30px!important;
}
#section_7 .content_side_left{
    padding-right: 90px!important;
    padding-top: 5%!important;
}
#section_7 {
    min-height: 550px;
}
#section_6{
    background: #bfbfbf;
    color: #ffffff;
    padding: 0;
}
#section_6 .content_column{
    text-align: center;
    font-size: 18px;
    padding: 55px 0;
    height: 300px;
}
#section_6 .chiffre span{
    font-size: 60px;
}
.bg_gris_1{
    background: #959595;
}
.bg_gris_2{
    background: #b5b5b5;
}
.bg_gris_3{
    background: #bfbfbf;
}
#column_chiffre_1{}
#column_chiffre_2{}
#column_chiffre_3{}
#column_chiffre_4{}
#column_chiffre_3 .chiffre span,
#column_chiffre_4 .chiffre span{
    font-size: 48px;
}

#vingtans{
    position: absolute;
    top: 0;
    border-radius: 50%;
    width: 170px;
    height: 170px; 
    background: #f96475;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 27px;
    text-align: center;
    display: table;
    transform: rotate(10deg);
    right: -83px;
    z-index: 10;
}
#vingtans span{
    display:table-cell;
    vertical-align: middle;
}
#encart_recette{
    background: #242424;
    color: #ffffff;
    margin-top: 40%;
    width: auto;
    display: inline-block;
    margin-left: -15px;
    padding: 9% 15%;
}
#encart_recette h2{
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 18px;
}
.bg_section{
    background-size: cover;
    background-repeat: no-repeat;
}

.content_block{
    background: rgba(255,255,255,.7);
    text-align: center;
    color: #6a6c74;
    display: inline-block;
    vertical-align: top;
    width: 30%;
    margin:0 1% ;
    padding:2%;
    height: 250px;
}
.content_block h3{
    font-size: 24px;
    color: #f96475;
    margin-bottom: 20px;
}

.content_block2{
    background: rgba(255,255,255,.7);
    text-align: center;
    color: #6a6c74;
    display: inline-block;
    vertical-align: top;
    margin:1% 1% ;
    padding:5%;
    height: 290px;
    width:100%
}
.content_block2 h3{
    font-size: 24px;
    color: #f96475;
    margin-bottom: 20px;
}


#section_8{
    margin-bottom: 6px;
    margin-top: 6px;
    background-image: url('../Images/Public/bg_ai.jpg');
}


footer{
    padding: 80px 0;
}
footer ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
footer ul li{
    margin: 0;
    padding: 0;
    line-height: 30px;
}
footer ul li a{
    color: #474a51;
}
footer .column_title{
    text-transform: uppercase;
    font-size: 30px;
    margin-top: 18px;
    letter-spacing: 3px;
}
footer #bloc_social ul li {
    display: inline-block;
}
footer #bloc_social .social_label {
    display: inline-block;
    font-size: 30px;
    text-transform: uppercase;
    letter-spacing: 3px;
    vertical-align: middle;
        margin-bottom: 12px;
}
footer #bloc_social .social_label ul{
margin: 10px 0;
}

 #login_link{
        display:none!important;
 }

 #nous_contacter{
	    display:inline-block!important;	
 }

 #burst-12 {
     background: #f96475;
     width: 130px;
     height: 130px;
     text-align: center;
     position: fixed;
     top: 170px;
     right: -15px;
     font-size: 50px;
     color: white;
     transform: translate(-50%,-50%);
     -ms-transform: translate(-50%,-50%);
 }
 #burst-12:before,
 #burst-12:after {
     content: "";
     position: fixed;
     top: 0px;
     right: 0px;
     height: 130px;
     width: 130px;
     background: #f96475;
 }
 #burst-12:before {
     transform: rotate(30deg);
 }
 #burst-12:after {
     transform: rotate(60deg);
 }

@media screen and (max-width: 1650px) {
 
.caption_typo_style_2_B2B{
    left: 40%;
    font-size:26px;
}

.caption_typo_style_1_B2B{
    font-size:30px;
}
}

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

    #burst-12 {
	display:none;
    }



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

    #site_menu ul{
	text-align:center;
    }



    
   #site_menu ul li {
	    list-style: none;
	    display: inline-block;
	    border-top: solid 2px #474a51;
	    padding: 10px 0px;
	    padding-top: 10px;
	    padding-right: 4px;
	    padding-bottom: 10px;
	    padding-left: 4px;
    }




   
    #header .container{
	width: 98%!important;
	text-align: center !important;
    }
    
    #pre_header #social_section{
        display: none;
    }
    .partage_bloc{
        padding-top: 25px!important;
    }
    .caption_typo_style_1{
        font-size: 25px;
    }
    .caption_typo_style_2{
        font-size: 15px;
    }
    .caption_typo_style_3{
        font-size: 14px
    }
    .caption_typo_style_4 {
        font-size: 21px;

    }
    .caption_typo_style_5{
        font-size: 18px
    }
    .carousel_slider .caption_top_circle{
        width: 131px;
        height: 131px;
    }
    .carousel_slider #slide_1  .caption_wrapper_center{
        width: 710px;

    }
    .carousel_slider .caption_center_circle {
        width: 190px;
        height: 190px;
    }
        #login_section form{
        display:none!important;
    }
    #login_link{
        display:inline-block!important;
    }

    #nous_contacter{
	    display:none!important;	
    }

    .caption_typo_style_1_B2B{
    font-size: 26px;
    }
    .caption_typo_style_2_B2B{
    left: 28%;
    }


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

    #pre_header #app_ico_alexa,
    #pre_header #app_ico_ghome{
        display:none;
    }
    .encart_side{
        text-align: center;
    }
    #encart_recette{
        margin-top: 0!important;
    }
    .ico_text_column{
        text-align: center;
    }
    .ico_text_wrapper .ico {

        width: 100%;
        margin: 15px 0;
    }
    .avantages_wrapper{
        width: 50%;
        margin: 0 auto;
        text-align: center;
    }
    .avantages_wrapper .ico{
        height: auto!important;
    }
    .avantages_wrapper .ico img{
        display: inline-block;
    }
    #actions_magibip #action_ou{
        position: static!important;
        text-align: center;
    }
    #section_6 .container{
        width: 100%!important;
    }
    #vingtans{
        display: none!important;
    }
    .content_block{
        height: 302px!important;
    }
    .content_block2{
        height: 302px!important;
    }

    #site_logo{
        text-align: center;
    }
    #site_menu ul{
        padding: 0;
        margin: 0 auto;
        text-align: center;
    }
    #magilist_reste_logo {
        margin-bottom: 30px;
        text-align: center;
    }
    .partage_bloc{
        width: 80%!important;
        margin: 25px auto!important;
        max-width: none!important;
        float: none!important;
        text-align: center;
        padding-top: 0!important;
    }
    #content_side_partage{
        background-color:#f96475;
        margin: 35px;
    }
    #content_side_recette{
        background: #ffffff;
        margin: 35px;
    }
    #section_7{
        min-height: 0!important;
    }
    .content_side h2{
        text-align: center;
    }
    #section_6 .content_column{
        height: auto!important;
    }
    .caption_typo_style_4 {
        font-size: 16px;
    }
    .caption_typo_style_5 {
        font-size: 15px;
    }
    .carousel_slider .caption_center_circle{
        width: 131px;
        height: 131px;
    }
    .carousel_slider #slide_1  .caption_wrapper_center{
        width: 505px;

    }
    #carousel-enseignes ul li{    
    width: 100%;   
    }

    .myhide{    
	display:none!important;
    }

    
.carousel-inner>.item>a>img, .carousel-inner>.item>img{
    height:50vh !important;
}

    
   /*
   #section_3{      
   background-image: url('../Images/Public/1024/bg_courses.jpg');
   background-size:cover;
    background-repeat: no-repeat;
   } */
   #section_8{      
    background: url('../Images/Public/800/bg_ai.jpg');
    background-size:cover;
    background-repeat: no-repeat;
   }

   .caption_typo_style_1_B2B{
    font-size: 26px;
}


}
@media screen and (max-width: 768px) {
        
        #pre_header #app_ico_android,
    #pre_header #app_ico_apple{
        display:none;
    }
    .content_block {
        background: rgba(255,255,255,.7);
        text-align: center;
        color: #6a6c74;
        vertical-align: top;
        width: 90%;
        margin: 23px auto!important;
        padding: 5%;
        display: block;
        height: auto!important;
        max-width: 360px;
    }
    #site_menu ul  {
        margin-top: 15px;
    }
    #site_menu ul li {
        width: 50%;
        margin: 0px auto;
    }
    .section_intro {     
        margin-bottom: 20px;
    }

    #actions_magibip .action_magibip h2 {
        font-size: 30px;     
        margin-bottom: 10px;
    }

    #actions_magibip .action_magibip h2 span {
        font-size: 14px;     
    }

    #actions_magibip img  {
        height:160px;
    }

    #section_6 .chiffre span {
        font-size: 44px;
    }
    .section_intro .section_title{
        font-size: 16px;
         }

    .ico_text_wrapper .text {
            font-size: 16px;
    }

    #site_menu ul li a{    
        font-size: 16px;        
    }

    #section_3 .content_bloc_centre{
        min-width: 95%;
    }

    .caption_typo_style_1{
        font-size: 13px;
    }
    .caption_typo_style_2{
        font-size: 11px;
    }
    .caption_typo_style_3{
        font-size: 11px
    }
    .carousel_slider .caption_top_circle{
        width: 101px;
        height: 101px;
    }

    .caption_typo_style_4 {
        font-size: 10px;
    }
    .caption_typo_style_5 {
        font-size: 11px;
    }
    .carousel_slider .caption_center_circle{
        width: 100px;
        height: 100px;
    }
    .carousel_slider #slide_1  .caption_wrapper_center{
        width: 380px;

    }

    .avantages_wrapper{
        width: 90%!important;
    }
.carousel-inner>.item>a>img, .carousel-inner>.item>img{
    height:45vh !important;
}
.caption_typo_style_2_B2B{
    left: 25%;
    font-size:22px;
}


}


@media screen and (max-width: 700px) {
        #burst-12  {
	display:none;
    }

     #burst-12:before, #burst-12:after {
	display:none;
    }
}
    
@media screen and (max-width: 582px) {

.red_btn{
    background-image:none;
        padding: 7px;
    margin: 3px;
}
.caption_typo_style_1_B2B{
    font-size: 20px;
}

.caption_typo_style_2_B2B{
    font-size: 15px;
    left:28%;
}





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



    #site_menu ul li a{    
        font-size: 14px;        
    }


    #site_menu ul li {
        width: 90%;

    } 
    .carousel_slider .caption_top_circle{
        display: none;
    }
    #reste_magilist{
        padding: 25px!important;
    }
    #section_7 .content_side_left{
        padding: 25px!important;
    }
    #content_side_partage{
        padding: 5px!important;
    }
    .carousel_slider .caption_style_1 span {
    
    padding: 1px;
    margin: 1px;
}
.carousel_slider #slide_1 .caption_wrapper_center {
    width: 283px;
}
#pre_header .section {
    display: inline-block;
    margin: 5px 0px;
}

.carousel_slider #slide_4 .caption_style_2,
.carousel_slider #slide_5 .caption_style_2,
.carousel_slider #slide_3 .caption_style_2,
.carousel_slider #slide_2 .caption_style_2{
    margin-top: 0;
}
.carousel_slider .caption_style_2{
    padding: 3%;
}
.caption_typo_style_5{
    font-size: 9px;
}
.carousel_slider .caption_center_circle {
    width: 80px;
    height: 80px;
}
.carousel_slider #slide_4 .caption_wrapper,
.carousel_slider #slide_5 .caption_wrapper,
.carousel_slider #slide_2 .caption_wrapper,
.carousel_slider #slide_3 .caption_wrapper {
  
    left: 15%;
}

.action_image img{
        max-width: 115px;
}

#carousel-enseignes ul li img{
    max-width: 135px;
}
#content_side_recette ul{
    margin: 0;
    padding: 0;
    list-style-position:  inside;
}
#encart_recette{
    margin-left: 0;
    width: 87%;
    padding: 25px;
}
#encart_recette h2{
   margin-top: 0;
}
#section_4{
    padding-bottom: 0;
}
}


@media screen and (max-width: 505px) {
/*
    #pre_header #dl_apps{
        display:none;
    }
    */
    #pre_header #dl_apps_br{
        display:flex;
    }
    #pre_header #dl_apps{
        padding-right: 0;
    }      
    .ico_text_wrapper .text {
        font-size: 14px;
    }
    .avantage_title {
        color: #f96475;
        margin-bottom: 0px;
    }
    .h3, h3 {
        font-size: 16px;
    }
    .h2, h2 {
        font-size: 14px;
    }

    #actions_magibip .action_magibip h2 {
        font-size: 24px;
        margin: 0;
    }
    #actions_magibip .action_magibip h2 span {
        font-size: 10px;
    }
    .magilist_actions {
        text-transform: uppercase;
        font-size: 16px;
    }
    #section_6 .chiffre span {
        font-size: 34px;
    }
    .section_intro .section_title {
        font-size: 13px;
    }
    footer .column_title {     
        font-size: 24px;
    }

    #section_8{      
        background: url('../Images/Public/1024/bg_ai.jpg');
    }
}

@media screen and (max-width: 422px) {
    #pre_header #gratuitement{
        display:none;
    }
    .caption_typo_style_2_B2B{
    left: 10%;

}

}

@media screen and (max-width: 348px) {
    .container {
        padding-right:0px!important;
    }
    #pre_header #language_section{
        display:none;
    }
}