@font-face {

    font-family: 'Poppins';

    src: url('Poppins-Bold.woff2') format('woff2'),

        url('Poppins-Bold.woff') format('woff');

    font-weight: bold;

    font-style: normal;

}



@font-face {

    font-family: 'Poppins';

    src: url('Poppins-ExtraBold.woff2') format('woff2'),

        url('Poppins-ExtraBold.woff') format('woff');

    font-weight: 800;

    font-style: normal;

}



@font-face {

    font-family: 'Vibur';

    src: url('Vibur.woff2') format('woff2'),

        url('Vibur.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'Poppins';

    src: url('Poppins-Medium.woff2') format('woff2'),

        url('Poppins-Medium.woff') format('woff');

    font-weight: 500;

    font-style: normal;

}



@font-face {

    font-family: 'Poppins';

    src: url('Poppins-Thin.woff2') format('woff2'),

        url('Poppins-Thin.woff') format('woff');

    font-weight: 100;

    font-style: normal;

}



@font-face {

    font-family: 'Poppins';

    src: url('Poppins-Regular.woff2') format('woff2'),

        url('Poppins-Regular.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'Poppins';

    src: url('Poppins-Black.woff2') format('woff2'),

        url('Poppins-Black.woff') format('woff');

    font-weight: 900;

    font-style: normal;

}



@font-face {

    font-family: 'Poppins';

    src: url('Poppins-Light.woff2') format('woff2'),

        url('Poppins-Light.woff') format('woff');

    font-weight: 300;

    font-style: normal;

}



*{

    box-sizing: border-box;

}



html{

    width: 100%;

    height: 100%;

}



body{

    width: 100%;

    height: 100%;

    margin: 0;

    font-family: 'Poppins';

    font-weight: 400;

    font-size: 16px;

    line-height: 20px;

}



.main{

    width: 100%;

    height: 100%;

}



header{

    width: 100%;

    height: 100%;

    position: relative;

    padding: 0;

    background: url(images/Homepage.png) no-repeat right top;

}



section{

    width: 100%;

    height: 100%;

    position: relative;

    padding: 140px 0;

}



#creche{

    background: rgba(255,255,255,1);

background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(99,194,199,0.15) 100%);

background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(99,194,199,0.15)));

background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(99,194,199,0.15) 100%);

background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(99,194,199,0.15) 100%);

background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(99,194,199,0.15) 100%);

background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(99,194,199,0.15) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#63c2c7', GradientType=0 );

}



#pedagogie{

    background: rgba(255,255,255,1);

background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(249,182,102,0.15) 100%);

background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(249,182,102,0.15)));

background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(249,182,102,0.15) 100%);

background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(249,182,102,0.15) 100%);

background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(249,182,102,0.15) 100%);

background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(249,182,102,0.15) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9b666', GradientType=0 );

}



#repas{

    background: rgba(255,255,255,1);

background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(99,194,199,0.15) 100%);

background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(99,194,199,0.15)));

background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(99,194,199,0.15) 100%);

background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(99,194,199,0.15) 100%);

background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(99,194,199,0.15) 100%);

background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(99,194,199,0.15) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#63c2c7', GradientType=0 );

      position: relative;

}



#activites{

    background: rgba(255,255,255,1);

background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(249,182,102,0.15) 100%);

background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(249,182,102,0.15)));

background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(249,182,102,0.15) 100%);

background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(249,182,102,0.15) 100%);

background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(249,182,102,0.15) 100%);

background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(249,182,102,0.15) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9b666', GradientType=0 );

}



#contact{

    z-index: 0;

    background: rgba(255,255,255,1);

background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(99,194,199,0.15) 100%);

background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(99,194,199,0.15)));

background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(99,194,199,0.15) 100%);

background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(99,194,199,0.15) 100%);

background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(99,194,199,0.15) 100%);

background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(99,194,199,0.15) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#63c2c7', GradientType=0 );

}



.centrer_site{

    width: 1160px;

    margin: 0 auto;

    position: relative;

    padding: 0;

     height: 100%;

}



.header{

    position: fixed;

    width: 100%;

    padding: 15px 70px;

    z-index: 1;

    display: flex;

    justify-content: space-between;

    align-items: center;

}



#cookieChoiceDismiss{

  font-family: Poppins;

  font-size: 12px;

  font-weight: 500;

  border-radius: 19px;

  border: solid 1.5px #ffffff;

  width: 112px;

  height: 30px;

     padding: 4px 20px;

    text-transform: uppercase;

    transition: all 0.6s ease;

}



#cookieChoiceDismiss:hover{

    color: #f8b567 !important;

    background: #fff;

}



.header-infos{

    display: flex;

    justify-content: space-between;

    flex-direction: row;

}



.facebook{

    margin: 0 30px 0 0;

     display: block;

}



p.adresse_mini{

    margin: 0;

    color: #64c1c7;

}





.menu_langue{

    width: 50px;

    z-index: 60;

    float: left;

    margin: 0 30px 0 0;

    position: relative;

}



.langue_active{

    background: url(images/minis-creche-luxembourg-arrow-langues-hover.svg) no-repeat right 0;

    background-size: 60%;

    color: #1a9ca2;

    font-size: 16px;

    line-height: 30px;

    text-transform: uppercase;

    text-align: left;

    padding: 0;

    height: 100%;

    margin: 0;

    cursor: pointer;

    transition: all 0.4s;

}



.langue_active.inversee{

    color: #1a9ca2;

    background: url(images/minis-creche-luxembourg-arrow-langues-hover.svg) no-repeat right 0;

}



.langue_active:hover{

    color: #1a9ca2;

    background: url(images/minis-creche-luxembourg-arrow-langues-hover.svg) no-repeat right 0;

    opacity: 0.7;

}





.les_langues{

    display: none;

    list-style: none;

    margin: 0;

    padding: 0;

    width: 100%;

    position: absolute;

}



.les_langues li{

    text-align: left;

    line-height: 16px;

    padding: 0 0 5px 0;

}



.les_langues li a{

    color: #1a9ca2;

    font-size: 16px;

    text-transform: uppercase;

    text-align: center;

    transition: color 0.4s;

    text-decoration: none;

}



.les_langues li a:hover{

    color: #1a9ca2;

    opacity: 0.7;

}



.burger{

    cursor: pointer;

}



.navigation{

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    opacity: 0;

    pointer-events: all;

    pointer-events: none;

    position: fixed;

     z-index: 10000;

    background: #bbe1e3;

    -webkit-transition: opacity 1s ease-in-out;

    -moz-transition: opacity 1s ease-in-out;

    transition: opacity 1s ease-in-out;

}



.closemenu{

    position: absolute;

    top: 40px;

    right: 70px;

     z-index: 1;

}



.navigation.open{

    opacity: 1;

     pointer-events: visible;

}



.navigation ul {

    position: relative;

    height: 100%;

    width: 100%;

    margin: 0;

    padding: 0;

    display: -ms-flexbox;

    display: flex;

}



.navigation li {

    -ms-flex: 1;

    flex: 1;

    list-style-type: none;

    box-sizing: border-box;

    border-right: 1px solid #fff;

    /*transform: scaleY(0);

    transform-origin: top;

    overflow: visible;*/

}



.navigation li, .navigation li a {

    display: -ms-flexbox;

    display: flex;

    position: relative;

}



.navigation li a {

    background-image: linear-gradient(to bottom, rgba(19,30,54,0), rgba(19,30,54,0));

    width: 100%;

    cursor: pointer;

    font-family: Roboto;

    font-size: 30px;

    font-weight: bold;

    text-transform: uppercase;

    -ms-flex-align: center;

    align-items: center;

    -ms-flex-pack: center;

    justify-content: center;

    transition: background-image 0.3s ease-out;

     color: #fff;

    text-decoration: none;

}



.navigation li a:before{

  content: "";

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  opacity: 0;

  transition: opacity 0.3s ease-in-out;

}



.navigation li:nth-child(1) a:before{

  background-image: linear-gradient(to bottom, #fad961, #f76b1c);

}



.navigation li:nth-child(2) a:before{

    background-image: linear-gradient(to bottom, #2c9ca1, #64c1c7);

}



.navigation li:nth-child(3) a:before{

    background-image: linear-gradient(to bottom, #64c1c7, #f8b567);

}



.navigation li:nth-child(4) a:before{

    background-image: linear-gradient(to bottom, #f29100, #f8b567);

}



.navigation li:nth-child(5) a:before{

    background-image: linear-gradient(to bottom, #2c9ca1, #64c1c7);

}



.navigation li:nth-child(6) a:before{

    background-image: linear-gradient(to bottom, #64c1c7, #f8b567);

}



.navigation li:hover a:before{

    opacity: 1;

}



.navigation li a span.nav-item--mask {

    position: relative;

    overflow: hidden;

    text-align: center;

    -ms-flex: 1 0 auto;

    flex: 1 0 auto;

     line-height: normal;

}



.navigation li a span.nav-item--text {

    color: #fff;

    /*transform: translateY(100%);

    transform-origin: top center;*/

    display: block;

}



@-webkit-keyframes fadeIn { 

  0% { opacity: 0; }

  20% { opacity: 0; }

  40% { opacity: 0.3; }

  60% { opacity: 0.5; }

  80% { opacity: 0.9; }

  100% { opacity: 1; }

}



@keyframes fadeIn {

  0% { opacity: 0; }

  20% { opacity: 0; }

  40% { opacity: 0.3; }

  60% { opacity: 0.5; }

  80% { opacity: 0.9; }

  100% { opacity: 1; }

}



.s-slider__nav {

    position: absolute;

    right: 70px;

    top: 50vh;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

}



.s-fixed {

    position: fixed;

}



.s-slider__nav ul {

    list-style: none;

    padding: 0;

    margin: 0;

}



.s-slider__nav__item {

    position: relative;

}



.s-slider__nav__item a {

    color: rgba(255,255,255,0.25);

    margin: 3px 0;

    display: inline-block;

    font-size: 12px;

    font-weight: 500;

    cursor: pointer;

    text-decoration: none;

}



.s-slider__nav__item.change_couleur a{

    color: rgba(100,193,199,0.25);

}





.s-slider__nav__item+.s-slider__nav__item:before {

    content: "";

    height: 19px;

    width: 2px;

    background-color: rgba(255,255,255,0.25);;

    display: block;

    margin: 0 auto;

}



.s-slider__nav__item.change_couleur+.s-slider__nav__item.change_couleur:before{

    background-color: rgba(100,193,199,0.25);

}



.s-slider__nav__item+.s-slider__nav__item:after {

    content: "";

    height: 0;

    width: 2px;

    background-color: rgba(255,255,255,1);;

    display: block;

    margin: 0 auto;

    position: absolute;

    top: 0;

    left: calc(50% - 1px);

}



.s-slider__nav__item.change_couleur+.s-slider__nav__item.change_couleur:after{

    background-color: rgba(100,193,199,1);

}



.s-slider__nav__item.active a {

    -webkit-animation: animateSliderColor .45s cubic-bezier(.5,.98,.79,.94) forwards 1;

    animation: animateSliderColor .45s cubic-bezier(.5,.98,.79,.94) forwards 1;

}



.s-slider__nav__item.inactive a {

    -webkit-animation: animateSliderColorBack .45s cubic-bezier(.5,.98,.79,.94) forwards 1;

    animation: animateSliderColorBack .45s cubic-bezier(.5,.98,.79,.94) forwards 1;

}



.s-slider__nav__item.active.change_couleur a {

    -webkit-animation: animateSliderColorcc .45s cubic-bezier(.5,.98,.79,.94) forwards 1;

    animation: animateSliderColorcc .45s cubic-bezier(.5,.98,.79,.94) forwards 1;

}



.s-slider__nav__item.inactive.change_couleur a {

    -webkit-animation: animateSliderColorBackcc .45s cubic-bezier(.5,.98,.79,.94) forwards 1;

    animation: animateSliderColorBackcc .45s cubic-bezier(.5,.98,.79,.94) forwards 1;

}



.s-slider__nav__item.inactive:after {

    -webkit-animation: animateSliderLineBack .45s cubic-bezier(.5,.98,.79,.94) forwards 1;

    animation: animateSliderLineBack .45s cubic-bezier(.5,.98,.79,.94) forwards 1;

}



.s-slider__nav__item.active:after {

    -webkit-animation: animateSliderLine .45s cubic-bezier(.5,.98,.79,.94) forwards 1;

    animation: animateSliderLine .45s cubic-bezier(.5,.98,.79,.94) forwards 1;

}



@-webkit-keyframes animateSliderLine{

    0%{height:0}to{height:19px}

}



@keyframes animateSliderLine{

    0%{height:0}to{height:19px}

}



@-webkit-keyframes animateSliderLineBack{

    0%{height:19px}to{height:0}

}



@keyframes animateSliderLineBack{

    0%{height:19px}to{height:0}

}



@-webkit-keyframes animateSliderColor{

    0%{color:rgba(255,255,255,0.25)}to{color:rgba(255,255,255,1)}

}



@keyframes animateSliderColor{

    0%{color:rgba(255,255,255,0.25)}to{color:rgba(255,255,255,1)}

}



@-webkit-keyframes animateSliderColorBack{

    0%{color:rgba(255,255,255,1)}to{color:rgba(255,255,255,0.25)}

}



@keyframes animateSliderColorBack{

    0%{color:rgba(255,255,255,1)}to{color:rgba(255,255,255,0.25)}

}



@-webkit-keyframes animateSliderColorcc{

    0%{color:rgba(100,193,199,0.25)}to{color:rgba(100,193,199,1)}

}



@keyframes animateSliderColorcc{

    0%{color:rgba(100,193,199,0.25)}to{color:rgba(100,193,199,1)}

}



@-webkit-keyframes animateSliderColorBackcc{

    0%{color:rgba(100,193,199,1)}to{color:rgba(100,193,199,0.25)}

}



@keyframes animateSliderColorBackcc{

    0%{color:rgba(100,193,199,1)}to{color:rgba(100,193,199,0.25)}

}



.illustration1{

    position: absolute;

    top: 43%;

    right: 27%;

}



.illustration2{

    position: absolute;

    top: 28%;

    right: 10%;

}



.illustration3{

    position: absolute;

    top: 0;

    right: 17%;

}



.header_bloc_titre{

    position: absolute;

    width: 390px;

    top: 22%;

    left: 20%;

}



.orange{

    color: #f29100;

}



.vert{

    color: #1a9ca2;

}



p{

  font-size: 16px;

  font-weight: normal;

  text-align: justify;

  color: #859a9b;

  line-height: normal;

  margin: 0 0 30px;

}



p strong{

  font-weight: bold;

  color: #5cc1c8;

}



h1{

    font-family: Vibur;

    font-size: 45px;

    font-weight: normal;

    color: #f29100;

    line-height: 1.67;

    margin: 0;

}



h1 span{

    display: table;

    position: relative;

    padding: 0 110px 0 0;

}



h1 span:before{

    content: "";

    width: 93px;

    height: 109px;

    position: absolute;

    right: 0;

    top: -55px;

    background: url(images/minis-creche-luxembourg-mascotte01.svg) no-repeat left top;

}



h1 strong{

    font-family: Poppins;

    font-size: 60px;

    font-weight: bold;

    line-height: 1.08;

    text-transform: uppercase;

    display: block;

}



h2{

    font-family: Vibur;

    font-size: 75px;

    line-height: 60px;

    color: #f29100;

    font-weight: normal;

    position: relative;

    margin: 0 0 20px;

    padding: 35px 0 0;

    z-index: 1;

}



h2:after{

    position: absolute;

    opacity: 0.35;

    top: 0;

     left: 0;

    font-family: Poppins;

    font-size: 70px;

     line-height: 56px;

    font-weight: 800;

    background: -webkit-gradient(linear, left top, left bottom, from(#2c9ca1), to(#64c1c7));

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

     z-index: -1;

}



#creche h2:after{

    content: "02";

}



#pedagogie h2:after{

    content: "03";

}



#repas h2:after{

    content: "04";

}



#activites h2:after{

    content: "05";

}



#contact h2:after{

    content: "06";

}



h3{

  opacity: 0.25;

  font-family: Vibur;

  font-size: 45px;

  font-weight: normal;

  font-style: normal;

  color: #f29100;

  padding: 0 0 0 200px;

    margin: 0 0 30px;

}



.btn_decouvrir{

    display: block;

    text-decoration: none;

    border-radius: 19px;

    border: solid 2px #64c1c7;

    font-family: Poppins;

    font-size: 14px;

    line-height: 34px;

    font-weight: 500;

    color: #64c1c7;

    margin: 70px 0 0;

    position: relative;

    overflow: hidden;

    width: 133px;

    text-align: center;

    text-transform: uppercase;

    padding: 0;

     -webkit-transition: all .5s ease;

    transition: all .5s ease;

}



.btn_decouvrir:hover{

    background: #64c1c7;

    color: #fff;

}



.btn_texte{

    display: block;

    text-decoration: none;

    border-radius: 19px;

    border: solid 2px #1a9ca2;

    font-family: Poppins;

    font-size: 14px;

    line-height: 34px;

    font-weight: 500;

    color: #1a9ca2;

    position: relative;

    overflow: hidden;

    width: 133px;

    text-align: center;

    text-transform: uppercase;

    padding: 0;

     -webkit-transition: all .5s ease;

    transition: all .5s ease;

    float: left;

    margin: 0 30px 0 0;

}



.btn_texte:hover{

    background: #1a9ca2;

    color: #fff;

}



.creche_texte{

    width: 55%;

    padding: 15px 0 0 100px;

    float: left;

}



.creche_diapo{

    width: 45%;

    float: left;

}



.slider {

  position: relative;

     padding: 0 0 0 60px;

    height: 400px;

  width: 100%;

}



.slider-container {

  position: absolute;

  height: 100%;

  width: 100%;

}



.slider-image {

  position: absolute;

  top: 50%;

  left: 50%;

}



.slider-image-l {

    height: 216px;

    width: 315px;

    transform-origin: 100% 50%;

     transform: translate(-82%,-105%);

      border: solid 2px #f8b567;

    border-radius: 5px;

  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.35);

}



.slider-image-m {

  height: 143px;

  width: 209px;

  transform-origin: 0 50%;

     transform: translate(-15%,-65%);

      border: solid 2px #f8b567;

  border-radius: 10px;

  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.35);

}



.slider-image-s {

  height: 84px;

  width: 123px;

  transform-origin: 100% 50%;

     transform: translate(-140%,10%);

      border: solid 2px #f8b567;

    border-radius: 5px;

  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.35);

}



.control {

      position: absolute;

    cursor: pointer;

    display: flex;

    flex-direction: row;

     justify-content: space-between;

    z-index: 1;

     top: 70px;

     right: 30px;

    width: 95px;

}



.control div:first-of-type {

  margin-right: 0;

}



.control-prev{

    float: left;

}



.control-next{

    float: right;

}



.slider-image img {

    width: 100%;

    height: 100%;

    -o-object-fit: cover;

    object-fit: cover;

     border-radius: 5px;

}



.slider-image-m img {

    border-radius: 10px;

}



.pedagogie_contenu{

    display: flex;



}



.pedagogie_gauche{

    width: 50%;

    float: left;

    padding: 0 100px;

}



.pedagogie_droite{

    width: 50%;

    float: left;

    position: relative;

}



.pedagogie_droite:before{

    content: "";

    position: absolute;

    background: url(images/minis-creche-luxembourg-mascotte-pedagogie-fond.svg) no-repeat center top;

    width: 100%;

    height: 100%;

     top: -170px;

}



.pedagogie_gauche ul{

    list-style: none;

    padding: 0;

    margin: 0;

    position: relative;

    left: auto;

    top: auto;

    text-align: center;

    z-index: 2;

    width: 50%;

}



.pedagogie_gauche ul li{   

    font-family: Poppins;

    font-size: 13px;

    font-weight: bold;

    font-style: normal;

    line-height: 1.62;

    text-align: justify;

    color: rgba(133, 154, 155, 0.35);

    display: block;

    margin: 0px;

    list-style: none;

    background: transparent;

}



.btn_pedagogie {

    display: flex;

    -webkit-box-align: center;

    align-items: center;

    cursor: pointer;

    transform-origin: 50% 50% 0px;

    transform: scale3d(1, 1, 1);

    background: transparent;

    transition: transform 0.2s ease;

    padding: 2px 0px;

    outline: none;

    border: none;

}



.btn_pedagogie:hover {

    transform: scale3d(1.15, 1.15, 1);

}



.btn_pedagogie .pedagogie_titre {

    font-size: 13px;

    display: inline;

    color: rgba(133, 154, 155);

    opacity: 0.35;

    transition: opacity 0.2s ease;

    font-weight: bold;

    font-family: Poppins;

}



.btn_active .pedagogie_titre {

    color: #1a9ca2;

    opacity: 1;

    transition: opacity 0.2s ease;

}



.btn_pedagogie .pedagogie_rond{

    position: relative;

    display: inline-block;

    height: 6px;

    width: 6px;

    border-radius: 50%;

    margin-right: 8px;

}



.btn_pedagogie .pedagogie_rond::before, .btn_pedagogie .pedagogie_rond::after {

    content: "";

    position: absolute;

    top: 0px;

    left: 0px;

    height: 100%;

    width: 100%;

    transform-origin: 50% 50% 0px;

    border-radius: 50%;

}



.btn_pedagogie .pedagogie_rond::before {

    background-color: rgb(214, 214, 214);

    transform: scale3d(1, 1, 1);

}



.btn_pedagogie .pedagogie_rond::after {

    transform: scale3d(0, 0, 1);

    background: rgb(240, 101, 79);

    transition: transform 0.2s ease;

}



.btn_active .pedagogie_rond {

    position: relative;

    display: inline-block;

    height: 6px;

    width: 6px;

    border-radius: 50%;

    margin-right: 8px;

}



.btn_active .pedagogie_rond::before, .btn_active .pedagogie_rond::after {

    content: "";

    position: absolute;

    top: 0px;

    left: 0px;

    height: 100%;

    width: 100%;

    transform-origin: 50% 50% 0px;

    border-radius: 50%;

}



.btn_active .pedagogie_rond::before {

    background-color: rgb(214, 214, 214);

    transform: scale3d(1, 1, 1);

}



.btn_active .pedagogie_rond::after {

    transform: scale3d(1, 1, 1);

    background: #fab660;

    transition: transform 0.2s ease;

}



.btn_active .pedagogie_rond::after {

    transform: scale3d(1, 1, 1);

}



.pedagogie_texte{

    position: absolute;

    bottom: 0;

    width: 100%;

}



.pedagogie_texte h4{

  font-family: Poppins;

  font-size: 18px;

  font-weight: bold;

  font-style: normal;

  text-align: center;

  color: #1a9ca2;

}



.pedagogie_texte p{

  font-size: 14px;

}



.affiche_texte{

    opacity: 1;

    transition: opacity 0.25s ease 0.25s;

}



.cache_texte{

    opacity: 0;

    transition: opacity 0.25s ease;

}



.repas_texte {

    width: 55%;

    padding: 15px 0 0 100px;

    float: left;

}



.parallax-layer {

    width: 100%;

    height: 500px;

    position: absolute;

    background-position: bottom center;

    background-repeat: no-repeat;

}



.orange {

    position: absolute;

    left: initial;

    top: -480px;

    right: 250px;

    bottom: initial;

    width: 125px;

    height: 125px;

}



.orange img {

    width: 100%;

    transform: rotate(5deg);

    opacity: 0.5;

}



.raisin {

    position: absolute;

    left: initial;

    top: 275px;

    right: 125px;

    bottom: initial;

    width: 101px;

    height: 101px;

}



.raisin img {

    width: 100%;

    transform: rotate(-31deg);

    opacity: 0.5;

}



.artichaut {

    position: absolute;

    left: initial;

    top: -200px;

    right: 85px;

    bottom: initial;

    width: 110px;

    height: 110px;

}



.artichaut img {

    width: 100%;

    transform: rotate(16deg);

    opacity: 0.5;

}



.petitspois {

    position: absolute;

    left: initial;

    top: -300px;

    right: 430px;

    bottom: initial;

    width: 118px;

    height: 118px;

}



.petitspois img {

    width: 100%;

    transform: rotate(-19deg);

    opacity: 0.5;

}



.tomate {

    position: absolute;

    left: initial;

    top: 300px;

    right: 600px;

    bottom: initial;

    width: 70px;

    height: 70px;

}



.tomate img {

    width: 100%;

    transform: rotate(11deg);

    opacity: 0.5;

}



.illustration_repas{

    position: absolute;

    bottom: 0;

    right: 0;

    width: 650px;

    height: auto;

}



.mascotte_repas{

    position: absolute;

    top: -100px;

    left: 400px;

    width: 150px;

    height: auto;

}



#activites .centrer_site{

    height: auto;

}



.activites_texte {

    width: 55%;

    padding: 15px 0 0 100px;

    float: left;

}



.bloc_activites{

    width: 80%;

     margin: 0 auto;

    display: flex;

    padding: 70px;

    justify-content: space-between;

}



.illustration_activites{

    position: absolute;

    top: 0;

    right: 0;

    width: 400px;

    height: auto;

}



.lactivite{

    width: 187px;

    height: 183px;

    border-radius: 10px;

    transition: all 0.6s ease;

    position: relative;

     z-index: 1;

     padding: 30px 15px;

}



.lactivite a{

    height: 100%;

    width: 100%;

    display: block;

    text-decoration: none;

    position: relative;

}



.activite1{

    right: -40px;

    bottom: -70px;

    width: 100%;

}



.activite2{

    right: -40px;

    bottom: -70px;

    width: 80%;

}



.activite3{

    right: -60px;

    bottom: -70px;

    width: 100%;

}



.activite4{

    right: -60px;

    bottom: -70px;

    width: 100%;

}



.activite5{

    right: -60px;

    bottom: -70px;

    width: 100%;

}



.activite6{

    right: -60px;

    bottom: -70px;

    width: 100%;

}



.img_activite{

    position: absolute;

    opacity: 0;

    transition: opacity 0.6s ease-out;

    -moz-transition: opacity 0.6s ease-out;

    -webkit-transition: opacity 0.6s ease-out;

    -o-transition: opacity 0.6s ease-out;

}



.lactivite:hover .img_activite{

    opacity: 1;

}



.lactivite p{

    font-family: Poppins;

    font-size: 16px;

    font-weight: 500;

    line-height: normal;

    letter-spacing: normal;

    text-align: center;

    margin: 0 0 25px;

    text-transform: capitalize;

}



.activite_art p{

    color: #2c9ca1;

}



.activite_ville p{

    color: #f29100;

}



.activite_nature p{

    color: #859a9b;

}



.lactivite:hover p{

    color: #fff;

    font-weight: bold;

}



.lactivite span{

    font-family: Poppins;

    font-size: 13px;

    font-weight: normal;

    line-height: normal;

    letter-spacing: normal;

    text-align: center;

    opacity: 0.75;

     display: block;

}



.activite_art span{

    color: #2c9ca1;

}



.activite_ville span{

    color: #f29100;

}



.activite_nature span{

    color: #859a9b;

}



.lactivite:hover span{

    color: #fff;

}



.activite_art:before{

    content: "";  

    width: 21px;

    height: 20px;

    border-radius: 2.5px;

    background-image: linear-gradient(to top, #2c9ca1, #64c1c7);

    position: absolute;

    top: 0;

    left: 0;

    transition: all 0.6s;

     z-index: -1;

}



.activite_art:hover:before{

    width: 100%;

    height: 100%;

    border-radius: 10px;

    transition: all 0.6s;

}



.activite_art:after{

    content: "";  

    width: 17.3px;

    height: 16.7px;

    border-radius: 2.5px;

    background: url(images/minis-creche-luxembourg-activite-vert.svg) no-repeat left top;

    background-size: 100%;

    position: absolute;

    bottom: 0;

    right: 0;

}



.activite_art:hover:after{

    display: none;

}



.activite_ville:before{

    content: "";  

    width: 21px;

    height: 20px;

    border-radius: 2.5px;

    background-image: linear-gradient(to top, #f29100, #f8b567);

    position: absolute;

    top: 0;

    left: 0;

    transition: all 0.6s;

     z-index: -1;

}



.activite_ville:hover:before{

    width: 100%;

    height: 100%;

    border-radius: 10px;

    transition: all 0.6s;

}



.activite_ville:after{

    content: "";  

    width: 17.3px;

    height: 16.7px;

    border-radius: 2.5px;

    background: url(images/minis-creche-luxembourg-activite-orange.svg) no-repeat left top;

    background-size: 100%;

    position: absolute;

    bottom: 0;

    right: 0;

}



.activite_ville:hover:after{

    display: none;

}



.activite_nature:before{

    content: "";  

    width: 21px;

    height: 20px;

    border-radius: 2.5px;

    background-image: linear-gradient(to top, #a2babb, #859a9b);

    position: absolute;

    top: 0;

    left: 0;

    transition: all 0.6s;

     z-index: -1;

}



.activite_nature:hover:before{

    width: 100%;

    height: 100%;

    border-radius: 10px;

    transition: all 0.6s;

}



.activite_nature:after{

    content: "";  

    width: 17.3px;

    height: 16.7px;

    border-radius: 2.5px;

    background: url(images/minis-creche-luxembourg-activite-fonce.svg) no-repeat left top;

    background-size: 100%;

    position: absolute;

    bottom: 0;

    right: 0;

}



.activite_nature:hover:after{

    display: none;

}



.bloc_activites_legende{

    width: 80%;

    margin: 0 auto;

    padding: 70px;

}



.bloc_activites_legende p{

    font-family: Poppins;

    font-size: 13px;

    font-weight: normal;

    line-height: normal;

    letter-spacing: normal;

    color: #859a9b;

    position: relative;

    padding: 0 0 0 38px;

    margin: 0 40px 9px 0;

    overflow: hidden;

}



.bloc_activites_legende p strong{

    color: #859a9b;

    font-family: Poppins;

    font-size: 13px;

    font-weight: bold;

}



.bloc_activites_legende p:nth-child(1){

    float: left;

}



.bloc_activites_legende p:nth-child(1):before{

    content: "";

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    width: 28px;

    height: 9px;

    border-radius: 4.5px;

    background-color: #64c1c7;

}



.bloc_activites_legende p:nth-child(2):before{

    content: "";

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    width: 28px;

    height: 9px;

    border-radius: 4.5px;

    background-color: #f8b567;

}



.bloc_activites_legende p:nth-child(3):before{

    content: "";

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    width: 28px;

    height: 9px;

    border-radius: 4.5px;

    background-color: #859a9b;

}



.activites_details{

    position: fixed;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    background: rgba(0,0,0,0.3);

    z-index: 0;

    opacity: 0;

    display: none;

    transition: opacity 0.5s ease;

}



.activites_details.affiche{

    display: block;

    opacity: 1;

    z-index: 100000;

}



.d_activites_art{

    background-image: linear-gradient(to top, #2c9ca1, #64c1c7);

}



.d_activites_ville{

    background-image: linear-gradient(to top, #f29100, #f8b567);

}



.d_activites_nature{

    background-image: linear-gradient(to top, #a2babb, #859a9b);

}



.d_activites{

    display: none;

    border-radius: 10px;

    width: 40%;

    height: 40%;

    position: absolute;

    left: 0;

    right: 0;

    margin: 0 auto;

    top: 50%;

    transform: translateY(-50%);

    padding: 50px;

}



.d_activites p{

    color: #fff;

}



.d_activites p.titre{

    font-weight: bold;

    text-align: center;

    font-size: 20px;

    text-transform: capitalize;

}



.activites_fermer{

      position: absolute;

    top: 10px;

    right: 10px;

    color: #fff;

    text-decoration: none;

    font-size: 20px;

}

.source_descriptif{
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.3);
    z-index: 0;
    opacity: 0;
    display: none;
    transition: opacity 0.5s ease;
}

.source_descriptif.affiche{

    display: block;

    opacity: 1;

    z-index: 100000;

}

.d_source_descriptif{
    background-image: linear-gradient(to top, #f29100, #f8b567);
    display: none;
    border-radius: 10px;
    width: 40%;
    height: 40%;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
    padding: 50px;
}

.d_source_descriptif p{
    color: #fff;
}

.d_source_descriptif p.titre{
    font-weight: bold;
    text-align: center;
    font-size: 20px;
    text-transform: capitalize;
}


.source_fermer{
    position: absolute;
    top: 10px;
    right: 10px;
    color: #fff;
    text-decoration: none;
    font-size: 20px;

}

.fixe{

    overflow: hidden;

}



.fleche_descendre img{

    position: absolute;

    left: 0;

    right: 0;

    margin: 0 auto;

    bottom: 30px;

}



.contact_texte{

    width: 55%;

    padding: 15px 0 0 100px;

    float: left;

    position: relative;

}



.contact_illustration{

    position: absolute;

    top: -130px;

    right: 0;

    width: 40%;

}



.contact_texte p a{

    color: #fab660;

    text-decoration: none;

}



.contact_texte p a:hover{

    text-decoration: underline;

}



.contact_formulaire{

    width: 45%;

    float: left;

    padding: 0 0 0 40px;

}



#tabs{

    border: none;

    border-radius: 0;

    background: none;

}



#tabs-1, #tabs-2{

    border: none;

    border-radius: 0;

    background: none;

}



#tabs ul{

    list-style: none;

    display: flex;

     margin: 0 0 20px;

    padding: 0;

    justify-content: center;

    height: 35px;

    border: none;

    border-radius: 0;

    background: none;

}



#tabs ul li{

    width: 50%;

  text-align: center;

    border: none;

    border-radius: 0;

    background: none;

}



#tabs ul li a{

  opacity: 0.25;

  font-family: Vibur;

  font-size: 35px;

  font-weight: normal;

  font-style: normal;

  color: #f29100;

  text-decoration: none;

  text-align: center;

  width: 100%;

  transition: opacity 0.6s ease;

  outline: none;

}



#tabs ul li:hover a, #tabs ul li.ui-state-active a{

  opacity: 1;

}



.form-group_autre{

    margin: 0 0 20px;

    width: 100%;

    float: left;

    color: #849b9c;

    font-family: Poppins;

    font-size: 16px;

    font-weight: normal;

}



.taille_cgv{

    font-size: 12px;

    line-height: 14px;

}



.form-group{

    position: relative;

    border-bottom: solid 1px #979797;

    margin: 0 0 20px;

    width: 100%;

     float: left;

}



.site_49_left{

    width: 48%;

    float: left;

}



.site_49_right{

    width: 48%;

    float: right;

}



.form-group label{

    width: 100%;

    text-align: left;

    position: absolute;

    top: 10px;

     left: 0;

    pointer-events: none;

    z-index: 1;

    color: #849b9c;

    font-family: Poppins;

    font-size: 16px;

    font-weight: normal;

    transition: all .28s ease;

}



.form-group label.petit{

    font-size: 14px;

}



.form-group input:focus,

.form-group textarea:focus{

    outline: 0;

}



.form-group input:focus~label,

.form-group textarea:focus~label

{

    top:-15px;

    opacity: 0.35;

    font-size: 12px;

}



.form-group input:not(.empty)~label,

.form-group textarea:not(.empty)~label

{

    top:-15px;

    opacity: 0.7;

    font-size: 12px;

}



.form-group input[type="text"],

.form-group input[type="email"],

.form-group input[type="tel"]

{

    color: #849b9c;

    font-family: Poppins;

    font-size: 16px;

    font-weight: normal;

    height: 38px;

    line-height: 38px;

    border: none;

    width: 100%;

    background: transparent;

}



.form-group textarea{

    border: none;

    width: 100%;

    color: #849b9c;

    font-family: Poppins;

    font-size: 16px;

    font-weight: normal;

    background: transparent;

    height: 100px;

    resize: none;

}



.form-group select{

    border: none;

    width: 100%;

    color: #849b9c;

    font-family: Poppins;

    font-size: 16px;

    font-weight: normal;

    background: transparent;

    outline: none;

    height: 38px;

    line-height: 38px;

}



form button{

    display: block;

    text-decoration: none;

    border-radius: 19px;

    border: solid 2px #1a9ca2;

    font-family: Poppins;

    font-size: 14px;

    line-height: 34px;

    font-weight: 500;

    color: #1a9ca2;

    position: relative;

    overflow: hidden;

    width: 120px;

    text-align: center;

    text-transform: uppercase;

    cursor: pointer;

    padding: 0;

    -webkit-transition: all .5s ease;

    transition: all .5s ease;

    background: transparent;

}



form button:hover {

    background: #1a9ca2;

    color: #fff;

}



.g-recaptcha{

    overflow: hidden;

    width: 100%;

    margin: 0 0 20px;

}



.reponse.rouge, .reponse2.rouge{

    background: #de2626;

    color: #fff;

    padding: 5px 10px;

     font-size: 14px;

     margin: 0 0 15px;

}



.reponse.vert, .reponse2.vert{

    background: #34a970;

    color: #fff;

    padding: 5px 10px;

     font-size: 14px;

     margin: 0 0 15px;

}



footer{

    background-color: #F29100;

     /*margin-top: -30px;

     z-index: -1;*/

}



footer p{

    text-align: center;

    opacity: 0.6;

    font-family: Poppins;

    font-size: 12px;

    font-weight: normal;

    color: #ffffff;

    line-height: 20px;

    height: 32px;

    margin: 0;

    padding: 6px 0;

    display: flex;

    justify-content: center;

}



footer a{

    color: #ffffff;  

    text-decoration: none;

}



footer a:hover{

    text-decoration: underline;

}



.myagency{

    margin: 0 10px 0 2px;

}



.kideaz{

    margin: 0 0 0 10px;

}



.opacity{

    opacity: 0;

}



.animated_up {

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  -webkit-animation-name: fadeInUp;

  animation-name: fadeInUp;

    -webkit-animation-delay: .25s;

    animation-delay: .25s;

}



.animated_down {

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  -webkit-animation-name: fadeInDown;

  animation-name: fadeInDown;

    -webkit-animation-delay: .25s;

    animation-delay: .25s;

}



.animated_left {

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  -webkit-animation-name: fadeInLeft;

  animation-name: fadeInLeft;

    -webkit-animation-delay: .25s;

    animation-delay: .25s;

}



.animated_right {

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  -webkit-animation-name: fadeInRight;

  animation-name: fadeInRight;

    -webkit-animation-delay: .25s;

    animation-delay: .25s;

}



@-webkit-keyframes fadeInDown {

  0% {

    opacity: 0;

    -webkit-transform: translateY(-20px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

  }

}



@keyframes fadeInDown {

  0% {

    opacity: 0;

    -webkit-transform: translateY(-20px);

    transform: translateY(-20px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

}



@-webkit-keyframes fadeInUp {

  0% {

    opacity: 0;

    -webkit-transform: translateY(20px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

  }

}



@keyframes fadeInUp {

  0% {

    opacity: 0;

    -webkit-transform: translateY(20px);

    transform: translateY(20px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

}



@-webkit-keyframes fadeInLeft {

  0% {

    opacity: 0;

    -webkit-transform: translateX(-40px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateX(0);

  }

}



@keyframes fadeInLeft {

  0% {

    opacity: 0;

    -webkit-transform: translateX(-40px);

    transform: translateX(-40px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

}



@-webkit-keyframes fadeInRight {

  0% {

    opacity: 0;

    -webkit-transform: translateX(40px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateX(0);

  }

}



@keyframes fadeInRight {

  0% {

    opacity: 0;

    -webkit-transform: translateX(40px);

    transform: translateX(40px);

  }

  100% {

    opacity: 1;

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

}



@media screen and (min-width: 1920px){

    header{

        background: url(images/Homepage.png) no-repeat right top;

        background-size: 60%; 

    }



    .illustration1{

        top: 65%;

        right: 40%;

    }



    .illustration2{

        top: 35%;

        right: 20%;

    }



    .illustration3{

        right: 30%;

    }



    .centrer_site{

        width: 70%;

    }



    h2{

        margin: 0 0 70px;

    }

}



@media screen and (max-width: 1440px){

    .illustration1{

        right: 36.32%;

    }



    .illustration2{

        right: 13.68%;

    }



    .illustration3{

        right: 21.7%;

    }



    .header_bloc_titre{

        left: 17.22%;

    }



    .bloc_activites {

        width: 90%;

    }



    .bloc_activites_legende {

        width: 90%;

    }

}



@media screen and (max-width: 1366px){

}



@media screen and (max-width: 1280px){

    .d_source_descriptif{
        width: 50%;
    }

    .header_bloc_titre {

        left: 10%;

    }



    .pedagogie_texte {

        padding: 0 40px;

    }



    .bloc_activites{

        padding: 40px;

    }



    .contact_illustration {

        right: 50px;

        width: 30%;

    }



    .contact_texte {

        width: 50%;

    }



    .d_activites{

        width: 70%;

    }



    header{

        background: url(images/Homepage.png) no-repeat right top;

        background-size: 60%; 

    }



    .illustration1{

        top: 55%;

        right: 40%;

    }



    .illustration2{

        top: 35%;

        right: 10%;

    }



    .illustration3{

        right: 20%;

    }



    section{

        height: auto;

        min-height: 700px;

    }



    section#contact{

        min-height: 900px;

    }



    .illustration_repas{

        width: 40%;

    }

}



@media screen and (max-width: 1112px){

    .opacity{

        opacity: 1;

    }



    .centrer_site {

        width: 100%;

        padding: 0 20px;

    }



    header {

        background: url(images/Homepage.png) no-repeat right top;

        background-size: 70%;

    }



    .header {

        padding: 15px 20px;

    }



    .header_bloc_titre {

        left: 70px;

    }



    .s-slider__nav{

        right: 20px;

    }



    .illustration1{

        width: 30%;

    }



    .illustration2{

        width: 14%;

    }



    .illustration3{

        width: 30%;

    }



    .creche_texte {

        width: 50%;

        padding: 15px 0 0 50px;

    }



    .control{

        top: 80px;

        right: 0px;

    }



    .pedagogie_gauche {

        padding: 0 50px;

    }



    h3{

        font-size: 35px;

    }



    .repas_texte {

        width: 50%;

        padding: 15px 0 0 50px;

    }



    .illustration_repas{

        width: 450px;

        right: 20px;

    }



    .activites_texte {

        width: 50%;

        padding: 15px 0 0 50px;

    }



    .illustration_activites {

        top: 50px;

        right: 100px;

        width: 300px;

    }



    .bloc_activites {

        padding: 20px 0;

    }



    .bloc_activites_legende{

        padding: 20px 0;

    }



    .lactivite {

        width: 145px;

        height: 145px;

    }



    .lactivite p {

        font-family: Poppins;

        font-size: 14px;

        line-height: 14px;

    }



    .contact_texte{

        padding: 15px 0 0 50px;

        width: 45%;

    }



    section{

        padding: 120px 0;

        height: 100%;

        min-height: auto;

    }



    #contact {

        overflow: hidden;

        height: auto;

        padding: 120px 0 40px;

    }



    .navigation li a{

        font-size: 20px;

    }

}



@media screen and (max-width: 834px){



    .navigation ul{

        flex-direction: column;

    }



    .navigation li{

        border-bottom: 1px solid #fff;

        border-right: none;

    }



    #cookieChoiceInfo{

        margin: 0px auto 15px !important;

        right: 0 !important;

        left: 0;

        bottom: 0px !important;

    }



    .creche_texte {

        width: 100%;

        padding: 15px 0;

    }



    .s-slider__nav{

        display: none;

    }



    .creche_diapo {

        width: 100%;

    }



    .slider{

        padding: 0;

    }



    .slider-image-l{

        transform: translate(-62%,-85%);

    }



    .slider-image-m{

        transform: translate(15%,-35%);

    }



    .slider-image-s{

        transform: translate(-90%,60%);

    }



    .control {

        top: 120px;

        right: 140px;

    }



    .pedagogie_contenu {

        display: block;

    }



    .pedagogie_gauche {

        padding: 0 0 15px;

        width: 100%;

    }



    .pedagogie_droite {

        width: 100%;

        height: 500px;

    }



    .pedagogie_texte {

        top: 130px;

    }



    .repas_texte{

        width: 100%;

        padding: 15px 0;

    }



    .orange{

        display: none;

    }



    .tomate{

        display: none;

    }



    .raisin{

        display: none;

    }



    .artichaut{

        display: none;

    }



    .petitspois{

        display: none;

    }



    .illustration_repas {

        width: 80%;

        right: 0;

        left: 0;

        margin: 0 auto;

    }



    .illustration_activites{

        display: none;

    }



    .activites_texte{

        width: 100%;

        padding: 15px 0 0;

    }



    .bloc_activites {

        width: 100%;

        padding: 0 20px;

        flex-wrap: wrap;

    }



    .lactivite {

        width: 200px;

        height: 200px;

    }



    .bloc_activites_legende {

        width: 100%;

        padding: 20px;

    }



    .contact_texte {

        padding: 15px 0;

        width: 100%;

    }



    .contact_illustration {

        right: 0px;

        width: 20%;

    }



    .contact_texte p{

        width: 50%;

        float: left;

        height: 100px;

    }



    .contact_formulaire {

        width: 100%;

        padding: 0;

    }



    .img_activite{

        opacity: 1;

    }



    header {

        background: url(images/Homepage.png) no-repeat right top;

        background-size: 90%;

    }



    .header_bloc_titre {

        left: 0;

        right: 0;

        margin: 0 auto;

        bottom: 100px;

        top: initial;

    }



    .btn_decouvrir{

        margin: 40px 0 0;

    }



    .illustration1 {

        width: 40%;

        right: initial;

        left: 20px;

        top: 35%;

    }



    .illustration2 {

        width: 16%;

        right: 22%;

        top: 20%;

    }



    .illustration3 {

        width: 40%;

        right: 30%;

    }



    .activite_art:before {

        width: 100%;

        height: 100%;

        border-radius: 10px;

    }



    .activite_art:after {

        display: none;

    }



    .activite_ville:before {

        width: 100%;

        height: 100%;

        border-radius: 10px;

    }



    .activite_ville:after {

        display: none;

    }



    .activite_nature:before {

        width: 100%;

        height: 100%;

        border-radius: 10px;

    }



    .activite_nature:after {

        display: none;

    }



    .lactivite{

        margin: 0 0 30px;

    }



    .lactivite p {

        color: #fff;

        font-weight: bold;

    }



    .lactivite span {

        color: #fff;

    }



    .d_activites{

        width: 50%;

    }



    .activite3, .activite6 {

        right: -30px;

    }

    .d_source_descriptif{
     width: 50%;
    }

}



@media screen and (max-width: 767px){

    .d_source_descriptif{
      width: 90%;
    padding: 40px 20px;
      height: 60%;
    }

    p.adresse_mini{

        text-align: center;

    }



    .pedagogie_gauche ul{

        width: 100%;

    }

    

    .btn_pedagogie .pedagogie_titre {

        font-size: 16px;

    }

    

    .img_activite{

        width: 90%;

    }



    .activite3 {

        right: -50px;

    }

    

    .activite5 {

        right: -50px;

    }



    section{

        height: auto;

        overflow: hidden;

    }



    .logo{

        width: 40%;

    }



    .menu_langue{

        margin: 0 10px 0 0;

    }



    .facebook{

        margin: 0 10px 0 0;

    }



    .navigation ul{

        flex-direction: column;

    }



    .closemenu {        

        top: 20px;

        right: 20px;

    }



    .header_bloc_titre{

        width: 100%;

        padding: 0 20px;

        text-align: center;

    }



    h1{

        font-size: 35px;

    }



    h1 strong{

        font-size: 50px;

    }



    h1 span {

        display: block;

        padding: 0 0 0 0;

    }



    h1 span:before{

      right: 0;

    width: 62px;

    height: 72px;

    background: url(images/minis-creche-luxembourg-mascotte01.svg) no-repeat left top;

    background-size: 100%;

    top: -30px;

    }



    header {

        background: url(images/Homepage.png) no-repeat right top;

        background-size: 98%;

    }



    .illustration1{

        top: 29%;

    }



    .illustration2{

        top: 18%;

    }



    .illustration3{

        right: 40%;

        top: 5%;

    }



    .btn_decouvrir {

        margin: 30px auto 0;

    }



    section {

        padding: 80px 0;

    }



    section#pedagogie {

        min-height: 1600px;

    }



    h2 {

        font-size: 55px;

        line-height: 40px;

        margin: 0;

    }



    h2:after{

        font-size: 60px;

    }



    .slider-image-m {

        transform: translate(-10%,-5%);

    }



    .slider-image-s {

        transform: translate(-130%,50%);

    }



    .control {

        bottom: 0;

        right: 0;

        left: 0;

        margin: 0 auto;

        width: 60px;

        top: initial;

    }



    #tabs ul li a{

        font-size: 30px;

    }



    h3{

        width: 100%;

        padding: 0;

        margin: 30px 0 10px;

        font-size: 28px;

    }



    .pedagogie_droite{

        height: 400px;

    }



    .pedagogie_droite:before {

        background: url(images/minis-creche-luxembourg-mascotte-pedagogie-fond.svg) no-repeat center top;

        background-size: 80%;

        top: -50px;

    }



    .pedagogie_texte{

        padding: 0;

    }



    .illustration_repas{

        display: none;

    }



    .mascotte_repas{

        width: 20%;

        top: -40px;

        left: initial;

        right: 0;

    }



    .lactivite {

        width: 49%;

        height: 150px;

        margin: 0 0 20px;

    }



    .d_activites{

        width: 90%;

     padding: 20px;

     height: 50%;

    }



    .bloc_activites_legende p:nth-child(1):before{

     top: 5px;

    transform: none;

    }



    .bloc_activites_legende p:nth-child(2):before{

     top: 5px;

    transform: none;

    }



    .bloc_activites_legende p:nth-child(3):before{

     top: 5px;

    transform: none;

    }



    .bloc_activites_legende p:nth-child(1){

        float: none;

    }



    .contact_illustration {

        right: 0px;

        width: 25%;

        left: 150px;

        top: -100px;

    }



    .contact_texte p {

        width: 100%;

        float: left;

        height: auto;

    }



    .site_49_left {

        width: 100%;

    }



    .site_49_right {

        width: 100%;

    }



    .navigation li a

    {

     font-family: 'Poppins';

    }


    #tabs-1, #tabs-2 {
        position: relative;
        overflow: hidden;
        padding: 0 0 50px;
    }

    .reponse.rouge, .reponse2.rouge {
        position: absolute;
        bottom: 0;
    }

    .reponse.vert, .reponse2.vert {
        position: absolute;
        bottom: 0;
    }
}



#activites h2{

    padding-left: 5px; 

}



@media screen and (max-width: 480px){

    .header_bloc_titre{

        bottom: 55px;

    }



    h1 strong{

        font-size: 35px;

    }



    .d_activites{

        height: 70%;

    }



    .d_activites p.titre{

        margin: 0 0 10px;

    }



    .d_activites p{

        line-height: 22px;

    }

}