/* * Différents media screen utilisés : * @media screen and (min-width: 1500px) * @media screen and (max-width: 1024px) * @media screen and (max-width: 992px) * @media screen and (max-width: 768px) * @media screen and (max-width: 576px) */ /* Cécilia Huang le 18/04/2017 */ /* modification sur l'ensemble du document * *:focus{ outline: none; } .row{ padding-top:5vh; padding-bottom:5vh; background-color:#fbd8e3; margin:0; } /* modification sur la partie blanche * .form_layer{ min-height:90vh; padding:20px; background-color:white; box-shadow: 0px 0px 50px rgba(85, 85, 85, 0.56); } #logo{ margin-bottom:2%; } p{ text-align:justify; color:#868686; } /* les cercles et étapes .circle{ width:50px; height:50px; border-radius:50%; text-align:center; color:white; font-size:25px; padding:7px; } #cercle1{ background-color:#ffcccc; } #cercle2{ background-color:#f2adc0; } #cercle3{ background-color:#f5909f; } .etape-description, .etape{ padding-right:0; } .etape,.paragraphe{ padding-bottom:2%; } h1{ text-align:center; font-size:16px; margin-top:0; margin-bottom:40px; } /* les collapses et les éléments communs * #headingOne{ background-color:#ffcccc; } #headingTwo{ background-color:#f2adc0; } #headingThree{ background-color:#f5909f; } .nom_collapse{ color: white; font-weight:bold; text-align:center; margin-bottom:0; font-size:18px; } .panel-title > a:hover,.panel-title > a:focus{ text-decoration:none; } .panel{ border:none; border-radius:0px; } .panel-group .panel + .panel { margin-top: 0px; } .panel-body .suite{ margin: 0 50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); border-radius:50%; width:30px; height:30px; font-size:20px; color:white; } .panel-body{ background-color:#fef3f3; padding : 30px; } .panel-body input,.panel-body button,textarea{ border:none; } /* test .droite{ float:right; } /* premier collapse #collapseOne .panel-body input,#collapseOne .panel-body button{ background-color:#ffcccc; } #collapseOne .panel-body input::placeholder { color:#cc6666; } #collapseOne .panel-body input{ border-radius:5px; color:#cc6666; margin-bottom:30px; } /* deuxième collapse #collapseTwo .panel-body input,#collapseTwo .panel-body button,#collapseTwo textarea{ background-color:#f2adc0; } #collapseTwo .panel-body input::placeholder, #collapseTwo textarea::placeholder{ color:#a01254; } #collapseTwo .panel-body input,#collapseTwo textarea{ color:#a01254; } #collapseTwo textarea{ max-width:100%; min-width:100%; } #collapseTwo .panel-body input{ margin: 0 1%; } #collapseTwo .panel-body input,textarea{ border-radius:5px; margin-bottom:30px; } /* troixième collapse #collapseThree .panel-body input::placeholder { color:#be4456; } #collapseThree .panel-body input{ color:#be4456; border-radius:5px; margin-bottom:1px; } .texte-relais{ text-align:center; } #collapseThree p{ color:#f5909f; } .ajout_adresse_livraison{ font-size:8px; margin-top:5px; } .ajout_adresse_livraison button{ border-radius:5px; color:white; font-size:15px; background-color:#f5909f; } .rose_fonce{ background-color:#f5909f; } .rose_pale{ background-color:#f7a0ad; } .envoie_form_inscription{ margin: 0 50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); box-shadow: 5px 5px 20px rgba(85, 85, 85, 0.40); width:auto; color:white !important; background-color:#e75498; border:5px solid white !important; } .span{ background-image:url(../img/fond_coeur.png); background-repeat:no-repeat; background-size:contain; } @media (max-width:1200px){ .mq_droite{ float:right; } #collapseTwo .panel-body input{ margin:auto 0; margin-bottom:30px; } } */ /* Jonathan Rodrigues le 12/04/2017 */ /* général */ @font-face{ font-family: halflings-regular; src: url(../fonts/glyphicons-halflings-regular); } @font-face{ font-family: 'A little Sunshine'; src: url('/mbb/fr/css/fonts/ALittleSunshine.ttf'); } .bg-inscription, .bg-inscription body{background-color: #fcd8e2;} .bg-inscription .container{padding: 0px 50px 50px 50px;margin-top:50px;background-color: #fff;-moz-box-shadow: 0px 0px 40px 0px #656565;-webkit-box-shadow: 0px 0px 40px 0px #656565;-o-box-shadow: 0px 0px 40px 0px #656565;box-shadow: 0px 0px 40px 0px #9b9b9b;filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=40);} @media screen and (max-width: 576px){ .bg-inscription .container{padding: 0 15px;} .welcome{width: 100%;} } html{min-height: 100vh;} html,body{ overflow-x: hidden; background-color : #fff; font-family: 'PT Sans', sans-serif; } img, iframe, video{max-width: 100%;} /* Header */ #header{background-color: #fff;background: url('/ferti/fr/images/header-fille.png') center no-repeat;background-size:100% 100%;} #header .noeud-fille img{max-width:300px;} #header .header-icon{float: left;border-radius: 50%;background-color: #9bc31e;height:25px;width:25px;margin-left:5px;padding-left: 6px;margin-top:10px;} #header .header-icon .fa{color: #ecf1d2;font-size:0.9rem;} #header .header-icon .fa-times{padding-left:1px;;} #header .header-icon .fa-question{font-size:1rem;padding-left:1px;} #header .menu-fond{height:45px;background: url('/ferti/fr/images/header-font.png') center repeat;} #header .menu-fond .container-fluid{margin-top:5px;margin-bottom:5px;background-color: #9bc31e;width: 100%;} #header .menu{margin-top:3px;display: flex;} #header .menu .row.col-auto{margin: auto;} #header .menu .fa{font-size:0.7rem;color: #fff;margin-left:15px;margin-right:15px;} #header .menu a{text-transform: uppercase;color: #fff;font-weight: 600;text-decoration: none !important;font-size:14px;} #header .menu a:hover{font-weight: 600;} #header .bar.button{z-index: 2000;margin-top: 5px;position: fixed;right: 25px;top: 20px;height: 4px !important;width: 25px;background-color: #9bc31e;transition: all 0.3s;padding: 0 !important;cursor: pointer;} #header .bar.button::before{transition: all 0.3s;content: "";position: absolute;right: 0;top: -7px;height: 4px;width: 25px;background-color: #9bc31e;} #header .bar.button::after{transition: all 0.3s;content: "";position: absolute;right: 0;top: 7px;height: 4px;width: 25px;background-color: #9bc31e;} #header .bar.button.white, #header .bar.button.white::after, #header .bar.button.white::before{background-color: #fff;} #header .bar.cross{background-color: transparent !important;} #header .bar.cross:before{background-color: #9bc31e !important;transform: rotate(45deg);top:0px;} #header .bar.cross:after{background-color: #9bc31e !important;transform: rotate(-45deg);top:0px;} #header.inscription{background: none;} .lateral-menu{position: fixed;top:0;right: -350px;height:100vh;width: 350px;transition: all linear .3s;background-color: #fff;color: #9bc31e;z-index: 100;border-left:1px solid transparent;} .lateral-menu ul{list-style: none;padding: 50px 20px;} .lateral-menu ul li{height: 50px;padding: 12px 20px;background-color: transparent;transition: all linear .2s;letter-spacing:0.2px;border-bottom: 1px solid rgba(51,51,51,0.08);font-size:15px;} .lateral-menu ul a li { text-align: left;} .lateral-menu ul a{color:#333;text-transform: uppercase;text-decoration: none !important;transition: all linear 0s;} .lateral-menu ul a:hover{color: #9bc31e;} .lateral-menu ul a:hover li{background-color: rgba(255,255,255,.8);} .lateral-menu .menu-icon{border-radius:100%;font-size :20px;width:40px;height:40px;line-height:40px;display: inline-block;position: relative;text-align: center;color: #e95da0;} .lateral-menu .icon-twitter{margin-right:15px;margin-left:15px;} .lateral-menu .menu-icon::before{content: '';position: absolute;top:0;bottom:0;left:0;right:0;border-radius:100%;background: transparent;z-index: -1;} .lateral-menu .menu-icon::after{content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;vertical-align: middle;width: 100%;height: 100%;transform: scale(0);background: #e95da0;border-radius: 100%;z-index: -1;transform :scale(0);animation: transform 0.5s;} .lateral-menu .menu-icon:hover::after{animation-name: bubble;animation-duration: 0.5s;animation-fill-mode: forwards;} .lateral-menu .menu-icon:hover{animation-name: bubble2;animation-duration: 0.5s;animation-delay:0.1s;animation-fill-mode: forwards;} .lateral-menu .icon-twitter::after{background-color: #e95da0;} .select-lang{color: #fbd8e3;background-color: #e75498;border: none;border-radius: 50%;margin-top: 10px;margin-left: 5px;height: 25px;width: 25px;cursor: pointer;} .select-lang.dropdown-toggle::after{content: none;} .socials-icons .dropdown-menu{min-width: max-content; } .g .select-lang{color: #d3f0ff;background-color: #25aae2} #header .m-header-icon{float: left;border-radius: 50%;background-color: #e75498;height: 40px;width: 40px;padding-top: 6px;margin: auto;} #header .m-header-icon .fa{color: #fbd8e3;font-size: 1.5rem;} #header.g .m-header-icon{float: left;border-radius: 50%;background-color: #25aae2;height: 40px;width: 40px;padding-top: 6px;margin: auto;} #header.g .m-header-icon .fa{color: #d3f0ff;font-size: 1.5rem;} #header.g{background: url(/ferti/fr/images/header-garcon.png) center no-repeat; background-size: 100% 100%;} #header.g .header-icon{background-color: #25aae2;} #header.g .header-icon .fa{color: #d3f0ff;font-size:0.9rem;} #header.g .menu-fond{background: url('/ferti/fr/images/header-font-g.png') center repeat;} #header.g .menu-fond .container-fluid{background-color: #6ca5da;} #header.g .bar.button{background-color: #25aae2;} #header.g .bar.button::before{background-color: #25aae2;} #header.g .bar.button::after{background-color: #25aae2;} #header.g .bar.cross{background-color: transparent;} #header.g .bar.cross:before{background-color: #25aae2 !important;transform: rotate(45deg);top:0px;} #header.g .bar.cross:after{background-color: #25aae2 !important;transform: rotate(-45deg);top:0px;} .g.lateral-menu{color: #25aae2;} .g.lateral-menu ul a:hover{color: #25aae2;} .g.lateral-menu .menu-icon{color: #25aae2;} .g.lateral-menu .menu-icon::after{background: #25aae2;border-radius: 100%;z-index: -1;transform :scale(0);animation: transform 0.5s;} .g.lateral-menu .icon-twitter::after{background-color: #25aae2;} .g.lateral-menu .menu-icon:hover::after{animation-name: bubble;animation-duration: 0.5s;animation-fill-mode: forwards;} .g.lateral-menu .menu-icon:hover{animation-name: bubble2;animation-duration: 0.5s;animation-delay:0.1s;animation-fill-mode: forwards;} #header .bar.color-swap{background-color: #fff;} #header .bar.color-swap:before{background-color: #fff;} #header .bar.color-swap:after{background-color: #fff;} @keyframes bubble{ 0% {} 100%{transform :scale(1);} } @keyframes bubble2{ 0% {} 100%{color: #fff;} } /* < 576px */ @media screen and (max-width: 576px){ .lateral-menu{width: 100%;right: -100%;} } /* < 992px */ @media screen and (max-width: 5000px){ .content{margin-top: 35px !important;} .lateral-menu{position: fixed;top:0;} .lateral-menu.menu-expanded{right: 0;} .lateral-menu.menu-expanded ul.col-12 a li img{height:100%} } /* Footer */ #footer{background-color: #fcd8e2; padding-top:100px;padding-bottom:20px;} #footer ul{padding:0;list-style: none;} #footer ul li{color: #ec5ca4;font-size: 12px;} #footer ul li a{color: #ec5ca4;} #footer .site-name{color: #fff;margin-bottom:5px;font-wieght: 600;} #footer .footer-icon{border-radius: 50%;float: left;background-color: #fff;height: 25px;width:25px;margin-left:5px;padding-left:6px;} #footer .auto-margin a:first-child .footer-icon{padding-left:7px;} #footer .footer-icon .fa{color: #fcd8e2; } #footer .socials{margin-bottom: 20px;margin-top: auto;} #footer.g{background-color: #d3f0ff;} #footer.g ul li{color: #25aae2;font-size: 12px;} #footer.g ul li a{color: #25aae2;} #footer.g .footer-icon .fa{color: #d3f0ff; } @media screen and (max-width: 768px){ #footer{padding-bottom: 60px;} } /* Mobile */ .inside-mobile .highcharts-legend{display:none;} .inside-mobile text[text-anchor="end"]{display:none;} .inside-mobile .highcharts-background{fill: transparent;} .inside-mobile .highcharts-title{color: #fff !important;fill: #fff !important;} .inside-mobile .highcharts-title tspan{font-size:13px;text-transform: uppercase;} .inside-mobile .highcharts-axis-labels.highcharts-xaxis-labels{display:none;} .inside-mobile #mobile-ph .highcharts-series path:first-child{stroke: #fff;} .inside-mobile #mobile-ph .highcharts-grid path{stroke: transparent;} .inside-mobile .highcharts-axis path{stroke: transparent;} .inside-mobile #mobile-ph .highcharts-color-0{fill: #fff;} .inside-mobile #mobile-ph .highcharts-markers.highcharts-tracker path{fill: #fff;stroke: #fff;display: none;} @media screen and (max-width: 768px){ /*#phone-ph-mobile{ width: 100vw;margin-left: calc((100vw - 540px) / -2);}*/ } /* Login */ .login{margin-top: 50px !important;margin-bottom: 25px !important;} .login div{background-color: #ecf1d2;} .login .row{padding: 50px;padding-top:25px;} .login input{background-color: #ee81aa;border: 1px solid transparent;height:40px;margin-bottom:10px;} .login input:focus, .login textarea:focus{outline-color:#9bc31e;} .login .label{color: #9bc31e;padding: 10px 15px;font-size:20px;} .new-member{color: #9bc31e;font-weight: 600;font-size:18px;} .login-btn{text-transform: uppercase;max-width: 100%;color:#fff;background-color: #e95299;padding: 6px 10px;border: 2px solid #fff;font-size: 20px;border-radius: 3px;margin-bottom:30px !important;margin-top:10px !important; -moz-box-shadow: 0px 5px 5px 0px #ccc; -webkit-box-shadow: 0px 5px 5px 0px #ccc; -o-box-shadow: 0px 5px 5px 0px #ccc; box-shadow: 0px 5px 5px 0px #ccc; filter:progid:DXImageTransform.Microsoft.Shadow(color=#ccc, Direction=180, Strength=5); cursor:pointer; } .btn-bleu{ background-color:#25aae2;} .login-btn.connection{margin-bottom:0 !important;} .login-btn:focus{outline-color: #e95299;} .login-btn:hover{color: #fff;text-decoration: none;} .titreLogin{text-align: right;} .titreLogin a{color: #e95da0;} .g .titreLogin a{color: #2eaee3;} .g .login-btn{background-color: #25aae2;} /* login garçon */ .login.g div{background-color: #d3f0ff;} .login.g input{background-color: #25aae2;} .login.g input:focus, .login textarea:focus{outline-color:#25aae2;} .login.g .label{color: #25aae2;} .login-page.g .new-member{color: #25aae2;} .login-page.g .login-btn{background-color: #25aae2 !important;} .g .login-btn:focus{outline-color: #25aae2;} /* Home */ .mobile-block{padding-left: 20px;} .mobile{position: absolute;left:0;} .mobile-block div{color: #fff;} .inside-mobile{width: calc(100% - 90px);margin: auto !important;} .inside-mobile .mobile-date{margin-top: 92px;color: #fff;text-align: center;} .mobile-ph{margin-top: 15px;font-size:12px;text-align: center;height:65px;padding:0; } .mobile-cycle{font-size:12px;text-align: center;height:135px;padding:0;padding-top:5px;padding-left: 7px;padding-right: 7px;} .mobile-cycle table td{padding: 2px;color: #fff;} .mobile-comp{font-size:12px;text-align: center;height:130px;padding:0;padding-top:10px;} .mobile-block .carre{height: 30px;width:30px;background-color: #fff;color: #e75498;margin: 0 13px;padding-top:3px;font-size:15px;} .mobile-block .vit{font-size:9px;padding:0 5px;padding-top:2px;float:left;} .mobile-ddl{text-align: center;margin-top: 15px;margin-bottom: 50px;} .mobile-ddl ul{font-size: 10px;padding-left: 10px;text-align: left;} .content{font-family: 'PT Sans', sans-serif;} .welcome-block{border-bottom: 2px solid #fcd8e4;} .welcome{color: #e75498;margin-top:15px !important;margin-bottom:10px !important;} .g .welcome-block{border-bottom: 2px solid #d2f2ff;} .g .welcome{color: #1396d7;} .avatar{width: 75px;} .comment{background-color: #ffcccb;color:#fff;text-transform: uppercase;font-size:35px;border-top: 2px solid #fcd8e4;border-bottom:2px solid #fcd8e4;transition: all linear .2s;} .comment:hover{cursor: pointer;background-color: #fff;color:#ffcccb;} .g .comment{background-color: #7fc8d9;border-top: 2px solid #d2f2ff;border-bottom: 2px solid #d2f2ff;} .g .comment:hover{background-color: #fff;color: #7fc8d9;} .methode{background-color: #f4acc0;color:#fff;text-transform: uppercase;font-size:35px;border-top: 2px solid #fcd8e4;border-bottom:2px solid #fcd8e4;transition: all linear .2s;} .methode:hover{cursor: pointer;background-color: #fff;color:#f4acc0;} .g .methode{background-color: #908ec0;border-top: 2px solid #d2f2ff;border-bottom:2px solid #d2f2ff;} .g .methode:hover{background-color: #fff;color:#908ec0;} .recette{background-color: #ee81aa;color:#fff;text-transform: uppercase;font-size:35px;border-top: 2px solid #fcd8e4;border-bottom:2px solid #fcd8e4;transition: all linear .2s;} .recette:hover{cursor: pointer;background-color: #fff;color:#ee81aa;} .g .recette{background-color: #7db0df;border-top: 2px solid #d2f2ff;border-bottom:2px solid #d2f2ff;} .g .recette:hover{background-color: #fff;color:#7db0df;} .recette, .methode, .comment{height: 125px;} .recette div, .methode div, .comment div{line-height: 30px;margin-top: auto; margin-bottom: auto;margin-left:0;margin-right:auto;} .mobile-block{position: absolute;z-index:10;width: 320px;right:0;top:0;} .home .mobile-block{right: 0 !important;} .comment img{width:70px; float: left;margin-top: auto;margin-bottom: auto;margin-right:0;margin-left:auto;} .methode img{width:70px; float: left;margin-top: auto;margin-bottom: auto;margin-right:0;margin-left:auto;} .recette img{width:65px; float: left;margin-top: auto;margin-bottom: auto;margin-right:0;margin-left:auto;} #home-accordion a{text-decoration: none !important;} #home-accordion .card{border:none;} #home-accordion .card-header{border-radius: 0;} .home #home-accordion .card-block{/*width: calc(100% - 300px);*/ color: #ec5ca4;} .home.g #home-accordion .card-block{color: #34abe1;} .home #home-accordion #collapseOne .card-block, .home #home-accordion #collapseThree .card-block, .special-block{width: calc(100% - 600px);margin-left: 300px;} #home-accordion .card-block p{text-align: center;} #home-accordion .card-block ol, li{text-align: center;} .box-received{background-color: #fcd8e2;padding: 15px;} .box-received .login-btn{font-size: 12px;padding-left: 50px;width: 250px;} .card-block select{color: #ce696b;background-color: #ffcfce;border: 1px solid transparent;outline: #e75498;text-transform: uppercase;padding: 5px 5px;} .g .box-received{background-color: #d3f0ff;} .g .card-block select{background-color: #7fc8d9;color: #0fa3dd;} button#submit-enceinte-f{background-color: transparent;border: none;} button#submit-enceinte-f:before{content:"";background: url('/ferti/fr/images/bt-je-suis-enceinte.png') center no-repeat;background-size: contain;position: absolute;z-index: 10;width:150px;height: 120px;top:0;left: calc(50% - 60px);cursor: pointer;} button#submit-enceinte-g{background-color: transparent;border: none;} button#submit-enceinte-g:before{content:"";background: url('/ferti/fr/images/bt-je-suis-enceinte-g.png') center no-repeat;background-size: contain;position: absolute;z-index: 10;width:150px;height: 120px;top:0;left: calc(50% - 60px);cursor: pointer;} /* < 1200PX */ @media screen and (max-width: 1024px){ .comment img, .methode img, .recette img, .welcome{ margin-left:30px !important;} .home #home-accordion .card-block{width: calc(100% - 300px) !important;margin-left: 0px !important;} } /* < 992px */ @media screen and (max-width: 992px){ #home-accordion .card-block, .special-block{width: 100% !important; margin-left:0;} #home-accordion #collapseThree .card-block{width: 100% !important;} #home-accordion #collapseOne .card-block, #home-accordion #collapseThree .card-block{text-align: left;} } /* < 768px */ @media screen and (max-width: 768px){ #home-accordion #collapseOne .card-block, #home-accordion #collapseThree .card-block{width: 100% !important;} .welcome{margin-left: auto !important;} .recette div, .methode div, .comment div{margin:auto;text-align: center;} .mobile-ph{padding-left: 65px;padding-right: 45px;} .mobile-cycle{padding-left: 80px;padding-right: 45px;} } /* < 576px */ @media screen and (max-width: 576px){ .comment, .methode, .recette{ font-size: 25px;} } /* Inscription */ .inscription-page .inscription-form .card{border: none !important;} .inscription-page .inscription-form .card-header{height: 50px;;border:1px solid;cursor: default !important;} .inscription-page .inscription-form .card-header .col-auto{margin: auto;font-size:25px;} .inscription-page .inscription-form .card-block{padding: 10px 0;} .inscription-page .inscription-form .card-block input{background-color: #e85198;border: 1px solid transparent;height:40px;color: #fff;border-radius: 4px;font-size: 15px;} .inscription-page .inscription-form .card-block input:not([type="tel"]){margin-bottom:10px !important;} .inscription-page .inscription-form .card-block input::placeholder{color:#fff;} .inscription-page .inscription-form .card-block input:-ms-input-placeholder{color:#fff;} .inscription-page .inscription-form .card-block input::-ms-input-placeholder{color:#fff;} .inscription-page .inscription-form input[type="date"]::before{content: 'DATE DES REGLES';width: 100%;transition: all linear .1s;opacity: 1;} .inscription-page .inscription-form input[type="date"]:focus::before { opacity:0;display:none; } .inscription-page .inscription-form input[type="date"]::-webkit-clear-button{display: none;} .inscription-page .inscription-form input[type="date"]::-webkit-inner-spin-button{height:40px;width:15px;} .inscription-page .inscription-form input[type="date"]::-webkit-calendar-picker-indicator{font-size: 18px;} .inscription-page .inscription-form input[type="date"]::-webkit-calendar-picker-indicator:hover{background-color:transparent;} .inscription-page .inscription-form .card-block input:focus, .inscription-page .inscription-form .card-block textarea:focus{outline-color: #e95299;} .inscription-page .inscription-form .card-block .suite{cursor: pointer;border-radius: 50%;width:40px;height: 40px;color: #fff;background-color: #ffcfce;border: 1px solid #ffcfce;font-size:25px;} .inscription-page .inscription-form #collapseTwo{background-color: #ffdee7;} .inscription-page .inscription-form #collapseTwo input{background-color: #edafc0;border: 1px solid transparent;height:40px;color: #a51452;border-radius: 4px;margin-bottom: 30px;font-size:13px;} .inscription-page .inscription-form textarea{padding: 7px 15px;} .inscription-page .inscription-form input::placeholder, .inscription-page .inscription-form textarea::placeholder{color:#fff;font-size:14px;} .inscription-page .inscription-form textarea{background-color: #e85198;border: 1px solid transparent;margin-bottom:10px;color: #fff;border-radius: 4px;} .inscription-page .inscription-form #collapseTwo .suite{background-color: #edafc0;} .inscription-page .inscription-form #collapseThree .col-md-6.col-12 input{background-color: #f7929c;color: #bd4552;margin-bottom:1px;} .inscription-page .inscription-form #collapseThree .col-md-6.col-12 input:nth-child(odd){background-color: #f7a2ad;} .inscription-page .inscription-form #collapseThree p{color: #f7929c;text-transform: uppercase;} .inscription-page .inscription-form #collapseThree .ajout_adresse_livraison{font-size:10px;text-align: right;margin-top:3px;} .inscription-page .inscription-form #collapseThree .ajout_adresse_livraison button{background-color: #f38ea0;color: #fff;border-radius:5px;border: 2px solid #fff;font-size:15px;padding: 0;width:25px;height:25px;} .title-inscription{color: #333;font-weight:600;font-size:16px;margin-bottom: 50px;} .inscription-page .card-block select{color: #fff;background-color: #e85198;border: 1px solid transparent;outline: #e75498;text-transform: uppercase;padding: 5px 5px;height: 40px;border-radius: 3px;} .how-know input[type='radio']{position: absolute;visibility: hidden;} .how-know input ~label{z-index: 1;cursor: pointer;} .how-know .check{display: block;position: absolute;border: 2px solid #AAAAAA;border-radius: 100%;height: 15px;width: 15px;top: 5px;/*left: 0px;*/z-index: 0;transition: border .25s linear; -webkit-transition: border .25s linear;} .how-know .check:before{z-index: 0;display: block;position: absolute;content: '';border-radius: 100%;height: 9px;width: 9px;margin: auto;left: 1px;top: 1px;transition: background 0.25s linear;-webkit-transition: background 0.25s linear;} .how-know input[type=radio]:checked ~ .check:before{background-color: #e75498;} .how-know .other-input{border: 2px solid #e75498 !important;background-color: #fff !important;color : #e75498 !important;padding: 0 10px;} .how-know .other-input::placeholder{color : #e75498 !important;} .how-know .other-input:-ms-input-placeholder{color : #e75498 !important;} .how-know .other-input::-ms-input-placeholder{color : #e75498 !important;} .g .how-know input[type=radio]:checked ~ .check:before{background-color: #25aae2;} .g .how-know .other-input{border: 2px solid #25aae2 !important;background-color: #fff !important;color : #25aae2 !important;padding: 0 10px;} .g .how-know .other-input::placeholder{color : #25aae2 !important;} .g .how-know .other-input:-ms-input-placeholder{color : #e75498 !important;} .g .how-know .other-input::-ms-input-placeholder{color : #e75498 !important;} .inscription-page.g .inscription-form .card-block input,.inscription-page.g .inscription-form .card-block textarea{background-color: #2daae1;color: #fff;} .inscription-page.g .inscription-form .card-block input::placeholder, .inscription-page.g .inscription-form .card-block textarea::placeholder{color:#fff;} .inscription-page.g .inscription-form .card-block input:focus, .inscription-page.g .inscription-form .card-block textarea:focus{outline-color: #0fa3dd;} .inscription-page.g .card-block select{background-color: #2daae1;color: #fff;} .MRW-Search{padding-left: 75px !important;} .ins-img{width: 20%;float:left;} @media screen and (max-width: 992px){ .ins-img{width: 33%;float:left;} div .ins-img:nth-child(4){margin-left: 16.5%;} } @media screen and (max-width: 768px){ .ins-img{width: 50%;float:left;} div .ins-img:nth-child(4){margin-left: 0;} div .ins-img:last-child{margin-left: 25%;} } @media screen and (max-width: 576px){ div .ins-img{width: 100%;float:left;margin: 0 !important;} .inscription-container{padding: 15px 30px !important;} } .suite:focus{outline: none;} .etape{margin:10px 0;} .etape .nbr{text-align: center;border-radius: 50%;background: #f4acc0;padding: 20px 20px 20px 15px;font-size: 30px;color: #fff;font-style: italic;width:85px;height:85px;} .etape #cercle1 div{background-color: #ffcccb;} .etape #cercle3 div{background-color: #ee81aa;} @media screen and (max-width: 576px){ .inscription-page .card-header div{font-size: 20px !important;} } /* Mes recettes */ .mes_recettes h2{text-transform: uppercase;color: #e75498;font-size: 25px;font-weight:600;margin-bottom: 30px;} .mes_recettes .spe-fille{margin-top:25px;} .mes_recettes .spe-fille p{margin-bottom: 20px;} .mes_recettes .spe-fille .login-btn{font-size:13px;padding: 7px 25px;max-width: 100%;} .recette-fiche{background-color: #fff; -moz-box-shadow: 0px 0px 10px 3px #ccc; -webkit-box-shadow: 0px 0px 5px 3px #ccc; -o-box-shadow: 0px 0px 10px 3px #ccc; box-shadow: 0px 0px 10px 3px #ccc; filter:progid:DXImageTransform.Microsoft.Shadow(color=#ccc, Direction=180, Strength=5); } .thematiques{padding: 50px 15px;} .thematiques .theme-head{background-color: #e95299;border-radius: 10px;color: #fff;font-size: 35px;font-family: 'A little Sunshine';padding: 10px 15px;line-height: 35px;} .thematiques .theme-head span{font-family: 'PT Sans Regular';font-size: 24px;} .thematiques .multiple-items{color: #e95299;} .slick-prev, .slick-next{z-index: 10;} .slick-prev:before, .slick-next:before{color: #e95299 !important;font: normal normal normal 14px/1 FontAwesome !important;font-size: 30px !important;text-rendering: auto;-webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important;} .slick-next:before{content: "\f054" !important;} .slick-prev:before{content: "\f053" !important;} .slick-next{right: -10px !important;} .slick-prev{left: -10px !important;} .g .thematiques .theme-head{background-color: #1396d7;} .g .thematiques .multiple-items{color: #1396d7;} .g .slick-prev:before, .g .slick-next:before{color: #1396d7 !important;} .recette-video{padding: 100px 15px 30px 15px;background: url(/ferti/fr/images/bg-caareaux.png) repeat;background-size: 130px;} .recette-video .theme-head{background-color: #e95299;border-radius: 10px;color: #fff;font-size: 35px;font-family: 'A little Sunshine';padding: 10px 15px;line-height: 35px;} .recette-video .theme-head span{font-family: 'PT Sans Regular';font-size: 24px;} .recette-video .recette-video-link{padding: 20px 15px;color: #e95299;text-transform: uppercase;background: #fbe8ee; background: -moz-linear-gradient(top, #fbe8ee 0%, #f1bccd 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #fbe8ee), color-stop(100%, #f1bccd)); background: -webkit-linear-gradient(top, #fbe8ee 0%, #f1bccd 100%); background: -o-linear-gradient(top, #fbe8ee 0%, #f1bccd 100%); background: -ms-linear-gradient(top, #fbe8ee 0%, #f1bccd 100%); background: linear-gradient(to bottom, #fbe8ee 0%, #f1bccd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbe8ee', endColorstr='#f1bccd', GradientType=0 );} .recette-video .recette-video-link.active{background-color: #e95299;background: #e95299;color: #fff;} .g .recette-video .recette-video-link{padding: 20px 15px;color: #1396d7;text-transform: uppercase;background: #bcdaf1; background: -moz-linear-gradient(top, #e8f6fb 0%, #bcdaf1 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #e8f6fb ), color-stop(100%, #bcdaf1)); background: -webkit-linear-gradient(top, #e8f6fb 0%, #bcdaf1 100%); background: -o-linear-gradient(top, #e8f6fb 0%, #bcdaf1 100%); background: -ms-linear-gradient(top, #e8f6fb 0%, #bcdaf1 100%); background: linear-gradient(to bottom, #e8f6fb 0%, #bcdaf1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8f6fb ', endColorstr='#bcdaf1', GradientType=0 );} .g .recette-video .recette-video-link.active{background-color: #1396d7;background: #1396d7;color: #fff;} .recette-envie{background-color: #fbd8e3;padding: 50px 15px;} .recette-envie .title{color: #e95299;font-family: 'A little Sunshine';font-size: 35px;} .recette-envie .sub-title{color: #e95299;font-family: 'PT Sans Regular';font-size: 22px;} .recette-envie .recette-envie-input{border-radius:25px;border:1px solid transparent;color: #e95299;font-family: 'A little Sunshine';font-size: 25px;outline-color: transparent;line-height:20px;} .recette-envie .recette-envie-input::placeholder{color: #e95299;font-family: 'A little Sunshine';} .recette-envie .recette-select{border-radius:25px;border:1px solid transparent;color: #e95299;font-family: 'A little Sunshine';font-size: 25px;outline-color: transparent;height: 32px;background-color: #fff;} .recette-envie .recette-select[name="regime_recette"]{height: auto;} .recette-fiche .title-fiche{color: #e75498;text-transform: uppercase;font-weight: 600;font-size: 25px;margin-bottom:25px;} .recette-fiche .jour-recette{padding: 25px;} .recette-fiche .jour-recette .repas ul{padding: 0;list-style: none;width: 100%;} .recette-fiche .jour-recette .repas ul li{width: 100%;} .recette-fiche .petit-dej{color: #333;margin-bottom:35px;} .recette-fiche .petit-dej div{margin-bottom:10px;} .mes_recettes .btn-zone{margin-top: 50px;margin-bottom: 50px;} .mes_recettes .btn-zone .login-btn{padding: 10px 15px;font-size:18px;} .label--checkbox{position: relative;cursor: pointer;line-height: 135%;color: #e95299;} .label--checkbox .checkbox{position: relative;margin: 0 1rem 0 0;cursor: pointer;} .label--checkbox .checkbox:before{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;content: "";position: absolute;left: 0;z-index: 1;width: 1.1rem;height: 1.1rem;border: 2px solid #fff;top:-2px;} .label--checkbox .checkbox:after{content: "";position: absolute;top: -0.125rem;left: 0;width: 1.1rem;height: 1.1rem;background: #fff;cursor: pointer;} .label--checkbox .checkbox:checked:before{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);height: .5rem;border-color: #e95299;border-top-style: none;border-right-style: none;top: 0;} .g .label--checkbox{color: #1396d7;} .g .label--checkbox .checkbox:checked:before{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);height: .5rem;border-color: #1396d7;border-top-style: none;border-right-style: none;top: 0;} .suggestions{background: url('/ferti/fr/images/bg-caareaux.png') repeat;background-size: 120px;} .g .recette-fiche .title-fiche{color: #25aae2;} .g .suggestions, .g .recette-video{background: url('/ferti/fr/images/bg-carreaux.png') repeat;background-size: 120px;} .g .recette-video .theme-head{background-color: #1396d7;} .g .recette-envie, .g .list_recettes{background-color: #d3f0ff;} .g .recette-envie .title, .g .recette-envie .sub-title, .g .recette-envie .recette-envie-input{color: #1396d7;} .g .recette-envie .recette-envie-input::placeholder, .g .recette-envie .recette-select{color: #1396d7;} @media screen and (max-width: 554px){ .mes_recettes .spe-fille h3{font-size: 25px;} .thematiques .theme-head, .recette-video .theme-head{font-size: 30px;} .recette-envie .title{font-size: 28px;} .recette-video .theme-head span, .thematiques .theme-head span, .recette-envie .sub-title{font-size: 18px;line-height: 15px;} .slick-initialized .slick-slide a img, .slick-initialized .slick-slide a div{padding: 0 5px;} .slick-initialized .slick-slide a div{font-size: 13px;} .slick-next{right: -15px;} .slick-prev{left: -15px;} } /* Fiche recette */ .fiche-recette .preparation{padding: 15px;} .fiche-recette{background: url('/ferti/fr/images/bg-caareaux.png') repeat;background-size: 120px;padding: 0 25px;} .fiche-recette .recette-card{background-color: #fff;border-radius: 10px;padding: 20px 25px;margin-bottom:25px;} .fiche-recette .recette-card .round{background-color: #e95da0;width: 26px;height:26px;float:left;border-radius:50%;margin: 0 5px;} .fiche-recette .recette-card .round:nth-child(3), .fiche-recette .recette-card .round:nth-child(4), .fiche-recette .recette-card .round:nth-child(5){float:right;} .fiche-recette .image-recette-fiche{margin-top: 15px;} .fiche-recette .recette-name{font-size: 20px;text-align:center;color: #333;margin-top:10px;padding: 0 35px;} .fiche-recette .recette-fiche-title{color: #e95299;text-transform: uppercase;font-weight: 600;font-size: 28px;padding-left: 0px;margin-bottom:10px;} .fiche-recette .preparation ul{list-style: none;padding: 0;margin:0;} .fiche-recette .preparation ul li{padding-left: 15px;text-indent: -.7em;color: #333;margin-bottom: 10px;font-size: 17px;} .fiche-recette .preparation ul li::before{content: '•';color: #e95299;padding-right: 10px;} .fiche-recette .ingredients-list{background-color: #fff;padding: 15px;} .fiche-recette .ingredients-list p{width: 100%;} .fiche-recette .ingredients-list h3{color: #e95299;font-size: 20px;text-transform: uppercase;} .fiche-recette .ingredients-list ul{list-style: none;padding: 0;margin:0;width: 100%;} .fiche-recette .ingredients-list ul li::before{content: '•';color: #e95299;padding-right: 10px;} .fiche-recette .ingredients-list ul li{padding-left: 25px;text-indent: -.7em;color: #333;margin-bottom: 10px;font-size: 15px;text-align: left;} .recette-fiche-link:hover{text-decoration: none;} .recette-include{margin-top: 50px;} .recette-include h2{margin-bottom: 25px !important;} .recette-fiche.little-fiche{margin-bottom: 50px;} .recette-fiche.little-fiche .title-fiche{font-size: 18px;margin-bottom: 20px;padding:0 !important;} .recette-fiche.little-fiche .repas .petit-dej div{margin-bottom: 5px;font-size: 0.8em;} .recette-fiche.little-fiche .repas p{width: 100%;float:left;text-align:center;} .recette-fiche.little-fiche .repas ul li{text-align:center;} .recette-fiche.little-fiche .petit-dej{margin-bottom: 25px;} @media screen and (max-width: 992px){.fiche-recette .ingredtiens{padding: 0;margin-bottom: 15px;}} @media screen and (max-width: 544px){ #phone-ph-mobile{bottom: calc(-100vh + 57px);} #phone-ph-mobile.open{bottom: 0; overflow-y: scroll;} .recette-include, .preparation, .fiche-recette .container, .fiche-recette .ingredtiens, .recette-contain{padding: 0;} .fiche-recette .recette-card{padding: 10px;} } .g.fiche-recette {background: url('/ferti/fr/images/bg-carreaux.png') repeat;background-size: 120px;} .g.fiche-recette .recette-fiche-title{color: #25aae2;} .g.fiche-recette .ingredients-list h3{color: #25aae2;} .g.fiche-recette .ingredients-list ul li::before{color: #25aae2;} /* Mon PH */ .calcul-ph{width: calc(100% - 320px);padding: 10px 25px;margin-top: 25px;padding-right: 0;} .calcul-ph .ph-title{color: #e95299;font-size:30px;} .calcul-ph .ccm{margin-bottom: 15px;padding: 10px 15px;} .calcul-ph .calendar{background-color: #fff;margin-bottom: 10px;padding: 10px 25px;margin-top:10px;} .calcul-ph .calendar .col-12{padding-bottom: 15px;padding-top:5px;font-size: 18px;color: #000;} .calcul-ph .courbe-ph-jour{background-color:#eb60a3;color: #fff;padding: 2px 5px;margin-left: 10px;cursor: pointer;margin-bottom:3px;} .calcul-ph .ph-input{margin-left: 15px;background-color: #fff;padding: 4px 10px;outline: none;width: 80px;border: 1px solid #ffc8d9;border-radius: 5px;} .calcul-ph .calcul-my-ph{margin-bottom:50px;padding-right: 25px;background-color: #fce9f2;} .calcul-ph .login-btn{transition: all linear .1s;} .calcul-ph .login-btn:hover{color: #e95299;background-color: #ffc8d9;} .calcul-ph .date-ph-input{border: 1px solid #ffc8d9;border-radius:5px;} .calcul-ph .date-ph-input:focus{outline: #ee98bb;} .calcul-ph .date-ph-input::placeholder{color: #ffc8d9;} .calcul-ph input::placeholder{color:#ce696b;} .calcul-ph input[type="date"]:focus::before {opacity:0;display:none; } .calcul-ph input[type="date"]::-webkit-clear-button{display: none;} .calcul-ph input[type="date"]::-webkit-inner-spin-button{height:40px;width:15px;} .calcul-ph input[type="date"]::-webkit-calendar-picker-indicator{font-size: 18px;} .calcul-ph input[type="date"]::-webkit-calendar-picker-indicator:hover{background-color:transparent;} .calcul-ph .date-ph-fields, .calcul-ph .date-ph-fields strong{color: #e95299;padding-left: 15px;font-size:22px;} .calcul-ph .date-ph-fields input.col-12{padding-top: 0px;padding-bottom:0;color: #e95299;} .calcul-ph .nav-tabs{border: none;padding:0;margin-bottom: 10px;} .calcul-ph .nav-tabs .nav-item{} .calcul-ph .nav-tabs .nav-item .nav-link{font-size: 13px;background-color: #fce9f2;color: #e95299;transition: all linear .3s;padding: 6.5px 10px;border-radius:0;border:1px solid #e95299;} .calcul-ph .nav-tabs .nav-item .nav-link.active{color: #fce9f2;background-color: #e95299;} .calcul-ph .tab-content table{width: 100%;margin-bottom: 25px;} .calcul-ph .tab-content table tr td select{border: 1px solid transparent;color: #e95299;background-color: transparent;} .calcul-ph .tab-content table tr{border-bottom: 2px solid #fce9f2;} .calcul-ph .tab-content table tr td{background-color: #fad9e3;color: #e95299;font-weight: 600;} .calcul-ph .tab-content table tr:last-child{border-bottom: 2px solid #fce9f2;} .calcul-ph .tab-content table tr td:first-child{font-size: 18px;width: 30%;} .calcul-ph .tab-content table tr td:nth-child(2), .calcul-ph .tab-content table tr td:nth-child(3), .calcul-ph .tab-content table tr td:nth-child(4){width: 15%;font-size: 18px;border-left: 2px solid #fce9f2;} .calcul-ph .tab-content table tr td:nth-child(5){width: 25%;font-size: 18px;border-left: 2px solid #fce9f2;} .calcul-ph .tab-content table tr:first-child td:first-child{background-color: #fce9f2;} .courbe-ph-block{padding: 10px 25px;width: calc(100% - 320px);} .calcul-ph.g .calcul-my-ph{background-color: #e5f2fd;} .calcul-ph.g .nav-tabs .nav-item .nav-link{background-color: #bae1f3;color: #39a9e0;border:1px solid #39a9e0;} .calcul-ph.g .nav-tabs .nav-item .nav-link.active{color: #bae1f3;background-color: #39a9e0;} .calcul-ph.g .tab-content table tr td select{color: #39a9e0;} .calcul-ph.g .tab-content table tr{border-bottom: 2px solid #e5f2fd;} .calcul-ph.g .tab-content table tr td{background-color: #bae1f3;color: #39a9e0;font-weight: 600;} .calcul-ph.g .tab-content table tr:last-child{border-bottom: 2px solid #e5f2fd;} .calcul-ph.g .tab-content table tr:first-child td:first-child{background-color: #bae1f3;} .calcul-ph.g .login-btn:hover{color: #39a9e0;background-color: #e5f2fd;} @media screen and (max-width: 1200px){ .calcul-ph .calcul-my-ph{padding : 0;} } @media screen and (max-width: 991px){/*Modif MC le 24/09/2018*/ .calcul-ph, .courbe-ph-block{width: 100%;} /*.mon-ph .mobile-block{position: relative;width: 100%;background-color:#fcd8e2;display:flex;padding:0;} .mon-ph .mobile{width:320px;display: none;} .mon-ph .inside-mobile{background: url('/ferti/fr/images/mobile.png ')center no-repeat;background-size: 320px 595px;background-position: 0 0;width: 320px;} .mon-ph .mobile-comp{padding-left:50px;padding-right: 35px;} .mon-ph .mobile-ddl{padding-left: 75px;padding-right: 50px;} .mon-ph .mobile-ph{padding-left: 65px;padding-right: 45px;} .mon-ph .mobile-cycle{padding-left: 65px;padding-right: 45px;}*/ } @media screen and (max-width: 768px){ .calcul-ph .tab-content table tr td:first-child{width: 25%;font-size: 15px;} .calcul-ph{padding: 10px 20px;} } @media screen and (max-width: 454px){ .calcul-ph{padding: 10px 20px;} .calcul-ph .calcul-my-ph{border-radius: 0;} .calcul-ph .tab-content table tr td{font-size: 11px !important;} } .graph-ph-time .entete-ph{background-color: #ed5aa1;color: #fff;padding: 5px 15px;border-top-left-radius:15px;border-top-right-radius:15px;text-transform: uppercase;margin-left: 125px;} .graph-ph-time .courbe-ph-title{background-color: #ed5aa1;color: #fff;height:300px;width:120px;margin-right:5px;float: left;border-top-left-radius:15px;border-bottom-left-radius:15px;} .graph-ph-time .courbe-ph-title div{transform: rotate(-90deg);position: absolute;left: -70px;bottom:120px;text-transform: uppercase;font-size:35px;letter-spacing: 2px;} .graph-ph-time .courbe-ph-graph{width: calc(100% - 125px);height: 300px;background-color: #ed5aa1;color: #fff;float:left;border-top-right-radius:15px;border-bottom-right-radius:15px;} #courbe-ph .highcharts-background{fill: transparent;} #courbe-ph .highcharts-grid path{stroke: transparent;} #courbe-ph .highcharts-axis-labels.highcharts-xaxis-labels text{color: #fff !important;fill: #fff !important;} #courbe-ph .highcharts-markers.highcharts-series-0.highcharts-tracker path{fill: transparent;} #courbe-ph .highcharts-axis-labels.highcharts-yaxis-labels text{display:none;} #courbe-ph .highcharts-legend-item{display: none;} #courbe-ph .highcharts-series.highcharts-series-0 path:first-child{stroke: #fff;} #courbe-ph text[text-anchor="end"]{display:none;} @media screen and (max-width: 768px){ .calcul-ph .calcul-my-ph{padding:0;} .home #home-accordion .card-block{width:100% !important;} #phone-ph-mobile{/*background-color:#fcd8e2;*/background-color:#eb5da1;/*position: fixed;top: calc(100vh - 57px);z-index: 10;*/} /*.g #phone-ph-mobile{background-color:#d3f0ff;}*/ .mobile-block{position: relative;display:flex;padding:0;margin: auto;} #open-mobile{cursor: pointer;background-color: #f3aacd;font-family:'A little Sunshine';font-size:16px;} .g #open-mobile{background-color: #32a4df;} #phone-ph-mobile{position: fixed;z-index: 10;top: calc(100vh - 207px);bottom: calc(-100vh + 57px);display:block;padding:0;margin: auto;transition: all linear 0.3s;height: 100%;} #phone-ph-mobile.open{top: 0;z-index: 100000000000;} .mobile{width:320px;display: none;} .inside-mobile{/*background: url('/ferti/fr/images/mobile.png ')center no-repeat;background-size: 320px 595px;background-position: 0 0;*/width: 320px;margin: 0 auto !important;} .g .inside-mobile{/*background: url('/ferti/fr/images/mobile-g.png ')center no-repeat;background-size: 320px 595px;background-position: 0 0;*/} .mobile-comp{padding-left:50px;padding-right: 35px;} .mobile-ddl{padding-left: 75px;padding-right: 50px;} .mobile-block, .inside-mobile{margin: 0;width: 100%;} .mobile-title{font-family: 'A little Sunshine';font-size: 30px;padding: 5px 0;height: 57px;} .inside-mobile .mobile-date{margin-top: 0px;padding: 5px 0;background-color: #ed67a7;border-top: 1px solid #fff;border-bottom: 1px solid #fff;font-weight: 600;letter-spacing: 0.5px;} .mobile-ph{margin: 10px 0;padding: 5px 0;background-color: #ed67a7;font-size: 16px;} .mobile-cycle{padding: 5px 0;background-color: #ed67a7;border-top: 1px solid #fff;font-size: 15px;} .mobile-cycle table{margin: 0 auto;min-width: 60%;} .mobile-cycle-title{height: 20px;} .mobile-comp{background-color: #ed67a7;border-top: 1px solid #fff;margin-top: 10px;padding: 10px 0;font-size: 15px;height: auto;border-bottom: 1px solid #fff;} .mobile-comp .row{display: flex;} .mobile-comp .row .col-auto{margin: 0 auto;} .mobile-comp .row .col-auto:first-child{margin-left: calc( 33.3333% - 60px);margin-right: 0;} .mobile-comp .row .col-auto:last-child{margin-right: calc( 33.3333% - 60px);margin-left: 0;} .mobile-block .vit{font-size: 13px;padding: 0 15px;} .mobile-ddl{padding: 0;background-color: #ed67a7;} .mobile-ddl li{text-align: center !important; font-size: 13px;margin-top: 5px;} .g #phone-ph-mobile{background-color: #25aae1;} .g .inside-mobile .mobile-date, .g .mobile-ph, .g .mobile-cycle, .g .mobile-comp, .g .mobile-ddl{ background-color: #36b1e3;} } @media screen and (max-width: 544px){ #phone-ph-mobile{bottom: calc(-100vh + 57px);} #phone-ph-mobile.open{bottom: 0;} #livechat-full{width: 100%;} #phone-ph-mobile{height: 100vh;} .mobile-title{font-family: 'PT Sans';font-size: 12px;line-height: 35px;text-align: left !important;padding:8px 15px;text-transform: uppercase;background: url('/ferti/fr/images/phone-tableau-de-bord-f.png') bottom right no-repeat;background-size: 95px auto;} .g .mobile-title{background: url('/ferti/fr/images/phone-tableau-de-bord-g.png') bottom right no-repeat;background-size: 95px auto;} .graph-ph-time .courbe-ph-title{width: 100%;height: 120px;margin-right:0;border-radius:0;margin-bottom:5px;} .graph-ph-time .courbe-ph-title div{transform: rotate(0deg);position: relative;padding-top: 30px;bottom:0;left:0;} #courbe-ph{width: 100%;border-top-right-radius:0;border-bottom-left-radius:15px;} } .g .calcul-ph .calcul-my-ph{border: 1px solid #1396d7;} .g .calcul-ph .nav-tabs .nav-item .nav-link{background-color: #1396d7;color:#fff;} .g .calcul-ph .nav-tabs .nav-item .nav-link.active{color: #1396d7;background-color: #fff;} /* Mon Cycle */ .mon-cycle .cycle-block{width :calc( 100% - 320px);padding-top: 30px;} .mon-cycle h2{color: #e75498;} .mon-cycle .date-fields{background-color: #fcd8e4;padding: 15px 25px;margin-bottom: 30px;} .mon-cycle .date-fields div{color: #e75498;text-transform: uppercase;font-weight:600;} .mon-cycle .date-fields input{border: 1px solid transparent;background-color: #fff;color: #e75498;padding: 4px 15px;margin-top:10px;margin-bottom:20px;border-radius: 3px;} .mon-cycle .date-fields input:focus{outline-color: #e75498;} .mon-cycle .date-fields input::placeholder{color: #e75498;} .mon-cycle .zabuto_calendar .calendar-month-header{color: #e75498;border: 1px solid #e75498;} .mon-cycle .zabuto_calendar .calendar-month-header th{background-color: #fff !important;border: none;} .mon-cycle .zabuto_calendar .calendar-dow-header th{color: #e75498;background-color: #fff !important;border: none;} .mon-cycle .zabuto_calendar .calendar-dow td{background-color: #fbd9e4;border: 3px solid #fff;color: #e75498;} .mon-cycle .zabuto_calendar .calendar-dow td[title="regles"]{background-color: #e84153 !important;color: #fff !important ;} .mon-cycle .zabuto_calendar .calendar-dow td[title="ovulation"]{background-color: #e70e8c !important;color: #fff !important;} .mon-cycle .zabuto_calendar .calendar-dow td[title="fecondite"]{background-color: #de8fbc !important;color: #fff !important;} .mon-cycle .zabuto_calendar .calendar-dow td[title="cervicales"]{background-color: #ea5ea0 !important;color: #fff !important;} .mon-cycle .zabuto_calendar .calendar-dow td[title="reveil"]{background-color: #d69fd4 !important;color: #fff !important;} .mon-cycle .zabuto_calendar .calendar-dow td div, .mon-cycle .zabuto_calendar .calendar-dow td span{background-color: transparent !important;} .mon-cycle .frise{margin-top: 50px;margin-bottom: 25px;} .mon-cycle .tab-frise tr td{background-color: #f3acbf;color: #e866a1;font-size: 16px;text-align: center;border-top: 1px solid #fcf2f8;border-bottom: 1px solid #fcf2f8;} .mon-cycle .tab-frise tr .ici:after{content:"";background: url('/ferti/fr/images/arrow.png') center no-repeat;position: absolute;height: 50px;width: 50px;right: -40px;background-size: contain;margin-top: -15px;} @media screen and (max-width: 992px){ .mon-cycle .cycle-block{width :100%;padding: 30px 20px;} } .g.mon-cycle .date-fields{background-color: #95bce0;} .g.mon-cycle .date-fields input{color: #1396d7;} .g.mon-cycle .date-fields input:focus{outline-color: #1396d7;} .g.mon-cycle .date-fields input::placeholder{color: #1396d7;} .g.mon-cycle .zabuto_calendar .calendar-month-header{color: #1396d7;border: 1px solid #1396d7;} .g.mon-cycle .zabuto_calendar .calendar-dow-header th{color: #1396d7;background-color: #fff !important;border: none;} .g.mon-cycle .zabuto_calendar .calendar-dow td{background-color: #e5f4fb;color: #1396d7;} .g.mon-cycle .tab-frise tr td{background-color: #8ed5e7;color: #1396d7;border-top: 1px solid #e5f4fb;border-bottom: 1px solid #e5f4fb;} .g.mon-cycle .tab-frise tr .ici:after{content:"";background: url('/ferti/fr/images/arrow-g.png') center no-repeat;background-size: contain;} .mon-cycle .ovulation{background-color: #e11985 ;position: absolute;color: #fff ;z-index: 12;left: 0;} .mon-cycle .fecondite{position: absolute;right:0;background-color: #de8fbc ;padding: 25px 0px;color: #fff ;text-align: center;z-index: 10;} .mon-cycle .regles{color: #fff ;padding: 25px;background-color: #e84153 ;} .mon-cycle .rapports{color: #fff ;padding: 25px;background-color: #a00f61;} .legende{width: 25px;border: 2px solid #fff;height: 25px;float:left;margin-left: 5px;} .leg-t{float:left;color: #e75498;} .g .leg-t{float:left;color: #1396d7;} .legende.regles-leg{background-color: #e84153;} .legende.ovulation-leg{background-color: #e70e8c ;} .legende.fecondite-leg{background-color: #de8fbc ;} /* Mes complements alimentaires */ .complements{width: calc(100% - 320px);padding: 10px 50px;margin-top: 25px;} .complements h2{text-transform: uppercase;color: #e75498;font-size: 25px;font-weight: 600;margin-bottom: 30px;} .complements .compl-lst{background-color: #fbd8e3;padding: 25px 25px 25px 0;margin-bottom: 30px;} .complements .compl-lst .comp{text-transform: uppercase;color: #e75498;;font-weight: 600;} @media screen and (max-width: 768px){ .complements{width:100%;} .complements .compl-lst{padding: 25px;} } @media screen and (max-width: 574px){ .complements{padding: 10px 15px;} } /* Ma box */ .box-p{margin-top: 50px;} .ma-box .login-btn{font-size: 14px;padding: 5px 25px;} .ma-box .login-btn:focus{text-decoration: none;color: #fff;} /* Courses */ .courses .login-btn{font-size: 14px;padding: 5px 20px;} .courses .bg-white{padding-top: 50px;} .courses h2{text-transform: uppercase;color: #e75498;font-size: 28px;font-weight:600;margin-bottom: 30px;} .courses .fl{color: #e75498;font-weight: 600;font-size:17px;margin-top: 30px;margin-bottom: 5px;} .courses ul{list-style: none;padding: 0;margin: 0;} .courses ul li{padding-left: 15px;text-indent: -.7em; color: #333; margin-bottom: 10px;font-size: 17px;} .courses ul li:before{content: '•';color: #e95299; padding-right: 10px;} /* Listes recettes */ .list_recettes{background-color: #fbd8e3;} .list_recettes .lst_recette_head{background: url(/ferti/fr/images/bg-caareaux.png) repeat;background-size: 120px;padding: 25px;} .list_recettes.g .lst_recette_head{background: url(/ferti/fr/images/bg-carreaux.png) repeat;background-size: 120px;} .list_recettes .menu-src > .row, .list_recettes .regime-spc > .row{padding: 15px;border-radius: 15px;} .list_recettes .menu-src .rct-title, .list_recettes .regime-spc .rct-title{text-align: center;text-transform: uppercase;color: #f0565f;font-size: 20px;font-weight: 600;letter-spacing: 1.5px;} .list_recettes .menu-src .rct-title{margin-bottom : 20px;} .list_recettes .menu-src input[type=radio]{position:absolute;visibility: hidden;} .list_recettes .menu-src .check{display: block;position: absolute;border: 5px solid #AAAAAA;border-radius: 100%;height: 25px;width: 25px;top: 5px;left: 0px;z-index: 0;transition: border .25s linear;-webkit-transition: border .25s linear;} .list_recettes .menu-src label{cursor: pointer;padding:0;padding-left: 10px;} .list_recettes .menu-src .check:before{z-index: 0;display: block;position: absolute;content: '';border-radius: 100%;height: 11px;width: 11px;margin: auto;left: 2px;top:2px;transition: background 0.25s linear;-webkit-transition: background 0.25s linear;} .list_recettes .menu-src input[type=radio]:checked ~ .check{border: 5px solid #e75498;} .list_recettes .menu-src input[type=radio]:checked ~ .check:before{background-color : #e75498;} .list_recettes .menu-src select{width: 100%;color: #e75498;background-color: #fbd8e3;border: 1px solid transparent;outline: #e75498;text-transform: uppercase;padding: 2px 5px;} .list_recettes .card-rct button{width: 100%;} .list_recettes .card-rct{background-color: #fff;border-radius: 15px;padding: 15px;padding-bottom: 0;} .list_recettes .card-rct .rct-card-title{color: #e75498;font-weight: 600;padding: 15px 20px;height: 100px;} .list_recettes .card-cont{padding: 20px 10px 0px 10px;} .list_recettes .icons-block{min-height: 30px;} .rct-type{width: 25px;height: 25px;float: left;margin: 0 5px;} .rct-type.sans-gluten{background: url('/ferti/fr/images/pictos/sans_gluten.png') center no-repeat;background-size: cover;} .rct-type.sans-proteines-animales{background: url('/ferti/fr/images/pictos/sans_viande.png') center no-repeat;background-size: cover;} .rct-type.cacher{background: url('/ferti/fr/images/pictos/kasher.png') center no-repeat;background-size: cover;} .rct-type.halal{background: url('/ferti/fr/images/pictos/hallal.png') center no-repeat;background-size: cover;} .rct-type.sans-oeufs{background: url('/ferti/fr/images/pictos/sans_oeuf.png') center no-repeat;background-size: cover;} .rct-type.sans-arachides{background: url('/ferti/fr/images/pictos/sans_arachide.png') center no-repeat;background-size: cover;} .rct-type.sans-lactos{background: url('/ferti/fr/images/pictos/sans_lactose.png') center no-repeat;background-size: cover;} .rct-type.vegetarien{background: url('/ferti/fr/images/pictos/vegan.png') center no-repeat;background-size: cover;} .g .rct-type.sans-gluten{background: url('/ferti/fr/images/pictos/sans_gluten-g.png') center no-repeat;background-size: cover;} .g .rct-type.sans-proteines-animales{background: url('/ferti/fr/images/pictos/sans_viande-g.png') center no-repeat;background-size: cover;} .g .rct-type.cacher{background: url('/ferti/fr/images/pictos/kasher-g.png') center no-repeat;background-size: cover;} .g .rct-type.halal{background: url('/ferti/fr/images/pictos/hallal-g.png') center no-repeat;background-size: cover;} .g .rct-type.sans-oeufs{background: url('/ferti/fr/images/pictos/sans_oeuf-g.png') center no-repeat;background-size: cover;} .g .rct-type.sans-arachides{background: url('/ferti/fr/images/pictos/sans_arachide-g.png') center no-repeat;background-size: cover;} .g .rct-type.sans-lactos{background: url('/ferti/fr/images/pictos/sans_lactose-g.png') center no-repeat;background-size: cover;} .g .rct-type.vegetarien{background: url('/ferti/fr/images/pictos/vegan-g.png') center no-repeat;background-size: cover;} .g.list_recettes .menu-src .rct-title, .g.list_recettes .regime-spc .rct-title{color: #1396d7;} .g.list_recettes .menu-src input[type=radio]:checked ~ .check{border: 5px solid #1396d7;} .g.list_recettes .menu-src input[type=radio]:checked ~ .check:before{background-color : #1396d7;} .g.list_recettes .menu-src select{color: #1396d7;background-color: #d3f0ff;outline: #1396d7;} .g .list_recettes .card-rct .rct-card-title{color: #1396d7;} @media screen and (max-width: 1200px){ .list_recettes .icons-block{min-height: 60px;} } @media screen and (max-width: 768px){ .list_recettes .card-rct .rct-card-title{padding: 15px 0px;font-size: 12px;height: 80px;} } @media screen and (max-width: 544px){ .list_recettes .lst_recette_head{padding: 25px 0px;} .list_recettes .lst_recette_head form, .list_recettes .lst_recette_head .menu-src{padding: 0;} .list_recettes .menu-src .check{left: 0;} .list_recettes .menu-src label{padding-left: 40px;font-size: 14px;} .list_recettes .menu-src .rct-title{font-size: 16px;height: 65px;} .list-recettes-b{padding: 0;} .modal.show .modal-dialog{margin-top: 50px;} } /* user page */ .user-page{color: #e95da0;background-color: #fff3f7;} .user-page .title{font-size: 25px;font-weight: 600;margin-top: 15px;} .user-page input{background-color: #ffcfce;border: 1px solid transparent;height: 40px;margin-bottom: 10px;color: #ce696b;border-radius: 4px;} .user-page input::placeholder{color: #ce696b;} .user-page input[type="submit"]{text-transform: uppercase;color: #fff !important;background-color: #e95299;padding: 2px 10px;border: 2px solid #fff;font-size: 20px;border-radius: 3px; margin-bottom: 30px !important;margin-top: 10px !important;-moz-box-shadow: 0px 5px 5px 0px #ccc;-webkit-box-shadow: 0px 5px 5px 0px #ccc;-o-box-shadow: 0px 5px 5px 0px #ccc;box-shadow: 0px 5px 5px 0px #ccc;filter: progid:DXImageTransform.Microsoft.Shadow(color=#ccc, Direction=180, Strength=5);cursor: pointer;} .user-page textarea{background-color: #ffcfce;border: 1px solid transparent;color: #ce696b;border-radius: 4px;} .user-page textarea:focus, .user-page input:focus{outline-color: #e95299;} .user-page.g{color: #2eaee3;background-color: #d3f0ff;} .user-page.g input{background-color: #7fc8d9;color: #0fa3dd;} .user-page.g input::placeholder{color: #0fa3dd;} .user-page.g textarea{background-color: #7fc8d9;border: 1px solid transparent;color: #0fa3dd;border-radius: 4px;} .user-page.g textarea:focus, .user-page input:focus{outline-color: #0fa3dd;} .user-page.g input[type="submit"]{background-color: #25aae2;} .table-commande table tbody tr:not(:first-child){border-top: 1px solid #fff;} .table-commande table tr td{line-height: 40px;} .table-commande table tr td a{color: #fff;border: 1px solid #fff;border-radius: 50%;padding: 7px 9px;transition: all linear 0.2s;background-color: transparent;} .table-commande table tr td a:hover{color: #e95299;background-color: #fff;} .g .table-commande table tr td a:hover{color: #0fa3dd;background-color: #fff;} /* debug */ #operator_avatar{background-color: #e75498 !important;} .g #operator_avatar{background-color: #0fa3dd !important;} .ui-datepicker .ui-datepicker-prev:before{content: "\f053";font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;position: absolute;top: 6px;left:5px;transition: all linear .2s;} .ui-datepicker .ui-datepicker-next:before{content: "\f054";font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;position: absolute;top: 6px;right:7px;transition: all linear .2s;} .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{display: none;} .ui-datepicker .ui-datepicker-prev.ui-state-hover:before, .ui-datepicker .ui-datepicker-next.ui-state-hover:before{color: #e75498;} .ui-datepicker.g .ui-datepicker-prev.ui-state-hover:before, .ui-datepicker.g .ui-datepicker-next.ui-state-hover:before{color: #1396d7;} /* app link */ #link-app{position: fixed;bottom: 0;padding: 5px 15px;color: #fff;z-index: 15;background-color: #e95299;height: 50px;font-size: 25px;} .g#link-app{background-color: #1396d7;} #link-app img{margin-right: 10px;} /* cute modal */ .cute-modal .modal-content{background-color: #e95299;color: #fff;border: 1px solid #e95299;} .g .cute-modal .modal-content{background-color: #1396d7;color: #fff;border: 1px solid #1396d7;} /* Common CSS */ .f-left{float: left;} .f-right{float: right;} .padding-15{padding: 15px;} .p-absolute{position: absolute;} .row{margin: 0;} .auto-margin{margin: auto;} .no-padding{padding : 0;} .bg-white{background-color: #fff;} @media screen and (max-width: 768px){ .p-0-sm{padding: 0 !important;} } @media screen and (max-width: 544px){ .p-0-xs{padding: 0 !important;} } @media(min-width:992px){ .col-12.multiple-items-mobile{display:none!important;} .col-12.multiple-items{display:block!important;} .col-12.multiple-videos-mobile{display:none!important;} .col-12.multiple-videos{display:block!important;} } @media(max-width:992px){ .col-12.multiple-items-mobile{display:block!important;} .col-12.multiple-items{display:none!important;} .col-12.multiple-videos-mobile{display:block!important;} .col-12.multiple-videos{display:none!important;} } .resteConnect {text-align: right;} .inputRestConnect {height: 13px!important;margin-bottom:0!important;} a{max-width: 100%;} .resiliation .check{border: 2px solid #fff !important;} /* toogle switch */ .mdl-switch.is-upgraded{cursor: pointer;} .mdl-switch.is-checked.color-f .mdl-switch__thumb{background: rgb(232, 81, 152)} .mdl-switch.is-checked.color-f .mdl-switch__track{background: rgba(232, 81, 152, .5)} .color-f .mdl-switch__ripple-container .mdl-ripple{background: rgb(232, 81, 152)} .g .mdl-switch.is-checked.color-g .mdl-switch__thumb{background: rgb(45, 170, 225)} .g .mdl-switch.is-checked.color-g .mdl-switch__track{background: rgba(45, 170, 225, .5)} .g .color-g .mdl-switch__ripple-container .mdl-ripple{background: rgb(45, 170, 225)} .mdl-switch.is-checked .mdl-switch__ripple-container{cursor: pointer;} /* * toogle switch mobile */ @media screen and (max-width: 992px){ .mdl-switch__track{width: 25px !important;height: 25px !important;border-radius: 3px !important;background-color: transparent !important;border: 2px solid #e85198;top: 0 !important} .g .mdl-switch__track{border: 2px solid #1396d7;} .mdl-switch__thumb{top: 4px !important;border-radius: 2px !important;left: 4px !important;background: #fff !important;width: 16px !important;height: 16px !important;transition: all linear 0.3s;} .mdl-switch.is-checked.color-f .mdl-switch__thumb{background: rgb(232, 81, 152) !important;} .mdl-switch.is-checked.color-g .mdl-switch__thumb{background: rgb(45, 170, 225) !important;} } /* multi select */ .multi-select,.multi-select-options{background: #fff;width: 100%;font-family: 'A little Sunshine';font-size: 22px;} .multi-select {display: block;position: relative;line-height: 35px;border: 1px solid #ddd;padding: 0;/*border-radius: 25px;*/} .multi-select input[type=checkbox]{display: none;} .multi-select label {margin: 0;padding: 0;} .multi-select .toggle-open {display: block;font-size: 1em;/*font-weight: bold;*/padding: 0 15px;height: 35px;width: auto;cursor: pointer;color: #e95299;} .multi-select .toggle-open:after {clear: both;display: block;position: absolute;top: 12px;right: 10px;content: "";height: 0;width: 0;padding: 0;margin: 0 auto;border: 8px solid transparent;border-top-color: #e95299;} .multi-select-options {position: absolute;top: 35px;left: 0;list-style: none;margin: 0;padding: 0;overflow: auto;border-bottom: 1px solid #ddd;z-index: 10;} .multi-select-options > li:first-child span {border-top: 1px solid #ddd;} .multi-select-options > li span {display: none;/*height: 35px;*/width: auto;padding: 5px 10px;background: #fff;border: 1px solid #ddd;border-top: 0;cursor: pointer;text-align: left;} .multi-select-options > li span:after {content: "\002B";display: inline-block;font-size: 1.5em;font-weight: bold;position: absolute;right: 10px;z-index: 99;} .multi-select-options > li span:hover {background: #f1f1f1;} .multi-select-options > li input[type=checkbox]:checked + span {background: #fbd8e3;font-weight: bold;border: 2px solid #fff;border-top: 0;} .multi-select-options > li input[type=checkbox]:checked + span:after {content: "\2212";font-size: 1.3em;} #toggle-open:checked ~ .multi-select-options {height: 200px;} #toggle-open:checked ~ .multi-select-options label,#toggle-open:checked ~ .multi-select-options span {display: block;} #toggle-open:not(:checked) ~ .multi-select-options {display: block;background: none;border: none;padding: 5px 0;} #toggle-open:not(:checked) ~ .multi-select-options input[type=checkbox]:checked + span {display: inline-block;float: left;/*margin: 0 10px 10px 0;*/padding: 0px 10px;width: auto;position: inherit;top: 0;border-top: 2px solid #fff;} #toggle-open:not(:checked) ~ .multi-select-options input[type=checkbox]:checked + span:before {content: '\2A09';padding: 0 5px 0 0;} #toggle-open:not(:checked) ~ .multi-select-options input[type=checkbox]:checked + span:after {content: ''; position: inherit;} .multi-select-options > li{display: unset;} .multi-recette-select{margin-bottom: 8rem !important;} .g .multi-select .toggle-open{color: #1396d7;} .g .multi-select .toggle-open:after {border: 8px solid transparent;border-top-color: #1396d7;} .g .multi-select-options > li input[type=checkbox]:checked + span {background: #d3f0ff;} @media screen\0 { /* IE10+ CSS */ #toggle-open:not(:checked) ~ .multi-select-options > li{float: left;} .recette div, .methode div, .comment div{height: 30px;} .calcul-ph .calcul-my-ph img{max-width: 250px;max-height: 200px;} .comment img, .methode img, .recette img{width: auto;} } @supports (-ms-accelerator:true) { /* IE 12+ CSS */ #toggle-open:not(:checked) ~ .multi-select-options > li{float: left;} .recette div, .methode div, .comment div{height: 30px;} .calcul-ph .calcul-my-ph img{max-width: 250px;max-height: 200px;} .comment img, .methode img, .recette img{width: auto;} } @supports (-ms-ime-align:auto) { /* Edge */ #toggle-open:not(:checked) ~ .multi-select-options > li{float: left;} .recette div, .methode div, .comment div{min-height: 30px;} .calcul-ph .calcul-my-ph img{max-width: 250px;max-height: 200px;} .comment img, .methode img, .recette img{width: auto;} } @media screen and (max-width: 992px){ .multi-recette-select{margin-bottom: 12rem !important;} } /* mobile bottom bar new version */ @media screen and (max-width: 992px){ .bottom-tools.garcon{background-color: #00A4DD;} .bottom-tools.garcon .link-tool{color: #fff;} .bottom-tools{background-color: #fdd7e2;height: 80px;position: fixed;bottom: 0;display:flex;z-index: 11;} .bottom-tools .link-tool{border-radius: 50%;color: #fff;width: 55px;height: 55px;margin: auto;margin-top: 5px;text-align: center;color: #e95299;line-height:12px;font-size: 15px;;} .g.bottom-tools{background-color: #6eccff;} .g.bottom-tools .link-tool{color:#1396d7;} #livechat-compact-container{height: 115.5px !important;} #mobile_invitation_container{font-size: 15px !important;bottom: 60px;} } /* * recette new version */ /* header */ .mes_recettes-2.rct-profil{background-color: #e75497;color: #fff;margin-top: 35px;} .mes_recettes-2-g.rct-profil{background-color: #25aae2;color: #fff;margin-top: 35px;} @media screen and (max-width: 5000px){ #header{position: fixed;top:0;z-index: 100;width: 100%;} #header.recette-header {background: none; background-color: white;height: 35px;} #header.recette-header .bar.button{left: 15px !important;background-color: #fff;top: 15px;height: 6px !important;width: 35px;} #header.recette-header .bar.button:before, #header.recette-header .bar.button:after{background-color: #fff;height: 6px !important;width: 35px;} #header.recette-header .bar.button:before{top: -11px;} #header.recette-header .bar.button:after{top: 11px;} #header.recette-header .bar.cross:after, #header.recette-header .bar.cross:before{top:0;} .mes_recettes-2{} .mes_recettes-2 .header-rct{position: fixed;z-index: 1;left: 0;top: 34px;width: 100%;} .rct-intro{font-size: 20px;} .rct-intro:first-letter{text-transform: uppercase;} .rct-intro span{font-weight: 600;} .rct-intro img {max-width:100px;} } .card-header .subtitle{font-size: 18px;} #rct-accordion .card{border: none;border-bottom: 2px solid #fff;} #rct-accordion .card-header{border: 1px solid transparent;} #rct-accordion .card-one, #rct-accordion .card-one .card-header{background-color: #ffcccb;} #rct-accordion .card-one-g, #rct-accordion .card-one-g .card-header{background-color:#7FC8D9;} @media screen and (min-width: 1110px){ #rct-accordion #headingOne{border-radius: 0;background: url('/ferti/fr/images/Recette_ill_menu01.png') 13% no-repeat;background-size: auto 110%;height:150px;padding-top:40px;} #rct-accordion #headingTwo{border-radius: 0;background: url('/ferti/fr/images/Recette_ill_menu02.png') 87% no-repeat;background-size: auto 110%;height:150px;padding-top:40px;} #rct-accordion #headingThree{border-radius: 0;background: url('/ferti/fr/images/Recette_ill_menu03.png') 13% no-repeat;background-size: auto 100%;height:150px;padding-top:40px;} } @media screen and (max-width: 1110px){ #rct-accordion #headingOne{border-radius: 0;background: url('/ferti/fr/images/Recette_ill_menu01.png') 10% no-repeat;background-size: auto 110%;} #rct-accordion #headingTwo{border-radius: 0;background: url('/ferti/fr/images/Recette_ill_menu02.png') 90% no-repeat;background-size: auto 110%;} #rct-accordion #headingThree{border-radius: 0;background: url('/ferti/fr/images/Recette_ill_menu03.png') 10% no-repeat;background-size: auto 100%;} } @media screen and (max-width: 425px){ #rct-accordion #headingOne{border-radius: 0;background: url('/ferti/fr/images/Recette_ill_menu01.png') -10% no-repeat;background-size: auto 110%;} #rct-accordion #headingTwo{border-radius: 0;background: url('/ferti/fr/images/Recette_ill_menu02.png') 110% no-repeat;background-size: auto 110%;} #rct-accordion #headingThree{border-radius: 0;background: url('/ferti/fr/images/Recette_ill_menu03.png') -15% no-repeat;background-size: auto 100%;} } @media screen and (max-width: 325px){ #rct-accordion #headingThree{border-radius: 0;background: url('/ferti/fr/images/Recette_ill_menu03.png') -45% no-repeat;background-size: auto 100%;} } .mes_recettes-2 .card-header a{color: #e95da0;font-size: 16px;line-height: 20px;text-decoration: none !important;} .mes_recettes-2 .card-header .title{color: #fff;font-family: 'A little Sunshine';font-size: 32px;line-height: 26px;} .mes_recettes-2-g .card-header a{color: #fff;font-size: 16px;line-height: 20px;text-decoration: none !important;} .mes_recettes-2-g .card-header .title{color: #fff;font-family: 'A little Sunshine';font-size: 32px;line-height: 26px;} #rct-accordion .card-two, #rct-accordion .card-two .card-header{background-color: #f4acc0;} #rct-accordion .card-three, #rct-accordion .card-three .card-header{background-color: #ee81aa;} #rct-accordion .card-two-g, rct-accordion .card-two-g .card-header-g{background-color:#908EC0;} #rct-accordion .card-three-g, #rct-accordion .card-three-g .card-header-g{background-color:#7EB0DF;} .rct-box{background-color: #e75497;padding: 5px;font-size: 10px;} .rct-box-g{background-color: #25aae2;padding: 5px;font-size: 10px;} .choice-title{color: #e75498;font-weight: 600;} .choice-title-g{color: #fff;font-weight: 600;} .rct-link{color: #fff;text-decoration: none !important;} .rct-title{background-color: #e75497;color:#fff;} /* Je ne cuisine jamais fille */ #rct-accordion #rct-never .card-header{background-color: #e75497;border: none;border-bottom: 2px solid #ffcccb;} #rct-accordion #rct-never .card-header.header-g{background-color: #25aae2;border: none;border-bottom: 2px solid #d3f0ff;} #rct-accordion #rct-never .card-header a:after{content: "\f0da";position: absolute;right: 15px;top:20px; display: inline-block;font: normal normal normal 14px/1 FontAwesome;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size: 32px;} #rct-accordion #rct-never .card-header a{color: #fff;float: left; width: 100%;} #rct-accordion .card-header a:after{transform: rotate(90deg);transition: all linear 0.2s;} #rct-accordion .card-header a.collapsed:after{transform: rotate(0deg);} #rct-accordion #rct-never .card-header .rct1-number{position: absolute;top: 18px;left: 5px;color: #e75497;background-color: #fff;border-radius: 50%;width: 35px;height:35px;text-align: center;padding-top: 6px;font-weight: 600;} #rct-accordion #rct-never .card-header.header-g .rct1-number{position: absolute;top: 18px;left: 5px;color: #25aae2;background-color: #fff;border-radius: 50%;width: 35px;height:35px;text-align: center;padding-top: 6px;font-weight: 600;} #rct-accordion #rct-never .card-header small{font-size: 70%;} #rct-accordion #rct-never .card{background-color: #ffcccb;} #rct-accordion #rct-never .card.card-g{background-color: #7FC8D9;} #rct-accordion #rct-never #boost-fertilite .card-header, #rct-accordion #rct-never #astuces-cuisine .card-header{background-color: #ef84a3;font-size: 18px;line-height: 22px;height: 80px;display: flex;} #rct-accordion #rct-never #boost-fertilite .card-header a, #rct-accordion #rct-never #astuces-cuisine .card-header a{font-size: 14px;margin: auto;line-height: 20px;} #rct-accordion #rct-never #boost-fertilite .card-header a:after, #rct-accordion #rct-never #astuces-cuisine .card-header a:after{top: 25px;} #rct-accordion #rct-never #boost-fertilite .tab111, #rct-accordion #rct-never #astuces-cuisine .tab111{background-color: #fff;border-bottom: 1px solid #e75497;color: #e75497;font-size: 19px;} #rct-accordion #rct-never #boost-fertilite .card-block, #rct-accordion #rct-never #astuces-cuisine .card-block{color: #e75497;font-size: 15px;} #astuces-cuisine .liste-ingredient img {max-height:100px;} #rct-accordion #rct-never #boost-fertilite.fertilite-g .card-header, #rct-accordion #rct-never #astuces-cuisine.cuisine-g .card-header{background-color:#7EB0DF;font-size: 18px;line-height: 22px;height: 80px;display: flex;border-bottom:2px solid #d3f0ff;} #rct-accordion #rct-never #boost-fertilite .tab111, #rct-accordion #rct-never #astuces-cuisine .tab111{background-color: #fff;border-bottom: 1px solid #25aae2;color: #25aae2;font-size: 19px;} #rct-accordion #rct-never #boost-fertilite.fertilite-g .card-block, #rct-accordion #rct-never #astuces-cuisine.cuisine-g .card-block{color: #fff;font-size: 15px;} .important-block{background-color: #ef84a3;color: #fff;font-weight: 600;text-align: center;font-size: 15px;} .important-block-g{background-color: #7EB0DF;color: #fff;font-weight: 600;text-align: center;font-size: 15px;} .essentiel-retenir .essentiel-ent{background-color: #e75497;border-radius: 10px 10px 0 0;} /* Je cuisine rarement */ .choice-2{background-color: #f4acc0;} .choice-2-g{background-color: #908EC0;} @media screen and (max-width: 992px){ .choice-2, .choice-2-g{min-height: calc(100vh - 95px);} .choice-2 .rct-box, .choice-2 .rct-box-g, .choice-2-g .rct-box, .choice-2-g .rct-box-g{font-size: 9px;} } /* * Index Appli */ .rct-presentation{background-color: #37a6de;height : 43vh;} .rct-presentation h1{font-size: 20px;font-weight: 600;} .rct-presentation h1 span{color: #f8dae6;} .rct-nav-home{height: calc(50vh - 32px);background-color: #ecf1d2;} .carousel-indicators{top: 15px;height: 20px;z-index: 1;} .carousel-indicators .active{background-color: #E75498;} .carousel-indicators.carousel-g .active{background-color: #25aae2;} @media screen and (min-width: 992px){ .carousel-indicators li{max-width:30px;height:30px;border-radius: 50%;border: 2px solid #ccc;background-color: #fff;} } @media screen and (max-width: 992px){ .carousel-indicators li{max-width: 15px;height:15px;border-radius: 50%;border: 2px solid #ccc;background-color: #fff;} .pres-1 {position: absolute;left: 0; bottom: 0; width: 70%;} .pres-2 { position: absolute; bottom: -17%; width: 46%;left: 28%; z-index: 1;} .btn-ins {height: 28vh; background: url('/ferti/fr/images/home-menu-1.png') center no-repeat; background-size: contain;} .btn-conn {height: 28vh; background: url('/ferti/fr/images/home-menu-2.png') center no-repeat; background-size: contain;} .tout-savoir { height: 17vh;background: url('/ferti/fr/images/home-menu-3.png') center no-repeat;background-size: contain;} .rct-nav-insc-prev{color: #e75497;background: url('/ferti/fr/images/font-app-insc.PNG') center repeat;font-weight: 600;height: 20vh;display: flex;font-size: 23px;line-height: 28px;} .rct-nav-insc{height: 65vh;background-color: rgb(255, 235, 235);} .rct-nav-insc > .row{height: 100%;} .btn-insc-f{ background: url('/ferti/fr/images/bt-Inscription-app-fille.png') center center / contain no-repeat;height: 50%;float: left;} .btn-insc-g{ background: url('/ferti/fr/images/bt-Inscription-app-garcon.png') center center / contain no-repeat;height: 50%;float: left;} #carouselToutSavoir{height: calc(82vh - 64px);background-color: #37a6de;font-family: "Roboto", "Helvetica Neue", sans-serif; } .bg-app{height: 10px;background-color: #bee4fa;} .pres1 {height: 40vh;background: url('/ferti/fr/images/pres3.png') center no-repeat;background-size: cover;} .s-1{height: 30vh;background-color: #37a6de;color: #bde9ff;font-size: 20px;font-weight: 500;padding-top: 10px;text-align: center;line-height:25px;} .s-1 .sp1 {color: #fff;font-size: 25px;} .s-1 a{background: url('/ferti/fr/images/pres1-btn.png') center no-repeat;background-size: contain;height: 35px;margin-top: 10px;color: transparent;padding: 15px 0px;} .pres2{height: 40vh;background: url('/ferti/fr/images/pres4.png') center no-repeat;background-size: cover;color: #fff;} .s-2{color: #fff;background-color: #37a6de;font-weight: 500; height: 30vh;padding-top: 10px;} .s-2 ul{margin:0;padding-left: 25px;} .s-2 ul li{text-align: left;font-size: 15px;line-height: 17px;font-weight: 600;} .s-2 span{color: #bde9ff;font-size: 20px;line-height: 20px;} .savoir-g{background: url('/ferti/fr/images/pres4-1.png') top right no-repeat;background-size: 80% auto;height: 10vh;float: left;} .savoir-f{background: url('/ferti/fr/images/pres4-2.png') top right no-repeat;background-size: 80% auto;height: 10vh;float: left;} .pres3{height: 40vh;background: url('/ferti/fr/images/pres5.png') center no-repeat;background-size: cover;color: #fff;} .s-3{color: #fff; background-color: #37a6de;height: 30vh;font-size: 18PX;text-align: center;} .s-3 span{color: #bde9ff;} .s-3 small{font-style: italic;color: #bde9ff;font-size: 65%;} .s-3 a{background: url('/ferti/fr/images/pres1-btn.png') center no-repeat;background-size: contain;height: 35px;margin-top: 10px;color: transparent;padding: 15px 0px;} .pres4{height: 45vh;background: url('/ferti/fr/images/pres1.png') center no-repeat;background-size: cover;} .pres4-2{height: 28vh;background: url('/ferti/fr/images/pres1-2.png') center no-repeat;background-size: cover;} .s-4{color: #fff;position: absolute;top: 46vh; right: 0;font-size: 16px;font-weight: 500;} .s-4 a{background: url('/ferti/fr/images/pres1-btn.png') center no-repeat;background-size: contain;height: 35px;margin-top: 10px;color: transparent;padding: 15px 5px;} .pres5{height: 45vh;background: url('/ferti/fr/images/pres6.png') center no-repeat;background-size: cover;} .pres5-img{position: absolute;left: 0;bottom: 0;width: 40%;z-index: 1;} .s-5{color: #fff;background-color: #37a6de; height: 30vh;font-size: 16px;line-height: 22px;padding-top: 20px;} .s-5 a{background: url('/ferti/fr/images/pres1-btn.png') center no-repeat;background-size: contain;height: 35px;margin-top: 10px;color: transparent;padding: 15px 5px;} .pres6{height: 30vh;background: url('/ferti/fr/images/pres7.png') center no-repeat;background-size: cover;} .news-bb{position: absolute;left: 10%;width: 80%;top: calc( 30vh - 25px );z-index: 1;} .pres6-2{background-color: #37a6de;color: #fff;padding-top: 20px;height: 45vh;padding-left: 10px;padding-right: 10px;} .logo-box{float: left;height: 100%;background: url('../assets/img/btn-leftpink.png') center right no-repeat;background-size: contain;} .logo-box div{float: left;height: 100%;} .parents-logo{background: url('/ferti/fr/images/parents.png') center no-repeat;background-size: contain;} .latribune-logo{background: url('/ferti/fr/images/latribune.png') center no-repeat;background-size: contain;} .maternelles-logo{background: url('/ferti/fr/images/maternelles.png') center no-repeat;background-size: contain;} .rmc-logo{background: url('/ferti/fr/images/rmc.png') center no-repeat;background-size: contain;} .plus-img{float:left;background-color: #E75498;height: 100%;border-radius: 0 5px 5px 0;font-family: "A little sunshine";font-size:50px;font-weight: 600;padding-left: 0;} .pres6-4{padding: 12px 30px;float: left;} } .bg-carreaux{ background-image: url(/ferti/fr/images/bg-caareaux.png); background-repeat: repeat; background-size: 100px; } .bg-carreaux-g{ background-image: url(/ferti/fr/images/bg-caareaux-g.png); background-repeat: repeat; background-size: 100px; } .btn-bg-carreaux{ color: #e95da0!important; border: 5px solid white; border-radius: 10px; height: 100px; } .btn-bg-carreaux-g{ color: #25aae2!important; border: 5px solid white; border-radius: 10px; height: 100px; } .container-img{ height: fit-content; } .special { background-color: #1396d7; background-image: url(/ferti/fr/images/recette-ill-accueil-f.png); background-repeat: no-repeat; background-size: contain; background-position-y: bottom; } .special-g { background-color: #1396d7; background-image: url(/ferti/fr/images/recette-ill-accueil-g2.png); background-repeat: no-repeat; background-size: contain; background-position-y: bottom; } .rounded{ border-radius:10px; background-color: #e95da0; } .recherche-aliment input::placeholder,.recherche-aliment input{ color: #e95da0; border: none; } .recherche-aliment .btn-sbm{ background-color: #f7c3db; width: 32px; height: 32px; } .recherche-aliment .btn-sbm .fa{ color: #e95da0; } .recherche-aliment hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 2px dashed white } .etape-suivante{ font-size: 1.5rem; line-height: normal; } .titre-conseil,.etape-suivante{ font-family: 'A little Sunshine'; } .recherche-aliment button{ border: none; background: none; } .aliment-ok{ background-color:limegreen; } .aliment-mais{ background-color: orange; } .aliment-pas-ok{ background-color: red; } .btn-spe{ position: absolute; bottom: 30px; right: 10px; } .img-btn{ max-width: 60px; } .bg-recette{ background-color: #3aa5dd; } .bg-recette-ra{ min-height:calc(100vh - 175px); } .bg-recette-ra a{text-decoration: none !important;float: left;width: 100%;height: 100%;} .bg-recette,.bg-recette-2{ min-height: calc(100vh - 95px); } @media screen and (min-width: 992px){ .bg-recette,.bg-recette-ra{ min-height: calc(100vh - 398px); } } @media screen and (max-width: 5000px){ .content{margin-top: 35px !important;} #header:before{content: "";position: fixed;height:25px;width: 100vw;left: 0;top:34px;background: url('/ferti/fr/images/headerrct-bg.png') center no-repeat;background-size: 100% 100%;} } .conteneur-etape-suiv{ position: relative; } .font-ALS{font-family: 'A little Sunshine';} .c-pink-fonce {color:#e95da0;} .c-white {color:#fff;} .fond-blanc {background-color:white;padding:15px 5px;color:#e95da0;text-transform:uppercase;border-radius:15px;text-align:center;} .fond-blanc-g {background-color:white;padding:15px 5px;color:#25aae2;text-transform:uppercase;border-radius:15px;text-align:center;} .fond-rose {background-color:#e75497;padding:15px 5px;color:white;text-align:center;} .rond-rose {border-radius:25px;height:20px;width:20px;background-color:#e95da0;color:white;padding:5px 10px;} .rond-rose-big {border-radius:25px;height:50px;width:50px;background-color:#e95da0;color:white;padding:12px;font-size:18px;} .rond-bleu {border-radius:25px;height:20px;width:20px;background-color:#25aae2;color:white;padding:5px 10px;} .rond-bleu-big {border-radius:25px;height:50px;width:50px;background-color:#25aae2;color:white;padding:12px;font-size:18px;} .f-26 {font-size:26px;} .fond-rose-fonce {background-color:#F18FAD;} .fond-rose-clair{background-color:#ffcccb;} .fond-bleu-fonce {background-color:#7EB0DF;} .fond-bleu-clair{background-color:#7FC8D9;} .img-moy {max-height:100px;} .essentiel-retenir-bleu .essentiel-ent {background-color:#25aae1;border-radius: 10px 10px 0 0;padding:0;} .essentiel-ent .img-titre {margin-top:-35px;max-height:120px;} .essentiel-ent .img-titre-essentielle {margin-top:-35px;max-height:160px;} .essentiel-ent .img-titre-complementaire {margin-top:-35px;max-height:160px;margin-left:auto;margin-right:auto;} .essential-row {background-color:white;color:#25aae1;padding:10px 0;margin-bottom:5px;} .essential-row .ing {margin:auto;} .essential-row .separateur img {max-height:50px;} .essential-row .ing img {max-height:100px;} .mw-100 {max-width:100%;} .mw-30 {max-width:30%;} .img-papillon {width:30px;position:absolute;left:5px;top:-13px;} .recette-cuisinepeu2 .rct-box.active{ background-color:rgb(223, 100, 255)!important } .rct-box, .rct-box-g{ min-height: 88px; height: 100%; /*height:100%;*/ text-align:center; cursor:pointer; } .recette-cuisinepeu2 .bebe-f{ position: absolute; left: 0; top: -40px; width: 70px; } .recette-cuisinepeu2 .bebe-g{ position: absolute; left: 0; top: -40px; width: 120px; } .rct-box p { bottom: 0; position: absolute; width: calc(100% - 10px); margin-bottom: 5px; } @media screen and (min-width: 1200px){ .rct-box-spe img {max-height:100px;max-width:100px;} } @media screen and (max-width: 1200px){ .rct-box-spe img {max-height:60px;max-width:60px;} } @media screen and (max-width: 991px){ .rct-box-spe img {max-height:100px;max-width:100px;} } @media screen and (max-width: 600px){ .rct-box-spe img {max-height:50px;max-width:50px;} .rct-box-spe2 img {padding-left:5px;padding-right:5px;} .rct-box-spe2 .img-prot {max-width:90px;} .content{padding-bottom: 15% !important;} } @media screen and (max-width: 470px){ .rct-box-spe2 .img-prot {max-width:50px;} .content { padding-bottom: 19% !important; } } .titre-preview-chef-g{background-color: #3AA5DD;border-radius: 10px;min-height: 50px;} .titre-preview-chef{background-color: #E75497;border-radius: 10px;min-height: 50px;} .numero-titre-preview{font-size: 70px;position: absolute;bottom: -20px;font-style: italic;font-weight: bold;} .recette-cuisinepeu2 .submit-recette{ background-color: #25aae1; box-shadow: 0px 5px 5px 0px #918888; border-radius: 10px; border: none; color:white; font-size: 13px; font-weight: bold; cursor:pointer; } .fond-blanc-preview{background-color:white} .fond-blanc-preview.g .thematiques .theme-head,.fond-blanc-preview.g .recette-video .theme-head{background-color:white;color:#3AA5DD} .fond-blanc-preview .thematiques .theme-head,.fond-blanc-preview .recette-video .theme-head{background-color:white;color:#e95299} .fond-blanc-preview .recette-video{background: none!important;} .recette-video .row .slick-prev, .recette-video .row .slick-next{bottom: 10%;top:auto;} .recette-video .row .slick-next{right:0!important} .recette-video .row .slick-prev{left:0!important} hr.dotted{border: 0;border-bottom: 5px dotted white;} .recommandation #rct-never .card-header,.conseil #rct-never .card-header { background-color: #30A5DE; border: none; border-bottom: 2px solid #ffcccb; } .recommandation #rct-never .card-header.header-g,.recommandation #rct-never .card-header.header-g{background-color: #25aae2;border: none;border-bottom: 2px solid #d3f0ff;} #rct-never .card-header a:after{content: "\f0da";position: absolute;right: 15px;top:20px; display: inline-block;font: normal normal normal 14px/1 FontAwesome;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size: 32px;} #rct-never .card-header a{color: #fff;float: left; width: 100%;} .card-header a:after{transform: rotate(90deg);transition: all linear 0.2s;} .card-header a.collapsed:after{transform: rotate(0deg);} .recommandation #rct-never .card-header .rct1-number,.conseil #rct-never .card-header .rct1-number{position: absolute;top: 18px;left: 5px;color: #30A5DE;background-color: #fff;border-radius: 50%;width: 35px;height:35px;text-align: center;padding-top: 6px;font-weight: 600;} .recommandation #rct-never .card-header.header-g .rct1-number,.conseil #rct-never .card-header.header-g .rct1-number{position: absolute;top: 18px;left: 5px;color: #25aae2;background-color: #fff;border-radius: 50%;width: 35px;height:35px;text-align: center;padding-top: 6px;font-weight: 600;} #rct-never .card-header small{font-size: 70%;} #rct-never .card{background-color: #ffcccb;} #rct-never .card.card-g{background-color: #7FC8D9;} #rct-never #boost-fertilite .card-header, #rct-never #astuces-cuisine .card-header{background-color: #ef84a3;font-size: 18px;line-height: 22px;min-height: 80px;display: flex;} #rct-never #boost-fertilite .card-header a, #rct-never #astuces-cuisine .card-header a{font-size: 14px;margin: auto;line-height: 20px;} #rct-never #boost-fertilite .card-header a:after, #rct-never #astuces-cuisine .card-header a:after{top: 25px;} #rct-never #boost-fertilite .tab111, #rct-never #astuces-cuisine .tab111{background-color: #fff;border-bottom: 1px solid #e75497;color: #e75497;font-size: 19px;} #rct-never #boost-fertilite .card-block, #rct-never #astuces-cuisine .card-block{color: #e75497;font-size: 15px;} #astuces-cuisine .liste-ingredient img {max-height:100px;} #rct-never #boost-fertilite.fertilite-g .card-header, #rct-never #astuces-cuisine.cuisine-g .card-header{background-color:#7EB0DF;font-size: 18px;line-height: 22px;height: 80px;display: flex;border-bottom:2px solid #d3f0ff;} .recommandation #rct-never #boost-fertilite .tab111, #rct-never #astuces-cuisine .tab111{background-color: #fff;border-bottom: 1px solid #25aae2;color: #25aae2;font-size: 19px;} #rct-never #boost-fertilite.fertilite-g .card-block, #rct-never #astuces-cuisine.cuisine-g .card-block{color: #fff;font-size: 15px;} #rct-never2 .card-header a:after{ top:6px; } @media screen and (min-width: 992px){ .appli-resume-link{padding: 10px 200px;font-size: 22px; } a.appli-resume-link .col-2.d-flex{height: 100px !important;} .appli-resume-ban{background-image: url(http://mybubelly.preprod.mediadev.info/ferti/fr/images/eve-recette-bvn-spe-f.png); min-height: 200px;background-size: contain;background-repeat: no-repeat;background-position: 20% 0%;} .bg-recette.bg-recette-ra h1{margin-bottom: 60px !important;} } @media screen and (min-width: 1200px){ .appli-resume-link{padding: 10px 300px;font-size: 22px;} } @media screen and (max-width : 768px){ .modal-backdrop{z-index: 5;} .modal-dialog{margin-top : 50px;} } .mon-ph #rct-never .card-header, .mon-cycle .card-header{ background-color: #e75498; border: none; border-bottom: 2px solid #e75498; } .mon-ph.g #rct-never .card-header, .mon-cycle.g .card-header{ background-color: #3AA5DD; border: none; border-bottom: 2px solid #3AA5DD; } .g #rct-never .card{background-color: #d3f0ff;} .mon-ph #rct-never .card-header a:after, .mon-cycle .card-header a:after { top: 11px; } .mon-ph .card-block .calcul-ph, .mon-ph .card-block .calcul-ph, .mon-cycle .card-block .calcul-ph, .mon-cycle .card-block .calcul-ph{width: 100%;padding: 10px 15px;} .mon-ph .rct1-number, .mon-cycle .rct1-number { position: absolute; top: 9px; left: 5px; color: #e75498; background-color: #fff; border-radius: 50%; width: 35px; height: 35px; text-align: center; padding-top: 6px; font-weight: 600; } .mon-ph.g .rct1-number, .mon-cycle.g .rct1-number{ color: #3AA5DD; } .mon-ph.g .card-block{background-color:#d3f0ff;} .mon-cycle #rct-never .card-header a:after{top: 10px;} @media screen and (max-width: 1500px){ /*.content{padding-bottom:5% !important;}*/ #phone-ph-mobile{/*position: fixed;*/z-index: 10;display:block;color:white;padding:0;margin: auto;transition: all linear 0.3s;height: 100%;} /*#phone-ph-mobile.open{z-index: 10} #phone-ph-mobile td,#phone-ph-mobile p,#phone-ph-mobile li,#phone-ph-mobile .vit,#phone-ph-mobile div{ font-size: 20px!important; } #phone-ph-mobile div{ height:auto }*/ #phone-ph-mobile h3{ margin-top: 40px; } #phone-ph-mobile .titre-mobile{ display: block } .mobile-cycle table{ margin:0 auto; } .date{ border-top: 1px solid #fff; } /*.g #phone-ph-mobile{background-color: #25aae1;}*/ /*.g .inside-mobile .mobile-date, .g .mobile-ph, .g .mobile-cycle, .g .mobile-comp, .g .mobile-ddl{ background-color: #36b1e3;}*/ .mon-ph .card-block .calcul-my-ph > .row > div:first-child{display: none !important;} .mon-ph .card-block .calcul-my-ph > .row > div:nth-child(2){width: 100% !important;-webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;} } .temp-block{background-color: #fbd9e4;color: #e75498;padding: 10px;} .temp-head{background-color: #fff;font-weight: 600;text-transform: uppercase;margin-bottom: 15px;text-align: center;font-size: 22px;} .temp-block .temp-tab .temp-row{border-top: 2px solid #fff;font-weight: 600;} .temp-block .temp-tab .temp-row .temp-col{padding: 5px;} .temp-block .temp-tab .temp-row .row div:last-child{border-left: 2px solid #fff;text-align: center;} .temp-block input{background: #fff;color: #e75498; border-radius: 3px;outline: none !important;border: 1px solid #fff;padding: 5px 10px;} .temp-block input::placeholder{color: #e75498;} .menu-mobile a img{ width: 50px; height:50px; } @media screen and (min-width: 1500px){ .bottom-tools{ display:none } #footer{ display: block } } .mobile-ddl{text-align: center;margin-top: 15px;margin-bottom: 20%;} .menu-mobile a {margin-right: 5px;} /* * Marion C. Le 03/07/2018, haut et bas que l'on ne voit pas à cause du header et du footer en mobile */ /*@media screen and (min-width: 1500px){ } @media screen and (max-width: 1024px){ } @media screen and (max-width: 992px){ }*/ @media screen and (max-width: 992px){ .container{ margin-top:55px; } } /* mon cycle 2018 */ .mon-cycle-2018 h2{ font-size: 25px; color: rgb(231, 84, 152); font-weight: normal; font-style: normal; text-decoration: none; line-height: 150%; text-align: center; padding: 12px 20px 0px; } .mon-cycle-2018 .coaching-efficace{ font-size: 16px; color: rgb(231, 84, 152); font-weight: 600; font-style: normal; text-decoration: none; line-height: 130%; text-align: center; padding: 12px 20px 5px; } .lire-attentiv{ color: #fff; text-align: center; background-color: rgb(231, 84, 152); border-radius: 2px; overflow: hidden; display: block; border: 0px none rgb(0, 0, 0); } .essentiel-a-retenir.fille{ background-color: rgb(0, 157, 255); } .essentiel-a-retenir.garcon{ background-color: rgb(231, 14, 140); } .essentiel-a-retenir{ border-radius: 2px; overflow: hidden; display: block; border: 0px none rgb(0, 0, 0); color: #fff; font-weight: normal; font-style: normal; text-decoration: none; } .essentiel-a-retenir a{ color: #fff; text-decoration: none !important; } .separate.fille{ border-bottom: solid 1px #e75498; } .separate.garcon{ border-bottom: solid 1px rgb(0, 157, 255); } .separate{ width: 100%; height: 0px; font-size: 0px; line-height: 0px; } input[name="photo_ovulation"]{ position: absolute; z-index: -1; } label[for="photo_ovulation"]{ font-size: 14px; cursor: pointer; font-weight: 600; font-style: normal; line-height: 150%; padding: 10px 30px; background-color: rgb(231, 84, 152); color: #fff; text-transform: uppercase; } /*MC le 24/09/2018*/ .ph-title.garcon{ color: #2ea5e0; } .ph-title.fille{ color : #E967A4; } p.fille{ color:rgb(231, 84, 152); } p.garcon{ color: rgb(46, 165, 224); } .bloc.fille{ background-color:#e75498; } .bloc.garcon{ background-color:#3AA5DD; } .bloc.fille p, .bloc.garcon p, .bloc.fille p a, .bloc.garcon p a{ color: rgb(255, 255, 255); } .bloc.fille p, .bloc.garcon p{ margin: 1rem 0rem; } .uppercase{ text-transform: uppercase; } .m-b-10{ margin-bottom:10px; } .jour-ovulation.fille{ color: rgb(231, 84, 152); } .jour-ovulation.garcon{ color: rgb(19, 150, 215); } .jour-ovulation{ font-size: 25px; font-weight: 600; font-style: normal; text-decoration: none; line-height: 150%; text-align: center; padding: 12px 20px 0px; } .jour-ovulation-reverse.fille{ color: rgb(0, 139, 209); } .jour-ovulation-reverse.garcon{ color: #e70e8c; } .jour-ovulation-reverse{ font-size: 18px; font-weight: 600; font-style: italic; text-decoration: none; line-height: 150%; text-align: center; padding: 0px 20px; } .explication-mon-cycle.fille{ color: rgb(231, 84, 152); } .explication-mon-cycle.garcon{ color: rgb(19, 150, 215); } .explication-mon-cycle{ font-family: Arial, Helvetica, sans-serif; } .garcon{ color: rgb(19, 150, 215); } .li-no-t-c li{ text-align:inherit; } .d-flex{ display:flex; } #header.recette-header {background-color:#d7e39b;} #header:before{ background: url(../images/headerrct-bg-green.png) center no-repeat; background-size: 100% 100%; } .input{ padding-top: 14px; } .submit{ width:100%; margin-top:20px; } .intro{ color:#2daae2; text-align:center; font-size: 21px; margin-bottom: 70px; text-transform:uppercase; } .background{ background-color: #d7e39b; padding-bottom: 1px; border-radius: 5px; padding: 1em; } .min{ text-transform:lowercase; font-style: italic; } .blocketape9{ margin-left:30px; color:#2daae2; } .block2etape9{ margin-left:10px; } .input{ padding-top: 8px; margin-top: 76px; } .textareaMod{ width: 100%; background-color:#a2c300; border-radius:5px; margin-top:15px; height:80px; border:none; padding: 0.7em; } .text{ color:#2daae2; } .souscrir{ font-weight:bold; color:#2daae2; padding:10px; font-size:16px; } .textareaMod::placeholder{ color:white; } .recap{ background-color: #e8f5fd; border-color:#ea5fa2; border-style:solid; border-width:3px; border-radius:5px; padding: 10px; } .comptetext{ margin-right:20px; margin-left:20px; font-size:12px; color:#2daae2; } .container2{ margin: 81px 40px 20px 35px; } .container3{ margin-top:50px; margin: 81px 40px 20px 35px; } .doubleboutons{ padding-top:20px; text-align:center; } .modifier{ color: white; background-color: #ea5fa2; border: none; height: 60px; padding-left: 24px; padding-right: 24px; font-size:30px; } .valider{ color: white; background-color: #2daae2; border: none; height: 60px; padding-left: 32px; padding-right: 32px; font-size:30px; } .Titre{ color:#2daae2; text-align:center; text-transform:uppercase; font-weight:bold; } .background2{ background-color: #d1edfb; padding-bottom: 1px; margin-right: -2px; margin-left: 4px; border-radius: 5px; padding-bottom: 15px; } .choixsaisi{ color: #2daae2; margin-left: 10px; margin-right: 10px; font-size: 13px; } .intitule{ color:#2daae2; text-transform:uppercase; font-weight: bold; } .flag-container{ width:100%; margin-bottom: 5px; } .submitpaiement{ background-image: url(../images/paiement.PNG); color: white; text-align: left; font-size: 90px; padding: 20px 5px 20px 30px; background-color: #ea5fa2; background-repeat: no-repeat; background-position: 56%; background-size: 291px; border: none; width: 400px; } .radiobconnaitre{ margin-right:257px; margin-top:16px; margin-left:2px; } .autresinput{ background-color:white; border-color:#2daae2; width: 100%; margin-top: 10px } .autresinput::placeholder{ color:#2daae2; } .submit{ color:white; text-align:left; font-size:20px; padding:20px 5px 20px 30px; background-color:#d7e39b; background-image: url(../images/fleche-green.PNG); background-repeat: no-repeat; background-position:85%; background-size:82px; font-weight:bold; text-transform: uppercase; border:none; cursor: pointer; } input[type=submit]{ cursor:pointer; } .submitconnaitre{ width: 100%; color: white; text-align: left; font-size: 38px; padding: 20px 5px 20px 30px; background-color: #d7e39b; background-image: url(../images/fleche-green.PNG); background-repeat: no-repeat; background-position: 89%; background-size: 106px; font-weight: bold; text-transform: uppercase; margin-top: 10px; border:none; cursor: pointer; } .connaitretext{ float: none; text-align: right; font-weight: bold; color:#2daae2; text-transform:uppercase; font-size:14px; margin-bottom:0px; } .inputdiff{ width:100%; color:#2daae2; background-color:white; border-color: #2daae2; border-radius:5px; border-width:3px; } .titreconnnaitre{ color: #2daae2; padding-right: 24px; font-weight: bold; text-transform: uppercase; font-size:14px; } .select-connaitre{ width: 57%; color: #2daae2; background-color: white; border-color: #2daae2; text-transform: uppercase; border-radius: 5px; border-width: 3px; margin-top: 12px; } .TitreCac{ color:#2daae2; font-family:'A little Sunshine'; text-transform: uppercase; } .titre{ font-weight:bold; text-transform:uppercase; color:#2daae2; } .radiobutonLiv{ background-color: white; color: #a2c300; font-weight: bold; border-radius: 5px; height: 43px; padding-top: 0.5em; padding-left: 0.5em; } .precedent{ position: fixed; top: 0; right: 0; z-index: 5000; padding-right:30px; width:185px; padding:2px; text-align:center; color:white; border:none; cursor:pointer; } .MesPrev{ color:#ea5fa2; font-size:13px; font-weight:bold; margin-bottom:6px; } .factText{ color:#a2c300; font-weight: bold; text-transform:uppercase; font-size:14px; margin: 2px 0px 3px 3px; } .custom-select{ width: 100%; background-color: #2daae2; color: white; text-transform: uppercase; border: none; margin-left: 2px; height: 50px; margin-top: 7px; text-align: justify; } .liv{ padding-top: 2px; } .textrose{ font-size: 16px; color: rgb(234, 95, 162); font-weight: normal; font-style: normal; text-decoration: none; line-height: 130%; } .choice{ margin-left: 47px; } .submitFac{ color: white; text-align: left; font-size: 20px; padding: 10px 5px 10px 20px; background-color: #ea5fa2; background-image: url(../images/fleche.PNG); background-repeat: no-repeat; background-position: 93%; background-size: 82px; font-weight: bold; text-transform: uppercase; width: 100%; border:none; margin-top:10px; } .submit2{ color: white; text-align: left; font-size: 18px; padding: 15px 13px 15px 30px; background-color: #ea5fa2; background-image: url(../images/fleche.PNG); background-repeat: no-repeat; background-position: 98%; background-size: 86px; font-weight: bold; text-transform: uppercase; width: 100%; border:none; margin-top:10px; } .forminput{ background-color:white; border-radius:0px; color:black; font-weight:bold; } .prevention{ font-size:12px; color:#2daae2; } .avertissement{ color:red; font-weight:bold; text-align:justify; } .paiementvalid{ text-transform:uppercase; color:#ea5fa2; font-size:20px; font-weight:bold; } .modal-body{ background-color: #a2c300; color: white; text-decoration: none; padding: 30px; } .liv{ color:#2daae2; font-weight:bold; } .textblock{ color:#2daae2; text-align:justify; font-size:18px; } .submitfinal{ background-color:#d7e39b; color:white; width:100%; padding-top:20px; padding-bottom:20px; font-weight:bold; border:none; } .paiementback{ color:#ea5fa2; border-color:#ea5fa2; border-style:dashed; border-width:2px; border-radius:5px; text-transform:uppercase; } .choixliv{ font-weight:bold; color:#2daae2; font-size:12px; } .formuetape1{ width:100%; padding:12px; border:none; margin-top:7px; } .paiement{ color:#ea5fa2; text-transform:uppercase; padding-top:20px; } .container-fluid{ background-color: white; max-width: 500px; margin-top: 60px; padding-bottom: 30px; padding-top: 30px; } input{ background-color:#a2c300; border-radius:5px; margin:0 auto; margin:2px; padding:7px; wdith:100%; color:white; } input::placeholder{ color:white; } input:focus{ color:white; } html, body{ background:url("../images/fond-ordinateur.jpg")no-repeat fixed center!important; background-size:auto; } @media screen and (max-width: 250px) { .submit { background-position:100%; background-size: 30%; } } html { background-image: url(""); } @media screen and (max-width : 400px) { .submitconnaitre{ background-position: 97%; background-size: 75px; } } @media screen and (max-width : 400px) { .submitconnaitre{ background-position: 50% 100%; background-size: 52px; } } @media screen and (min-width: 768px) { body, #header:before { margin: 0 auto; } html { background-image: url(""); } } @media screen and (max-width: 600px) { html, body { background: none!important; } } @media screen and (max-width: 5000px) { .container { margin:0; position: fixed; top: 0; z-index: 100; max-width: 100%; } } @media screen and (max-width: 640px) { .bloc { display:block; clear:both; } } @media screen and (max-width: 350px) { .radiobconnaitre { margin-right: 116px; margin-top: 16px; } .select-connaitre { width: 44%; color: #2daae2; background-color: white; border-color: #2daae2; text-transform: uppercase; border-radius: 5px; border-width: 3px; margin-top: 12px; } } @media screen and (max-width: 992px){ .container.custom { margin-top: 55px; margin-bottom: 0px !important; } } @media screen and (max-width: 600px){ .content.custom { padding-bottom: 0px !important; } } @media screen and (max-width: 992px){ .container.custom-reverse { margin-top: 0px; } } @media screen and (min-width: 320px) and (max-width: 430px){ .radiobconnaitre { margin-top: 20px; margin-right: 54%; } } #myModal p.dismiss{ text-decoration:underline; color:white; font-size:24px; font-weight:11; cursor:pointer; } .inscription-container { background-color: #fff; box-shadow: 0px 0px 50px rgba(85, 85, 85, 0.56); border-radius: 25px; margin-top: 10px; margin-bottom: 100px; padding: 15px 30px 50px 30px; } .account-created { color: #fff; background-color: #f2adc0; padding: 100px 50px; border-radius: 30px; margin-top: 250px; } input[type='radio'] { height: auto !important; } div p span { font-weight: 600; } #bouton { text-transform: uppercase; color: #fff; background-color: #e95299; padding: 2px 10px; border: 2px solid #fff; font-size: 20px; border-radius: 3px; -moz-box-shadow: 0px 5px 5px 0px #ccc; -webkit-box-shadow: 0px 5px 5px 0px #ccc; -o-box-shadow: 0px 5px 5px 0px #ccc; box-shadow: 0px 5px 5px 0px #ccc; filter:progid:DXImageTransform.Microsoft.Shadow(color=#ccc, Direction=180, Strength=5); cursor: pointer; } #tirets { list-style: none; } #tirets li { text-align: left !important; } #tirets li:before { content: '- '; } .allow-dropdown { color: black; width: 100%; text-align: left; } .country-list li { text-align: left !important; } input[type="date"]::-webkit-clear-button { display: none; } .choice input.choixLiv{ height: 20px; width: 15px; float: left; } .paiement_valide_congrats{ text-transform: uppercase; font-size: 1.5em; color: #ea5fa2; } .bleu_big{ color: #2daae2; font-weight: 600; font-size: 1.5em; } .warning{ color: #ff0600; font-weight:700; } .color_fille{ color: #ea5fa2; } .color_garcon{ color: #2daae2; } .big_color_fille{ color: #ea5fa2; font-size: 1.5em; } .btn_rose_custom{ background-color: #ea5fa2; color: white; padding: 1em; width: 100%; border: none; border-radius: 5px; font-size: 1.3em; font-weight: 600; } input:focus{ color: black; } .intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type=text], .intl-tel-input.allow-dropdown input[type=tel], .intl-tel-input.separate-dial-code input, .intl-tel-input.separate-dial-code input[type=text], .intl-tel-input.separate-dial-code input[type=tel]{ width: 100%; padding-left: 7em !important; height: 46px; border: none; color:white; } .intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container{ width: 7em; } .intl-tel-input.separate-dial-code .selected-flag{ background-color: #a2c300 !important; color: white; } .intl-tel-input.allow-dropdown .selected-flag, .intl-tel-input.separate-dial-code .selected-flag{ width: 6em !important; }