body{
	font-family: Monaco, "Lucida Console", "Andale Mono", monospace;

}
.categorie-image {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	min-height: 200px;
	max-height: 200px;
    overflow: hidden;
    position: relative;
}
.categorie-image:hover {
	opacity: .5;
}
.image-zoom{
    height: 200px;
    transition: all 1s;
    background-position: center;
	background-repeat: no-repeat;
}
.image-zoom:hover {
    transform: scale(1.2);
}


.text-multicolor-pastel{
	background: rgb(238,168,205);
	background: linear-gradient(146deg, rgba(238,168,205,1) 0%, rgba(238,170,234,1) 12%, rgba(210,185,247,1) 24%, rgba(185,186,247,1) 35%, rgba(185,226,247,1) 44%, rgba(185,247,240,1) 56%, rgba(185,247,202,1) 65%, rgba(212,247,185,1) 72%, rgba(232,247,185,1) 82%, rgba(247,227,185,1) 92%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}


code::selection,small::selection,p::selection,b::selection,i::selection,h1::selection,h2::selection,h3::selection,h4::selection,h5::selection,h6::selection,br::selection,img::selection,li::selection,a::selection,input::selection,textarea::selection,select::selection,div::selection,span::selection,font::selection,label::selection,td::selection,th::selection {
	background-color: #C49BF8;
	color: #000;
}


div.image-profil-module{
	width: 150px;
	height: 150px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
div.image-profil-content{
	border-radius: 50%;
    transition: 0.2s;
    opacity: 0;
    width: 150px;
    height: 150px;
    padding-top: 40%;
    color: #fff;
}
div.image-profil-content:hover{
	background-color: rgba(0, 0, 0, 0.3);
    opacity: 1;
}