@charset "utf-8";
.header {width: 100%;margin: 0px auto;display: flex; flex-wrap: wrap; box-sizing: border-box;position: relative;overflow: hidden;}
.bloc-header{width:50%;height: 100%;text-align: center;min-height: 752px;}
.bloc-header:first-child{left: 0;top: 0;background-color: #e94c28;
	background-image: url(https://media.larmoiredebebe.com/mkt/larmoiredebebe/noel/2025/visu-titre-noel.png), url(https://media.larmoiredebebe.com/mkt/larmoiredebebe/noel/2025/motif-neige.jpg);
	background-size: contain, auto; 
	background-blend-mode: normal, lighten;
	background-repeat: no-repeat, repeat; 
	background-position: center; 
	align-items: center;
	vertical-align: middle;display: flex;}
.bloc-header:first-child .lutin-de-merde{width:300px;height:305px;display: block;background-image: url(https://media.larmoiredebebe.com/mkt/larmoiredebebe/noel/2025/picto-lutin-2025.png); background-size: contain;position: absolute;top: 460px;left: 40vw;z-index: 1;}
.bloc-header:nth-child(2){right: 0;top: 0;background-color: #f6bed8;align-items: center;vertical-align: middle;display: flex;}
.bloc-header-img {width: auto;height: auto;margin: auto;}
.bloc-header .cc-titre{width:580px;height:195px;display: block;background-image: url(https://media.larmoiredebebe.com/mkt/larmoiredebebe/noel/2024/titre-noel.png); background-size: contain; position: absolute;top: 10%;left: 4%;transform: rotate(-3deg);}
.bloc-header-image {border-radius: 50% 50% 0 0; margin: auto; max-height: 500px; max-width: 500px;}
.bloc-header-txt{display: block;margin:auto;width: 80%; text-align: center;}
.bloc-header-txt:hover{text-decoration: none;}
.bloc-header-txt .cc-big{width:752px;height:78px;display: block;background-image: url(https://media.larmoiredebebe.com/mkt/larmoiredebebe/noel/2025/noel-idees-cadeaux.png);margin: 0 auto 40px; background-size: contain;}
.bloc-header-txt .cc-visuel{width:302px;height:168px;display: block;background-image: url(https://media.larmoiredebebe.com/mkt/larmoiredebebe/noel/2025/picto-cadeaux.png);margin: 0 auto 20px; background-size: contain;}
.bloc-header-txt .btn-carte { display: block; margin: 0 auto; max-width: 380px; padding: 24px 0; border-radius: 40px;border: 3px solid #444;text-align: center; font-size: 18px; font-weight:700;text-decoration: none;transition: all 250ms ease-out;-moz-transition: all 250ms ease-out;
-webkit-transition: all 250ms ease-out;-o-transition: all 250ms ease-out;background: #fff;color: #444;}
.bloc-header-txt .btn-carte:hover { background: #222;color: #fff;border: 3px solid #222;}
.bandeau-infos {display:block;background-color:#e94c28;color:#fff;text-align:center;width:100%;height:auto;font-size:18px;line-height:28px;padding:20px 0;transition: all 250ms ease-out;-moz-transition: all 250ms ease-out;-webkit-transition: all 250ms ease-out; -o-transition: all 250ms ease-out;}
.bandeau-infos a{color:#fff;text-decoration : none;}
.bandeau-infos:hover {background-color:#c72424;}
.navigation{width:100%;padding: 0;}
.nav-ancre {max-width: 2200px;height:auto;margin:0px auto;padding:5px 5%;overflow:hidden;}
.nav-ancre .lien-raccourci{text-align:center;padding:8px 0 0 0px;width:auto;position:relative;}
.nav-ancre .lien-raccourci ul{list-style:none;margin:0 auto;padding:0 0 0 0;height:auto;width:auto;text-align:center;}
.nav-ancre .lien-raccourci ul li{margin:0 auto;padding:0;display: inline;position:relative;}
.nav-ancre .menu-raccourci{font-weight:600;font-size:24px;color:#272150;line-height:48px;padding-bottom: 6px;width:auto;text-align:center;position:relative;margin:0 20px;text-decoration:none;border-bottom: 2px solid transparent;transition: all 250ms ease-out;-moz-transition: all 250ms ease-out;-webkit-transition: all 250ms ease-out; -o-transition: all 250ms ease-out;}
.nav-ancre .menu-raccourci:hover{border-bottom: 2px solid #272150;}
.nav-ancre .lien-raccourci ul li:not(:first-child):before {content: '';position: absolute;left: -4px;top: 6px; width: 6px;height: 6px;border-radius: 3px;background-color: #e94c28;}
.nav-ancre .lien-raccourci ul li .active{font-weight:800!important;border-bottom: 2px solid #e94c28!important;color: #e94c28!important;}
.nav-ancre .lien-raccourci ul li .active:hover{border-bottom: 2px dashed #e94c28!important;color: #e94c28!important;}
.menu-bas{width:100%;height:auto;margin:0px auto;padding: 80px 0 80px; background-color: #fbf1d4;}
#contenu-page{width:100%;margin: 0 auto;}
#contenu-page .intro-noel{height:auto;padding:80px 5% 20px;margin:auto;max-width: 1440px; display: flex; text-align: center;}
#contenu-page-livraison{width:100%;margin: 420px auto 0;}
.bloc-produit{height:auto;padding:100px 0 40px;margin:auto;}
.titre-categorie{display:block; float:left;position: relative;padding-top:40px;padding-bottom:20px;}
#bloc-livraison{width:994px; height:auto; float:left; display:block;margin:0 ; padding: 20px 0 30px; background-color: white;}
.bloc{margin:0; padding:0;display:block;position:relative;}
#noel-titre{margin:0 auto;display: block;text-align: center;padding:42px 0 10px;}
.titre-partie{font-size:30px; color:#1f4a39;display: block;max-width:392px;line-height: 60px;z-index:10;margin:auto;}
#noel-lettre{width:100%;height:280px;margin:0 auto;display: block;text-align:center; background-color: #fbf0d4;}
.titre-lettre{font-size:30px;font-weight:700;color:#444;display: inline-block;}
.titre-lettre a{border-bottom: 2px solid #888; text-decoration: none;transition: all 250ms ease-out;-moz-transition: all 250ms ease-out;-webkit-transition: all 250ms ease-out; -o-transition: all 250ms ease-out;}
.titre-lettre a:hover{border-bottom: 2px solid #e94c28; color:#e94c28;}
#illu-lettre{width:150px;height:150px;margin-left:20px;display: inline-block;background-image: url(https://media.larmoiredebebe.com/mkt/larmoiredebebe/noel/2025/picto-lettre-pere-nono.jpg); background-size:contain;position: relative;top: 60px;}
.groupe {width:100%;height:auto;box-sizing: border-box;overflow:hidden;}
.carte-cadeau {width: 100%; max-width:1800px;margin: 1em auto 10em;padding: 0; display: flex; flex-wrap: wrap; box-sizing: border-box;}
.bloc-cc {width: calc(33.333333% - 60px);height: fit-content;text-align: center;display: flex;justify-content: center;align-items: center;flex-direction: column;padding:0; margin: 0 30px;border-radius: 20px; overflow: hidden;}
.bloc-cc:first-child{left: 0;top: 0;background-color:#0b9548;}
.bloc-cc:nth-child(2){right: 0;top: 0;background-color:#f7b7d2;}
.bloc-cc:nth-child(3){right: 0;top: 0;background-color:#fbf0d4;}
.bloc-cc a{display: flex;flex-direction: column;width: 100%;}
.bloc-cc img {width: 100%;margin: 0 auto;}
.lien-cc {display: flex;flex-direction: column;margin:auto;width: 80%; text-align: center; padding: 45px 0 4em;}
.bloc-cc a:hover {text-decoration: none;}
.lien-cc .cc-small{font-size:24px;line-height: 32px; color:#fff;display: block;}
.lien-cc .cc-big{font-size:50px;line-height: 56px;font-weight: 800; color:#fff; display: block;padding: 0.2em 0 0.6em;}
.lien-cc .btn-carte { display: block; margin: 0 auto; width: max-content; padding: 24px 30px; border-radius: 40px;text-align: center; font-size: 18px; font-weight:700;text-decoration: none;transition: all 250ms ease-out;-moz-transition: all 250ms ease-out;
-webkit-transition: all 250ms ease-out;-o-transition: all 250ms ease-out;color: #fff;}
.lien-cc .btn-carte:hover { opacity:0.8;}
.lien-cc .rose {background: #f7b7d2;}
.lien-cc .vert {background: #0b9548;}
.lien-cc .rouge {background: #e94c28;}

.emballage{width:100%;margin: 0 auto;padding: 100px 0 10px; }
.emballage .titre-partie{font-weight: 800; font-size:60px; line-height: 60px; color:#e94c28;display: block;max-width:1400px;z-index:10;margin:auto;text-align: center; padding-bottom: 80px;}
.emballage .bloc{margin:0 auto; padding:0;display:block;position:relative;}

.footer-page{width:100%;margin: 0 auto;background-image: url(https://media.larmoiredebebe.com/mkt/larmoiredebebe/noel/2025/fond-site-cadeaux.jpg);}
#container-page{width:100%;height:auto;margin:0 auto;padding: 22px 0;}
#container-page .titre-partie{font-weight: 800; font-size:60px; line-height: 70px; color:#221d53; display: inline-block;max-width:100%;z-index:10;margin:20px auto 0;}
#container-page .container {max-width:1800px;margin:0 auto;padding:3% 0 1%;overflow:hidden;}
#container-page .container .grille-cat {margin: 0 -30px;position: relative;}
#container-page .container .grille-cat article {float: left;box-sizing: border-box;width: 25%; position: relative;padding: 0 40px 50px; text-align: center;rotate: -2deg;}
#container-page .container .grille-cat article a {display: flex;overflow: hidden;width: 100%;height: 100%;border-radius: 20px;text-align: center;text-decoration: none;}
#container-page .container .grille-cat article a img {display: block;width: 100%;height: 100%;transition: all 250ms ease-out;-moz-transition: all 250ms ease-out;-webkit-transition: all 250ms ease-out;-o-transition: all 250ms ease-out;}
#container-page .container .grille-cat article a:hover img {-ms-transform: scale(1.04);-webkit-transform: scale(1.04);transform: scale(1.04);}
#container-page .container .grille-cat article span.desc-cat {font-size: 22px;line-height: 32px;margin-top: 28px; height: 40px;letter-spacing: 0.03em;width: 100%;display: block;font-weight:700;color:#221d53;}
/*#container-page .container .grille-cat article:nth-child(even) span.desc-cat {color:#fff;}*/
#categories-noel {max-width:1240px;margin:0 auto;padding-bottom:6%;}
#categories-noel ul {padding:0;width:auto;margin:auto;text-align: center;}
#categories-noel ul li {display: inline-block;width:250px;position: relative;padding-top:50px;margin:2%;text-align: center;}
.transition-img {transition: all 250ms ease-out;-moz-transition: all 250ms ease-out;-webkit-transition: all 250ms ease-out; -o-transition: all 250ms ease-out;-moz-opacity: 1; -webkit-opacity: 1; -o-opacity: 1; opacity: 1;}
.transition-img:hover {-moz-opacity: 0.85; -webkit-opacity: 0.85; -o-opacity: 0.85; opacity: 0.85;}

.texte-centre {padding: 40px 0 30px;display: inline-block;text-align: center;height: auto;width:994px;}
#mentions-legales{font-size: 11px;color:#fff;line-height: 10px;}
#mentions-legales-rose{font-size: 11px;color:#f19b90;line-height: 10px;}
#grand-texte-livraison{color:#151761;font-size: 20px;font-weight:700;display: inline-block;line-height:24px;}
#petit-texte-livraison{color:#ff1b1b;font-size: 15px;display: inline-block;padding-top:14px;}
.texte-pays{color:#ae1818;font-size: 28px;line-height: 32px;display: inline-block;text-transform: uppercase; padding-top:40px;font-weight:700;}
.tableau-livraison {margin: auto;color: #333333;}
table {border-collapse: collapse;border-spacing: 0;}
.tableau-livraison .titre {font-size: 20px;text-transform: uppercase;font-weight:700;text-align: center;}
.tableau-livraison th, .tableau-livraison td {border-bottom: 1px solid #aaaaaa;padding: 0 10px;height: 90px;width: 420px;font-size: 14px;text-transform: uppercase;color:#888;text-align: center;font-family: Averta-Light;}
.tableau-livraison .no-border {border-bottom: none;}

@media screen and (max-width: 2200px) {
	.bloc-header-txt .cc-big{width:656px;height:68px;}
	.nav-ancre .menu-raccourci{font-size:20px;line-height:40px;}
}

@media screen and (max-width: 1900px) {
	.bloc-header-txt .cc-big{width:559px;height:58px;}
	.bloc-header-txt .cc-visuel{width:216px;height:120px;}
	#container-page .container {max-width:1440px;}
}

@media screen and (max-width: 1800px) {
	.bloc-header:first-child .lutin-de-merde{top: 488px;left: 38vw;width:270px;height:275px;}

}

@media screen and (max-width: 1500px) {
	#container-page .container .grille-cat {margin: 0;}
	.bloc-cc {min-height: 500px;width: calc(33.333333% - 40px);margin: 0 20px;}
	.lien-cc{margin:auto;width: 75%;}
	.lien-cc .cc-big{font-size:48px;line-height: 54px;}
	.bloc-header{min-height: 600px;}
	.bloc-header:first-child .lutin-de-merde {top: 385px;left: 35vw;width:220px;height:224px;}
	.bloc-header-txt .cc-big{width:386px;height:40px;}
	.bloc-header-txt .cc-visuel{width:190px;height:106px;}
}

@media screen and (max-width: 1400px) {
	.bloc-header .cc-titre{width:476px;height:160px;top: 5%;}
}

@media screen and (max-width: 1200px) {
	.bloc-header{width:100%;min-height: 400px;}
	.bloc-header-img {width: auto;height: auto;margin: 5% auto;}
	.bloc-header-image {border-radius: 50% 50% 0 0; margin: auto; max-width: 800px;}
	.bloc-header-txt {width: 86%;}
	.bloc-header-txt .cc-big{display: none;}
	.bloc-header-txt .cc-visuel{display: none;}
	.bloc-produit{max-width:994px;padding:100px 0 40px;}
	#categories-noel {padding-bottom:8%;}
	.bloc-header:first-child{background-color: #f6bed8;background-image: url(https://media.larmoiredebebe.com/mkt/larmoiredebebe/noel/2025/visu-titre-noel-mobile.png);}
	.bloc-header:nth-child(2){min-height: 240px;}
	#noel-lettre{padding:2%;}
	.bloc-cc {width: 100%;min-height: 360px; margin: 0 auto 20px;border-radius: 0;}
	.bloc-cc a {flex-direction: row;}
	.bloc-cc:nth-child(2) .lien-cc{order: 1;}
	.bloc-cc:nth-child(2) img{order: 2;}
	.lien-cc {width: 100%;padding: 0 5% 0;align-items: center;justify-content: center;}
	.bloc-cc img {width: 40%;}
	.lien-cc .cc-big {font-size: 40px;line-height: 42px;padding: 0.4em 0 0.8em;}
	.lien-cc .cc-small {font-size: 20px;line-height: 24px;}
	.emballage .titre-partie {font-size:48px;padding-bottom: 50px;}
	#container-page .titre-partie {font-size:48px;}
	.carte-cadeau {margin: 4em auto 6em;}
	.menu-bas {padding: 40px 0 45px;}
	.bloc-header:first-child .lutin-de-merde{display: none;}
}

@media screen and (max-width: 1024px) {
	.bloc-produit {max-width:100%;}
	.emballage {padding: 80px 0 50px;}
	.emballage .titre-partie {font-size:36px; margin: 0 5%;padding-bottom: 40px;}
	#container-page .titre-partie {font-size:36px;line-height: 44px;margin:10px 5% 30px;}
	.nav-ancre .menu-raccourci{font-size:16px;line-height: 32px;}
	.bloc-cc {width:100%;}
	.bloc-cc {min-height: 320px;}
	.lien-cc .cc-big{font-size:50px;line-height: 56px;}
	.lien-cc .cc-small {font-size: 18px;line-height: 24px;}
	.bloc-header .cc-titre{top: 6%;}
	.bandeau-infos {font-size:14px;line-height:20px;padding:10px 0;}
	.carte-cadeau {padding: 0;}
	#noel-lettre{padding:5%;}
	#container-page .container .grille-cat article {padding: 0 30px 40px;}
	#container-page .container .grille-cat article span.desc-cat {font-size: 18px;line-height: 24px;margin-top: 20px;height: 40px;letter-spacing: 0.01em;}
	.footer-page{margin: 0 auto;}
	.carte-cadeau {margin: 1em auto;}
}

@media screen and (max-width: 876px) {
	.bloc-header-txt .cc-visuel{display: none;}
	#contenu-page .intro-noel {display: none;}
	.titre-lettre{font-size: 18px;line-height: 30px;}
	#illu-lettre{margin: auto;top:20px;}
	.bloc-header .cc-titre{width:356px;height:120px;}
	.bloc-cc:nth-child(2) {min-height: 260px;background-size: 150%;}
	.nav-ancre {padding:20px 0;}
	.nav-ancre .menu-raccourci {padding-bottom:1px;line-height: 28px;}
	.bloc-header:nth-child(2){min-height: 220px;}
	.lien-cc img {margin: 0 auto 15px;}
	.bloc-cc a {flex-direction: column;}
	.bloc-cc:nth-child(2) .lien-cc{order: 2;}
	.bloc-cc:nth-child(2) img{order: 1;}
	.lien-cc {width: 85%;padding: 3em 0 2em;}
	.bloc-cc img {width: 100%;}
}

@media screen and (max-width: 768px) {
	.bloc-header{min-height: 220px;}
	.bandeau-infos a{display: block;}
	#container-page .container .grille-cat article {width: 50%;}
	#container-page .container .grille-cat article span.desc-cat {font-size: 16px;line-height: 20px;margin-top: 20px;height: 40px;letter-spacing: 0.01em;}
	.menu-bas{padding: 2% 5%; }
	.bloc-produit{padding:40px 0;}
	.emballage { padding: 60px 0 40px;}
	.emballage .titre-partie {font-size:24px; line-height: 32px;padding-bottom: 40px;}
	#container-page .titre-partie {font-size:24px;line-height: 36px;}
	.bloc-header-txt .cc-big{width:458px;height:48px;margin: 0 auto 16px;}
	.bloc-header:nth-child(2){min-height: 210px;}
	.bloc-cc{padding: 0 0 5%; margin: 0 0 40px;}
	#noel-titre {padding: 30px 0 4px;}
	.lien-cc img {}
	.lien-cc .btn-carte {font-size: 16px;padding: 22px 30px;}
}

@media screen and (max-width: 568px) {
	.bloc-header-image {max-height: 320px;}
	.bloc-header .cc-titre{width:286px;height:96px;top: 5%;}
	.nav-ancre .menu-raccourci {font-size: 15px;line-height: 26px;}
	.bloc-header:nth-child(2){min-height: 190px;}
	#container-page .container .grille-cat article {padding: 0 20px 40px;}
	.lien-cc .btn-carte {font-size: 15px;}
	.lien-cc .cc-big {font-size: 30px;line-height: 36px;}
}