@charset "UTF-8";@import url('https://fonts.googleapis.com/css2?family=Open+Sans&family=Concert+One:wght@400&display=swap'); @import "/extensions/css/reset_fixe.css"; @import "/extensions/css/reset_portable.css" screen and (max-width:1500px); @import "/extensions/css/reset_tablette.css" screen and (max-width:1100px); @import "/extensions/css/reset_mobile.css" screen and (max-width:700px); @import "/extensions/css/reset_print.css" print; @media screen and (max-width:1500px) {}  @media screen and (max-width:1100px) {}  @media screen and (max-width:700px) {}   html, body{  width:100%;  min-height:100%;  margin:0;  padding:0; }  html{overflow:auto;}  body{ background:#fff;  font-family:"Open Sans",Arial,Georgia,Verdana,sans-serif; font-size:16px; font-weight:300; color:#231f20; }  a{color:inherit;text-decoration:none;}  a:hover{text-decoration:none;}  main{  overflow:hidden; }  main h1,main h2,main h3{ line-height:1.2em; margin:0.3em 0; font-weight:300; }  main h1{font-size:1.8em;}  main h2{font-size:1.5em;}  main h3{font-size:1.2em;}  img,embed{  max-width:100%; }  header[role=banner]{ }  body , main , .image_fond , .image_fond figure{ position:absolute; top:0; bottom:0; left:0; right:0; width:100%; height:5216px; overflow:hidden; }   .image_fond img{ position:absolute;  top:50%;  left:50%;  transform:translate(-50%,-50%); min-width:100%; max-width:100000%; height:5216px; z-index:1; }   .titre_bebe{ position:absolute;  top:180px; z-index:5;  left:50%;  transform:translateX(-50%); width:216px; font-size:12px; }  .titre_bebe *{ position:absolute; line-height:1em; }  .titre_bebe span:nth-child(1) , .titre_bebe span:nth-child(3) , .titre_bebe span:nth-child(4) , .titre_bebe span:nth-child(6){ font-size:200px; font-weight:bold; line-height:120px; }   .titre_bebe span:nth-child(1){ top:0; left:0;  text-shadow:20px 20px 0 #fff; z-index:6; }   .titre_bebe span:nth-child(2){ top:0; left:130px; z-index:10; }   .titre_bebe span:nth-child(3){ top:15px; left:95px; color:#c28a00; font-size:100px; z-index:8; }   .titre_bebe span:nth-child(4){ top:40px; left:105px;  text-shadow:20px 20px 0 #fff; z-index:6; }   .titre_bebe span:nth-child(5){ top:75px; left:180px; z-index:10; }   .titre_bebe span:nth-child(6){ top:100px;  left:170px; color:#c28a00; font-size:60px; z-index:8; }   .titre_bebe span:nth-child(7){ top:84px; left:202px; text-shadow:8px 8px 0 #fff; z-index:6; font-size:100px; font-weight:bold; line-height:100px; }   .titre_bebe span:nth-child(8){ top:180px; left:230px; z-index:10; font-size:12px; }   .bulle_photo_bebe{ position:absolute;  top:900px;  left:50%;  transform:translate(-50%,-50%); width:600px; max-width:90%; z-index:2; }   .bulle_photo_bebe>div.bulle{ display:block; position:relative; background:#C68D00; overflow:hidden; width:100%; height:0; padding-bottom:100%;  border-radius:50%;  box-shadow:inset 40px 40px 40px rgba(0, 0, 0, 0.3); border:20px solid #fff; }  img[alt*=nuage] , .bebe , .bebe * , .bebe>div>p{ position:absolute; }  img[alt*=nuage] , .bebe>div>p{  transition:all 1s ease-in-out; }  img[alt=nuage1]{ top:7%; left:-8%; z-index:6; max-width:37%; }  .bulle_photo_bebe:hover img[alt=nuage1]{ left:80%; }  img[alt=nuage2]{ bottom:2%; right:-22%; z-index:7; max-width:50%; }  .bulle_photo_bebe:hover img[alt=nuage2]{ right:80%; }  img[alt=nuage3]{ top:25%; left:-13%; z-index:8; max-width:30%; }  .bulle_photo_bebe:hover img[alt=nuage3]{ left:90%; }  img[alt=nuage4]{ bottom:5%; right:2%; z-index:12; max-width:25%; }  .bulle_photo_bebe:hover img[alt=nuage4]{ right:70%; }  .bebe{  top:0;  left:0; right:0; bottom:0; width:100%; height:100%; border:2px solid #fff; overflow:hidden; }  .bebe>div , .bebe img{ width:100%; left:0; right:0; }  .bebe>div{ overflow:hidden; height:20%;  box-shadow:0 5px 5px rgba(0,0,0,0.5); }  .bebe>div:nth-child(1){ top:0; z-index:5; }  .bebe>div:nth-child(2){ top:20%; z-index:4; }  .bebe>div:nth-child(3){ top:40%; z-index:3; }  .bebe>div:nth-child(4){ top:60%; z-index:2; }  .bebe>div:nth-child(5){ top:80%; z-index:1; }  .bebe img{ height:500%; left:100%; }  .bebe>div:nth-child(1) img{top:0;}  .bebe>div:nth-child(1) img:nth-child(1){left:0;}  .bebe>div:nth-child(2) img{top:-100%;}  .bebe>div:nth-child(2) img:nth-child(2){left:0%;}  .bebe>div:nth-child(3) img{top:-200%;}  .bebe>div:nth-child(3) img:nth-child(3){left:0%;}  .bebe>div:nth-child(4) img{top:-300%;}  .bebe>div:nth-child(4) img:nth-child(4){left:0%;}  .bebe>div:nth-child(5) img{top:-400%;}  .bebe>div:nth-child(5) img:nth-child(5){left:0%;}   .bebe>div>p{  transform:translate(-50%,-50%);  font-family:"Concert One","Open Sans",Arial,Georgia,Verdana,sans-serif; font-size:680px; opacity:0.1; }  .bebe>div:nth-child(1)>p{top:220%;left:60%;}  .bebe>div:nth-child(2)>p{top:120%;left:45%;}  .bebe>div:nth-child(3)>p{top:20%;left:52%;}  .bebe>div:nth-child(4)>p{top:-80%;left:40%;}  .bebe>div:nth-child(5)>p{top:-180%;left:70%;}  .bulle_photo_bebe:hover .bebe>div>p{ opacity:0.9;left:50%; }   .bulle_nom_bebe{ position:absolute; bottom:0;  left:50%;  transform:translate(-50%,50%); white-space:nowrap; z-index:20; }  .bulle_nom_bebe>p{ display:inline-block; position:relative;  font-family:"Concert One","Open Sans",Arial,Georgia,Verdana,sans-serif;  text-transform:uppercase; font-size:15vw; text-shadow:1vw 1vw 0 #fff; letter-spacing:-1.5vw; }  .bulle_nom_bebe>a{ position:absolute; display:inline-block; padding:10px 20px; top:100%; left:50%;  transform:translateX(-50%); background:#C68D00; color:#fff;  border-radius:10px;  box-shadow:5px 5px 0 #fff;  transition:all 0.3s; font-size:22px; width:400px; white-space:normal; text-align:center; }  .bulle_nom_bebe>a:hover{ background:#8f6807; }   .informations_bebe{ position:absolute; top:1600px;  left:50%;  transform:translateX(-50%); z-index:5; background:#fff;  border-radius:30px; padding :40px; }   .liste_naissance_bebe{ position:absolute; top:2000px; left:0; width:100%; z-index:5; }  .liste_naissance_bebe header{ font-weight:bold; text-align:center; }  .liste_naissance_bebe header.h2{ font-size:40px;  text-shadow:3px 3px 0 #fff; }  .liste_naissance_bebe header.h3{ font-size:30px;  text-shadow:2px 2px 0 #fff; padding:80px 0 15px 0; }  .liste_naissance_bebe_conseil{ display:block; max-width:80%; width:1000px; padding:40px; margin:20px auto;  border-radius:20px; background:#fff; line-height:1.6em; }  .liste_naissance_bebe_conseil a{ font-weight:bold; color:#569cc0; }  .liste_objet{ float:left; display:block; position:relative; width:100%; height:490px; }  .liste_objet>div{ position:absolute; top:0; bottom:0; left:0; right:0; width:100%; height:100%; overflow-x:auto; overflow-y:hidden; white-space:nowrap; text-align:center; }  .liste_objet>div>a{ display:inline-block; position:relative; width:300px; height:450px; margin:10px;  border-radius:10px; background:linear-gradient(to bottom, #89aabd, #89aabd 75%, #569cc0 100%); overflow:hidden; white-space:normal; }  .liste_objet>div>a>picture{ display:inline-block; position:relative;  border-radius:10px; overflow:hidden; background:#eee; width:100%; height:0; padding-bottom:100%; }  .liste_objet>div>a>picture img{ position:absolute;  top:50%;  left:50%;  transform:translate(-50%,-50%); max-height:100%; }  .liste_objet>div>a b{ display:inline-block; width:80%; border-top:2px solid #999;  border-radius:10px; margin:0 10%; background:#fff; transform:translateY(-13px); padding:5px; z-index:12; }  .liste_objet>div>a p{ display:inline-block; width:90%; margin:0 5%; text-align:left; }  .liste_objet>div>a span{ position:absolute;  border-radius:10px; top:10px; right:10px; padding:5px; z-index:11; font-size:11px; font-weight:bold; background:rgba(255,255,255,0.7); }  .liste_objet>div>a div.plus{ position:absolute; top:10px; left:10px;  border-radius:50%; background:#219c00; color:#fff; text-align:center; font-size:30px; line-height:32px; width:32px; height:32px; z-index:20; }  .liste_objet>div>a div.plus:hover{ background:#197201; }  .liste_objet>div>a div.plus:hover~div.hide{ display:block; }  .liste_objet>div>a div.hide{ position:absolute; padding:10px; top:21px; left:21px; right:21px;  border-radius:10px; background:rgba( 42,202,0,0.9); font-weight:bold; text-align:center; font-size:16px; z-index:19; }  .liste_objet .suivant{ position:absolute; right:-40px; top:170px; transform-origin:50% 50%;  transform:rotate(-90deg) scale(0.7);  transition:all 0.3s; }  .liste_objet:hover .suivant{  animation:suivant 1s ease-in-out infinite;  transform:rotate(-90deg) scale(0.7); }  @keyframes suivant {  0%, 100% { transform:rotate(-90deg) scale(0.7) translateY(0); }   50% { transform:rotate(-90deg) scale(0.7) translateY(-20px); }  }  .liste_objet .precedent{ position:absolute; left:-40px; top:170px; transform-origin:50% 50%;  transform:rotate(90deg) scale(0.7);  transition:all 0.3s; }  .liste_objet:hover .precedent{  animation:precedent 1s ease-in-out infinite;  transform:rotate(-90deg) scale(0.7); }  @keyframes precedent {  0%, 100% { transform:rotate(90deg) scale(0.7) translateY(0); }   50% { transform:rotate(90deg) scale(0.7) translateY(-20px); }  }   .defiler{ position:fixed; bottom:30px;  right:30px; z-index:50;  animation:upAndDown 2s ease-in-out infinite; }  @keyframes upAndDown {  0%, 100% { transform:translateY(0); }   50% { transform:translateY(-20px); }  }   div.contenu{ position:absolute; top:50px;  left:50%;  transform:translateX(-50%); z-index:30;  border-radius:10px; border:3px double #fff; background:#fff; padding:30px; }   .annonce_bebe .clitorin img , .annonce_bebe .johan img , .peluche1 , .peluche2 , .annonce_bebe div[class*='nom_'] , .peluche , .annonce_bebe_descriptif , .cliquer_ici{  transition:all 1s; }  .annonce_bebe{ position:absolute; top:550px;  left:50%;  transform:translateX(-50%);  width:100%;  height:1200px;  perspective:1000px;  z-index:2; cursor:pointer; }  .annonce_bebe .fond{ position:absolute;  top:50%;  left:50%;  transform:translate(-50%,-50%); width:100%; height:1200px;  z-index:5; overflow:hidden; }  .annonce_bebe .fond img{ position:absolute;  top:50%;  left:50%;  transform:translate(-50%,-50%); width:auto; max-width:10000%; height:100%; }  .annonce_bebe .clitorin img , .annonce_bebe .johan img{ position:absolute;  top:50%;  left:50%;  transform:translate(-50%,-50%) rotate(15deg); max-width:70%; max-height:1000px;  z-index:6; border:3px solid #000;  transform-origin:center; opacity:0; }  .annonce_bebe.annonce_bebe_defaut .clitorin img , .annonce_bebe:not(.annonce_bebe_defaut) .johan img{ opacity:1; }  .annonce_bebe .johan img{  z-index:7; }  .annonce_bebe_paysage1.annonce_bebe .johan img , .annonce_bebe_paysage2.annonce_bebe .johan img{ max-height:700px; }  .annonce_bebe div[class*='nom_']{ position:absolute; bottom:180px;  left:50%;  transform:translateX(-50%);  z-index:20; width:100%; white-space:nowrap; text-align:center; opacity:0; }  .annonce_bebe.annonce_bebe_defaut .nom_clitorin , .annonce_bebe:not(.annonce_bebe_defaut) .nom_johan{ opacity:1; }  .annonce_bebe div[class*='nom_'] p{ display:inline-block;  transform-origin:center; font-size:180px; font-weight:bold; color:#fff; text-shadow: -8px 0 0 #000 ,  8px 0 0 #000 ,  0 -8px 0 #000 ,  0 8px 0 #000 ,  -6px -6px 0 #000 ,  6px -6px 0 #000 ,  -6px 6px 0 #000 ,  6px 6px 0 #000; }  .annonce_bebe div[class*='nom_'] p:nth-child(1){transform:rotate(15deg);}  .annonce_bebe div[class*='nom_'] p:nth-child(2){transform:rotate(-20deg);}  .annonce_bebe div[class*='nom_'] p:nth-child(3){transform:rotate(5deg);}  .annonce_bebe div[class*='nom_'] p:nth-child(4){transform:rotate(-10deg);}  .annonce_bebe div[class*='nom_'] p:nth-child(5){transform:rotate(15deg);}  .annonce_bebe div[class*='nom_'] p:nth-child(6){transform:rotate(-5deg);}  .annonce_bebe div[class*='nom_'] p:nth-child(7){transform:rotate(20deg);}  .annonce_bebe div[class*='nom_'] p:nth-child(8){transform:rotate(-15deg);}  .peluche{ position:absolute;  top:50%;  left:50%; transform:translate(-50%,-50%) rotate(15deg); transform-origin:center;  z-index:15; width:538px; height:700px; max-width:70%; max-height:1000px; }  .annonce_bebe_paysage1 .peluche , .annonce_bebe_paysage2 .peluche{ width:925px;  max-height:700px; }  .peluche1 , .peluche2{ position:absolute; transform-origin:center; }  .peluche1{  transform:translate(-50%,-50%) rotate(-100deg); top:-5%; left:90%; }  .peluche2{  transform:translate(-50%,-50%) rotate(-100deg); top:80%; left:10%; }  .annonce_bebe_paysage1 .peluche1 , .annonce_bebe_portrait1 .peluche1{  transform:translate(-50%,-50%) rotate(-10deg); top:95%; }  .annonce_bebe_paysage1 .peluche2 , .annonce_bebe_portrait1 .peluche2{  transform:translate(-50%,-50%) rotate(-10deg); top:10%; }  .cliquer_ici{ position:absolute; bottom:20px; left:0; right:0; width:100%; z-index:21; text-align:center; font-size:30px; font-weight:bold; color:#fff; text-shadow: -2px 0 0 #000 ,  2px 0 0 #000 ,  0 -2px 0 #000 ,  0 2px 0 #000 ; opacity:0; }  .annonce_bebe_defaut .cliquer_ici{ opacity:1; }  .annonce_bebe_descriptif{ position:absolute; bottom:0;  left:50%;  transform:translate(-50%,50%); border:8px double #ed7890; background:#ffe78d;  border-radius:10px; padding:15px; z-index:22; opacity:1; }  .annonce_bebe_descriptif *{ line-height:2em; }  .annonce_bebe_defaut .annonce_bebe_descriptif{ opacity:0; }  @media screen and (max-width:1000px) {  .bebe>div>p{  font-size:90vw; }   .liste_objet .precedent , .liste_objet:hover .precedent{  left:-70px;  transform:rotate(90deg) scale(0.5);  animation:none; }   .liste_objet .suivant , .liste_objet:hover .suivant{  right:-70px;  transform:rotate(-90deg) scale(0.5);  animation:none; }   .liste_objet *{  font-size:16px; }  }  @media screen and (max-width:700px) {  .annonce_bebe div[class*='nom_'] p{  font-size:20vw; }   .peluche{  height:0;  padding-bottom:90%; }   .annonce_bebe_paysage1 .peluche , .annonce_bebe_paysage2 .peluche{  padding-bottom:55%; }   }  @media (hover:none) {   .liste_objet .precedent , .liste_objet .suivant{  display:none; }   }  .fx_edit_popup_fond { position:fixed; top:0; bottom:0; left:0; right:0; width:100%; height:100%; overflow:hidden; background:#000; background:rgba( 0 , 0 , 0 , 0.3 ); z-index:100; cursor:pointer; }  .fx_edit_popup{ position:fixed;  top:50%;  left:50%;  transform:translate(-50%,-50%); max-width:90%; max-height:90%; min-width:500px; background:#fff; overflow-x:hidden; overflow-y:auto; color:#000; border:3px solid #000; border-radius:10px; z-index:101; padding:30px; }  .fx_edit_popup.fx_edit_popup_plein_ecran{ top:50%; left:50%; right:auto;  transform:translate(-50%,-50%); height:95%; width:95%; }  .fx_edit_popup.fx_edit_popup_plein_ecran img{ max-height:100%; max-width:100%; }  .fx_edit_popup.fx_edit_popup_plein_ecran iframe{ position:absolute; top:0; bottom:0; right:0; left:0; width:100%; height:100%; }  .fx_edit_fermer{ position:fixed; top:8px;  left:50%;  transform:translateX(-50%);  border-radius:10px; cursor:pointer; line-height:3ex; text-align:center; border:1px solid #000; background:#fff; padding:0 1.5ex; z-index:102; }  .fx_edit_hide{ display:none; }  .edit_patience_popup , .edit_patience_popup:after{ position:absolute; top:50%; left:50%;  border-radius:50%; }  .edit_patience_popup{ width:30px; height:30px; background:#fff; background:rgba(255,255,255,0.8); z-index:998;  transform:translate(-50%,-50%);  animation:animation_edit_patience_popup 3000ms infinite linear; }  .edit_patience_popup:after{ content:" "; top:0%; left:0%; bottom:20%; right:20%; border-top:5px solid #195193; border-right:5px solid #195193; border-bottom:5px solid #195193; border-left:5px solid transparent;  animation:animation_edit_patience_popup_after 1250ms infinite linear; z-index:999; }  @keyframes animation_edit_patience_popup{  0%{   transform:rotate(0deg);  }   100%{   transform:rotate(-360deg);  }  }  @keyframes animation_edit_patience_popup_after{  0%{   transform:rotate(0deg);  }   100%{   transform:rotate(360deg);  }  }  @media screen and (max-width:700px) {  .fx_edit_popup{  min-width:auto;  width:90%; }   }  .form_input_time{ display:inline-block; position:relative; padding:0 12px; width:15px; cursor:pointer; line-height:40px; }  .form_input_time>span{ display:inline-block; width:15px; height:15px; background:transparent url( /extensions/fonctions/form/images/clock.png) no-repeat center center; }  .form_input_time>div{ position:absolute; top:40px; left:-100px; width:100px; background:#fff; border:1px solid #000; z-index:100; }  .form_input_time>div>div{ float:left; width:50%; height:9.8em; overflow-x:auto; }  .form_input_time>div p{ border-bottom:1px solid #888; line-height:1.4em; text-align:center; }  .form_input_time>div p.actif , .form_input_time>div p:hover{ background:#ddd; }   .form_on_off{  position:relative;  display:inline-block;  width:60px;  height:34px; }  .form_on_off input{  opacity:0;  width:0;  height:0; }  .form_on_off span{  position:absolute;  cursor:pointer;  top:0;  left:0;  right:0;  bottom:0;  background-color:#ccc;  transition:.4s;  border-radius:34px; }  .form_on_off:hover input + span{  background-color:#aaa; }  .form_on_off span:before{  position:absolute;  content:"";  height:26px;  width:26px;  background-color:#fff;  transition:.4s;  border-radius:50%;  top:50%;  left:4px;  transform:translateY(-50%); }  .form_on_off input:checked + span{  background-color:#2196F3; }  .form_on_off:hover input:checked + span{  background-color:#0f70bc; }  .form_on_off input:focus + span{  box-shadow:0 0 1px #2196F3; }  .form_on_off input:checked + span:before{  left:calc( 100% - 30px ); }  .form_on_off span p{ position:absolute;  top:0;  bottom:0;  left:4px; max-width:calc( 100% - 34px ); text-align:left; line-height:34px; font-size:10px; padding:0 5px;  transition:all 0.3s;  opacity:0;  filter:alpha(opacity=0); }  .form_on_off span p:last-child{ text-align:right;  opacity:1;  filter:alpha(opacity=100);  right:4px; left:auto; }  .form_on_off input:checked + span p{  opacity:1;  filter:alpha(opacity=100); }  .form_on_off input:checked + span p:last-child{  opacity:0;  filter:alpha(opacity=0); }  .form_on_off.txt_off_2_lignes span p:last-child{ line-height:17px; }  .input_euro{ text-align:right; }  input[readonly]{ background:linear-gradient(-45deg, #eee 25%, #ccc 25%, #ccc 50%, #eee 50%, #eee 75%, #ccc 75%, #ccc); background-size:6px 6px; }