/*
	general.css
*/
:root{
  --couleur_01: #426497; /* #002f77 */
  --couleur_02: #ca9c44;/* Tunnel achat */
  --texte-couleur_01: #FFFFFF;
  --texte-couleur_02: #FFFFFF;
  --texte-couleur_03: #384d6d;/* Thème sombre : #FFFFFF, thème claire : #000000 */
  --bandeau-bg: #DDAE1D;
  --bandeau-tx: #FFFFFF;
  --font: "Sorts Mill Goudy";
  /* var(--font)*/
}

*, *::before, *::after{-webkit-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;}
@-ms-viewport{width: device-width;}
html{line-height: 1.5;font-size: 1rem;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;overflow-x: hidden;}
body{margin: 0;padding: 0;right: 0;left: 0;background-color: #1e2d44 !important;background-image:  url(../../images/pattern-noblecollection.jpg);background-repeat: repeat;font-family: "Lato", "Helvetica", "Arial", sans-serif !important;color: var(--texte-couleur_03)  !important;}
a{color: var(--couleur_02) !important;text-decoration: none !important;}

@media (min-width: 280px){
	.header{display:none;}
	.header_mobile{display:block;height: 50px;width: 100%;}
	.container-header{width:100%;background-color: #1e2d44 !important;}
	.footer{background-color: #1e2d44;margin-top:40px;}
	.footer_colonne{padding: 20px;text-align : center !important;}
}
/* mobile landscape */
@media (min-width: 480px){
	.header_mobile{height: 60px;}
}
/* Tablette portrait */
@media (min-width: 768px){
}
/* Deskstop Boostrap */
@media (min-width: 992px){
	.header{display:block;width: 100%;}
	.header_mobile{display:none;}
	.header_logo{flex: 0 0 50%;max-width: 50%;}
	.header_livraison{display:none;}
	.header_menu{margin-top: 10px;flex: 0 0 50%;flex: 0 0 50%;}
	.titre_menu_sous_cat{color: #FFFFFF;font-size:20px;line-height: 2em;font-weight:800;}
	.titre_menu_sous_cat:hover{color: #DDAE1D;}
	.search-field{margin-top: 8px;border: 1px solid #fff;border-radius: 25px;background-color: #3f4b60;padding: 5px 10px 4px 15px;color:#FFFFFF;width: 155px;}
	.footer{padding: 20px 20px 20px 20px;}
	.footer_colonne{padding: 100px;}
	.col_droite{text-align : right !important;}
	.col_gauche{text-align : left !important;}
}
/* Tablette Landscape */
@media (min-width: 1024px) {
	.search-field{width: 175px;}
}
/* Deskstop Boostrap */
@media (min-width: 1200px){
	.header_logo{flex: 0 0 30%;max-width: 30%;}
	.header_livraison{display:block;flex: 0 0 30%;max-width: 30%;}
	.header_menu{flex: 0 0 40%;max-width: 40%;}
	.titre_menu_sous_cat{font-size:18px;}
	.search-field{width: 210px;}
}
/* Écran 22 pouce */
@media (min-width: 1440px) {
	.header_logo{flex: 0 0 33.33333%;max-width: 33.33333%;}
	.header_livraison{flex: 0 0 33.33333%;max-width: 33.33333%;}
	.header_menu{flex: 0 0 33.33333%;max-width: 33.33333%;}
}
/* Écran 24 pouce */
@media (min-width: 1824px){
}

/* Alignement */ 
.align_droite{float: right;text-align:right;}
.align_gauche{float: left;text-align:left;}
.droite{float: right;}
.gauche{float: left;}
.justify{text-justify: inter-character;}
.margin_auto{margin:auto !important;}
.centre{margin-left: auto;margin-right: auto;min-width:10px;}
.tx_center{text-align:center;}
.center{text-align:center;margin:auto;}
.center_100{margin-left:15%;margin-right:15%;width:70%;}
.flex{display: flex;}

.img_survol:hover{opacity: 0.7;}
.toupper{text-transform:uppercase;}
.pointer{cursor:pointer;}
.ellipsis{text-overflow:ellipsis;}
.valign_b{couleur_01ical-align:bottom;}
.valign_m{couleur_01ical-align:middle;}
.valign_t{couleur_01ical-align:top;}
.bas{position: absolute; bottom: 0;}
.rotation_90{transform: rotate(90deg);}
.rotation_180{transform: rotate(180deg);}
.relative{position:relative !important;}
.absolute{position:absolute !important;}
.cache{visibility: hidden;height:0;}
.transparent{background:transparent !important;}
.fixed-sticky{position: sticky;top: 0;right: 0;left: 0;z-index: 1030;}
.padding5{padding:5px;}

.pointer{cursor:pointer;}
.bold{font-weight:bold;}
.block{display:block;}
.inline{display:inline;}
.inlineblock{display:inline-block;}
.none{display:none;}

/* Marge et pour décaler */
.clear{clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;}
.spacer-5{height:5px; width:100%;}
.spacer-10{height:10px; width:100%;}
.spacer-20{height:20px; width:100%;}
.spacer-40{height:40px; width:100%;}
.spacer-50{height:50px; width:100%;}
.spacer-100{height:100px; width:100%;}
.spacer-200{height:200px; width:100%;}

.marge_5{margin-left:5px;}
.marge_10{margin-left:10px;}
.marge_20{margin-left:20px;}
.marge_50{margin-left:50px;}

.marget_5{margin-top:5px;}
.marget_10{margin-top:10px;}
.marget_20{margin-top:20px;}
.marget_50{margin-top:50px;}

.margeb_5{margin-bottom:5px;}
.margeb_10{margin-bottom:10px;}
.margeb_20{margin-bottom:20px;}

.width_100{width:100%;}

.titre_couleur{color: var(--couleur_02);}
.titre_couleur2{color: var(--couleur_01);}
.bouton_valider_site{font-size: 15px;color: var(--texte-couleur_01);background-color: var(--couleur_01);padding: 10px 15px 10px 15px;text-align: center;cursor: pointer;border: 0;}
.bouton_valider_site2{font-size: 15px;color: var(--texte-couleur_02);background-color: var(--couleur_02);padding: 10px 15px 10px 15px;text-align: center;cursor: pointer;border: 0;}
.bouton_valider_site:hover{opacity:0.7;}
.bouton_valider_site2:hover{opacity:0.7;}

/* Header */
.container_header{max-width: 1320px;}
.form-control{color:#FFFFFF;}

.search-container{position:relative;}
.search-container i {position: absolute;top: 15px; right: 0;border: 0;box-shadow: none;cursor:pointer;}
.rond_panier{width: 30px; height: 30px; background: #2F2F2F; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;color:#FFFFFF;text-align:center;position: absolute;margin-top: -20px;margin-left: 25px;}
.nb_items{margin-top:3px;}
.bandeau_header{border: 0;border-bottom-width: 0px;border-bottom-style: none;border-bottom-color: currentcolor;border-bottom: 1px solid #B3B4B4;margin-top: 6px;margin-bottom: 6px;}
.bandeau_site{border: 0;border-bottom-width: 0px;border-bottom-style: none;border-bottom-color: currentcolor;border-bottom: 1px solid var(--couleur_01);margin-top: 10px;margin-bottom: 10px;}
.navbar-dark .navbar-toggler {color:#FFFFFF !important;border: none !important;}
.navbar-dark .navbar-toggler-icon{background-size: 2.2em;margin-top: 2px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;/*url(../../images/navigation/fond.jpg)*/
}

/* Langue du site */ 
.header .bouton_dropdown{background-color: transparent;color: white;border: none;}
.header_mobile .bouton_dropdown{color: black !important;border: none;border-bottom: 1px solid #ababab;}
.header_mobile .dropdown-menu{height: auto !important;width: auto !important;overflow: hidden;background-color: transparent !important;}
.header .dropdown-menu{background-color: white !important;border: none !important;}
.header .bouton_dropdown a{background-color: transparent;color: white;border: none;}
.header_mobile .bouton_dropdown, .header_mobile .bouton_dropdown a{background-color: transparent;color: black !important;}
.header .dropdown-item{color: black !important;}
.header .dropdown-item:hover, .header_mobile .dropdown-item:hover, .header .dropdown-item:hover a {color: var(--couleur_02) !important;background-color:transparent !important;}

/* Menu */
.menu_categorie{padding-left:5px;margin-right:25px;cursor:pointer;font-weight: bold;}
.ligne_sous_cat{padding-bottom:5px;}
.titre_menu_categorie_check{font-size: 15px;font-weight:bold;}
.icon_arrow{font-size: 20px;position:absolute;}
.icon_arrow:hover{cursor:pointer;}
.icon_categorie{max-height:40px;}

.menu_desc{min-height:80px;padding:25px;}
.menu_desc{display:none;}
.menu_desc > a{display:none;}
.menu_sous_sous_cat{display:none;}

.menu_principal > .navbar-nav  > .nav-item{padding: 5px;cursor:pointer;font-family: var(--font),"Lato", "Helvetica", "Arial", sans-serif !important;}
.menu_principal > .navbar-nav  > .nav-item > a.nav-link.titre_menu_categorie{color:#FFFFFF!important;font-size:16px;}
.menu_principal > .navbar-nav  > .nav-item > a.nav-link.titre_menu_categorie:hover{opacity:0.7;}
.menu_principal > .navbar-nav  > .nav-item > a.nav-link.titre_menu_categorie_actif{color:#FFFFFF!important;font-size:16px;font-weight:bold;border-bottom:1px solid black;}
.menu_principal > .navbar-nav  > .nav-item > a.nav-link.titre_menu_categorie_actif:hover{opacity:0.7;}
.titre_menu_cat:hover{color:#E4A827 !important;cursor:pointer;}
/*.menu_principal > .nav-item.actif .nav-link::after,  .nav-item:hover .nav-link::after{content: '';position: absolute;-webkit-mask-image: url(../../images/navigation/icon-cursor.png);mask-image: url(../../images/navigation/icon-cursor.png);-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;z-index: 100;clear: both;display: table;height: 15px;width: 15px;background-color: #FFFFFF;left: 43%;}*/
.header_mobile > .nav-item.actif .nav-link_mobile.nav-link::after, .nav-item:hover .nav-link_mobile.nav-link::after{display:none;}
.navbar_mobile{z-index: 20 !important;background-color: #1e2d44 !important;}
.navbar-light .navbar-toggler{border: none !important;}
.navbar-toggler:focus{box-shadow: none !important;}
.navbar_mobile.bg-light{background-color: #1e2d44 !important}
.navbar_mobile a.nav-link{color:#FFFFFF !important;}
.navbar_mobile a.dropdown-item{color:#FFFFFF !important;}
.modal-login{top:30%;}
.header_mobile .dropdown-menu .show{background-color: #1e2d44 !important;}

input:focus, textarea:focus {outline: none;border-color: var(--couleur_02);}

/* Alertes */
.message_bandeau{ padding:6px !important; background-color: var(--bandeau-bg); color: var(--bandeau-tx);z-index: 10 !important; }
.message_bandeau > a, .message_bandeau > p > a{ color: var(--bandeau-tx) !important; }
.message_bandeau.alert{margin-bottom: 0 !important;}
.alert .close{color: #000000;text-shadow: none;opacity: 0.9;}
button.close{padding: 0;background-color: transparent;border: 0;-webkit-appearance: none;}
.close{float: right;font-size: 1.5rem;font-weight: 500;line-height: 1;color: var(--texte-couleur_03);text-shadow: 0 1px 0 #fff;opacity: 0.5;}
.alert .alert-icon{display: block;float: left;margin-right: 1.071rem;}

.modal_header{background-color: var(--couleur_01);padding: 15px;}
.modal_titre{margin:0 !important;color:var(--texte-couleur_03) !important;}
.modal_body{padding: 30px;}
.modal_submit{margin-top:10px;}

/*  MENU BAR  */
.wrapper_menuheader {display:inline-block;z-index:25;}
.wrapper_menuheader .menuheader {list-style:none;background:transparent;}
ul.menuheader{padding-left: 0rem !important;}
.menuheader li{float:left;position:relative;background:transparent;}
.menuheader li a{outline:0;font-size:1em;display:block;margin-top:-5px;left:0em;color:#000000;}
.menuheader li:hover a{background:transparent;position:relative;z-index:11;}
.menuheader li:hover div a{	display:inline;}
.menuheader li:hover .align_right {left:auto;}
.img_menu_compte{margin-left: -25px;}
.img_menu{cursor:pointer;margin-top: 10px;}

/*  DROP DOWN MENU */
.div_dropdown{display: block;margin-right: 40px;width: 80px;}
.menuheader .dropdown_navigation {left:-950em;position:absolute;padding: 15px;border: 2px solid var(--couleur_01);background-color:#FFFFFF;z-index:25;}
.menuheader .dropdown_moncompte {right: -40px;top: 60px;width: 250px;}
.menuheader .dropdown_panier {right: -40px;top: 55px;width: 400px;}
.dropdown_navigation:before {content:"";position:absolute;bottom:-20px;left:40px;border-width:10px 10px 0;border-style:solid;border-color:var(--couleur_01) transparent;display:block;width:0;}
/* creates the smaller  triangle */
.dropdown_navigation:after {content:"";position:absolute;bottom:-13px;left:47px;border-width:13px 13px 0;border-style:solid;border-color:#fff transparent;display:block;width:0;}
/* creates the larger triangle */
.dropdown_navigation:before {top: -19px;bottom: auto;left: auto;right: 40px;border-width: 0px 18px 19px;}
/* creates the smaller  triangle */
.dropdown_navigation:after {top: -13px;bottom: auto;left: auto;right: 42px;border-width: 0px 16px 14px;}
.modal-content .input-group-text{background-color: transparent !important;}

/* Footer */
.footer h4 > a, .footer  h5 > a {color:#FFFFFF !important;}
.footer h4 > a:hover, .footer  h5 > a:hover {color: var(--couleur_02) !important;}
.separation_footer{border: 0;background: transparent;width: 95%;border-bottom: 3px solid #FFFFFF; padding-top: 200px; opacity:1 !important;}
.footer_titre_page{color:#FFFFFF !important;}
.footer_texte_copyright{color:#626c7c !important;}