/* ------------------------ couleurs nnl ------------------------- */
.bleu
    {
    background-color :  #263E7E;
    }

.jaune
    {
    background-color :  #F7B132;
    }

.vert
    {
    background-color :  #2AA56E;
    }

.rouge
    {
    background-color :  #ED6667;
    }


.text-bleu
    {
    color :  #263E7E !important;
    }

.text-jaune
    {
    color :  #F7B132;
    }

.text-vert
    {
    color :  #2AA56E;
    }

.text-rouge
    {
    color :  #ED6667;
    }

.titreh1 
	{
	display:inline-block;
	color:#153981;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0;
	margin-top:auto;
	font-size: 1.35em;
	vertical-align: bottom;
	font-weight: bold;
	}

h2, h4
	{
	margin-bottom: 20px !important;	
	}

.titreh2
	{
	font-size: 21px !important;
	}
	
.bannerp
	{
	margin: 0 0 0 !important;
	font-size: 16px !important;
	}

#logo
	{
	margin-right:300px;
	}

.centre
	{
	text-align: center;
    width:100%;
	}
/*
.bouton-bleu
	{
	background-color:#153981 !important;
	width: 260px;
	color: white !important;
	}

.bouton-vert
	{
	background-color:#3bb47c !important;
	width:260px;
	color: #153981 !important;
	}
*/
.arianne
	{
	width: 100%;
	text-align: right;
	margin-top: 10px;
	margin-bottom: 10px;
	color: white;
	}

.image-logo
	{
	width: 100%;
	padding-right: 25%;
	padding-left: 25%;
	margin-bottom: 10px;
	align-items: center;
	}
/*
.main-search-input 
	{
	background-color: white;
	padding-top: 15px !important;
	opacity: 0.95;
	}
*/

.divh4
	{
	margin-top: 15px !important;
	width: 100%;
	}

.fleche
	{
	display:inline-block;
	width: 49%;
	text-align: center !important;
	vertical-align: bottom;
	}

.form
	{
	min-height: 400px;	
	}

.formcustom
	{
	width: 100%;
	}



.inscription
	{
	display: none;
	}
	
.active
	{
	display: block;
	}

.selected
	{
	color: green;
	}



.message
	{
	display: none;
	margin: 20px;
	padding: 10px;
	border: 1px solid;
	}

.message.success
	{
	border-color: green;
	color: green;
	}

.message.error
	{
    border-color: red;
    color: red;
    }

/* Loader CSS */
.loader
	{
    display: none; /* hidden by default */
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000; /* on top of everything */
    }

@keyframes spin 
	{
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
    }

.selected
	{
    color: green;
	}

#parent_radio, #babysitter_radio
	{
    display: none; /* Ou visibility: hidden; */
	}

/* Avis de la page d'accueil */

.testimonial-carousel .slick-slide.slick-active .testimonial-box {
	background: #263E7E;
	color: #fff;
}

.testimonial-carousel .slick-slide.slick-active .testimonial:before {
	color: #263E7E;
}

/* Images de references */
.references {
  width: 100px !important;

}

/*tableau de planning dans les fiches*/
.planning
	{
	width:100%;
	text-align:center;
	}

th.planning
	{
	width:10%;
	}
	
th.first
	{
	width:20%;
	}
	
.dispo
	{
	background:#54ba1d;
	border-right: 1px solid white;
	border-left: 1px solid white;
	}

/*Hauteur du logo nnl dans le footer*/
img.footer-logo
	{
	max-height: 80px;
	}

/*boutons du formulaire d'accueil*/
#parent
	{
	background-color:#263E7E;
	width:260px;
	color: white;
	}

#babysitter
	{
	background-color:#3bb47c;
	width:260px;
	color: #153981;
	}

/*Boutons du formulaire photo*/
#rotateLeft, #rotateRight
	{
	background-color:#263E7E;
	width:60px;
	color: white;
	margin-left: 5%;
	margin-right: 5%;
	}

#validerPhoto
	{
	background-color:#3bb47c;
	width:80px;
	color: #153981;
	}

/*Pour la partie qui gère le recadrement des photos*/
#photoPreview
	{
    max-width: 100%;
    max-height: 400px;
    margin-top: 20px;
    }

.actions
	{
    margin-top: 10px;
    }

#cropped-result
    {
    margin-top: 20px;
    max-width: 200px;
    }