@font-face {
	font-family: "Metropolis-Bold";
	src: url(https://res.cloudinary.com/colle-a-moi/raw/upload/v1663786970/Page-FAQ/Metropolis-Bold.woff) format("woff");
}

@font-face {
	font-family: "Metropolis";
	src: url(https://res.cloudinary.com/colle-a-moi/raw/upload/v1663785647/Page-FAQ/Metropolis-Regular.woff) format("woff");
}


body {
	background: #fbfaf9;
}

#beacon-container {
    display: flex;
    z-index: 100001;
    position: absolute;
}

#collection-487::before {
	content: "Choisir une catégorie";
	font-family: "Metropolis-Bold";
	font-size: 28px;
}

#collection-487 a {
	display: none;
}

#category-490, #category-553 {
	background-image: url(https://res.cloudinary.com/colle-a-moi/image/upload/v1663857428/Page-FAQ/Livraison_Red.png);
}
		
#category-490:hover, #category-553:hover {
	background-image: url(https://res.cloudinary.com/colle-a-moi/image/upload/v1663857428/Page-FAQ/Livraison_Yellow.png);
}

#category-493, #category-552 {
	background-image: url(https://res.cloudinary.com/colle-a-moi/image/upload/v1663857428/Page-FAQ/Instruction_de_pose_Red.png);
}

#category-493:hover, #category-552:hover{
	background-image: url(https://res.cloudinary.com/colle-a-moi/image/upload/v1663857428/Page-FAQ/Instruction_de_pose_Yellow.png);
}

#category-494, #category-551 {
	background-image: url(https://res.cloudinary.com/colle-a-moi/image/upload/v1663857427/Page-FAQ/Campagnes_de_financement_Red.png);
}

#category-494:hover, #category-551:hover {
	background-image: url(https://res.cloudinary.com/colle-a-moi/image/upload/v1663857428/Page-FAQ/Campagnes_de_financement_Yellow.png);
}

#category-495, #category-554 {
	background-image: url(https://res.cloudinary.com/colle-a-moi/image/upload/v1663857428/Page-FAQ/Personnalisation_de_produit_Red.png);
}

#category-495:hover, #category-554:hover {
	background-image: url(https://res.cloudinary.com/colle-a-moi/image/upload/v1663857428/Page-FAQ/Personnalisation_de_produit_Yellow.png);
}

#category-496,  #category-559 {
	background-image: url(https://res.cloudinary.com/colle-a-moi/image/upload/v1663857427/Page-FAQ/Etiquettes_autocollantes_Red.png);
}

#category-496:hover,  #category-559:hover{
	background-image: url(https://res.cloudinary.com/colle-a-moi/image/upload/v1663857428/Page-FAQ/Etiquettes_autocollantes_Yellow.png);
}

#category-497, #category-560 {
	background-image: url(https://res.cloudinary.com/colle-a-moi/image/upload/v1663857427/Page-FAQ/%C3%89tiquettes_thermocollantes_Red.png);
}

#category-497:hover, #category-560:hover {
	background-image: url(https://res.cloudinary.com/colle-a-moi/image/upload/v1663857427/Page-FAQ/%C3%89tiquettes_thermocollantes_Yellow.png);
}

#category-808, #category-814 {
	background-image: url(https://res.cloudinary.com/colle-a-moi/image/upload/v1732546706/Page-FAQ/ComptesPaiements_Red.png);
}

#category-808:hover, #category-814:hover {
	background-image: url(https://res.cloudinary.com/colle-a-moi/image/upload/v1732546706/Page-FAQ/ComptesPaiements_Yellow.png);
}

#category-820, #category-823 {
	background-image: url(https://res.cloudinary.com/colle-a-moi/image/upload/v1732546706/Page-FAQ/Commandes_Red.png);
}

#category-820:hover, #category-823:hover {
	background-image: url(https://res.cloudinary.com/colle-a-moi/image/upload/v1732546706/Page-FAQ/Commandes_Yellow.png);
}

#category-809, #category-816 {
	background-image: url(https://res.cloudinary.com/colle-a-moi/image/upload/v1732546706/Page-FAQ/SupportTechnique_Red.png);
}

#category-809:hover, #category-816:hover {
	background-image: url(https://res.cloudinary.com/colle-a-moi/image/upload/v1732546706/Page-FAQ/SupportTechnique_Yellow.png);
}

.category-list {
	text-align: center;
}

.category-list .category {
	background-color: #FFFFFF;
	background-position: top 40px center;
	background-repeat: no-repeat;
	background-size: 125px auto;
	box-sizing: border-box;
	border-radius: 16px;
	border: none;
	margin: 8px;
	height: 275px;
	width: 325px;
	box-shadow: 0px 10px 30px 0px #111d3b14;
	padding-top: 175px;
	position: relative;
	font-family: "Metropolis-Bold";
}

.category-list .category .article-count {
	font-family: "Metropolis";
}

.category-list .category:hover {
	background-color: #FFFFFF;
	background-position: top 40px center;
	background-repeat: no-repeat;
	background-size: 130px auto;
	text-decoration: none;
}

#searchBar button {
	background: #ee5c61;
}
	
#searchBar button:hover {
		background: #ee5c61;
}

footer > p {
	color: transparent;
	line-height: 0;
	font-size: 0;
	padding-bottom: 5px;
}	

footer > p > span {
	color: #9b9b9b;
	font-size: 10px;
}

footer > p > span::before {
	content: "© Colle à moi 2026. ";
}

#category-492, #category-498, #category-499, #category-500, #category-501, #category-513, #category-550, #category-555, #category-557, #category-549, #category-556, #category-558, #category-641, #category-645, #category-667 {
	display: none;
}

#mainNav {
	display: none;
}

.icon-article-doc {
	content: url(https://res.cloudinary.com/colle-a-moi/image/upload/v1664290783/Page-FAQ/Article-Icon_32px.png);
    max-height: 16px;
	max-width: 16px;
	margin-right: 2px;
}

footer.center {
	display: flex;
	justify-content: center;
}

#docsSearch {
	background: transparent;
	border: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

#docsSearch input.search-query {
	padding-left: 60px;
	box-shadow: 0px 4px 54px 0px #00000021;
	border: 1px #00000021;
}

#docsSearch #searchBar button {
	background: url(https://res.cloudinary.com/colle-a-moi/image/upload/v1663184130/Page-FAQ/Cam_FAQ_Search.png);
	background-repeat: no-repeat;
	background-size: contain;
	border: none;
	height: 40px;
	width: 50px;
	margin: 5px;
	left: 0;
}

#docsSearch #searchBar button span{
	display: none;
}

.icon-search {
	display: none;
}

@media only screen and (max-width: 900px) {
	#searchBar button .icon-search {
		display: none;
	}
}