/*///// Fontes /////*/
@font-face {
	font-family: "Italianno";
	font-weight: 400;
	src: url("fonts/Italianno-Regular.ttf") format("truetype");
}
@font-face {
	font-family: "OpenSans";
	font-weight: 400;
	src: url("fonts/OpenSans-Regular.woff2") format("woff2"),
	url("/pb_css/fonts/OpenSans-Regular.ttf") format("truetype");
}
@font-face {
	font-family: "OpenSans";
	font-weight: 400;
	font-style: italic;
	src: url("fonts/OpenSans-Italic.woff2") format("woff2"),
	url("/pb_css/fonts/OpenSans-Italic.ttf") format("truetype");
}
@font-face {
	font-family: "OpenSans";
	font-weight: 700;
	src: url("fonts/OpenSans-Bold.woff2") format("woff2"),
	url("/pb_css/fonts/OpenSans-Bold.ttf") format("truetype");
}
@font-face {
	font-family: "OpenSans";
	font-weight: 700;
	font-style: italic;
	src: url("fonts/OpenSans-BoldItalic.woff2") format("woff2"),
	url("/pb_css/fonts/OpenSans-BoldItalic.ttf") format("truetype");
}

html, input, textarea,
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-family: 'OpenSans', sans-serif;
	font-size: 14px;
	scroll-behavior: smooth;
}

/*///// Variables /////*/
:root {
	--largeur-header: 1250px;
	--largeur-main: 1150px;
	
	--color-ligne-titre: rgb(220, 220, 220);

	--color-beige-general: rgb(252, 245, 235);
	
	--color-section-rouge: rgb(186, 75, 47);
	--color-section-beige: rgb(197, 162, 143);
	--color-section-beige2: #dfcbbd;
	
	--color-white: #FFF;
	--color-black: #000;
	--color-orange: #e6a302;
	--color-orange-rgb: 230, 163, 2;
	--color-orange2: #FFCC00;
	--color-gris: #262626;
	--color-gris1: #4B4F54;
	--color-gris2: #888;
	--color-gris3: #C8CBCC;
	--color-gris4: #e5e5e5;
	--color-rouge: #d10b11;
	--color-vert: #017f01;
	
	--color-orange-light1: #f3d181;
	--color-orange-light2: #f9e8c0;
	--color-orange-light3: #987a41;
	--color-orange-light4: #72654a;

	--color-agri: #339900;
	--color-vigne: #ae1d82;
	--color-foret: #008282;
	--color-tp: #df7000;

	--font-size-normal: 1em;
	--font-size-big: 1.2em;
	--font-size-big1: 1.35em;
	--font-size-big2: 2em;
	--font-size-big3: 3em;
	--font-size-small: 0.8em;
	--font-size-small1: 0.9em;
	--font-size-small2: 0.7em;
	--font-size-small3: 0.6em;
	
	--gallery_nbe_col: 7;
	
	--dev-opacity-0: 0;
	
	--input-bg: white;
}

/*///// Général /////*/
body {
	background-color: var(--color-beige-general);
	margin: 0;
	padding: 0;
	padding-top: 48px
	height: 100%;
	font-size: 15px;
	font-size: var(--font-size-big);
}
#toggle, .hamburger {
	display: none;
}
.bloque{
	overflow: hidden;
}
.pos_left{ float: left; }
.pos_right{ float: right; }

h1, 
#presentation h2, 
.comp_menu .evenement h2,
.comp_menu .menu h2,
.menu_item h2 {
	font-family: 'Italianno', serif;
	text-align: center;
	line-height: 0.8em;
	font-size: 4em;
	margin: 0;
	font-weight: 400;
}
h1, h2, h3, h4, h5 {
	padding: 0.5em 0;
	color: var(--color-gris);
}
h2 {
	font-size: var()--font-size-big2);
}
h3 {
	margin: 0;
	padding-top: 2em;
}
p {
	margin: 0 0 5px;
}

.color-gris { color: var(--color-gris); }
.color-gris1 { color: var(--color-gris1); }
.color-gris2 { color: var(--color-gris2); }
.color-gris3 { color: var(--color-gris3); }

.col_vert, .col_or { font-size: 1.5em; }
.col_vert { color: green; }
.col_or { color: #ae0000; }
.col_rouge { color: red; }
.col_foret{ color: var(--color-foret); }

.clear{ clear: both;}
.right{ float: right;}
.left{ float: left;}

.txt_center { text-align: center; }
.txt_left { text-align: left; }
.txt_right { text-align: right; }
.txt_small1 { font-size: var(--font-size-small); }
.txt_normal { font-size: initial; }

.mar_top_50 { margin-top: 50px; }
.mar_top_40 { margin-top: 40px; }
.mar_top_25 { margin-top: 25px; }
.mar_top_20 { margin-top: 20px; }
.mar_top_16 { margin-top: 16px; }
.mar_top_0 { margin-top: 0; }
.mar_0 { margin: 0; }
.mar_0_auto { margin: 0 auto; }
.mar_r_15px { margin-right: 15px; }
.mar_r_10px { margin-right: 10px; }
.mar_r_1p { margin-right: 1px; }
.mar_l_7p { margin-left: 7%; }
.mar_l_5p { margin-left: 5%; }
.mar_l_10p { margin-left: 10%; }
.mar_bot_50 { margin-bottom: 50px; }

.pad_top_0 { padding-top: 0; }
.pad_top_1 { padding-top: 1em; }
.pad_top_2 { padding-top: 2em; }
.pad_top_3 { padding-top: 3em; }
.pad_bot_1 { padding-bottom: 1em; }
.pad_bot_2 { padding-bottom: 2em; }
.pad_bot_3 { padding-bottom: 3em; }
.pad_left_0 { padding-left: 0; }
.pad_0 { padding: 0; }

.w100p { width: 100%; }
.w90p { width: 90%; }
.w80p { width: 80%; }
.w75p { width: 75%; }
.w70p { width: 70%; }
.w66p { width: 66%; }
.w65p { width: 65%; }
.w60p { width: 60%; }
.w50p { width: 50%; }
.w45p { width: 45%; }
.w40p { width: 40%; }
.w33p { width: 33%; }
.w30p { width: 30%; }
.w25p { width: 25%; }
.w20p { width: 20%; }
.w15p { width: 15%; }
.w12p { width: 12%; }
.w10p { width: 10%; }

.ln_h_60 { line-height: 60px; }
.ln_h_40 { line-height: 40px; }

.posLeft { float: left; }
.posRight { float: right; }

.min_h_90 { min-height: 90px; }

/*///// Effets /////*/
.anim {
	transition: all 0.2s ease-out;
}
.anim_1 {
	transition: all 1s ease-out;
}
a {
	transition: all 0.2s ease-out;
	text-decoration-style: dotted;
}
.fade_up{
	opacity: 0;
	transform: translateY(5em);
}
.fade_up.effet_done{
	opacity: 1;
	transform: translateY(0em);
	transition: all 0.2s ease-out;
}
.fade_up h3 { padding-top: initial; }
.div_img {
	display: flex;
	position: relative;
	flex-flow: row wrap;
	justify-content: space-between;
}
.div_img div {
	position: relative;
}
.hover:hover{
	z-index: 1000;
	transform: scale(1.25);
}
.img_carre {
	width: 100%;
	border-radius: 20% 0;
	overflow: hidden;
}
.div_img .legende {
	position: absolute;
	bottom: -1.5em;
	text-align: center;
	font-size: var(--font-size-small1);
	width: 100%;
}

/*///// MENU /////*/
#nav {
	background-color: var(--color-beige-general);
	top: 0px;
	align-items: center;
	border-bottom: 1px solid var(--color-gris3);
	box-sizing: border-box;
	display: flex;
	height: 48px;
	justify-content: flex-end;
	position: fixed;
	width: 100%;
	z-index: 1;
}
#nav #logo_menu {
	height: 48px;
	position: absolute;
	left: 16px;
	top: 0;
	z-index: 100;
}
#nav #logo_menu img {
	max-height: 100%;
}
#nav ul {
	display: flex;
	font-size: 1em;
	font-weight: 700;
}
#nav ul li {
	/*overflow: hidden;*/
	padding: 12px 16px;
	position: relative;
	list-style: none;
	text-wrap: nowrap;
}
#nav ul li a,
#liste_cat ul li a {
	font-size: var(--font-size-small1);
	text-decoration: none;
	color: var(--color-gris1);
}
#nav ul > li:hover > a,
#nav ul li a:hover,
#nav ul li a.actif,
#liste_cat ul > li:hover > a,
#liste_cat ul li a:hover,
#liste_cat ul li a.actif {
	color: var(--color-section-rouge);
}
#nav ul.menu {
	
}
#nav ul.sous_menu {
	display: none;
}
#nav li:hover ul.sous_menu {
	display: flex;
	position: absolute;
	flex-flow: column;
	padding: 0;
	background-color: var(--color-beige-general);
	left: 0px;
	border: 1px solid var(--color-gris3);
	margin-top: 12px;
	border-top: 0;
	box-shadow: rgba(0, 0, 0, 0.5) 0px 20px 30px -10px;
}
#nav li ul li ul {
	display: flex;
	flex-flow: column;
	padding: 0;
	left: 0px;
}
#nav li ul li ul li {
	padding: 6px 10px;
}
#composez {
	animation: clignote 2s linear infinite;
}
#nav ul li a#composez {
	color: var(--color-vert);
}
@keyframes clignote {
	65% { color: var(--color-vert); }
	75% { color: var(--color-rouge); }
	85% { color: var(--color-vert); }
}
.menu_off1, .menu_off2 {
	cursor: default;
}

/*///// SECTION /////*/
section {
  	display: flex;
	position: relative;
	flex-flow: row wrap;
	justify-content: center;
	min-height: 45em;
	scroll-margin-top: 48px;
	padding: 0 calc((100% - var(--largeur-main))/2);
}
section.hauto {
	min-height: auto;
}
article {
	padding: 50px;
	flex: 1;
	width: 50%;
}
body:not(.contact, .comp_menu) #main {
	margin-top: 48px;
}
section#accueil {
	background: linear-gradient(90deg, rgba(186, 75, 47, 1) 50%, rgba(186, 75, 47, 0) 50%);
}
.histoire section { min-height: 10em; }
.histoire section#presentation { min-height: 45em; }
section:nth-child(2n + 1) {
	background-color: var(--color-section-beige);
}
/*///// Article /////*/
article {
	width: 50%;
	/*border: 1px solid orange;*/
}
.color-rouge { color: var(--color-section-rouge); }
.color-blanc { color: var(--color-white); }
.color-gris, .color-gris a, .titre { color: var(--color-gris); }
.color-gris1 { color: var(--color-gris1); }
.size-big { font-size: var(--font-size-big); }
.size-big1 { font-size: var(--font-size-big1); }
.size-big2 { font-size: var(--font-size-big2); }
.size-big3 { font-size: var(--font-size-big3); }
.size-small { font-size: var(--font-size-small); }
.size-small1 { font-size: var(--font-size-small1); }
.size-small2 { font-size: var(--font-size-small2); }
.size-small3 { font-size: var(--font-size-small3); }

/*///// Article GAUCHE /////*/
#accueil .art_1 {
	background-color: var(--color-section-rouge);
}

/*///// Article DROITE /////*/
#accueil .art_2 #logo{
	max-width: 90%;
}

/*///// autre /////*/
.btn, input.btn,
.admin form input#submit {
	display: inline-block;
	padding: 1em;
	border-radius: 2em 0;
	background-color: var(--color-section-rouge);
	color: white;
	height: auto;
}
.btn a,
.color-rouge .btn a {
	color: white;
}
.btn a:hover,
.color-rouge .btn a:hover {
	color: var(--color-orange);
}
.titre {
	font-weight: 700;
}
section ul, article ul {
	padding-left: 1em;
	list-style: none;
}
section ul li, article ul li {
	list-style: none;
	margin-bottom: 1em;
}
section ul li::before, article ul li::before {
	content: '';
	display: inline-block;
	width: 0.8em;
	height: 0.8em;
	background-color: var(--color-section-rouge);
	border-radius: 0.4em 0;
	margin-right: 0.4em;
}
section ul.color-gris1 li::before, article ul.color-gris1 li::before {
	background-color: var(--color-gris1);
}
.color-rouge a {
	color: var(--color-section-rouge);
	font-weight: 700;
}
.color-rouge a:hover {
	color: var(--color-gris1);
}
a:hover .color-gris1,
.color-rouge a:hover .color-gris1 {
	transition: all 0.2s ease-out;
	color: var(--color-section-rouge);
}

.legal:after{
	content: "Photos non-contractuelles";
	display: inline;
	position: absolute;
	bottom: 10px;
	left: 10px;
	color: white;
	font-size: var(--font-size-small2);
	text-shadow: 0 1px black;
}

/*///// accueil /////*/
#accueil .art_1 .div_img,
#presentation .art_1 .div_img {
	overflow: hidden;
	border-radius: 5em 0;
	width: calc(25% - 100px);
	position: absolute;
	/*left: 50px;*/
	left: calc(50vw - var(--largeur-main)/2);
	height: calc(100% - 100px);
	opacity: var(--dev-opacity-0);
}
#accueil .art_1 .div_img img,
#presentation .art_1 .div_img img {
	object-fit: cover;
	object-position: 50% 50%;
	width: 100%;
	height: 100%;
}
.anim_cercle {
	transition: all 0.2s ease-out;
	position: absolute;
	overflow: hidden;
	width: 10em;
	height: 10em;
	border-radius: 5em;
	left: calc(50% - 10em);
	box-shadow: 0 0 0.3em 0.3em var(--color-beige-general);
	opacity: var(--dev-opacity-0);
}
.mariage .anim_cercle,
.mariage .anim_cercle  {
	box-shadow: 0 0 0.3em 0.3em var(--color-section-beige);
}
.anim_cercle_in {
	left: calc(25% - 10em);
}
.anim_cercle img {
	width: 100%;
}
.anim_c1 {
	top: 5em;
}
.anim_c2 {
	top: 16em;
}
.anim_c3 {
	top: 27em;
}

/*///// autres pages /////*/
.upper { text-transform: uppercase; }
.histoire h3 { padding-top: 0; }
.histoire #pronto_google {
  	display: flex;
	position: relative;
	flex-flow: row wrap;
	justify-content: space-around;
	margin: 20px 50px;
}
.histoire #pronto_google div {
	width: 102px;
}
.histoire #pronto_google #avis_google {
	background-image: url('../images/photos/2-5-avis-google.png');
	background-repeat: no-repeat;
	display: inline-block;
	width: 102px;
	height: 100px;
}
.histoire #pronto_google #avis_google #note {
	margin-top: 40px;
	font-size: var(--font-size-big2);
	font-weight: 700;
}
.histoire #pronto_google #avis_google #nbe {
	font-size: var(--font-size-big);
	position: absolute;
	bottom: 0;
}
h2.coeur {
	padding: 0;
}
h2.coeur + h2{
	padding-top: 0;
}
h2.coeur::before, h2.coeur::after {
	content: "❤️";
	font-size: var(--font-size-small3);
}
h2.coeur::before {
	margin-right: 0.5em;
}
h2.coeur::after {
	margin-left: 0.5em;
}
.carte p {
	padding: 0 calc(34% / 2 + 50px);
	
}
section.menu_item.carte article {
	flex-direction: column;
}
section.menu_item.carte .item {
	width: 66%;
	padding: 0 calc(34% / 2 + 50px);
}
section.menu_item.carte .item_img {
	width: 7%;
}
section.menu_item.carte .item_titre {
	margin-left: 15%;
}
section.menu_item.carte .item_texte {
	margin-left: 13%;
	margin-bottom: 5em;
	font-size: var(--font-size-normal);
}
section.menu_item.carte .item:last-child .item_texte {
	margin-bottom: 0;
}

/*///// Items /////*/
section.menu_item article {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
section.menu_item article {
	width: 100%;
}
.antipasti .anim_c1, .antipasti .anim_c2, .antipasti .anim_c3 { top: inherit; }
.antipasti .anim_c1 { bottom: 27em; }
.antipasti .anim_c2 { bottom: 16em; }
.antipasti .anim_c3 { bottom: 5em; }

section.menu_item .item {
	width: 45%;
}
section.menu_item h2 {
	min-width: 100%;
}
section.menu_item .item_img {
	position: absolute;
	width: 15%;
/*	background-color: var(--color-section-beige2);*/
}
section.menu_item .item_titre {
	margin-left: 20%;
	color: var(--color-rouge);
	font-weight: 700;
}
section.menu_item .item_soustitre {
	color: var(--color-rouge);
	font-weight: 700;
}
section.menu_item .item_texte {
	margin-left: 20%;
	margin-bottom: 2em;
	color: var(--color-gris1);
	font-size: var(--font-size-small);
}

/*///// FORM et MAP /////*/
.form_champs_2col, .form_champs_3col {
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
}
form input, form select, form .box_checkbox, form textarea {
  width: 45%;
  height: 2em;
  border: 2px solid var(--color-section-rouge);
  border-radius: 2em 0;
  padding: 0px;
  background-color: var(--color-beige-general);
  margin-bottom: 20px;
  padding: 5px;
}
form textarea {
	width: calc(100% - 4px - 10px);
	height: 10em;
}
form button {
	border: 0;
	font-size: var(--font-size-normal);
}
form button:hover {
	cursor: pointer;
	color: var(--color-orange);
	font-weight: 700;
}
#send_mail_response {
	width: 99%;
	background-color: var(--color-foret);
	border-radius: 2em 0;
	color: var(--color-white);
	text-align: center;
	margin: 1em 0;
	padding: 1em 0;
	font-size: var(--font-size-normal);
}
#send_mail_response.NOK {
	background-color: var(--color-rouge);
}
.sent button {
	display: none;
}
#map {
  width: calc(100% + 100px);
  margin-left: -50px;
  height: 60vh;
}
.map2 h2 { margin-bottom: 0;}
.map2 div { width: fit-content; }
.map2 div .btn { width: 100%; ;}

#slideshow > div { 
  position: absolute; 
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

/*///// Footer /////*/
footer {
	min-height: 5em;
	padding: 0 calc((100% - var(--largeur-main))/2);
	background-color: var(--color-section-beige);
	margin-top: 5em;
}
footer .container {
  	display: flex;
	position: relative;
	flex-flow: row wrap;
	justify-content: space-between;
	padding: 1em 50px;
}
footer #adresse, 
footer #rs {
	font-size: var(--font-size-small);
	text-wrap: nowrap;
	width: 25%;
	min-height: 100%;
}
footer #rs {
	text-align: right;
}
footer #logo_pal {
	float: left;
	width: 4em;
}
footer #rs img {
	margin-left: 1em;
	margin-top: 1em;
	background-color: white;
}
footer #rs img:hover {
	background-color: var(--color-orange);
}

/*/////////////////*/
/*///// ADMIN /////*/
/*/////////////////*/
.admin form input, .admin form select, .admin form .box_checkbox, .admin form textarea {
	border-radius: 1em 0;
}
.admin form textarea {
	height: 5em;
}

.alert {
	font-size: var(--font-size-big1);
	padding: 2em 0;
}
.alert--error {
	color: var(--color-rouge);
}
.alert--success {
	color: var(--color-agri);
}
.admin #nav i {
	font-size: var(--font-size-big1);
}
.admin section {
	background-color: inherit;
}
.admin article {
}
.lien:hover {
  cursor: pointer;
}
.lien {
  color: var(--color-section-rouge) !important;
  text-decoration: underline;
  margin-bottom: calc(var(--space)*6);
}
.admin.home #login, .admin.home #password {
	width: 20%;
}
.admin.home #email {
	width: 40%;
}
.admin input, .admin textarea, .admin select {
	background-color: var(--input-bg);
}
/*
.admin .btn:not([type="submit"]) {
	width: 20%;
}*/

/* accueil */
.hide {
	display: none;
}
.admin form .btn.hide:hover,
.hide:hover {
	cursor: default;
}
.admin.accueil article #logo {
	width: 300px;
	margin-bottom: 2em;
}
.admin.accueil article {
	max-width: 500px;
	text-align: center;
}
.admin .content {
	position: relative;
	border-radius: 1em;
	background-color: white;
	padding: 2em;
	text-align: left;
}
.admin h1 {
	font-size: var(--font-size-big3);
	color: var(--color-foret);
}
.admin .content i {
	font-size: var(--font-size-small);
	opacity: 0.3;
}
.admin .content i.fa-rotate {
	margin-left: 10px;
	color: var(--color-foret);
	opacity: 1;
	webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.admin .content i.fa-rotate:hover {
	cursor: pointer;
	color: var(--color-section-rouge);
	transform: rotate(180deg);
}
.admin .content a {
	color: black;
}
.admin .content a:hover {
	color: var(--color-section-rouge);
}
.admin.accueil .content {
	padding-right: 0;
}
.admin.accueil h1 {
	padding-right: 33px;
}
.admin.accueil section ul {
	padding-left: 0;
}
.admin.accueil section ul li {
	position: relative;
}
.admin.accueil .prix {
	display: inline-block;
	position: absolute;
	right: 33px;
}
.admin.accueil li {
	cursor: pointer;
}

/* clients */
.admin:not(.accueil) h1 {
	padding-top: 0;
	text-align: left;
}
.admin table.liste, .admin table.liste_add {
	width: 100%;
	border-spacing: 0;
	border-collapse: separate;
}
.admin table.liste tr.libelle, .admin table.liste_add tr.libelle {
  font-weight: 600;
}
.admin table.liste td, .admin table.liste_add td {
  border-bottom: 1px solid gray;
  line-height: 30px;
}
.admin table.liste a.actif.desc::before,
.admin table.liste a.actif.asc:hover::before {
	border: 4px solid transparent;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: transparent;
	border-top: 12px solid var(--color-section-rouge);
	margin-top: 10px;
}
.admin table.liste a.actif.asc::before, 
.admin table.liste a.actif.desc:hover::before {
	border: 4px solid transparent;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: transparent;
	border-bottom: 12px solid var(--color-section-rouge);
	margin-top: 5px;
}
.admin table.liste a.actif::before {
	content: '';
	display: block;
	float: left;
	width: 0px;
	border: 4px solid transparent;
	border-bottom: 12px solid var(--color-section-rouge);
	margin: 5px 5px 0 -15px;
	margin-top: 5px;
	webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.admin table.liste a, .admin table.liste_add a {
	color: var(--color-gris2);
}
.admin table.liste a.actif {
	color: var(--color-section-rouge);
}
.admin table.liste tr:not(.libelle):hover, .admin table.liste_add tr:not(.libelle):hover {
	cursor: pointer;
	color: var(--color-section-rouge);
	transition: all 0.3s ease-out;
}
.admin .content div.add_new {
	display: inline-block;
	position: absolute;
	right: 2em;
	
}
.admin .content .add_new  i {
	color: var(--color-foret);
	font-size: var(--font-size-big2);
	opacity: 1;
	transition: all 0.3s ease-out;
}
.admin .content .add_new  i:hover {
	color: var(--color-section-rouge);
	cursor: pointer;
}
.admin .liste_comm_cl tr.click {
	font-size: var(--font-size-small);
}
.admin .liste_comm_cl tr.click:hover {
	color: var(--color-section-rouge);
	cursor: pointer;
	transition: all 0.2s ease-out;
}

/* form client */
.admin form input, .admin form select, .admin form .box_checkbox, .admin form textarea {
	border-width: 1px;
}
.admin form select {
	height: 3em;
}
.admin form .w50p { width: 45%; }

.admin form .input-icon, .admin form select,
.admin input:not([type="radio"]):not([type="checkbox"]) {
  width: calc(100% - 12px);
}
.admin form input.btn {
	color: var(--color-section-rouge);
}
.admin form input#submit.btn {
	width: 50%;
	border-radius: 2em 0;
}
.admin form input#btn_back.btn,
.admin form input#btn_pdf.btn,
.admin form input#btn_send_pdf.btn,
.admin form input#btn_delete.btn {
	width: 15%;
	border-radius: 2em 0;
}
.admin.cl_ form input#btn_back.btn,
.admin.cl_ form input#btn_delete.btn,
.admin.pd_ form input#btn_back.btn,
.admin.pd_ form input#btn_delete.btn {
	width: 21%;
	border-radius: 2em 0;
	margin: 0 4%;
}
.admin form input#btn_pdf.btn,
.admin form input#btn_send_pdf.btn,
.admin form input#btn_delete.btn {
	margin: 0 0 0 2%;
}
.admin form .btn:hover {
	cursor: pointer;
}
.admin form input#submit:not(.hide):hover,
.admin form input#btn_back.btn:hover,
.admin form input#btn_pdf.btn:hover,
.admin form input#btn_send_pdf.btn:hover,
.comp_menu form input#submit:hover {
	background-color: var(--color-foret);
	border-color: var(--color-foret);
	color: var(--color-orange);
	cursor: pointer;
}
.admin form input#btn_delete:hover {
	background-color: var(--color-tp);
	border-color: var(--color-tp);
	color: var(--color-orange-light2);
}
.admin #titre_cl_nom, .admin #titre_pd_nom {
	position: absolute;
	right: 1em;
	top: 1em;
	font-size: var(--font-size-big2);
	color: var(--color-foret);
}
.admin input.readonly,
.admin input.readonly:hover,
.admin textarea.readonly,
.admin textarea.readonly:hover,
.admin form select.readonly {
	cursor: default;
	border-color: var(--color-orange-light1);
}
.admin hr {
	margin: 2em 0;
	border: 5px solid var(--color-foret);
	border-radius: 5px;
	opacity: 0.3;
}
/* Produits */
.fa-file-lines.plus:after , 
.fa-utensils.plus:after {
	content: '+';
	font-size: 14px;
	font-weight: bold;
	top: 3px;
	position: absolute;
	right: -10px;
}
.admin.pd_ .inactif,
.admin.gs_ .inactif {
	color: var(--color-gris2);
}
.admin.gs_ .admin_non_vu {
	font-weight: 700;
	color: var(--color-foret);
}
.admin.pd_ label[for="actif"] input[type="checkbox"],
.admin.gs_ label[for="actif"] input[type="checkbox"],
.admin.pd_ label[for="client_valide"] input[type="checkbox"],
.admin.gs_ label[for="client_valide"] input[type="checkbox"],
.admin.pd_ label[for="payee"] input[type="checkbox"],
.admin.gs_ label[for="payee"] input[type="checkbox"] {
	display: none;
}
.admin input[type="checkbox"] {
	cursor: pointer;
	width: 2em;
	height: 2em;
	margin-top: 0.1em;
	position: absolute;
	left: 0;
	top: -2px;
	outline: none;
}
.admin label span.input {
	cursor: pointer;
	height: 15px;
	width: 15px;
	border: 1px solid #895c9e;
	display: inline-block;
	position: relative;
	margin-left: 10px;
}
.admin .libelle.col_vert,
.admin .libelle.col_or {
	cursor: pointer;
}
.admin [type="checkbox"]:checked + span.input::before {
	content: '\2714';
	position: absolute;
	top: -15px;
	left: 0;
	color: green;
	font-size: 1.5em;
}
.admin.pd_ form select, .admin.gs_ form select {
	width: 100%;
}

/* Devis */
.admin.gs_ form select.w45p {
	width: 45%;
}
.admin form textarea[name="event_lieu"] {
	height: 2em;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
	border: 1px solid var(--color-foret);
	border-radius: 2em 0;
	background: var(--color-foret);
	font-weight: normal;
	color: #fff;
}
.ui-datepicker .ui-state-active, .ui-datepicker .ui-widget-content .ui-state-active {
	border-radius: 0;
}
.ui-accordion .ui-accordion-header {
	border-radius: 2em 0;
	padding: 1em;
	margin: 1em 0;
}
.ui-accordion .ui-accordion-content {
  padding: 0;
  border: 0;
  overflow: auto;
/*  height: 400px !important; */
}
.ui-accordion .ui-accordion-content {
  height: auto !important; 
}

.ui-accordion #ui-id-2 {
/*	height: 350px !important; */
}
.ui-state-default {
	color: var(--color-foret);
}
.ui-state-active {
	color: white;
}
#calcul_devis button#btn_first_prod{
	display: inline-block;
	width: 30%;
	height: 4em;
	padding: 1em;
	border-radius: 2em 0;
	background-color: #b1d8d8;
	color: var(--color-foret);
	font-size: var(--font-size-normal);
}
#calcul_devis button#btn_first_prod:hover {
	font-weight: normal;
	color: var(--color-orange);
	background-color: var(--color-foret);
}
#calcul_devis .ui-state-default {
	background-color: white;
	border: 0;
/*	border-bottom: 1px solid var(--color-foret); */
	box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0);
/*	transition: all 0.2s ease-out; */
	padding: 0.5em 2em;
}
#calcul_devis .ui-state-default.ui-sortable-helper {
	box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.2);
}
/*///// ligne_titre /////*/

#calcul_devis .ligne_titre {
	position: relative;
	background-color: var(--color-ligne-titre);
	transition: all 0.2s ease-out;
}
#calcul_devis .ligne_titre input,
#calcul_devis .ligne_titre textarea {
	display: inline-block;
	vertical-align: top;
	margin-bottom: 0;
	margin-right: 20px;
	background-color: transparent;
/*	border-color: white; */
	height: 25px;
}
#calcul_devis .ligne_titre input {
	width: 35%;
}
#calcul_devis .ligne_titre textarea {
	width: 59%;
	margin-right: 0;
	resize: none;
}
#calcul_devis .ligne_titre .titre {
	font-size: var(--font-size-normal);
	height: 25px;
}
#calcul_devis .ligne_titre .texte {
	height: 25px;
}
.admin .content #calcul_devis i.control_drag,
.admin .content #calcul_devis i.control_del,
.admin .content #calcul_devis i.control_add {
	position: absolute;
	top: 13px;
	width: 20px;
	height: 20px;
	font-size: var(--font-size-small);
	opacity: 1;
}
.admin .content #calcul_devis i.control_drag {
	font-size: var(--font-size-normal);
}
.admin .content #calcul_devis i.control_drag {
	color: var(--color-foret);
	left: 7px;
	cursor: grab;
}
.admin .content #calcul_devis i.control_drag:active {
	cursor: grabbing;
}
.admin .content #calcul_devis i.control_del ,
.admin .content #calcul_devis i.control_add {
	transition: all 0.2s ease-out;
	opacity: 0.5;
	cursor: pointer;
}
.admin .content #calcul_devis i.control_del:hover ,
.admin .content #calcul_devis i.control_add:hover {
	font-size: var(--font-size-big);
	opacity: 1;	
}
.admin .content #calcul_devis i.control_del:before:hover ,
.admin .content #calcul_devis i.control_add:before:hover {
	font-size: var(--font-size-big);
}
.admin .content #calcul_devis i.control_del {
	color: var(--color-section-rouge);
	right: 7px;
}
.admin .content #calcul_devis i.control_add {
	color: var(--color-foret);
	right: 7px;
	top: 48px;
}
.admin .content #calcul_devis i.control_del.readonly,
.admin .content #calcul_devis i.control_add.readonly,
.admin .btn.readonly {
	display: none !important;
}

/*///// ligne_prod /////*/
/*  form  input { */
form #calcul_devis .ligne_prod input,
form #calcul_devis .ligne_prod select {
	height: 1em;
	margin-bottom: 0;
}
form #calcul_devis .ligne_prod textarea {
	height: 40px;
	margin-bottom: 0;
	margin-top: 5px;
	padding: 0 5px;
}
#calcul_devis .ligne_prod {
	position: relative;
	display: flex;
	justify-content: space-between;
	transition: all 0.2s ease-out;
}
#calcul_devis .ligne_prod input.qte {
	width: 5%;
}
#calcul_devis .ligne_prod .div_prix {
	width: 16%;
	font-size: var(--font-size-small);
	display: flex;
	justify-content: space-between;
	flex-flow: row wrap;
}
#calcul_devis .ligne_prod .div_prix input.puht {
	width: 30%;
}
#calcul_devis .ligne_prod .div_prix input.ptht {
	width: 45%;
	text-align: right;
	color: black;
}
#calcul_devis .ligne_prod .div_prix p {
	width: 100%;
	text-align: right;
	color: lightgray;
}
#calcul_devis .ligne_prod .div_prix select {
	width: 35%;
	height: 2em;
}
/*///// LIGNE select new /////*/
.admin.gs_ #ligne_add {
	position: fixed;
	background-color: rgba(0, 0, 0, 0.5);
	height: 100vh;
	width: 100vw;
	z-index: 1000;
	top: 0;
	display: none;
	opacity: 0;
	transition: all 0.2s ease-out;
}
.admin.gs_ #ligne_add section {
	height: 100%;
}
.admin.gs_ #ligne_add section .content {
	height: 80vh;
	overflow: auto;
}
.admin.gs_ #ligne_add section .content tr {
/*	height: 100px; */
}
.admin table.liste_add tr:not(.libelle):hover {
	cursor: copy;
}
.admin #ligne_add:hover {
	cursor: pointer;
}
.admin #ligne_add:hover .content {
	cursor: default;
}
/*///// TVA et PUHT /////*/
.admin.gs_ #calcul_devis hr {
	margin-bottom: 1em;
}
.admin.gs_ .txt_small { 
	font-size: var(--font-size-small2);
}
.admin.gs_ .w50p.txt_small { 
	line-height: 30px;;
}
.admin.gs_ .ui-widget .ui-helper-reset .txt_small { 
	font-size: var(--font-size-small2);
	line-height: 30px;;
}
.admin.gs_ .txt_small input {
	height: 1em;
	margin-bottom: 0px;
}
.admin form input:not(.btn),
.admin form select,
.admin form textarea {
	border-color: var(--color-foret);
}
.admin form input.readonly:not(.btn),
.admin form select.readonly,
.admin form textarea.readonly {
	border-color: var(--color-section-rouge);
}
/*
.admin form input, form select, form .box_checkbox, form textarea
*/
.admin.gs_ .txt_small input,
.admin.gs_ .total_ht input,
.admin.gs_ .total_ttc input {
	text-align: right;
}
.admin.gs_ form .total_ht input,
.admin.gs_ form .total_ttc input {
	margin-top: 10px;
	margin-bottom: 10px;
	color: black;
	font-weight: 700;
}
.admin.gs_ .total_ht,
.admin.gs_ .total_ttc {
	font-weight: 700;
}

/*///// Facture /////*/
.admin.gs_ form input[type="radio"] {
	width: 20px;
	height: 20px;
	margin-left: 50px;
}
.admin.gs_ form select[name="refDevis"] {
	width: 80%;
	margin-left: 50px;
}
.admin.gs_ form .w30p input[type="radio"] {
	margin-left: 0;
	margin-top: 15px;
	margin-bottom: 5px;
}
.admin.gs_ table.tab_fact{
	width: 100%;
	padding-right: 15px;
	font-size: var(--font-size-small);
}
.admin.gs_ .content table.tab_fact i {
	font-size: var(--font-size-big);
	
}
.admin.gs_ table.tab_fact td:nth-child(2){
	text-align: right;
}
.admin.gs_ form.calcfact #new_montants .tva {
	height: 1em;
	margin-bottom: 10px;
}
.bold {
	font-weight: bold;
}
.admin.gs_ form.calcfact #new_montants .bold {
	font-size: var(--font-size-normal);
}
#submit.hide {
	display: inline-block;
	opacity: 0.3;3
}

/*///// PopUp /////*/
.popup section {
	min-height: auto;
}
body.popup #main {
	margin-top: 20px;
}
.popup .content {
	min-height: 200px;
}
.popup form textarea {
	height: 3em;
}
.popup form input#submit.btn,
.popup form input#btn_back.btn {
	width: 50%;
	padding: 0;
	border-radius: 1em 0;
	height: 2em;
}
.popup footer {
	min-height: 2em;
	position: fixed;
	bottom: 0;
	width: 100%;
}
.msg_save_ok {
	color: var(--color-foret);
}
.msg_save_error {
	color: var(--color-rouge);
}

/*///// FORM COMPOSEZ MENU /////*/
.comp_menu #presentation .coordonnees h2,
.comp_menu .evenement h2,
.comp_menu .menu h2 {
	padding-top: 0;
	font-size: 2.5em;
}
.comp_menu .menu h2 {
	padding: 1em 0;
}
.comp_menu input {
	width: 95%;
}
.comp_menu select {
	width: 95%;
	height: 3em;
	font-size: 14px;
}
.comp_menu form textarea {
	height: 2em;
}
.comp_menu input[type="radio"] {
	width: 25px;
	margin: 0;
}
.comp_menu input[type="checkbox"] {
	height: 2em;
	margin-top: 0.5em;
}
.comp_menu .event_heure select {
	width: auto;
}
.comp_menu .un_prod .datas div,
.comp_menu .un_prod .datas div input {
	text-align: center;
}
.comp_menu .un_prod .datas div input {
	width: 80%;
}
.comp_menu .op_50 {
	opacity: 0.5;
}
.comp_menu .op_100 {
	opacity: 1;
}
.comp_menu #liste_cat ul {
	position: sticky;
	top: 100px;
}
.comp_menu .une_famille_prod {
	width: 100%;
}
.comp_menu #liste_prod .nom {
	font-size: var(--font-size-big);
	font-style: italic;
}
.comp_menu #liste_prod .descriptif {
	overflow: hidden;
	transition: all 0.2s ease-out;
	font-size: var(--font-size-small);
}
.comp_menu #liste_prod .descro_plus {
	width: 20px;
	text-align: center;
	height: 20px;
	line-height: 11px;
	background-color: var(--color-section-beige2);
	color: black;
	border-radius: 0.4em 0;
}
.comp_menu #liste_prod .descro_plus:hover {
	cursor: pointer;
}
.comp_menu #liste_prod .descro_plus.actif {
	background-color: var(--color-section-beige);
	color: white;
}
.comp_menu .msg {
	color: var(--color-vert);
	font-size: var(--font-size-big);
	margin-top: 50px;
}