@import "app.css";
@import "product.css";

.breadcrumb{padding:1rem 0;margin:0}

*:focus{box-shadow:none !important;outline:none !important}
body{font-family:'Barlow', sans-serif;color:#333333 !important}
.btn{text-transform:uppercase}
.btn-primary, .btn-primary:hover, .btn-primary:active{background-color:#101c4e !important;border-color:#101c4e !important}
.btn-light, .btn-light:hover, .btn-light:active{background-color:#eeeeee !important;border-color:#eeeeee !important;color:#333333 !important}
.btn-info, .btn-info:hover, .btn-info:active{background-color:#009fe0 !important;border-color:#009fe0 !important}
.btn-danger, .btn-danger:hover, .btn-danger:active{background-color:#eb0029 !important;border-color:#eb0029 !important}
.btn-dark, .btn-dark:hover, .btn-dark:active{background-color:#333333 !important;border-color:#333333 !important;color:#ffffff !important}
.btn-secondary, .btn-secondary:hover, .btn-secondary:active{background-color:#aaaaaa !important;border-color:#aaaaaa !important;color:#ffffff !important}
.text-secondary{color:#777777 !important}
.text-info{color:#009fe0 !important}
.text-danger{color:#eb0029 !important }
.form-control{border:2px solid #eeeeee !important}
.bg-light{background-color:#EEEEEE !important}
.form_input_style .form-control{border:2px solid transparent !important;border-bottom-color:#eeeeee !important;margin-bottom:12px}
textarea.form-control{height:80px}
*:-webkit-autofill, *:-webkit-autofill:hover, *:-webkit-autofill:focus, *:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px white inset !important}
.form_input_style .form-control:invalid{border-bottom-color:#ea9caa !important}
.form_input_style .form-control:not(:placeholder-shown):not(:focus):valid{border-bottom-color:#009fe0 !important}
.form_input_style .form-control:focus{border:2px solid #009fe0 !important}
.form_input_style .form-control:placeholder-shown{font-style:italic;color:#777777}
.border{border-color:#cccccc !important;margin:5px 0}
form .border{border:none;border-top:4px solid #009fe0 !important;width:50%;margin:5px 25%}
.card{border:none}
.close{opacity:1;text-shadow:none}
.dropdown-menu{min-width:inherit}
.form_input_style .custom-control-label::before{border-color:#009fe0}
.form_input_style .custom-checkbox .custom-control-label::before{border-radius:0}
h1, h2{font-weight:600;text-transform:uppercase;font-family:'Barlow Semi Condensed', sans-serif}
.card-img, .card-img-top{border-radius:0}
h1{font-size:1.8rem}
h2{font-size:1.6rem}
h3{font-size:1.3rem}

.baseline_tag{font-size:13px;color:#009fe0;text-transform:uppercase;font-weight:700;margin-left:10px}
.baseline_title{font-size:15px;color:#111C4E;text-transform:uppercase;font-weight:700}

#back_to_top{position:fixed;bottom:25px;right:25px;opacity:0.7;display:none}
#back_to_top img{width:40px;height:40px}

header{position:fixed;top:0;width:100%;z-index:99}
#main{z-index:1;margin-top:170px}

#header_menu{background-color:#eeeeee;padding:25px 1rem;transition:0.3s all ease}

#header_menu .navbar-toggler{border:none}
#header_menu .badge{width:46px;height:46px;padding:7px;margin-right:20px;position:relative}
#header_menu .badge i{font-size:12px}

#header_menu .badge.js-nbItemsInEstimate{width:20px;height:19px;line-height:18px;text-align:center;margin:0;padding:1px;border-radius:50%;background:#101c4e;color:#fff;position:absolute;top:-5px;right:-5px}

#menu{height:calc(100vh - 150px);overflow:auto}
#menu, #menu a{color:#fff}
#menu .bullet{margin-right:5px}
#menu a.active, #menu a:hover{text-decoration:none}
#menu a.active .bullet, #menu a:hover .bullet{color:#eb0029}
#menu a.active .menu_link, #menu a:hover .menu_link{text-decoration:underline}

#js-search-show{cursor:pointer}
#search_view{position:fixed;top:0;z-index:10;width:100%;background-color:#ffffff;padding:0;transition:0.3s top ease}
#search_view.show{top:170px}
.form-search{}
.form-search .input-group-text, .form-search .input-group-text .btn{padding:2px 6px}
.form-search .form-control{border:none}
.form-search .input-group-text{background-color:#eeeeee;border:none;border-radius:0}

.sticky header{}
.sticky #search_view.show{top:62px}
.sticky #header_menu{padding:.5rem 1rem}
.sticky .logo_default, .logo_sticky{display:none !important}
.sticky .logo_sticky{display:inline-block !important}

#carousel-home .img{background:100% 25% no-repeat;background-size:cover;box-shadow:inset 0 -100px 60px -15px rgba(0,0,0,0.3)}
#carousel-home, #carousel-home .img{width:100%;height:75vh}

#carousel-home .carousel-caption{padding:0;text-align:left}
#carousel-home .carousel-title{font-size:2.5rem;line-height:2.5rem;text-transform:uppercase}
#carousel-home .carousel-subtitle{font-size:1.5rem}
#carousel-home p{margin:0}
#carousel-home .carousel-btn{font-size:1.3rem;position:absolute;right:0;bottom:10px;text-transform:uppercase}

.carousel{margin-bottom:50px}
.carousel-indicators{bottom:-50px;margin:0}
.carousel-indicators li{width:12px;height:12px;background-color:#eee}
.carousel-indicators li.active{background-color:#009fe0}

.form_product_referency{width:180px;display:inline-block}

.breadcrumb{background:none}
.breadcrumb-item{font-weight:500;font-size:0.9rem}
.breadcrumb-item+.breadcrumb-item::before{content:'|'}
.breadcrumb a, .breadcrumb-item.active{color:#111C4E;text-transform:uppercase;font-weight:700}
.breadcrumb-item+.breadcrumb-item::before{color:#009fe0}

.title{font-weight:700;text-transform:uppercase;font-size:1rem;padding:15px 0 10px}
.title a{color:#101C4E}

.categories{}
.category{}
.category .link{position:relative;display:block;height:240px;background:#009fe0 50% no-repeat;background-size:cover}
.category .label{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#009fe0;color:#fff;padding:5px 15px;text-align:center;text-transform:uppercase}

@import "product.css";

.btn-small-login{width:38px;height:38px;padding:1px}

.title{color:#009fe0;text-transform:uppercase}

footer{background:#101c4e;font-size:0.8rem;font-weight:600}
footer *, footer a{color:#ffffff}
#footer-newsletter{background:#eee;padding:6px}
#footer-newsletter .form-control{border:0;padding:0;color:#777777;background:transparent}
#footer-newsletter .form-control, #footer-newsletter .btn{height:30px}
.footer-menu{text-transform:uppercase;line-height:1.5rem}

#navbar-menu{color:#ffffff;background-color:#101c4e;position:absolute;top:0;left:0;width:100vw;min-height:100vh;z-index:20;padding:30px 28px}
#navbar-menu .menu-logo{margin:6px 25px 0 0}
#navbar-menu .title{font-size:1.2rem;margin:15px 0;text-align:center}
#navbar-menu .close{font-size:2rem;margin-top:45px}
#navbar-menu .border{border-color:#009fe0 !important}
#navbar-menu .border.img-border{border-color:#ffffff !important}

@media screen and (min-width:768px) {
    .navbar-brand{margin-left:15px}
}
@media screen and (max-width:768px) {
    #carousel-home .carousel-caption{left:5%;right:5%}
    .category .link{height:180px}
}
@media (max-width:991px) {
    #navbar-menu .close{margin-top:7px}
    #main{margin-top:96px}
    .logo_sticky{display:inline-block !important}
    #search_view.show{top:116px}

    #carousel-home .carousel-title{font-size:1.6rem;line-height:1.6rem;width:80%}
    #carousel-home .carousel-subtitle{font-size:1.2rem;width:65%}
    #carousel-home .carousel-btn{font-size:1rem}
}
@media (max-width:500px) {
    .js-referency td{border-top:2px solid #dddddd;border-bottom:2px solid #dddddd}
    .js-referency img{width:100px;height:100px}
    .js-referency .referency_price{font-size:1.1rem}

    .js-orderItemForm{max-width:180px}

    .navbar-toggler .burger, #navbar-menu .close img{width:25px;height:25px}
    #header_menu{padding:.5rem 1rem}
    #header_menu .badge{width:30px;height:30px;padding:3px;margin-right:7px}
    .navbar{padding:.5rem .7rem}
    .navbar-brand{max-width:136px}
    #navbar-menu{padding:9px 28px}
    #navbar-menu .close{margin-top:3px}
    #navbar-menu .close img{vertical-align:top}
    #navbar-menu .menu-logo{margin:4px 0 0 0}
    #main{margin-top:61px}

    #header_menu .badge.js-nbItemsInEstimate {width:17px;height:17px;line-height:14px}

    #carousel-home .carousel-title{font-size:1.2rem;line-height:1.2rem;width:70%}
    #carousel-home .carousel-subtitle{font-size:0.9rem;width:55%}
    #carousel-home .carousel-btn{font-size:0.8rem}
    #carousel-home, #carousel-home .img{height:45vh}

    .form_product_referency{width:80px}
}
@media (max-width:355px) {
    .navbar{padding:.5rem .1rem}
    .navbar-brand img{width:100px}
    footer{font-size:0.7rem}
}
.df-classic .df-term[data-selected], .df-classic .df-term[data-selected]:active, .df-classic .df-term[data-selected]:focus, .df-classic .df-term[data-selected]:hover{background-color:#101c4e !important; border-color:#101c4e !important}
.df-branding{display:none !important}
#tarteaucitronRoot button{
    font-family: 'Barlow', sans-serif!important;
}
#tarteaucitronCloseAlert{
    font-family: 'Barlow', sans-serif!important;
}
#js-toggle-container{
    display: flex;
    flex-direction: row-reverse;
}

#js-toggle-button {
    display: flex;
    border: 1px solid black;
    padding: 0;
}

.UNDEFINED {
    color: black;
    background-color: black;
}

#ribInfos {
    background-color: white;
    align-items: center;
    padding: 20px;
}

.ribTable {
    display: flex;
    flex-direction: column;
    text-align: center;
    border: 1px solid black;
    min-height: 82px;

}

.visibility-hidden {
    visibility: hidden;
}

a#cookiesInfosLink {
    color: #444444!important;
}
a#cookiesInfosLink:hover {
    text-decoration:underline!important;
}