@import url('https://fonts.cdnfonts.com/css/cera-round-pro-demo');

body{
	margin:0;
	padding:0;
	background: url('../img/back.png') top center no-repeat;
	color:#333;
	font-family: 'Cera Round Pro DEMO', sans-serif;
}
.sectionspace{
	border:0;
	background: none;
	height:60px;
}
.midsectionspace{
	border:0;
	background: none;
	height:30px;
}
.pacifico{
  font-family: "Pacifico", serif;
}
h1{
  font-family: "Pacifico", serif;
}
.navbar{
	background-color: rgba(255, 255, 255, 0);		
}
.navbar-brand img{
	float:left;
}
.navbar-brand h1{
	float:left;
	padding-top:3px;
	margin-left:15px;
}
 ul.manav{ 
	float:right;
	margin-top:17px;
}
 ul.manav li{ 
	float:left;	
	list-style-type: none;
	margin-left:20px;
}
 ul.manav li a{ 
	color:#333;
	text-decoration: none;;
}
 ul.manav li a:hover{ 
	color:#000;
}
.header{
	margin-top:20px;		
}
.header .textes{
	margin-top:80px;		
}
.header .textes .badge{
	margin-bottom:5px;
	font-weight:normal;
}
.header .mockup1{	
	margin-top:60px;		
}
.mockup1 img{
	width:100%;
}
.mockupfonc{
	width:80%;
}
.fonc{
	text-align: center;
}
.fonc h3{
	margin-top:20px;
	}
.appround{
	text-align: center;
	border-radius:10px;
	background-color:#ffffff;
	box-shadow: 3px 6px 18px 0px rgba(0, 0, 0, 0.2); 
	display:inline-block;
	padding:20px;
	min-width:150px;
}
.fa-star,
.fa-star-half-stroke{
	color:#ffc107; /*#ebad05*//*eb9705;*/
}
.dhome{
	border:0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2bf35+1,eeae67+99 */
	background: #f2bf35; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #f2bf35 1%, #ec966b 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #f2bf35 1%,#ec966b 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #f2bf35 1%,#ec966b 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2bf35', endColorstr='#ec966b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	box-shadow: 3px 6px 18px 0px rgba(0, 0, 0, 0.2); 
}
.dhome:HOVER{ 	
	color:#333;	 
}
.slider {
  width: 100%;
  margin: 20px auto;
}
.slider div {
  padding: 20px;
  text-align: left;  
}
.slider h3 {
  margin-bottom: 10px;
}
.slider .slick-dots li{
	float:left;
	list-style-type: none;
}
.slider .note{
	padding-left:0;
}
.slider h3{
	font-size:24px;
	margin:0;
}
.slider div {
    padding-left: 10px;    
}
.slick-dots {
  position: absolute;
  bottom: 10px; /* Ajustez cette valeur selon vos besoins */
  left: 50%;
  transform: translateX(-50%);
  list-style: none;
  display: flex;
  gap: 5px; /* Espace entre les points */
  padding: 0;
}
.slick-dots li {
  margin: 0;
}
.slick-dots li button {
  font-size: 0; /* Masque le texte par défaut */
  width: 10px;
  height: 10px;
  border: 1px solid #ccc;
  border-radius: 50%;
  background-color: transparent;
  cursor: pointer;
  display: block;
  padding: 0;
  background-color: #f2bf35;
  border-color: #f2bf35;  
}
.slick-dots li.slick-active button {
  background-color: #ec966b;
  border-color: #ec966b;
}
.fabiig{
	font-size: 100px;
	color:#ec966b;
} 
.spacetop{
	 margin-top:50px;
} 
footer{
	background-color: #333;
	min-height: 100px;
	padding-top:30px;
	text-align: center;
} 
footer .mailto{	
color:#fff;
}
.kofi{
	margin-left:15px;
}
.kofi a{
	color:#000;
	text-decoration: none;
	font-size:16px;
	margin-left:0px;
}
.kofi a:HOVER{
	color:#fff;
}




/*  Mobile 	*/
@media (max-width: 576px) {
	
body{
	background-position: center -91px; /* Décale le fond de 20px vers le haut */
}
.manav{display:none;}
.header .textes {
    margin-top: 10px;
}
.navbar-brand h1 {
	margin-top:10px;
}	
.descr{
	max-width:80%;
}	
.sectionspace{
	display: none;
}
.appround{
	margin-top:20px;
}	
#fonctionnalites p{
	font-size:17px;
}
footer{	
	min-height: 170px;
}
.kofi{
	margin-top:20px;
	}


	
}