/* Primary #26ABE2 14, 98, 81*/
/* Secondary #CD3A8A */
/*
font-family: 'Outfit', sans-serif;
font-family: 'Plus Jakarta Sans', sans-serif;
*/

body {
	/*background-color: #E8E9E9;*/
}

.roundup {
  border-radius: 15px 15px 0px 0px;
  overflow: hidden;
}

.blob {
	background-image: url('../images/decorative-shape.svg');
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 700px;
}

.barre {
	padding: 10px 0px;
}

/*.uk-navbar-nav > li > a {
  color: #FFF;
}

.uk-navbar-nav > li.uk-active > a {
  color: #26ABE2;
}

.uk-navbar-nav > li.uk-active {
  background-color: #FFF;
  color: #fff;
  padding: 0px 15px;
}

.uk-navbar-toggle {
  color: #fff;
}*/

.jouet {
	border-radius: 15px;
	border: gray solid 2px;
	padding: 10px;
}

.jouet:hover {
	border-radius: 15px;
	border: dashed 2px #26ABE2;
	padding: 10px;
}

.uk-offcanvas-bar {
  background: #26ABE2;
}

.primary {
  background-color: #26ABE2;
  color: #fff;
}

.primary h4 {
	color: white;
	font-weight: 700;
	font-size: 1.77689rem;
}

.color-jaune {
	color: #FDD428 !important;
}

.color-white {
	color: white;
}

.agrandir {
	font-size: 3.15733rem !important;
}

h1, h2, h3, h4, h5 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
}

a, a:hover {
	color: #26ABE2;
}

.menuergo {
	border: 5px solid #26ABE2;
	padding: 10px;
}

.uk-button {
	border-radius: 5px;
	text-transform: none;
}

.uk-button-primary {
  background-color: #26ABE2;
  color: #fff;
  border: 1px solid transparent;
}
/* Hover */
.uk-button-primary:hover {
  background-color: #26ABE2;
  color: #fff;
}
/* OnClick + Active */
.uk-button-primary:active,
.uk-button-primary.uk-active {
  background-color: #26ABE2;
  color: #fff;
}

.uk-button-inverse {
  background-color: #fff;
  color: #26ABE2;
  border: 1px solid #26ABE2;
}

.uk-overlay-default {
  background: rgba(255, 255, 255, 0.6);
}
/*
 * Primary
 */
.uk-overlay-primary {
  background: rgba(34, 34, 34, 0.6);
}

#pied, #apresPied {
	background-color: #26ABE2;
	color: white;
}

#apresPied {
	border-top: 1px solid #fafafa;
}

#pied a, #apresPied a {
	color: white;
}

.sp-radius {
	border-radius: 15px;
}

.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:16px;
}

.blog-bulle {
	width: 60px;
  height: 60px;
  background-color: #26ABE2;
  border: 5px solid #E8E9E9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /*border-radius: 50%;*/
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  line-height: 1.3;
  position: absolute;
  top: 32%;
  right: 20px;
}

/* Only for Frame step */
.step-hover {
	-moz-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.step-hover:hover {
	background-color: #26ABE2;
	color: white;
}

.step-hover:hover h3 {
	color: white;
}