/*

*	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 */
lo
/* 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('/ferti/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-color: #d7e39b!important;
	background-size: 100% 100%;
}
#header .noeud-fille img {
	max-width: 300px;
}
#header .header-icon {
	float: left;
	border-radius: 50%;
	background-color: #ffffff;
	height: 25px;
	width: 25px;
	margin-left: 5px;
	padding-left: 6px;
	margin-top: 10px;
}
#header .header-icon .fa {
	/*color: #fbd8e3;*/
	color:  #a2c300;
	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 {
	background-color: #a2c300;
	width: 100%;
}
#header .menu {
	margin-top: 9px;
	display: flex;
}
#header .menu .row.col-auto {
	margin: auto;
}
#header .menu .fa {
	font-size: 0.4rem;
	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: #dd5596;
	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: #dd5596;
}
#header .bar.button::after {
	transition: all 0.3s;
	content: "";
	position: absolute;
	right: 0;
	top: 7px;
	height: 4px;
	width: 25px;
	background-color: #dd5596;
}
#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: #eb59a0 !important;
	transform: rotate(45deg);
	top: 0px;
}
#header .bar.cross:after {
	background-color: #eb59a0 !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: #eb59a0;
	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: #eb59a0;
}
.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: #a2c300;
	background-color: #ffffff;
	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: 992px) {
.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: #a2c300;
}
#footer.g ul li {
	color: #25aae2;
	font-size: 12px;
}
#footer.g ul li a {
	color: #ffffff;
}
#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;
	background-color: #FBE5ED;
	padding-bottom: 50px;
}
.login div {
	background-color: #FBE5ED;
}
.titre_espace {
	color: #A1C42F!important;
}
.rose {
	color: #EF89B0!important;
}
.vert {
	color: #A1C500!important;
}
.login .row {
	padding: 50px;
	padding-top: 25px;
}
.login input {
	background-color: #FAB3CE;
	border: 1px solid transparent;
	height: 40px;
	margin-bottom: 10px;
}
.login input:focus, .login textarea:focus {
	outline-color: #eb59a0;
}
.login .label {
	color: #ffffff;
	padding: 10px 15px;
	font-size: 20px;
	font-weight: bold!important;
}
.new-member {
	color: #777777;
	font-weight: 600;
	font-size: 18px;
}
.login-btn {
	text-transform: uppercase;
	max-width: 100%;
	color: #fff;
	background-color: #a2c300;
	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, .titreLogin > input {
	color: #777777;
}
.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: #f88f9e;
	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: #f88f9e;
}
.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: #f88f9e;
}

@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, .mon-cycle .date-fields select {
	width: 100%;
	border: 1px solid transparent;
	background-color: #fff;
	color: #e75498;
	padding: 4px 15px;
	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;
}
.no-margin {
	margin : 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: #d7e39b;
	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: 10px;
	text-align: center;
	color: #777777;
	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: 992px) {
#header {
	position: fixed;
	top: 0;
	z-index: 10000000000;
	width: 100%;
}
#header.recette-header {
	background: none;
	/*background-color: #bee4fa;*/
	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: #f88f9e;
}
#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: #fff1f7;
}
.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: 992px) {
.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-green.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;
}
.f-40 {
	font-size: 40px;
}
.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 {
	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;
	margin-bottom: 65px;
}
}
/* 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;
}

@media screen and (max-width: 640px) {
.bloc {
	display: block;
	clear: both;
}
}

@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;
}
}
.what_to_agree a {
	text-decoration: none !important;
	float: left;
	width: 100%;
	height: 100%;
	color: #fff;
}
.what_to_agree a p {
	color: #fff;
}
.search_input_form button.custom_button, .search_input_form .custom_button_bis button {
	border: none;
	background: none;
}
.search_input_form .custom_button div, .search_input_form .custom_button_bis button div {
	cursor: pointer;
	background-color: #f7c3db;
	width: 32px;
	height: 32px;
}
.search_input_form .custom_button div i, .search_input_form .custom_button_bis button div i {
	color: #e95da0;
}
.search_input_form form#select_rubrique button {
	border: none;
	background: none;
}
.search_input_form form#select_rubrique button div {
	cursor: pointer;
	background-color: #f7c3db;
	width: 32px;
	height: 32px;
}
.search_input_form form#select_rubrique button div i {
	color: #e95da0;
}
.what_to_search_cp a {
	margin-right: auto;
	font-size: 12px;
	color: rgb(233, 93, 160);
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	border-radius: 10px;
	line-height: 150%;
	padding: 10px;
	display: inline-block;
	border: 1px solid rgb(247, 224, 235);
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	background-color: rgb(247, 224, 235);
}
.what_to_search_cp a.active {
	background-color: rgb(233, 93, 160);
	color: #fff;
}
.what_to_search_cp a:last-child {
	margin: 0px;
}
.bg-garcon {
	background-color: #d3f0ff;
}
.bg-garcon-fonce {
	background-color: #38a9e0 !important;
}
.bg-fille-fonce {
	background-color: rgb(233, 93, 160);
}
.b-rounded {
	border-radius: 15px;
}
.c-fille-fonce {
	color: rgb(233, 93, 160);
}
.c-fille {
	color: #e75498;
}
.c-fille-flash {
	color: #ff0059;
}
.c-garcon {
	color: rgb(46, 165, 224);
}
.c-garcon-flash {
	color: #50C6EC;
}
.c-white {
	color: #fff;
}
.f-f-arial {
	font-family: Arial, Helvetica, sans-serif;
}
.f-s-28 {
	font-size: 28px;
}
.f-s-12 {
	font-size: 12px;
}
.f-s-14 {
	font-size: 14px;
}
.f-s-18 {
	font-size: 18px;
}
.f-s-32 {
	font-size: 32px;
}
.f-s-48 {
	font-size: 48px;
}
.f-s-24 {
	font-size: 24px;
}
.f-s-20 {
	font-size: 20px;
}
.bold {
	font-weight: bold;
}
.p-20-20-10 {
	padding: 20px 20px 10px;
}
.font-arial-helvatica {
	font-family: Arial, Helvetica, sans-serif;
}
.c-garcon-fonce {
	color: rgb(55, 166, 222);
}
.p-20 {
	padding: 20px;
}
.p-15 {
	padding: 15px;
}
.uppercase {
	text-transform: uppercase;
}
.mbt-1 {
	margin: 1em 0px;
}
.button-rounded {
	border-radius: 10px;
	padding: 0.5em;
}
.italic {
	font-style: italic;
}
.seperator-blue {
	background-color: #37a6de;
	height: 0.25em;
}
.what_to_order_cp a {
	background-color: #d3f0ff;
	margin: auto;
	color: rgb(0, 116, 173);
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	border-radius: 10px;
	line-height: 150%;
	padding: 10px;
	display: inline-block;
	border: 1px solid rgb(255, 255, 255);
}
.what_to_order_cp a.active {
	color: #fff;
	background-color: rgb(0, 116, 173);
}
.buttom_custom_back_yellow {
	color: #fff;
	font-weight: bold;
	background-color: rgb(247, 192, 0);
	border-radius: 5px;
	font-size: 22px;
	padding: 0.5em;
}
.h-55 {
	height: 55px;
}

@media screen and (max-width: 767px) {
.what_to_search_cp {
	padding: 0px !important;
}
.what_to_search_cp a {
	font-size: 11px !important;
}
}
.bg-fille {
	background-color: #fcd8e2;
}
.color-white {
	color: white;
}
.color-blue {
	color: #37a6de;
}
.font-weight {
	font-weight: bold;
}
/*Page point dietetique*/

.point_dietetique textarea {
	border: none;
	background: #d9e6fa;
	width: 100%;
	height: 80px;
}
.point_dietetique textarea:focus {
	background: #f7e7d6;
}
.point_dietetique table.mytable td {
	border: 1px solid black;
	padding: 0.5em;
}
.point_dietetique table.mytable td.no-border {
	border-top: none;
	border-left: none;
}
.point_dietetique .for_mob .day .details {
	border-bottom: 1px solid #eee;
	padding: 10px 0px;
}
.point_dietetique .for_mob .day .details:last-child {
	border: none;
}
.point_dietetique .for_mob .day div:first-child {
	padding: 0.3em;
}
.point_dietetique .commentaires textarea {
	height: 10em;
}
/*FIN page point dietetique*/



/*Page point eve diet cycle*/

.bg-vert {
	background: #32c6a9;
}
.bg-vert-fonce {
	background: #16a085;
}
.bg-fille-flashi {
	background-color: #ff0095;
}
.bg-garcon-flashi {
	background-color: #0096d6;
}
#point_eve_diet_cycle a:hover {
	color: white;
	text-decoration: none;
}
.submit_btn {
	color: white;
	text-align: left;
	font-size: 15px;
	padding: 0.5em 1em;
	background-color: #ea5fa2;
	background-image: url(../images/fleche.PNG);
	background-repeat: no-repeat;
	background-position: 85%;
	background-size: 3em;
	font-weight: bold;
	text-transform: uppercase;
	border: none;
	width: 11em;
	cursor: pointer;
}

.submit_btn.btn_lettre{
	width: 30.5em;
	background-position: 93%;
}

@media screen and (max-width: 460px) {
	.submit_btn.btn_lettre{
		width: 24.5em;
		background-image: unset;
	}
}

@media screen and (max-width: 360px) {
	.submit_btn.btn_lettre{
		width: 18.5em;
		background-image: unset;
	}
}

.cancel_btn:hover {
	color: white;
	text-decoration : none;
}
.cancel_btn {
	color: white;
	text-align: left;
	font-size: 15px;
	padding: 0.6em 1em;
	background-color: #38a9e0;
	font-weight: bold;
	text-transform: uppercase;
	border: none;
	cursor: pointer;
}
.cancel_btn .fa-times {
	font-size: 1.5em;
	padding-left: 1em;
}
.data_table {
	width: 100%;
	background-color: #fff;
	border-collapse: collapse;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}
.data_table td {
	padding: 0.5em;
}
.data_table thead tr td {
	color: white;
	text-transform: uppercase;
	font-weight: bold;
}
.data_table tbody tr {
	border-bottom: 1px solid #e5e5e5;
}
.data_table tbody tr td {
	font-size: 14px;
	color: gray;
}
.data_table tbody a {
	color: gray;
}
.data_table tbody a:hover {
	color: gray !important;
	text-decoration: none;
}
.data_table.fille thead tr td {
	background-color: rgb(233, 93, 160);
}
.data_table.fille tbody tr:hover {
	background-color: #fcd8e2;
}
.data_table.garcon tbody tr:hover {
	background-color: rgb(220, 238, 245);
}
.data_table.garcon thead tr td {
	background-color: #2fa6e0;
}
/*Upload video*/

.uploader label {
	float: left;
	clear: both;
	width: 100%;
	padding: 2rem 1.5rem;
	text-align: center;
	background: #fff;
	border-radius: 7px;
	border: 3px solid #eee;
	transition: all .2s ease;
	user-select: none;
	cursor: pointer;
}
.uploader.garon label:hover {
	border-color: #d3f0ff;
}
.uploader.fille label:hover {
	border-color: #fcd8e2;
}
.uploader.fille label.hover {
	border-color: #fcd8e2;
}
.uploader.garcon label.hover {
	border-color: #d3f0ff;
}
.uploader label.hover {
	border: 3px solid;
	box-shadow: inset 0 0 0 6px #eee;
}
.uploader label.hover #start i.fa {
	transform: scale(0.8);
	opacity: 0.3;
}
.uploader #start {
	float: left;
	clear: both;
	width: 100%;
}
.uploader #start.hidden {
	display: none;
}
.uploader #start i.fa {
	font-size: 50px;
	margin-bottom: 1rem;
	transition: all .2s ease-in-out;
}
.uploader #response {
	float: left;
	clear: both;
	width: 100%;
}
.uploader #response.hidden {
	display: none;
}
.uploader #response #messages {
	margin-bottom: .5rem;
}
.uploader #file-image {
	display: inline;
	margin: 0 auto .5rem auto;
	width: auto;
	height: auto;
	max-width: 180px;
}
.uploader #file-image.hidden {
	display: none;
}
.uploader #notimage {
	display: block;
	float: left;
	clear: both;
	width: 100%;
}
.uploader #notimage.hidden {
	display: none;
}
.uploader progress, .uploader .progress {
	display: inline;
	clear: both;
	margin: 0 auto;
	width: 100%;
	max-width: 180px;
	height: 8px;
	border: 0;
	border-radius: 4px;
	background-color: #eee;
	overflow: hidden;
}
 .uploader.progress[value]::-webkit-progress-bar {
 border-radius: 4px;
 background-color: #eee;
}
 .uploader.fille .progress[value]::-webkit-progress-value {
 background: linear-gradient(to right, darken(#fcd8e2, 8%) 0%, #fcd8e2 50%);
 border-radius: 4px;
}
 .uploader.fille .progress[value]::-moz-progress-bar {
 background: linear-gradient(to right, darken(#fcd8e2, 8%) 0%, #fcd8e2 50%);
 border-radius: 4px;
}
 .uploader.garcon .progress[value]::-webkit-progress-value {
 background: linear-gradient(to right, darken(#d3f0ff, 8%) 0%, #d3f0ff 50%);
 border-radius: 4px;
}
 .uploader.garcon .progress[value]::-moz-progress-bar {
 background: linear-gradient(to right, darken(#d3f0ff, 8%) 0%, #d3f0ff 50%);
 border-radius: 4px;
}
.uploader input[type="file"] {
	display: none;
}
.uploader div {
	margin: 0 0 .5rem 0;
}
.uploader.fille div {
	color: rgb(233, 93, 160);
}
.uploader.garcon div {
	color: #38a9e0;
}
.uploader .btn {
	display: inline-block;
	margin: .5rem .5rem 1rem .5rem;
	clear: both;
	font-family: inherit;
	font-weight: 700;
	font-size: 14px;
	text-decoration: none;
	text-transform: initial;
	border: none;
	border-radius: .2rem;
	outline: none;
	padding: 0 1rem;
	height: 36px;
	line-height: 36px;
	color: #fff;
	transition: all 0.2s ease-in-out;
	box-sizing: border-box;
	cursor: pointer;
}
.uploader.fille .btn {
	background: rgb(233, 93, 160);
	border-color: rgb(233, 93, 160);
}
.uploader.garcon .btn {
	background: #38a9e0;
	border-color: #38a9e0;
}
.border-dotted {
	border: 2px dotted;
}
.fille.border-dotted {
	border-color: rgb(231, 84, 152);
}
.garcon.border-dotted {
	border-color: #35a8e0;
}
[class^="btn_cycle_"] {
	width: 100%;
	border: 1px solid rgb(250, 97, 209);
	color: rgb(255, 255, 255);
	padding: 10px 20px;
	border-radius: 10px;
	display: inline-block;
}
.btn_cycle_fille {
	background: -moz-linear-gradient(top, #e75498 0%, #fc88bf 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #e75498), color-stop(100%, #fc88bf));
	background: -webkit-linear-gradient(top, #e75498 0%, #fc88bf 100%);
	background: -o-linear-gradient(top, #e75498 0%, #fc88bf 100%);
	background: -ms-linear-gradient(top, #e75498 0%, #fc88bf 100%);
	background: linear-gradient(to bottom, #e75498 0%, #fc88bf 100%);
}
.btn_cycle_garcon {
	background: -moz-linear-gradient(top, #35a8e0 0%, #1680b5 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #35a8e0), color-stop(100%, #1680b5));
	background: -webkit-linear-gradient(top, #35a8e0 0%, #1680b5 100%);
	background: -o-linear-gradient(top, #35a8e0 0%, #1680b5 100%);
	background: -ms-linear-gradient(top, #35a8e0 0%, #1680b5 100%);
	background: linear-gradient(to bottom, #35a8e0 0%, #1680b5 100%);
}
.bolder {
	font-weight: bolder;
}
.separate-dotted {
	width: 100%;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	border-bottom: dotted 4px #e75498;
	border-top : none !important;
}
.mon-cycle #rct-never .card-header a:after {
	content: "" !important;
}
.mon-cycle .rct1-number {
	position: absolute;
	left: 20px;
	color: white;
}
.mon-cycle #rct-never .card {
	background-color: transparent !important;
	margin-bottom: 3.5px;
	border-radius: 0px !important;
	border: none;
}
.mon-cycle #rct-never .card .card-header {
	border-bottom: none !important;
}
.mon-cycle #rct-never .card .card-header {
	border-radius: 0px;
	padding-top: 0.6rem !important;
	padding-bottom: 0.6rem !important;
}
.mon-cycle .fille_card #rct-never .card .card-header {
	background: -moz-linear-gradient(left, #e75498 0%, #f0c2d7 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, #e75498), color-stop(100%, #f0c2d7));
	background: -webkit-linear-gradient(left, #e75498 0%, #f0c2d7 100%);
	background: -o-linear-gradient(left, #e75498 0%, #f0c2d7 100%);
	background: -ms-linear-gradient(left, #e75498 0%, #f0c2d7 100%);
	background: linear-gradient(to right, #e75498 0%, #f0c2d7 100%);
}
.mon-cycle .garcon_card #rct-never .card .card-header {
	background: -moz-linear-gradient(left, #35a8e0 0%, #aad9f0 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, #35a8e0), color-stop(100%, #aad9f0));
	background: -webkit-linear-gradient(left, #35a8e0 0%, #aad9f0 100%);
	background: -o-linear-gradient(left, #35a8e0 0%, #aad9f0 100%);
	background: -ms-linear-gradient(left, #35a8e0 0%, #aad9f0 100%);
	background: linear-gradient(to right, #35a8e0 0%, #aad9f0 100%);
}

@media screen and (min-width: 768px) {
.ph_custom_p-0 {
	padding: 0px;
}
}

@media screen and (max-width: 767px) {
.custom_table_mon_ph table tr td {
	width: 20% !important;
	height: 40px;
	vertical-align: middle;/*font-size:0.7em !important;*/

}
}
.g .box_monp_ph {
	background-color: #1396d7;
	color: #fff;
	border: 1px solid #39a9e0;
	width: 100%;
	text-align: center;
}
.g .box_monp_ph a {
	color: #fff;
}
.g .box_monp_ph a.active {
	color: #1396d7;
	background-color: #fff;
}
.fille .box_monp_ph {
	background-color: #fce9f2;
	color: #e95299;
	border: 1px solid #e95299;
	width: 100%;
	text-align: center;
}
.fille .box_monp_ph a {
	color: #e95299;
}
.fille .box_monp_ph a.active {
	color: #fce9f2;
	background-color: #e95299;
}
.mon-cycle .zabuto_calendar .calendar-dow td{
	position: relative;
}

.mon-cycle .zabuto_calendar .calendar-dow td[title*="jourtest"]:before{
	content: '';
	position: absolute;
	height: 10px;
	left: 50%;
	width: 36px;
	background: url('/ferti/images/test-ovulation-picto-OK.svg') center no-repeat;
	background-size: contain;
	z-index: 0;
	bottom: 2px;
	transform: translateX(-50%);
}
.mon-cycle .zabuto_calendar .calendar-dow td[title*="calin"]:after{
	content: '';
	position: absolute;
	height: 10px;
	right: -8px;
	top: 4px;
	width: 36px;
	background: url('/ferti/images/coeur_calendrier.png') center no-repeat;
	background-size: contain;
	z-index: 0;;
	
}
.legende.jour-test{position: relative;width: 40px;}
.legende.jour-test:before{
	content: "";
	position: absolute;
	height: 20px;
	width: 40px;
	border: none;
	background: url('/ferti/images/test-ovulation-picto-OK.svg') center no-repeat;
	background-size: contain;
	border-radius: 50%;
}
.legende.jour-calin{position: relative;width: 20px;}
.legende.jour-calin:before{
	content: "";
	position: absolute;
	height: 25px;
	width: 25px;
	border: none;
	background: url('/ferti/images/coeur_calendrier_avec_fond2.png') center no-repeat;
	background-size: contain;
}
.legende.jour-calinRec{position: relative;width: 20px;}
.legende.jour-calinRec:before{
	content: "";
	position: absolute;
	height: 25px;
	width: 25px;
	border: none;
	background: url('/ferti/images/coeur_calendrier_avec_fond.png') center no-repeat;
	background-size: contain;
}

.cycle-block > div > table, .container > div, .row > .cycle-block{
	margin: auto;
}

li > img{
	height: 100%;
}