.green {color:#55e9bc}
.bg-green {background-color:#55e9bc}
.red {color:#ff847c}
.bg-red {background-color:#ff847c}
.bg-yellow {background-color:#f9ed69}
.yellow {color:#f9ed69}
.bg-black-opa10 {background-color:rgba(0,0,0,.06)}

/* FORMULAIRE Default
/* ---------------------------------------------------------------------------------- */
fieldset {
	position: relative;
	width: 100%;
	background: none;
	border: none;
	border-top: 8px solid var(--color-3);
	padding: 1.125rem 0 0;
	margin: 0 auto 1.875rem;
	}

legend {
	float: left;
	width: 100%;
	padding: 0 1.875rem;
	text-align: center;
	font-size: 1.250rem;
	font-weight: 700;
	text-transform: uppercase;
	}

label {
	display: block;
	margin-top: 1.750rem;
	margin-bottom: .375rem;
	font-size: .875rem;
	font-weight: 700;
	line-height: 1.25em;
	}

label span {font-weight: 400;}

label .obligatoire {
	font-family: "Noto Serif", Georgia, "serif";
	font-weight: 400;
	font-size: .750rem;
	font-style: italic;
	}

label + .explication {
	margin-top: -.250rem;
    margin-bottom: .250rem;
	font-weight: 400;
	font-size: .875rem;
	}

.choix {margin-top: 1.250rem;}
.choix label {
	display:inline-block;
	margin: 0;
	vertical-align: middle;
	}

[type=checkbox]{vertical-align: middle;}

fieldset .editer-groupe {
	float: left;
	clear:both;
	width:100%;
	}

.formulaire_offre fieldset .editer-groupe {
	margin: 0 -.9375rem;
	clear:both;
	}

.formulaire_offre .editer {
	float: left;
	width:50%;
	padding: 0 .9375rem;
	}

input[type=email],
input[type=text],
input[type=password],
textarea {
	width: 100%;
	padding: .5rem;
	height: 50px;
	background: #eee;
	border: none;
	border-radius: 3px;
	font-family: "Noto Serif", Georgia, "serif";
	font-size: 1rem;
	line-height: 1.5em;
	}

textarea {
	font-size: .875rem;
	min-height: 250px;
	}

.formulaire_spip .saisie_fichiers input[type=file] {
	width:100%;
	padding-top: .750rem;
	margin: 0 !important;
	}

.boutons {
	text-align:center;
	clear: both;
	}

button[type="submit"],
input[type="submit"]  {
	cursor: pointer;
	display: inline-block;
	border: none;
	margin: 1.875rem 0 3.750rem;
	padding: .9375rem 3.750rem;
	background: var(--color-2);
	font-size: 1.5rem;
	font-weight: 700;
	color: var(--color-1);
	-webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
	-ms-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
	}

.supprimer_offre button[type="submit"],
.supprimer_article input[type="submit"] {background: #ff847c;}


input[type="submit"]:hover,
input[type="submit"]:focus {
	outline: none;
	color: var(--color-1);
	}

.boutons input[type="submit"]:focus {color: white;}
.boutons input[type="submit"]:active {transform: scale(0.97);}

select {
	width: 100%;
	height: 48px;
    padding: .5rem .9375rem .5rem .250rem;
	border: 1px solid #ccc;
	border-radius: 3px;
    background-color: #f5f5f5;
	font-family: "Noto Serif", Georgia, "serif";
	font-size: 1rem;
	line-height: 1.5em;
    color: var(--color-1);
    overflow: hidden;
	}

@media only screen and (max-width: 39.9375em) {
		fieldset,
		.editer_titre {
			/*width: calc(100% - 1.875rem);*/
			border: 5px solid var(--color-3);
			padding: .9375rem .9375rem 1.875rem;
			margin: 0;
			}
		.formulaire_offre .editer {
			float: none;
			width:100%;
			margin: 0;
			}
}


/* PAGE LOGIN COMPTE - INSCRIPTION
/* ---------------------------------------------------------------------------------- */
.page_compte header {border-bottom:1px solid #ddd;}

#formulaire_login fieldset {border-color: var(--color-2);}

.details {display:inline-block;}
.details a {
	font-family: "Noto Serif", Georgia, "serif";
	font-size:.750rem;
	color:var(--color-1);
	}

#formulaire_login fieldset .editer-groupe {margin: 0;}
#formulaire_login .editer {
	float: left;
	width:70%;
	margin: 0 15%;
	}

.editer_session {display:none;}

#formulaire_inscription fieldset .editer-groupe {
	margin: 0 -.9375rem;
	width:calc(100% + 1.875rem);
	}

#formulaire_inscription .editer {
	float: left;
	width:50%;
	padding: 0 .9375rem;
	}
@media only screen and (max-width: 39.9375em) {
	#formulaire_inscription .editer {
		width:100%;
		padding: 0 .9375rem;
	}
	#formulaire_login .editer {
		width:100%;
		margin: 0;
	}

}
#formulaire_inscription .boutons input[type="submit"] {background:var(--color-3)}

.erreur_message {
    display:block;
	margin-bottom: .250rem;
	font-family: "Noto Serif", Georgia, "serif";
	font-size:.750rem;
    color: var(--color-4);
    line-height: 1em;
	}

.reponse_formulaire {
	padding: .9375rem 1.875rem;
	margin-bottom: 1.875rem;
	background: var(--color-4);
	font-family: "Noto Serif", Georgia, "serif";
	font-size:1rem;
	line-height: 1.45em;
	text-align: center;
	color: white;
	}

.reponse_formulaire a {
	text-decoration: none;
	color: white;
	}


/* PAGE EDITER OFFRES
/* ---------------------------------------------------------------------------------- */
.explain h2,
.explain h3 {
	font-size: 1.250rem;
	line-height:1.4em;
	margin-bottom: .5rem;
	}

.explain h3 {
	margin-top: 2.5rem !important;
	margin-bottom: 1rem;
	}

.explain h4 {
	font-size: 1rem;
	font-weight: 700;
	}

.on span {
	background: #ddd;
	padding-left: .250rem;
	font-style:italic;
	}

.on span + span {
	background: none;
	padding-left: .5rem;
	font-style:normal;
	}

#offre_deposant,
#offre_description {margin-bottom:4.5rem;}

#offre_deposant .editer-groupe {
	margin: 0 -.9375rem;
	width:calc(100% + 1.875rem);
	}

#offre_deposant .editer {
	float: left;
	width:50%;
	padding: 0 .9375rem;
	}

.editer_query_jobs_secteur,
.editer_query_jobs_etablissement,
.editer_query_jobs_contrat,
.editer_query_jobs_paroisse {
	float: left;
	width:calc(50% - .9375rem);
	}

.editer_query_jobs_etablissement,
.editer_query_jobs_paroisse {float: right;}

.editer_jobs_description,
.editer_jobs_entreprise,
.editer_jobs_formations,
.editer_jobs_remuneration {
	float: left;
	width:100%;
	clear: both;
	}

.fieldset.pliable > fieldset > .legend {margin-bottom: 0;}

.fieldset.pliable > fieldset > .legend span {
	display: block;
	position: relative;
    padding-left: 0;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='rgb(0,0,0)' viewBox='0 0 14 14'%3E%3Cpath d='M2 6 L 12 6 L 12 8 L 2 8'/%3E%3C/svg%3E");
	background-position: right center;
	}

.fieldset.plie > fieldset > .legend span {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='rgb(0,0,0)' viewBox='0 0 14 14'%3E%3Cpath d='M2 6 L 6 6 L 6 2 L 8 2 L8 6 L12 6 L12 8 L8 8 L8 12 L6 12 L6 8 L2 8'/%3E%3C/svg%3E");
	}

.fieldset.pliable > fieldset > .legend span::after,
.fieldset.plie > fieldset > .legend span::after {
	content: "Fermer";
	position: absolute;
	right:20px;
	font-family:"Cardo", Georgia, "serif";
	font-weight: normal;
	font-size: .9375rem;
	font-style: italic;
	text-transform: none;
	color: gray;
	}

.fieldset.plie > fieldset > .legend span::after{content: "Ouvrir";}
.fieldset.plie > fieldset > .legend span::after{content: "Ouvrir";}

.fieldset.pliable > fieldset > .legend i {
	font-size: 1.250rem;
	font-style: normal;
	}


/* PAGE EDITER HORAIRES RESA
/* ---------------------------------------------------------------------------------- */
.editer_horaires .editer_descriptif,
.editer_horaires #date_fin,
.editer_horaires .date_fin,
.editer_horaires .editer_adresse,
.editer_horaires .editer_lieu {display:none;}
.editer_horaires .editer_horaire,
.editer_horaires .editer_date_debut,
.editer_horaires .editer_date_fin { float: left;width:30%;  margin-right:15px; }


.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { background: #777620!important; color: white!important; }

/* PAGE EDITER PHOTOGRAPHIES
/* ---------------------------------------------------------------------------------- */
.photos .editer_logo,
.photos .editer_logo_survol,
.photos .bouton,
.photos .popin,
.photos .boutons,
.photos .apercu br,
.mediatheque a {display:none;}

.photos {margin-bottom:4.375rem;}

.photos h4 {
	padding-top: .875rem;
	margin-bottom: .875rem;
	border-top:4px solid var(--color-3);
	font-size:.875rem;
	text-transform: uppercase;
	line-height: 1.15em;
	}

.photos .editer_logo_caroussel_un h4,
.photos .editer_logo_caroussel_deux h4,
.photos .editer_logo_caroussel_trois h4,
.photos .editer_logo_caroussel_quatre h4,
.photos .editer_logo_caroussel_cinq h4,
.photos .editer_logo_caroussel_six h4 {
	font-size:.750rem;
	text-transform: none;
	}

.photos .editer_logo_caroussel_un h4,
.photos .editer_logo_caroussel_deux h4,
.photos .editer_logo_caroussel_trois h4 {margin-top: 4.375rem;}

.photos .editer-groupe {
	margin: 0 -.9375rem;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap
	}

.photos .editer {
	width:33.3333%;
	padding: 0 .9375rem;
	margin-top: 1.875rem;
	text-align: center;
	}

.photos .spip_logo {
	display: flex;
	height: 125px;
	background: #eee;
	}

.photos .spip_logo a {
	display: block;
	margin: auto auto;
	}

.photos .taille {
	margin: .375rem 0;
	padding-bottom: .375rem;
	border-bottom: 1px solid #ddd;
	font-family: "Noto Serif", Georgia, "serif";
	font-size:.750rem;
    color: var(--color-1);
    line-height: 1em;
	}

.photos input.supprimer[type="submit"],
.logo_upload input[type="submit"] {
	display: inline-block;
	margin: .9375rem 0;
	padding: .5rem .9375rem;
	border-radius: 3px;
	background: white;
	border:1px solid #ff847c;
	font-size: .750rem;
	color: #ff847c;
	}

.logo_upload input {
    font-size: .750rem;
	/*width: 115px;*/
	max-width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
	}

.logo_upload input[type="submit"] {
	width: auto;
	border:1px solid var(--color-5);
	color: var(--color-5);
	}

.logo_upload label {
	padding-top: 1.5rem;
	margin-top: 0;
	border-top:1px solid #ddd;
	}


/* PAGE EDITER ADRESSE GIS
/* ---------------------------------------------------------------------------------- */
.coord .editer_zoom,
.coord .editer_titre,
.coord .editer_descriptif,
.adresse .editer_departement,
.adresse .editer_region {display:none;}

.rechercher_adresse a {
	display: inline-block;
	margin: .9375rem 0;
	padding: .5rem .9375rem;
	border-radius: 3px;
	border:1px solid var(--color-5);
	font-weight: 700;
	font-size: .750rem;
	line-height: 1.5em;
	color: var(--color-5);
	}

.coord {margin-bottom:3rem;}

.coord fieldset > div,
.adresse fieldset > div {margin: 0 -.9375rem;}

.coord .editer,
.adresse .editer {
	float: left;
	width:50%;
	padding: 0 .9375rem;
	}

@media only screen and (max-width: 39.9375em) {
	.coord .editer,
	.adresse .editer {
		float: left;
		width:100%;
		padding: 0 .9375rem;
	}
}
.adresse .editer_adresse {width:100%;}


/* PAGE EDITER HORAIRES RESERVABLES
/* ---------------------------------------------------------------------------------- */
.horaires ul {list-style:none;}
.editer_parent {display:none}
.editer_date {margin-top: 4.5rem;}


/* PAGE EDITER RESTAURANTS
/* ---------------------------------------------------------------------------------- */
.editer_titre_long,
.editer_article .fieldset_menus_carte,
.editer_article .fieldset_horaires_ouverture,
.editer_article .fieldset_fieldset_promo,
.editer_promo .editer_titre,
.editer_promo .fieldset_services_divers,
.editer_promo .fieldset_infos_obligatoires,
.editer_promo .fieldset_horaires_ouverture,
.editer_promo .fieldset_descriptif,
.editer_promo .fieldset_menus_carte,
.editer_menu .editer_titre,
.editer_menu .fieldset_fieldset_promo,
.editer_menu .fieldset_services_divers,
.editer_menu .fieldset_infos_obligatoires,
.editer_menu .fieldset_horaires_ouverture,
.editer_menu .fieldset_descriptif,
.editer_ouverture .editer_titre,
.editer_ouverture .fieldset_fieldset_promo,
.editer_ouverture .fieldset_services_divers,
.editer_ouverture .fieldset_infos_obligatoires,
.editer_ouverture .fieldset_menus_carte,
.editer_ouverture .fieldset_descriptif,
.fieldset_menus_carte > fieldset > legend,
.fieldset_horaires_ouverture > fieldset > legend {display:none;}

.editer_titre input[type=text] {font-size: 1.125rem;}

.editer_titre legend {
	float: none;
	padding: 0;
	margin-bottom: .9375rem;
    font-size: 1.5rem;
    font-weight: 700;
	text-transform: none;
	text-align: left;
	}

.editer_titre legend em {display: none;}

.fieldset_infos_obligatoires fieldset {
	margin: 2.125rem 0 4.375rem;
	padding: 1.875rem;
	background: #ffdfdf;
	border-color:var(--color-4);
	}


.fieldset_infos_obligatoires fieldset fieldset {
	margin-top: 0;
	margin-bottom:4.375rem;
	padding: 1.125rem 0 0;
	border-width: 4px;
	border-color: #f69d9d;
	}
@media only screen and (max-width: 39.9375em) {
	.fieldset_infos_obligatoires fieldset { padding: 0.875rem; }

	.fieldset_infos_obligatoires fieldset fieldset {
		padding: 0;
		border:0;
	}

}

.fieldset_horaires_ouverture fieldset fieldset,
.fieldset_services_divers {
	margin-top: 0;
	margin-bottom:4.375rem;
	}

.fieldset_last fieldset {margin-bottom:0 !important;}

.fieldset_infos_obligatoires select,
.fieldset_infos_obligatoires input[type=text]{background: white;}

.editer_query_paroisse,
.editer_query_prix_moyen {
    float: left;
    width: 50%;
    padding-right:.9375rem;
	}


.editer_query_prix_moyen {
    padding-left:.9375rem;
    padding-right:0;
	margin-bottom: 4.375rem;
	}

.fieldset_tel_internet .editer-groupe,
.fieldset_horaires_ouverture .fieldset .editer-groupe {
	float: none;
	width: auto;
	margin: 0 -.9375rem;
	}

.fieldset_tel_internet .editer,
.fieldset_horaires_ouverture .editer {
    float: left;
    width: 50%;
    padding: 0 .9375rem;
	}

.fieldset_tel_internet .editer_site_web {width: 100%;}

legend + .explication {
	padding-top: 2.5rem;
	font-family: "Noto Serif", Georgia, "serif";
    color: var(--color-1);
    line-height: 1.55em;
	}

.fieldset_type_cuisine fieldset {margin-bottom:0 !important;}

.editer_query_type_cuisine .choix {
    float: left;
    width: 33.33333%;
	}

@media only screen and (max-width: 39.9375rem) {
	.editer_query_paroisse,
	.editer_query_prix_moyen {
		float: left;
		width: 100%;
    	padding-right:0;
	}

	.editer_query_prix_moyen {
		padding-left:0;
		padding-right:0;
		margin-bottom: 1.375rem;
		}

	.fieldset_tel_internet .editer,
	.fieldset_horaires_ouverture .editer {
		float: left;
		width: 90%;
		padding: 0;
		margin-left:5%;
		}
	.fieldset_infos_obligatoires fieldset fieldset { padding-bottom:25px; }		
	.fieldset_type_cuisine fieldset { padding: 10px; }

	.editer_query_type_cuisine .choix {
		float: left;
		width: 100%;
		word-break:break-word;
		}
	.choix { margin-top:0.3650rem }
}



.fieldset_type_cuisine .editer-groupe,
.fieldset_services_divers .editer-groupe {
	float: none;
	width: auto;
	}

.fieldset_services_divers .editer-groupe {
    margin:0 -.9375rem;
	}

.editer_privatisation,
.editer_mode_paiement,
.editer_services_resto {
    float: left;
    width: 50%;
    padding: 0 .9375rem;
	}
@media only screen and (max-width: 39.9375em) {
	.editer_privatisation,
	.editer_mode_paiement,
	.editer_services_resto {
		float: left;
		width: 100%;
		padding: 0 .9375rem;
	}

}
.editer_privatisation {width:100%;}

.editer_query_type_cuisine .choix label,
.fieldset_services_divers .choix label {font-weight: 500;}

.fieldset_menus_carte > fieldset,
.fieldset_horaires_ouverture > fieldset {
	padding-top:0;
	border:none;
	}


/* PAGE EDITER MENU
/* ---------------------------------------------------------------------------------- */
.fieldset_menus fieldset,
.fieldset_a_la_carte fieldset {
    margin: 2.125rem 0 4.375rem;
    padding: 1.875rem;
    background: #e5e9e9;
    border-color: var(--color-5);
	}
@media only screen and (max-width: 39.9375rem) {
	.fieldset_menus fieldset,
	.fieldset_a_la_carte fieldset {
		margin: 1.125rem 0 1.375rem;
		padding: 0.875rem;
		border:0;
	}
}
.fieldset_menus fieldset fieldset,
.fieldset_a_la_carte fieldset fieldset {
    margin-top: 0;
    margin-bottom: 4.375rem;
    padding: 1.125rem 0 0;
    border-width: 4px;
    border-color: var(--color-3);
	}

.fieldset_menus fieldset fieldset legend {
	color:var(--color-5);
	text-transform: none;
	}

.fieldset_menus select,
.fieldset_menus input[type=text],
.fieldset_menus textarea,
.fieldset_a_la_carte select,
.fieldset_a_la_carte input[type=text],
.fieldset_a_la_carte textarea {background: white;}

.fieldset_menu_1,
.fieldset_menu_2,
.fieldset_menu_3 {margin-top: 4.375rem;}

.fieldset_menu_1 .editer-groupe,
.fieldset_menu_2 .editer-groupe,
.fieldset_menu_3 .editer-groupe {
	margin: 0 -.9375rem;
	width: auto;
	}

.fieldset_menu_1 .editer,
.fieldset_menu_2 .editer,
.fieldset_menu_3 .editer,
.fieldset_regimes_speciaux .choix {
	float: left;
	width:50%;
	padding: 0 .9375rem;
	}

@media only screen and (max-width: 39.9375em) {
	.fieldset_menu_1 .editer,
	.fieldset_menu_2 .editer,
	.fieldset_menu_3 .editer,
	.fieldset_regimes_speciaux .choix {
		float: left;
		width:100%;
		padding: 0 .9375rem;
	}
}
.fieldset_regimes_speciaux .choix {padding: 0;}

.fieldset_menu_1 .editer.saisie_textarea,
.fieldset_menu_2 .editer.saisie_textarea,
.fieldset_menu_3 .editer.saisie_textarea {width:100%;}

.fieldset_menu_1 .explication,
.fieldset_menu_2 .explication,
.fieldset_menu_3 .explication,
.fieldset_a_la_carte .explication {
	margin-bottom: .750rem;
	color: var(--color-1);
	line-height: 1.45em;
	}
