/**** COLORS SCHEME*****/
		.activities-col .resa-category,
		.activities-col .resa-activity {
		    width: calc(33% - 10px);
		}

		.resa-places-cols .resa-place {
		    width: calc(33% - 10px);
		}

		.resa-datepicker tbody .btn:hover{
			border:1px solid #20B363;
			background-color:#20B363;
		}

		.resa-datepicker tbody .btn.active{
			color:#23c46c;
			border:1px solid #23c46c;
		}

		.resa-datepicker tbody .btn.active:hover{
			color:white;
			border:1px solid #20B363;
		}


		.navigation-step.selected { /* Etape en cours */
		    color: white;
		    background-color: #23c46c;
		    border-color: #23c46c;
		}

		.navigation-step.active { /* Etape cliquable */
		    color: #23c46c;
		    background-color: white;
		    border-color: #23c46c;
		}

		.navigation-step.active:hover { /* Etape cliquable au survol */
		    color: white;
		    background-color: #23c46c;
		    border-color: #23c46c;
		}

		@media (max-width:767px) {
		    .navigation-step.selected { /* Etape en cours (responsive) */
		        color: white;
		        background-color: #23c46c;
		        border-color: transparent;
		    }
		}

		/*  Titres et texte général  */
		#resa-form h2 { /* titre de niveau 2 */
		    color: black;
		    font-size: 36px;
		}

		#resa-form h3 { /* titre de niveau 3 */
		    color: black;
		    font-size: 28px;
		}

		#resa-form h4 { /* titre de niveau 4 */
		    color: black;
		    font-size: 24px;
		}

		#resa-form h5 { /* titre de niveau 5 */
		    color: black;
		    font-size: 20px;
		}

		#resa-steps-content p,
		#resa-steps-content div { /* texte */
		    color: black;
		    font-size: 14px;
		}

		#resa-form .text-important { /* texte important */
		    color: #23c46c;
		}

		#resa-form a { /* lien */
		    color: #23c46c;
		}

		#resa-form a:hover { /* lien au survol */
		    color: #20B363;
		}

		::placeholder { /*  placeholder */
		    color: grey;
		}

		/**** Boutons ****/
		#resa-form .resa-btn,
		#resa-form input[type="submit"] { /* > normal */
		    color: white;
		    background-color: #23c46c;
		    border-color: #23c46c;
		}

		#resa-form .resa-btn:hover,
		#resa-form input[type="submit"]:hover { /* > au survol */
		    color: white;
		    background-color: #20B363;
		    border-color: #20B363;
		}

		/***** calendrier et creneaux *****/
		#resa-form .resa-month-selector-content select { /* > select */
		    color: white;
		    border-color: #20B363;
		    background-color: #20B363;
		}

		#resa-form .resa-period,
		#resa-form .resa-timeslot { /* > creneau */
		    color:black;
		    background-color: white;
		    border-color: black;
		}

		#resa-form .resa-period:hover,
		#resa-form .resa-timeslot:hover { /* > creneau au survol */
		    color: white;
		    background-color: #20B363;
		    border-color: #20B363;
		}

		#resa-form .resa-period.selected,
		#resa-form .resa-timeslot.selected { /* > créneau sélectionné */
		    color: white;
		    background-color: #23c46c;
		    border-color: #23c46c;
		}

		/** tarifs et extras **/
		#resa-form .resa-price h3 { /*  > tarifs - couleur du titre */
		    color: black;
		}

		#resa-form .resa-price p,
		#resa-form .resa-price .resa-price-quatity-title { /* > tarifs - couleur du texte */
		    color: black;
		}

		#resa-form .resa-price { /* > tarifs - fond - bordure */
		    background-color: transparent;
		    border-color: black;
		}

		#resa-form .resa-price .resa-price-value .text-important { /* > tarifs - couleur prix - taille prix */
		    color: #23c46c;
		    font-size: 28px;
		}

		#resa-form .resa-price-quantity .quantity-less,
		#resa-form .resa-price-quantity .quantity-more { /* > tarifs - boutons */
		    color: white;
		    background-color: #23c46c;
		}

		#resa-form .resa-price-quantity .quantity-less:hover,
		#resa-form .resa-price-quantity .quantity-more:hover {
		    color: white;
		    background-color: #20B363;
		}

		#resa-form .resa-prices .resa-price-quantity .quantity-value { /* > tarifs - quantité */

		}

		#resa-form .resa-extras .resa-price h3 { /* > extras - couleur du titre */
		    color: black;
		}

		#resa-form .resa-extras .resa-price p,
		#resa-form .resa-extras .resa-price .resa-price-quatity-title { /* > extras - couleur du texte */
		    color: black;
		}

		#resa-form .resa-extras .resa-price { /* > extras - fond - bordure */
		    background-color: transparent;
		    border-color: transparent;
		}

		#resa-form .resa-extras .resa-price .resa-price-value .text-important { /* > extras - couleur prix - taille prix */
		    color: #23c46c;
		    font-size: 28px;
		}

		#resa-form .resa-extras .resa-price-quantity .quantity-less,
		#resa-form .resa-extras .resa-price-quantity .quantity-more { /* > extras - boutons  */
		    color: white;
		    background-color: #23c46c;
		}

		#resa-form .resa-extras .resa-price-quantity .quantity-less:hover,
		#resa-form .resa-extras .resa-price-quantity .quantity-more:hover { /* > extras - boutons au survol */
		   color: white;
		   background-color: #20B363;
		}

		#resa-form .resa-extras .resa-price-quantity .quantity-value { /* > extras - quantité */

		}

		/**** champs de formulaire ****/
		/* non modifiable
		#resa-step-account .input_error {color: #E74C3C;}
		#resa-step-account .input_info {color: #FFC300;}
		*/
		#resa-form #resa-step-account input:not([type="submit"]),
		#resa-form #resa-step-account select { /* > champs de formulaire - bordure - texte - fond*/

		}

		/**** participants ****/
		#resa-form .participants-content thead td { /* > entête - texte */
		    color: black;
		}

		#resa-form input.participant-input,
		#resa-form select.participant-input { /* > participants - texte - bordure - fond */

		}

		#resa-form .helpbox_content { /* > helpbox - bordure - fond */
		    border-color: black;
		    background-color: white;
		}

		#resa-form .helpbox_content p {
		    /* > helpbox - texte */
		    color: black;
		}

		/**** panier et récapitulatif ****/
		#resa-form .cart-content { /* > panier */
		    background-color: white;
		    border-color: black;
		}

		#resa-form #resa-step-validation .cart-content { /* > récapitulatif */
		    background-color: white;
		    border-color: black;
		}

		.resa-cart-activity-title { /* > activités */
		    border-color: black;
		}

		#resa-form .action-delete { /* > bouton supprimer */
		    color: #23c46c;
		    background-color: transparent;
		    border-color: #23c46c;
		}

		#resa-form .action-delete:hover { /* > bouton supprimer au survol */
		    color: #23c46c;
		    background-color: transparent;
		    border-color: #23c46c;
		}

		.resa-lightbox { /* lightbox */
		    background: rgba(20,20,20,0.8); /* couleur de fond et opacité en rvb */
		}

		.resa-lightbox .resa-lightbox-content { /* lightbox - couleur de fond contenu*/
		    background-color: white;
		}

		/**** lieu, catégorie & activités ****/
		#resa-form .resa-place h4 { /* > lieu - titre */
		    color: white;
		    font-size: 25px;
		}

		#resa-form .resa-place p { /* > lieu - texte */
		    color: white;
		    font-size: 17px;
		}

		#resa-form .resa-place { /* > lieu - fond - bordure (taille / couleur) */
		    background-color: #23c46c;
		    border-width: 5px;
		    border-color: #23c46c;
		}

		#resa-form .resa-place:hover { /* > lieu - fond - bordure (taille / couleur) */
		    background-color: #20B363;
		    border-width: 5px;
		    border-color: #20B363;
		}

		#resa-form .resa-category { /* > categorie bloc - fond - bordure (taille / couleur) */
		    background-color: white;
		    border-width: 3px;
		    border-color: black;
		}

		#resa-form .resa-category h4 { /* > categorie - titre */
		    color: black;
		    font-size: 25px;
		}

		#resa-form .resa-category .resa-btn,
		#resa-form .resa-activity { /* > categorie - titre, fond - bordure - taille bordure */
		    color: white;
		    background-color: #23c46c;
		    border-color: #23c46c;
		    border-width: 2px;
		}

		#resa-form .resa-activity { /* > categorie - titre, fond - bordure - taille bordure */
		    color: white;
		    background-color: #23c46c;
		    border-color: #23c46c;
		    border-width: 2px;
		}

		#resa-form .activity-title  {
			color: white;
		}

		#resa-form .resa-category .resa-btn:hover,
		#resa-form .resa-activity:hover { /* > categorie - titre, fond - bordure au survol */
		    color: white;
		    background-color: #20B363;
		    border-color: #20B363;
		}

		#resa-form .resa-btn.resa-btn-disabled {
			background-color:lightgrey;
			color:grey;
			border-color:lightgrey;
		}

		#resa-form .resa-btn.resa-btn-disabled:hover {
			background-color:lightgrey;
			color:grey;
			border-color:lightgrey;
		}

		/**** END COLORS SCHEME GENERATED *****/