.item-recettes{background: #fff;border-radius: 10px;}
.item-recettes .content{ padding: 32px; }
.item-recettes .title{ min-height: 72px; margin-bottom: 32px;}
.item-recettes .title a{ font-size: 24px;
  font-weight: 600;
  display: block;
  line-height: 1.2;
  color: #0f1548; }
  .title-section{line-height: 1.1;}
  .bottom-cnt:after{content:"";clear: both; display: block; }
  .bottom-cnt > div{border-right: 1px solid #afcef4;}
  .bottom-cnt > div:last-child{border-right:0}
  .bottom-cnt .budget img{width: auto; display: inline-block;vertical-align: top;}
 
  .bottom-cnt .temps,.bottom-cnt .budget,.bottom-cnt .portions{ float: left; width: 33%;font-size: 14px;
    line-height: 1.86;
    text-align: center;
    color: #0c3c94;}
    .bottom-cnt .label{font-size: 14px;
      line-height: 1.86;
      text-align: center;
      font-weight: 400;
      display: block;
      text-transform: uppercase;
      color: #0c3c94;}
      .bottom-view-home{ text-align: center;}
      .bottom-view-home a{ display: inline-block;}

/** footer bottom */
.menu-footer-nav li a{font-size: 16px;
  color: #fff; font-weight: 300;
}
#block-footertop{padding: 44px 0;     border-bottom: solid 1px rgb(29 115 218 / 30%);}
#block-footertop .btn{border-radius: 8px;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: #fff;
  border: solid 2px #60a511; padding: 16px;}
 #block-footermiddle {border-bottom: solid 1px rgb(29 115 218 / 30%); padding: 24px 0;}
 .wrapper-img{position: relative;}

 .wrapper-img .complexite{ position: absolute; left: 32px; top: 32px;}
 .wrapper-img .complexite img{width: auto;}
.list-univers{overflow: hidden;}
 .univers-header .owl-item .icone{position: relative; z-index: 2;}
 .univers-header .owl-item:nth-child(2) .list-univers:before{ content: ""; display: block; 
  background: url(../images/line-2.png) right; left:30px; top: 36px; width: 100%;    width: 103px;height: 9px; position: absolute; z-index: 1;}
  .univers-header .owl-item:nth-child(2) .list-univers:after{ content: ""; display: block; 
    background: url(../images/line-2.png) left; right:30px; top: 36px; width: 100%;    width: 103px;height: 9px; position: absolute; z-index: 1;}

    .container-slider .title-banner {text-shadow: 4px 3px 0px rgba(123, 175, 238, 1);}
    .container-slider .subtitle-banner{text-shadow: 3px 5px 0px rgba(123, 175, 238, 1);}


/***************************** Page details recettes *****************************/
.header-recette {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  margin-top: 72px;
  margin-bottom: 31px;
}
.recette-alaune {
  display: flex;
  align-items: center;
}
.header-recette .title,
.header-act .title-details{
  font-family: Graphik;
  font-size: 48px;
  font-weight: bold;
  line-height: 1.17;
  text-align: center;
  color: #0c3c94;
  margin: 0 0 8px;
}
.header-recette .subtitle {
  font-family: Graphik;
  font-size: 18px;
  text-align: center;
  color: #0f1548;
  margin-bottom: 48px;
}
.banner-details-recettes img {
  width: 100%;
  border-radius: 8px;
}
.header-image-recettes {
  position: relative;
  width: 100%;
}
.header-image-recettes::after{
  content: "";
  background-color: #ecf6fb;
  position: absolute;
  top: -16px;
  bottom: 14px;
  right: -12px;
  left: 16px;
  height: auto;
  z-index: -2;
  border-radius: 8px;
  opacity: 0.4;
}
.header-image-recettes::before{
  content: "";
  background-color: #dff2f9;
  position: absolute;
  top: -8px;
  bottom: 8px;
  right: -5px;
  left: 8px;
  height: auto;
  z-index: -1;
  border-radius: 8px;
  opacity: 0.4;
}
.header-image-recettes .complexite {
  position: absolute;
  left: 32px;
  top: 32px;
}
.header-image-recettes .bottom-banner{
  position: absolute;
  bottom: 41px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  background: #fff;
  padding: 24px 0;
  width: 50%;
  left: 25%;
  border-radius: 8px;
}
.bottom-banner:after{
  content: none;
}
.bottom-banner .temps, .bottom-banner .budget, .bottom-banner .portions {
  font-size: 14px;
  line-height: 1.86;
  text-align: center;
  color: #0c3c94;
  width: 50%;
}
.bottom-banner .field--label {
  font-size: 14px;
  line-height: 1.86;
  text-align: center;
  font-weight: 400;
  display: block;
  text-transform: uppercase;
  color: #0c3c94;
}
.bottom-banner > div:not(:last-child) {
  border-right: 1px solid #afcef4;
}
.bottom-banner .budget img{
  display: inline-block;
}
.content-recettes .field--label {
  font-family: SignPainter-HouseScript;
  font-size: 48px;
  font-weight: 600;
  line-height: 1.5;
  color: #60a511;
  margin-bottom: 24px;
}
.ingredient .title,
.ingredient ul>li {
  font-family: Graphik;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.4px;
  color: #0f1548;
  margin-bottom: 8px;
}
.ingredient .title {
  font-weight: 600;
}
.ingredient,
.preparation {
  margin-bottom: 40px;
}
.preparation .title {
  margin: 0 0 16px;
  font-family: Graphik;
  font-size: 24px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.6px;
  color: #1d73da;
}
.preparation ol {
  margin-left: 16px;
}
.preparation li{
  list-style: auto;
  font-family: Graphik;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.4px;
  color: #0f1548;
  padding-left: 8px;
  margin-bottom: 8px;
}
.preparation li::marker{
  font-family: Graphik;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.4px;
  color: #1d73da;
}
.prag-pg-recettes-detail {
  background: url(../images/recettes-detail.png) center -40px no-repeat;
  background-size: cover;
  padding: 73px 0;
}
.produit-liee{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 31px;
}
.produit-liee li {
  text-align: center;
}
.produit-liee .wrapper-image{
  position: relative;
}
.produit-liee .icone{
  position: absolute;
  top: 42px;
  background-color: #60a511;
  font-size: 24px;
  display: flex;
  align-items: center;
}
.produit-liee .icone a{color: #fff;}
.produit-liee .icone:hover a{color: #60a511;}
.produit-liee .icone:hover{background-color: #fff;}
.produit-liee .label:after {content: none;}
.produit-liee .label {
  font-family: Graphik;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.67;
  text-align: center;
  color: #1d73da;
}
.produit-liee .title{
  font-family: Graphik;
  font-size: 24px;
  line-height: 1.67;
  text-align: center;
  font-weight: 500;
  color: #0c3c94;
}
.produit-liee .title a{
  color: #0c3c94;
}
.page-detaille-recette .item-recettes {
  background: #fff;
}
.bottom-cnt {
  display: flex;
  justify-content: center;
}
.page-detaille-recette .title-section {
  margin-top: 72px;
}
.page-node-recettes,
.page-node-actualite{
  position: relative;
}
.page-node-recettes::before,
.page-node-actualite::before {
  position: absolute;
  content: url(../images/leafs-3.png);
  top: 9%;
  z-index: 1;
  left: 8%;
}
.page-node-recettes::after,
.page-node-actualite::after {
  position: absolute;
  content: url(../images/leafs1.png);
  top: 9%;
  z-index: -3;
  right: 0;
}
/************************ Page detaille actualite ***********************/
.view-actualite .header_view{
  margin-bottom: 30px;
}
.header-act {
  width: 100%;
  margin-top: 72px;
  margin-bottom: 31px;
}
.header-act .title-details{
  margin-bottom: 52px;
}
.bottom-image-act .date-details,
.date-details .field--label{
  font-family: Graphik;
  font-size: 14px;
  font-weight: 500;
  color: #0f1548;
  text-transform: uppercase;
}
.contenu-details .title{
  font-family: Graphik;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.33;
  letter-spacing: -0.6px;
  color: #0c3c94;
  margin: 0 0 16px;
}
.act-box h2 {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.6px;
  color: #0c3c94;
  margin: 0 0 16px
}
.act-box p{
  margin: 16px 0 36px;
  font-family: Graphik;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.4px;
  color: #0f1548;
}
.act-box .image {
  margin-bottom: 32px;
}
.act-box .align-items-center{
  display: flex;
  align-items: center;
}
.pg-actualitee{
  border: solid 1px rgba(175, 206, 244, 0.39);
  background: linear-gradient(0deg, rgba(233,243,255,1) 0%, rgba(255,255,255,1) 100%);
  margin-top: 56px;
}
.pg-actualitee .bg-act{
  position: relative;
}
.pg-actualitee  .bg-act::before{
  position: absolute;
  content: url(../images/leaf-v2.png);
  top: 8%;
  left: 0;
}
.pg-actualitee  .bg-act::after{
  position: absolute;
  content: url(../images/leaf-v1.png);
  right: 0;
  z-index: 1;
  bottom: 16%;
}
.user-login-form, .user-pass{ width: 50%; margin: 24px auto;}
.user-login-form .form-item,.user-login-form .form-item label,
.user-pass .form-item,.user-pass .form-item label{ margin-bottom: 16px;}

.user-login-form  .form-actions button .icon,
.user-pass  .form-actions button .icon { display: none;}
.user-login-form  .form-actions,.user-pass  .form-actions{text-align: center; margin-bottom: 16px;}
.user-login-form  .form-actions button,.user-pass  .form-actions button{ background-color: transparent;
  border-color: #0cb3d7;
  font-family: Graphik;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: #1d73da;
  border: 2px solid #1d73da;
  border-radius: 400px 400px 16px 16px / 53px 53px 16px 16px;
  padding: 10px 32px;
  display: inline-block;
  margin-top: 32px;}
  .user-login-form  .form-actions button:hover,
  .user-pass  .form-actions button:hover{
    color: #ffffff;
    background-color: #1d73da;
    border: 2px solid #1d73da;
    outline: 0;
  }

  .messages__wrapper{width: 50%; margin: 0 auto;}