@charset "UTF-8";
/* CSS Document */

#entete{
   background-color: rgba(255,255,255,1.00);
    width: 100%;
    height: 80px;
    position: fixed;
    z-index: 9995;
    top:0px;
}
#logo_top{
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: rgba(255,255,255,1.00);
    max-width: 40%;
    min-width: 105px;
    height: 80px;
    
}
.gris80{
    color: rgba(0,0,0,0.8);
}
.text_tableau{
	/*font-family: "Satero Sans LT W04 Lighnormal";*/
	font-size: 14px;
	color: #666;
	height: auto;
	margin-right: 4px;
}
#outils{
    position: absolute;
    right: 0px;
    top: 0px;
    background-color: rgba(255,255,255,1.00);
    max-width: 40%;
    min-width: 300px;
    height: 80px;
}
.btlangue{
    display: block;
    float: left;
    width: 40px;
    height: 40px;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: rgba(254,168,0,1.00);
    /*border: thin solid rgba(233,14,17,1.00);*/
    margin-top: 30px;
    
}
.btlangue actif {color: rgba(254,168,0,1.00); }
.btlangue inactif {color:rgba(87,102,117,0.6); }

a.lg:visited { color:rgba(87,102,117,0.6); }
a.lg:link { color:rgba(87,102,117,0.6); }
a.lg:hover { color:rgba(254,168,0,1.00); }
a.lg:active { color:rgba(87,102,117,0.6); }

.bt_menu_user{
    float: left;
    width: 40px;
    height: 40px;
    background-image: url("../navig/user.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 20px;
    margin-right: 20px;
}
.bt_menu_user_on{
    float: left;
    width: 40px;
    height: 40px;
    background-image: url("../navig/user_on.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 20px;
    margin-right: 20px;
}
.bt_menu_user_off{
    float: left;
    width: 40px;
    height: 40px;
    background-image: url("../navig/user_off.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 20px;
    margin-right: 20px;
}
.bt_menu_tel{
    float: left;
    width: 40px;
    height: 40px;
    background-image: url("../navig/tel_on.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 20px;
    margin-right: 20px;
}
.bt_menu_recherche{
    float: left;
    width: 40px;
    height: 40px;
    background-image: url("../navig/recherche_on.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 20px;
    margin-right: 20px;
}
.bt_menu_caddie{
    float: left;
    width: 40px;
    height: 40px;
    background-image: url("../navig/caddie.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 20px;
    margin-right: 20px;
}
.bt_menu_caddie_on{
    float: left;
    width: 40px;
    height: 40px;
    background-image: url("../navig/caddie_on.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 20px;
    margin-right: 20px;
}
.bt_menu_caddie_off{
    float: left;
    width: 40px;
    height: 40px;
    background-image: url("../navig/caddie_off.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 20px;
    margin-right: 20px;
}
.nbr_caddie{
    margin-top: 0px;
    margin-left: 0px; /*auto;*/
    margin-right:auto;
    background-color:rgba(255,180,0,1.00);
    color: rgba(255,255,255,1.00);
    font-size: 10px;
    font-weight: bolder;
    text-align: center;
    width:20px;
    line-height: 12px;
}
.info_outil{
    margin-top: 0px;
    margin-left: 0px; /*auto;*/
    margin-right:auto;
    background-color:rgba(255,180,0,1.00);
    color: rgba(255,255,255,1.00);
    font-size: 10px;
    font-weight: bolder;
    text-align: center;
    width:20px;
    line-height: 12px;
}
.info_outil_off{
    margin-top: 0px;
    margin-left: 0px; /*auto;*/
    margin-right:auto;
    background-color:rgba(122,122,122,1.00);
    color: rgba(255,255,255,1.00);
    font-size: 10px;
    font-weight: bolder;
    text-align: center;
    width:20px;
    line-height: 12px;
}



#promo{
    background-color: rgba(0,0,0,0);
    width: 100%;
    height: 134px;
    margin-top: 80px;
}

#highlight{
    background-color: rgba(0,0,0,0);
    width: 100%;
    height: 134px;
    overflow: hidden;
    position: relative;
    
}
.highlight_titre_transparent{
    min-width: 30%;
    max-width: 30%;
    height: 134px;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 9900;
    position: absolute;
    left: 0px;
    top:0px;
    background-color: rgba(255,255,255,0.6);
}
.highlight_titre_transparent_sans{
    /*min-width: 30%;*/
    width: 30%;
    max-width: 480px;
    height: 134px;
    overflow: hidden;
    background-position: top right;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 9900;
    position: absolute;
    left: 0px;
    top:0px;
    background-color: rgba(26,255,0,0.6);
}
.highlight_slider{
    min-width: 100%;
    height: 134px;
    overflow: hidden;
    position: absolute;
    left:0px;
    top:0px;
    padding: 0px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 9800;
}

.highlight_titre{
    min-width: 40%;
    height: 134px;
    overflow: hidden;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.highlight_image{
    min-width: 60%;
    height: 134px;
    overflow: hidden;
    float: left;
    background-size: cover;
    background-repeat: no-repeat;
    /*background-image:url("../../images/banner01.jpg");*/
}
#bandenew2023{
    padding: 0px;
    margin: 0px;
    position:absolute;
    display: block;
    /*min-width: 30%;*/
    width: 30%;
    max-width: 480px;
    background-position: top right;
    background-repeat: no-repeat;
    background-size:cover;
    z-index: 9901;
    left: 0px;
    top:74px;
    background-image:url("../../requis/navig/bande2023h.png");
    background-color: rgba(47,169,169,0);
    height:140px;
}
@media(min-width:768px){
#promo{ height: 220px; }
#highlight{ height: 220px; }
#bandenew2023{ 
    height: 229px;
    top:71px; }
.highlight_titre_transparent{ height: 220px; }
.highlight_titre_transparent_sans{ height: 220px; width: 30%; }
.highlight_slider{ height: 220px; }
.highlight_titre{ height: 220px; }
.highlight_image{ height: 220px; } 
}

@media(min-width:992px){
#promo{ height: 320px; }
#highlight{ height: 320px; }
#bandenew2023{ height: 335px; top:66px; }
.highlight_titre_transparent{ height: 320px; }
.highlight_titre_transparent_sans{ height: 320px; width: 30%; }
.highlight_slider{ height: 320px; }
.highlight_titre{ height: 320px; }
.highlight_image{ height: 320px; } 
}
    
@media(min-width:1200px){
#promo{ height: 320px; }
#highlight{ height: 320px; }
#bandenew2023{ height: 335px; top:66px; }
.highlight_titre_transparent{ height: 320px;   }
.highlight_titre_transparent_sans{ height: 320px; width: 30%; max-width: 480px; }
.highlight_slider{ height: 320px; }
.highlight_titre{ height: 320px; }
.highlight_image{ height: 320px; } }



#contenu{
    background-color: rgba(123,123,123,0.20);
    width: 100%;
    height: auto;
    min-height: 400px;
}
#footer{
    background-color: rgba(24,155,216,1.00);
    width: 100%;
    height: auto;
}
#copyright{
    background-color: rgba(24,155,216,1.00);
    width: 100%;
    height: 20px;
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}


/* default color: #FAB702 */
.bg-color,section.bg-color,
section.call-to-action,
#mainmenu li li a:hover,
.price-row,
.blog-list .date,
.blog-read .date,
.slider-info .text1,
#filters a.selected,
.btn-primary,
.bg-id-color,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
.dropcap,
.fullwidthbanner-container a.btn,
.feature-box-big-icon i,
#testimonial-full,
.icon-deco i,
.blog-list .date-box .day,
.bloglist .date-box .day,
.feature-box-small-icon .border,
.small-border,
#jpreBar,
.date-post,
.team-list .small-border,
.de-team-list .small-border,
.btn-line:hover,a.btn-line:hover,
.btn-line.hover,a.btn-line.hover,
.owl-arrow span,
.de-progress .progress-bar,
#btn-close-x:hover,
.box-fx .info,
.de_tab.tab_steps .de_nav li span,
.de_testi blockquote:before,
#services-list li.active,
#services-list li a:hover,
.btn-more,
.widget .small-border,

#btn-search,
.de_tab.timeline li.active .dot,
.custom-show:after,.custom-close:after,
#back-to-top,
a.btn-custom,
.owl-custom-nav .btn-next:before,
.owl-custom-nav .btn-prev:before,
#mainmenu ul li:hover > a,
.pricing-s1 .ribbon,
a.btn-slider.btn-color
{
	background-color:#FAB702; /*.product img:hover,*/
}

.feature-box i,
#mainmenu li:hover > ul,
.date-box .day,
.slider_text h1,
.id-color,
.pricing-box li h1,
.title span,
i.large:hover,
.feature-box-small-icon-2 i,
address span i,
.pricing-dark .pricing-box li.price-row,
.price,
#mainmenu a:hover,
#mainmenu a.active,
header.smaller #mainmenu a.active,
.pricing-dark .pricing-box li.price-row,
.dark .feature-box-small-icon i,
a.btn-slider:after,
.feature-box-small-icon i,
a.btn-line:after,
.team-list .social a,
.de_contact_info i,
.de_count,
.dark .btn-line:hover:after, .dark a.btn-line:hover:after, .dark a.btn-line.hover:after,
a.btn-text:after,
.separator span  i,
address span strong,
.de_tab.tab_steps .de_nav li span:hover,
.de_testi_by,
.pf_text,
.widget_tags li a,
.dark .btn-line:after, .dark  a.btn-line:after,
.crumb a,
.btn-right:after,
.btn-left:before,
#mainmenu li a:after,
.de_form input[type="radio"]:checked + label:before,
.de_form input[type="checkbox"]:checked + label:before,
#mainmenu li:hover > a,
.expand h4:after,
.pricing-s1 .bottom ul li i
{
	color:#FAB702;
}

.feature-box i,
#filters a:hover,
#filters a.selected,

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus
.feature-box-big-icon i:after,
.social-icons i,
.btn-line:hover,a.btn-line:hover,
.btn-line.hover,a.btn-line.hover,
#contact_form input[type=text]:focus,#contact_form textarea:focus, #search:focus,
#contact_form .de_light input[type=text]:focus, #contact_form .de_lighttextarea:focus, #contact_form .de_light #search:focus,
.form-transparent input[type=text]:focus, .form-transparent textarea:focus, .form-transparent input[type=email]:focus,
a.btn-slider.btn-color
{

	border-color:#FAB702; /*.product img:hover,*/
}

.box-fx .inner,
.dark .box-fx .inner,
.blog-list img,
.arrow-up
{
	border-bottom-color:#FAB702;
}

.arrow-down{
	border-top-color:#FAB702;
}

.callbacks_nav {
	background-color:#FAB702;
}
.ligne_bas{
    border-bottom: rgba(255,255,255,1.00) thin solid;
}

.de_tab .de_nav li span {
border-top: 3px solid #FAB702;
}

.feature-box-big-icon i:after {
border-color: #FAB702 transparent; /*same colour as the lower of the bubble's gradient*/
}

.de_review li.active img{
	border:solid 4px #FAB702;
}
.text_article_ligne{
    color:rgba(0,0,0,1.00);
}
.titre_article_ligne{
    color:rgba(0,0,0,1.00);
}
.prix_article_ligne{
    color:rgba(0,0,0,1.00);
}

.message{
	display: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFA36C;
}

.info_bt:hover{
    cursor: help;
    opacity: 1;
}
.box_infos_help{
    position: absolute;
    width: 1px;
    height:1px;
    overflow: visible;
    opacity: 1;
    z-index: 9999;
}
.box_infos_payement{
    position: relative;
    width: 100%;
    height:auto;
    overflow: visible;
    opacity: 1;
    /*z-index: 9999;*/
}

.inner_box_infos{
    position:relative;
    width: 200px;
    height: auto;
    padding: 8px;
    background-color:rgba(107,144,101,1.00);
    border: thin solid rgba(50,61,52,1.00);
    opacity: 1;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    margin-top: 1px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    color:rgba(255,255,255,1.00);
}
.inner_box_payement{
    position:relative;
    width: 100%;
    height: auto;
    padding: 8px;
    background-color:rgba(107,144,101,0.4);
    border: thin solid rgba(50,61,52,1.00);
    opacity: 1;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    margin-top: 1px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    color:rgba(0,0,0,1.00);
}
.inner_box_payement a{
    color:rgba(0,0,255,1.00);
    text-decoration: underline;
}

#valid{
	/*visibility: hidden;*/
	display: none;
}
#novalid{
	/*visibility: visible;*/
	display: block;
}

#back-to-top {
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 9999;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    /*background: #f5f5f5;*/
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
	outline:none;
    background-color: rgba(255,180,0,1.00);
    background-image: url("../navig/arrow_top.png");
    background-repeat: no-repeat;
    background-size: contain;
    display: none;
}
#back-to-top:hover {
    /*background: #111;*/
    opacity: 1;
    background-color: rgba(255,180,0,1.00);
    background-image: url("../navig/arrow_top.png");
    background-repeat: no-repeat;
    background-size: contain;
}
#back-to-top.show {
    opacity: 1;
    display: block;
}
#back-to-top:before{
	/*font-family:"FontAwesome";*/
	/*font-size:22px;*/
	content: "";
	color:#222;
	position:relative;
	margin:5px;
}
#back-to-top:hover:before{
	color:#fff;
}
.search{}

#recherche{
    position: absolute;
    /*display: none;*/
    right: 0px;
    background-color: rgba(0,0,0,0.5);
    height: 40px;
    width: 300px;
    top: 80px;
    padding: 4px;
    opacity: 1;
    z-index: 9999;
    -moz-border-radius: 0 0 0 10px ;
    -webkit-border-radius: 0 0 0 10px;
    border-radius: 0 0 0 10px;
}
#recherche:hover {
    opacity: 1;
}
.btaxis{
    border-color: rgba(255,255,255,1.00);
    border-style: hidden;
    border-width: 0px;
    cursor:pointer;
    
    -moz-border-radius: 20px 20px 20px 20px ;
    -webkit-border-radius: 20px 20px 20px 20px;
    border-radius: 20px 20px 20px 20px;
    background-color: rgba(255,180,0,1.00);
    color: rgba(255,255,255,1.00);
    height: 40px;
    min-width: 100px;
    padding-top: 2px;
    padding-bottom: 4px;
    padding-left: 14px;
    padding-right: 14px;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    font-weight: 800;
}
.btaxis:hover{
    background-color: rgba(0,0,0,1.00);
}


.promos{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 44px;
    background-color: rgba(24,155,216,1.00);
    position: absolute;
    margin-top: 0px;
    }
.lespromotions{
    display: block;
    width: 30%;
    padding: 20px;
    margin-left: auto;
    margin-right: auto;
    max-width: 380px;
}
.cadrepromotions{
    display: block;
    width: 100%;
    border: thin;
    border-color: rgba(96,1,3,1.00);
    border-style: solid;
    padding: 0px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
     background-color: rgba(0,0,0,0.4);
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.titre_promotion{
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-size: 12px;
    line-height: 14px;
    color: rgba(206,175,175,1.00);
    font-weight: bold;
    text-align: left;
    position: relative;
    margin-bottom: 10px;
}
.rem_promotion{
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-size: 10px;
    color: rgba(255,255,255,1.00);
    text-align: right;
    position: absolute;
    top: 14px;
    right:5px;
    
}
.ligne_promo{
    width: 100%;
    margin-top: 0px;
    margin-bottom: 3px;
    display: block;
    position: relative;
    height:24px;
}
.letaux{
   float: left;
        font-family: Impact, Haettenschweiler, "Arial Black", "sans-serif";
    font-size: 12px;
    color: rgba(0,255,4,1.00);
    font-weight: bold;
    width: 100%;
    text-align: left;
    line-height: 14px;
}
.lalimite{
     float: left;
    font-family: Impact, Haettenschweiler, "Arial Black", "sans-serif";
    font-size: 10px;
    color: rgba(177,226,226,1.00);
    font-weight: bold;
    width: 100%;
    line-height: 14px;
}

.lespromotions2023{
    display: block;
    width: 90%;
    margin-left: 10px;
    margin-right: auto;
    max-width: 120px;
    padding-top: 24px;
    margin-top: 0px;
    background-color: rgba(250,7,11,0);
}
.cadre_promotions2023{
    display: block;
    width: calc(100%);
    border-color: rgba(25,80,130,1.00);
    border-style: solid;
    padding: 0px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: rgba(255,255,255,0.5);
    position: relative;
    min-height: 40px;
    margin-left: 0px;
    margin-top: 8px;
    margin-bottom: 2px;
    border-width: 2px;
}

.cadre_promotions_new{
    display: block;
    width: 60%;
    /*border-color: rgba(25,80,130,1.00);
    border-style: solid;*/
    padding: 0px;
    padding-top: 2px;
   /* -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: rgba(255,255,255,0.2);*/
    position: relative;
    min-height: 32px;
    margin-left: 20px;
    margin-top: 2px;
    margin-bottom: 2px;
    /*border-width: 2px;*/
}

.titre_promotion2023{
        font-family: Impact, Haettenschweiler, "Arial Black", "sans-serif";

    font-size: 12px;
     line-height: 14px;
    color: rgba(0,0,0,1.00);
    font-weight: bold;
    text-align: left;
    position: relative;
    margin-bottom: 0px;
}
.rem_promotion2023{
    display: none;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    color: rgba(255,255,255,0.6);
    text-align: right;
    position: absolute;
    top: 30px;
    
    line-height: 10px;
    font-weight: normal;
    font-size: 10px;
    right:8px;
}
.ligne_promo2023{
    width: 100%;
    margin-top: 4px;
    /*margin-bottom: 5px;*/
    display: block;
    position: relative;
    height: auto;
    background-color: rgba(255,0,255,0);
}
.letaux2023{
    font-family: Impact, Haettenschweiler, "Arial Black", "sans-serif";
    /*font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";*/
    color: rgba(255,255,255,1.00);
    font-weight: bold;
    position: absolute;
    background-image: url("../navig/etoile.png");
    background-repeat: no-repeat;
    background-size: contain;
    text-align: center;
    top:-12px;
    left: -20px;
    width:48px;
    height:48px;
    font-size: 18px;
    line-height: 44px;
}
.letaux2023portnew{
    font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    /*font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";*/
    color: rgba(255,255,255,1.00);
    font-weight: bold;
    position: absolute;
    text-align: center;
    top:0px;
    left:0px;
    width:48px;
    height:48px;
    font-size: 8px;
    line-height: 10px;
	padding-top: 12px;
}
.lalimite2023{
    position: relative;
    font-family: Impact, Haettenschweiler, "Arial Black", "sans-serif";
    /*font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";*/
    /*color: rgba(25,80,130,1.00);*/
    color: rgba(255,255,255,1.00);
    font-weight: normal;
    width: 100%;
    font-size: 14px;
    line-height: 12px;
    padding-top: 1px;
    padding-left: 36px;
    padding-right: 4px;
}


@media (min-width:768px) {
    .promos{
        margin-top: 0px;
    }
     .titre_promotion{
        font-size: 12px;
         margin-bottom: 5px;
    }
    .rem_promotion{
    top: 0px;
    right:10px;
        
}
    .letaux{
        font-size: 16px;
        width: 20%;
        text-align: right;
    }
    .lalimite{
        font-size: 12px;
        width: 80%;
        
    }
    .letaux2023{
            font-family: Impact, Haettenschweiler, "Arial Black", "sans-serif";

    top:-12px;
    left: -20px;
    width:54px;
    height:54px;
    font-size: 20px;
    line-height: 50px;
    }
     .lalimite2023{
             font-family: Impact, Haettenschweiler, "Arial Black", "sans-serif";

        font-size: 14px;
        line-height: 14px;
        padding-top: 0px;
        padding-left: 44px;
        padding-right: 4px;
    }
    .rem_promotion2023{
        top: 30px;
        display: block;
    }
	
	.letaux2023portnew{
    font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    /*font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";*/
    color: rgba(255,255,255,1.00);
    font-weight: bold;
    position: absolute;
    text-align: center;
    top:0px;
    left:4px;
    width:48px;
    height:48px;
    font-size: 8px;
    line-height: 9px;
	padding-top: 16px;
}
	
}


@media (min-width: 992px) {
     .promos{
         margin-top: 0px;
    }
    .titre_promotion{
        font-size: 14px;
         margin-bottom: 10px;
    }
      .rem_promotion{
    top: 0px;
    right:10px;
         
}
    .letaux{
        font-size: 20px;
        width: 25%;
        text-align: right;
    }
    .lalimite{
        font-size: 14px;
        width: 75%;
        
    }
    .lespromotions2023{
            max-width: 280px;
        padding-top: 40px;
    }
     .letaux2023{
             font-family: Impact, Haettenschweiler, "Arial Black", "sans-serif";

    top:-12px;
    left: -20px;
    width:66px;
    height:66px;
    font-size: 24px;
    line-height: 62px;
    }
     .lalimite2023{
             font-family: Impact, Haettenschweiler, "Arial Black", "sans-serif";

        font-size: 14px;
        line-height: 14px;
        padding-top: 0px;
        padding-left: 50px;
        padding-right: 4px;
    }
     .rem_promotion2023{
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
        color: rgba(255,255,255,0.6);

    text-align: right;
    position: absolute;
    top: 30px;
    line-height: 10px;
    font-weight: normal;
    font-size: 10px;
    right:0px;
        display: block;
    
}
	
	.letaux2023portnew{
    font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    /*font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";*/
    color: rgba(255,255,255,1.00);
    font-weight: bold;
    position: absolute;
    text-align: center;
    top:0px;
    left:10px;
    width:48px;
    height:48px;
    font-size: 10px;
    line-height: 13px;
	padding-top: 18px;
}
	
	
}

@media (min-width: 1200px) {
     .promos{
        margin-top: 0px;
    }
    .titre_promotion{
        font-size: 16px;
        margin-bottom: 10px;
    }
      .rem_promotion{
    top: 0px;
    right:10px;
          
}
    .letaux{
        font-size: 20px;
        width: 25%;
        text-align: right;
    }
    .lalimite{
        font-size: 14px;
        width: 75%;
        
    }
    .lespromotions2023{
        padding-top: 24px;
    }
    .cadre_promotions2023{
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        min-height: 100px;
        margin-left: 40px;
        margin-top: 14px;
        margin-bottom: 28px;
        border-width: 6px;    
    }
    .ligne_promo2023{
        width: 100%;
        margin-top: 20px;
}
    .letaux2023{
            font-family: Impact, Haettenschweiler, "Arial Black", "sans-serif";

        top:-20px;
        left: -20px;
        width:80px;
        height:80px;
        font-size: 30px;
        line-height: 76px;
    }
    .lalimite2023{
            font-family: Impact, Haettenschweiler, "Arial Black", "sans-serif";

        font-size: 18px;
        line-height: 18px;
        padding-top: 0px;
        padding-left: 70px;
        padding-right: 4px;
    }
    .rem_promotion2023{
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
        color: rgba(255,255,255,0.6);

    text-align: right;
    position: absolute;
    top: 30px;
    display: block;
    line-height: 10px;
    font-weight: normal;
    font-size: 10px;
    right:8px;
}
	
	.letaux2023portnew{
    font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    /*font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";*/
    color: rgba(255,255,255,1.00);
    font-weight: bold;
    position: absolute;
    text-align: center;
    top:0px;
    left:14px;
    width:48px;
    height:48px;
    font-size: 12px;
    line-height: 16px;
	padding-top: 22px;
}
	
}