/* reset style */
html, body{ margin:0; padding:0; border:none; position:relative; left:0; top:0; width:100%; }
table { padding:0; border-spacing:0; border-collapse:collapse; width:100%; }
tr, td, div, form, textarea, input{ margin:0; padding:0; }

table, td, div, blockquote, code, pre, textarea, input, video {
	border:none;
}

table th, table td{ border:none; }

img { vertical-align: middle; display:block; }
a img { border: 0; }
input:focus { outline:none; }

::selection{
	background: #e99620;
}
::-moz-selection{
	background: #e99620;
}
::-webkit-selection{
	background: #e99620;
}


/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #333;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #33acd0;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #0083b1;
}

*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


/*

font-family: 'Lato', sans-serif;
font-family: 'Source Sans Pro', sans-serif;

Lato:300,400,700,900
Lora:400,400i,700,700i
Open+Sans:300,400,600,700,800
Roboto&subset=latin-ext

*/


:root {
  --color-blue: #33acd0;
  --color-orange: #e4ad45;
  --color-green: #098e03;
  
  --color-titre-h1: #0083b1;
  --color-stitre-h2: #000;
  
  --maxwidth-site:1200px;
  
  
  /* --color-blue: #ff0000; */
  /* --color-orange: #e4ad45; */
  /* --color-green: #098e03; */
  
}


/* debut style global */
html, body {
	font:16px 'Source Sans Pro', sans-serif, Arial; color:#000; 
	background-color:#fff;
}

/* div, td, tr, table, h1, h2{ border:1px solid #ff0000; } */

a, a:link { color:#333; text-decoration:none; transition:0.2s ease; }
a:hover { color:#000; text-decoration:none; }
a:active, a:focus { color:#333; }

.sweetDebug{
	display:bock;
	position:fixed;
	z-index:99999999;
	border:1px dashed #333;
	background:#333;
	color:#fff;
	padding:10px;
	top:5px; 
	right:5px;
	/* left:5px;  */
	min-height:120px; 
	min-width:220px; 
}


		
/* les standards */
h1{ margin:0; font-size:1.5rem; font-weight:700; }
h2{ margin:0; font-size:1.2em; font-weight:600;  }
p{ margin:0; font-size:1rem; font-weight:400; }
ul{ padding:5px 15px; }
li{ list-style-type: none; padding-bottom:5px; font-size:1rem; }



/* FORMULAIRE */

form{ display:block; width:auto; margin:0; } 
label{ display:inline-block; min-width:100px; margin-right:25px; } 
input, select, textarea{ display:block; border:1px solid #000; padding:8px 10px; margin:5px 0; border-radius:5px; min-width:100px; font:1rem/1rem 'Lato', Arial, sans-serif; } label{ margin-right:25px; } 

.btnForm, a.btnForm, a.btnForm:link{ display:block; font-size:1rem; width:405px; padding:12px; margin:10px 0; text-align:center; border:1px solid #0083b1; border-radius:3px; background:#33acd0; color:#fff !important; cursor:pointer; transition:0.2s ease; }
.btnForm:hover, a.btnForm:hover{ background:#fff; color:#0083b1 !important; }

hr{ border:none; border-top:1px solid #999; padding-bottom:20px; margin-top:25px; }
form > div{ width:500px; }



/* DEFINITION DE LA STRUCTURE */

/* div{ border-bottom:1px dotted #ff0000; }  */
.rg-0{ display:block; width:100%; background-color:#fff; }
.rg-1{ display:block; width:100%; max-width:var(--maxwidth-site); margin:auto; }
/* .rg-2{ display:block; width:auto; padding:20px; background-color:#666; } */

.rg-1 > div{ display:block; min-height:20px; }

#dv_tetiere{ height:260px; background-color:#fff;  }

.blc-tetiere{ background-color:#fff; padding-top:20px; padding-bottom:25px; }
.blc-tetiere{ position:relative; z-index:100;  border-bottom:1px solid #7e919b; box-shadow:0 0 15px -5px #333;  }
.logoErranceV1{ display:block; background:#fff; margin:auto; width:280px; padding:10px; }

.navPrincipal, .navPrincipal > nav{ display:block; text-align:center; }
.navPrincipal{ margin-top:30px; }
.navPrincipal > nav > a{ display:inline-block; font:17px 'Lato', Arial, sans-serif; font-weight:700; color:var(--color-blue); margin:0 15px; }
.navPrincipal > nav > a:hover{ color:var(--color-green); }

.navPrincipal > nav.navSousMenu > a{ display:inline-block; font:16px 'Lato', Arial, sans-serif; font-weight:400; color:var(--color-blue); margin:5px 10px; padding:10px; border:1px dotted var(--color-blue); border-radius:5px; }
.navPrincipal > nav.navSousMenu > a:hover{ color:var(--color-green); }

/* small nav tetiere */

.dv-tetiere-small{ height:100px !important; }
.logoErranceV1-small{ width:250px;  }
.blc-tetiere-small{ padding-top:5px; padding-bottom:14px;  }
.navPrincipal-small{  margin-top:5px;  }
.navPrincipal-small > nav > a{ font-size:.9rem; font-weight:400; margin:0 10px; }

/* // small nav tetiere */

.btn-topscroll, a.btn-topscroll{ display:none; position:fixed; z-index:100; bottom:-20px; right:10px; height:50px; width:50px; 
								 padding:5px; font-size:0.9rem !important; text-align:center; color:#fff !important; 
								 border:1px solid #fcac29; background-color:#344f73; opacity:0.7; border-radius:5px 5px 0 0; transition:0.2s ease; }
a.btn-topscroll:hover{ border:1px solid #fcac29; border-bottom:none; opacity:0.9; bottom:-8px;  }



/* ************ BLC RECHERCHE HOME  ************ */


.blc-bandoSearch{ display:block; height:432px; width:100%; border-top:3px solid #7e919b;  border-bottom:5px solid #7e919b; z-index:1; }

.blc-backBandoSearch, .blc-backBandoSearchBack{ display:block; position:absolute; height:424px; width:100%;  z-index:0; }
.blc-backBandoSearch{ background:url(../../_img/bando_search_home.jpg) center top no-repeat; }
.blc-backBandoSearchBack{ background:url(../../_img/bando_search_home_blur.jpg) 0 0; }

.dv-search{ 
				display:block; position:relative; height:300px; width:80%; max-width:680px; min-width:680px; top:62px; margin:auto;
				padding:30px 35px; color:#fff; font-family:'Lato', Arial, sans-serif;
				box-shadow:5px 5px 5px 0px rgba(0, 0, 0, .3);  
				background-color:rgba(0,0,0,.85); border-radius:10px; z-index:1;  
		}
		
.dv-search h1{ font-size:26px; font-weight:300; text-align:center; margin-bottom:35px; }

.dv-formSearch{ display:block; width:92%; margin:auto; }
.dv-formSearch label{ font-size:16px; /* color:#6dc6de;  */ color:var(--color-blue); filter:brightness(1.3); }
.dv-formSearch a.geo-terme{ font-size:16px; color:var(--color-green); filter:brightness(1.3); margin-left:98px; }
.dv-formSearch a.geo-terme:hover{ color:var(--color-orange);  }
.dv-formSearch a.geo-ico{ display:block; position:absolute; height:35px; width:35px; background:url(../../_img/ico_bousole_s.png) 0 0 no-repeat; margin:12px; right:18%; }
.dv-formSearch input.input-search{ display:inline-block; width:490px; min-width:inherit; font-size:1.1rem; font-family:'Lato', Arial, sans-serif; height:auto; padding:12px; margin-right:20px; }
.dv-formSearch input.input-search::placeholder{ font-style:italic; font-weight:400; }
.dv-formSearch a.btn-go{ display:inline-block; vertical-align:middle; margin-top:-5px; height:40px; width:40px; background:#ffffff url(../../_img/fleche_search.png) -40px 0 no-repeat; border-radius:50%; }
.dv-formSearch a.btn-go:hover{ background-position:0 0; }

.dv-formSearch hr{ display:block; width:100%; height:2px; margin:20px auto 0 auto; border:none; border-top:1px solid var(--color-blue); }

.dv-formSearch > nav a.lkFormSearch{ font-size:16px; color:var(--color-orange); margin-right:104px; }
.dv-formSearch > nav a.lkFormSearch:hover{ color:var(--color-blue);  }
.dv-formSearch > nav a.lkFormSearch:nth-last-child(1){ margin-right:0; }


.blc-content-1{ background-color:none; font:1rem 'Lato', Arial, sans-serif; color:#333; font-weight:400; }
.blc-content-1 h1{  
					font-size:1.75rem; 
					/* font-size:28px;  */
					/* color:#0083b1; */
					color:var(--color-titre-h1);
					font-weight:900;
					text-align:center;
					margin:0 auto 10px auto;
					padding-top:80px;
				}
.blc-content-1 > h2{  
					font-size:1.25rem; 
					/* font-size:20px;  */
					color:var(--color-stitre-h2);
					font-weight:700;
					text-align:center;
					margin:0px auto 50px auto !important;
				}
.dv-SpotAdd > h2{  
					font-size:1.25rem; 
					color:#000;
					font-weight:700;
					text-align:center;
				}


/* ********************************* */

/* ************ BLC LAST SPOT HOME  ************ */

.blc-lastSpotAdd{ display:block; width:auto; min-height:150px; text-align:center; }
.dv-SpotAdd{ display:inline-block; width:384px; height:485px; overflow:hidden; margin-right:20px; margin-bottom:40px; vertical-align:top; }
.dv-SpotAdd:nth-child(3n){ margin-right:0; }
.dv-SpotAdd > a.visuel{ display:block; height:256px; width:384px; overflow:hidden; border-radius:5px; background-color:#eaebec; }
.dv-SpotAdd > a.visuel:hover{ filter:brightness(1.1); }
.dv-SpotAdd > h2{ display:block; text-align:center; margin:25px 15px 15px 15px; 
				  font-size:1.25rem;
				  /* font-size:20px; */
				  text-transform:uppercase;
				  padding:0 15px;
				  max-height:24px; overflow:hidden;
				  /* background:#666; */
				}
.dv-SpotAdd > p{ display:block; text-align:center; margin:0 15px 25px 15px; 
				  font-size:1.15rem;
				  font-size:18px;
				  max-height:90px; overflow:hidden;
				  /* background:#666; */
				} 

/* ********************************* */

.bg-courbe-1{ background:#fff url(../../_img/courbe_home.png) left top no-repeat; height:auto; }
.bg-courbe-1 h1{ margin-top:25px; padding-top:45px; }


/* ************ BLC DESCRIPTION CONCEPT HOME  ************ */

.blc-conceptHome{ display:block; width:auto; min-height:150px; text-align:center; }
.dv-conceptHome{ display:inline-block; width:384px; height:485px; overflow:hidden; border-right:3px dotted var(--color-orange); background-color:none; margin-right:20px; padding-right:20px; margin-bottom:40px; vertical-align:top; }
.dv-conceptHome:nth-child(3n){ margin-right:0; border-right:none; }

.dv-conceptHome > img{ display:block; margin:auto; margin-bottom:25px; }
.dv-conceptHome > h2{ display:block; text-align:center; margin:25px 15px 30px 15px;
				  font-family:'Lora', Times, serif;
				  font-size:1.50rem;
				  color:var(--color-green);
				  /* font-size:24px; */
				  text-transform:uppercase;
				  padding:0 15px;
				  max-height:26px; overflow:hidden;
				  /* background:#666; */
				}
.dv-conceptHome > p{ display:block; text-align:center; margin:0 15px 25px 15px; 
				  font-size:1.15rem;
				  font-size:18px;
				  max-height:auto; overflow:hidden;
				  /* background:#666; */
				} 

/* ********************************* */


/* ************ BLC QUESTIONS HOME  ************ */

span.color-green{ color:var(--color-green); font-style:italic; } 
span.color-blue{ color:#0083b1; font-style:italic; } 

.sepHeightInter{ height:40px; }
.bg-question{ background:#eae8e3; height:150px; padding-top:45px; }

.tableQuestion{ 
				width:auto; 
				margin:auto; 
				font-size:1.60rem; 
				/* font-size:25px;  */
				font-weight:900;
				color:#000;
				}
				
.tableQuestion td{ padding:12px; }
.tableQuestion a.btnQuestion{ 
	display:block; height:45px; width:auto; padding:8px 12px;  
	border:1px solid #ffffff; border-radius:5px; 
	background-color:#ffffff; 
	color:#0083b1; 
	font-family:'Lato';
	font-size:1.45rem !important; 
	/* font-size:25px;  */
	font-weight:900;
	text-align:center;
	margin:auto;
	text-transform:uppercase;
}
.tableQuestion a.btnQuestion:hover{ border:1px solid #0083b1; color:#0083b1; }


/* ********************************* */

/* ************ BLC LISTE VILLES HOME  ************ */

.blc-listVille{ display:block; width:auto; min-height:150px; background-color:none; text-align:center; }
.dv-listVille{ display:inline-block; width:285px; height:180px; overflow:hidden; border-radius:5px; background-color:none; margin-right:16.9px; margin-bottom:21px; vertical-align:top; }
.dv-listVille:nth-child(4n){ margin-right:0; }

.dv-listVille > a.cartouche{ 
								display:block; position:absolute; width:250px; height:100px; 
								margin:40px 17.5px; padding:36px 10px; 
								font:1.3rem 'Lato', Arial, sans-serif; letter-spacing:.1rem; font-weight:700; 
								text-transform:uppercase; text-align:center; 
								border-radius:5px; background-color:rgba(0,0,0,.4); 
							}
.dv-listVille > a.cartouche:hover{  background-color:rgba(0,0,0,.6); }

/* *********************************************** */

/* ************ BLC LISTE MEMBERS HOME  ************ */

.blc-listMembers{ display:block; width:auto; min-height:150px; background-color:none; }
.dv-listMembers{ display:block; width:560px; height:100px; margin:auto; overflow:hidden; background-color:none;  margin-bottom:50px; }

.bullMembers{ display:block; position:absolute; height:80px; width:80px; overflow:hidden; transform: rotate(45deg); border:3px solid #fff; background:#7e919b; border-radius:15px; }
.visuelMembers{ display:block; height:auto; width:auto; transform: rotate(-45deg) translateY(-20px) translateX(8px); }
.tagMembers{ display:block; height:auto; width:auto; transform: rotate(-45deg); font:1.8rem 'Lato'; font-weight:700; color:#efefef; margin:18px 28px; }

.bullMembersTotal{ display:block; position:absolute; height:80px; width:80px; overflow:hidden; transform: rotate(45deg); margin-left:470px; border:3px solid #eaebec; background:#eaebec; border-radius:15px; }
.tagMembersTotal{ display:block; height:auto; width:auto; transform: rotate(-45deg); font:1.2rem 'Lato'; font-weight:400; color:#333; margin:22px 5px; }

.bullMembers:nth-child(1){ margin-left:0px; z-index:8; }
.bullMembers:nth-child(2){ margin-left:60px; z-index:7; }
.bullMembers:nth-child(3){ margin-left:120px; z-index:6; }
.bullMembers:nth-child(4){ margin-left:180px; z-index:5; }
.bullMembers:nth-child(5){ margin-left:240px; z-index:4; }
.bullMembers:nth-child(6){ margin-left:300px; z-index:3; }
.bullMembers:nth-child(7){ margin-left:360px; z-index:2; }
.bullMembers:nth-child(8){ margin-left:420px; z-index:1; }


/* *********************************************** */

.blc-content{ background-color:#fff; min-height:800px !important; }


/* ************ CSS FOOOTER  ************ */

.blc-footer{ background-color:#7e919b; min-height:250px; padding:25px; }
.logoErranceV2{ display:block; background:none; margin:auto; width:220px; padding:10px; }
.blc-footer .reseaux-sociaux{ display:block; margin:10px auto 0 auto; width:183px; }
.blc-footer .reseaux-sociaux > a.lk-rx{ display:inline-block; height:46px; width:48px; background:url(../../_img/rx_fb.png) 0 0px no-repeat; margin:10px 5px; }
.blc-footer .reseaux-sociaux > a.lk-rx:hover{ background-position:0 -46px; }
a.rx-fb, a.rx-fb:hover{ background-image:url(../../_img/rx_fb.png) !important; }
a.rx-insta, a.rx-insta:hover{ background-image:url(../../_img/rx_insta.png) !important; }
a.rx-twitter, a.rx-twitter:hover{ background-image:url(../../_img/rx_twitter.png) !important; }

.link-footer{ display:inline-block !important; width:auto; margin:0 40px 0 0; padding:0 40px 0 0; border-right:2px dotted #fff; background:none; vertical-align:top; }
.link-footer:nth-last-child(2){ border-right:none !important; }

a.lk-footer{ 
	display:block; margin:8px auto; text-align:left; padding:5px; 
	font-family:'Lato';
	font-size:1rem;
	/* font-size:16px; */
	text-transform:uppercase;
}
a.lk-footer:hover{ color:#000; background:#efefef; }


/* *********************************************** */



/* ************ CSS CTA  ************ */

a.cta-blue, a.cta-green, a.cta-orange{ 
							display:block; height:45px; width:260px; padding:10px 13px; overflow:hidden; 
							border:1px solid var(--color-blue); border-radius:5px; 
							background-color:var(--color-blue); 
							color:#ffffff; 
							font-size:1.15rem !important; 
							/* font-size:18px;  */
							font-weight:400;
							text-align:center;
							margin:auto;
							}
a.cta-blue:hover{ border:1px solid #000;  color:#000; background-color:var(--color-orange); }

a.cta-green{ background-color:#ffffff; border-color:var(--color-green); color:var(--color-green) !important; width:200px; }
a.cta-green:hover{ background-color:var(--color-green); border-color:var(--color-green); color:#ffffff !important; }

a.cta-orange{ background-color:var(--color-orange); border-color:var(--color-orange); color:#ffffff !important; }
a.cta-orange:hover{ background-color:var(--color-green); border-color:var(--color-green); color:#ffffff !important; }


a.cta-home-pro{ 
	display:block;  
	color:var(--color-blue) !important; 
	font:1.15rem/1.6rem 'Lato' !important; 
	/* font-size:18px;  */
	font-weight:700 !important;
	text-align:center;
	margin:auto;
	width:50%; min-width:260px; padding:20px;
	/* border:1px solid #fff; */
	border:1px solid #efefef;
	border-color:var(--color-blue);
	background-color:#efefef;
	border-radius:5px;	
 }
 
 a.cta-home-pro:hover{ background-color:#fff; border-color:var(--color-green); color:var(--color-green) !important;  }

/* ********************************* */





/* LIGHTBOX - FORMULAIRE */

.lightBoxDv{ 
				display:none; position:fixed; height:100%; width:100%; top:0; background:rgba(0,0,0,0.8); border:2px solid #333; z-index:100; color:#fff; 
			}
.lightBoxContent{ 
				display:none; position:fixed; height:100%; width:100%; top:0; overflow:hidden; overflow-y:scroll;
			}
.lbContent{ 
				display:block; position:fixed; 
				height:auto; 
				min-width:30%; top:50%; left:50%;
				padding:40px 150px 60px 150px;
				transform: translate(-50%, -50%);
				background:rgba(255,255,255,1);
				border:2px soldi #333; 
				z-index:100; 
				color:#000000; 				

			}
			
.lbcFormLogging{ }			
.lbcFormSubscribe{ }
			
			
@media (max-height:1220px) {
	.lbcFormSubscribe{ 
				height:90%; 
				overflow-y:scroll;
			}
}

			
.dvFormLogger{ display:block; width:100%; max-width:405px; padding:0; margin:auto; }
.dvFormLogger > div{ margin-bottom:15px; }
.dvFormLogger input, 
.dvFormLogger select{ display:inline-block; min-width:405px; padding:12px 10px; border:1px solid #0083b1; font-size:1rem; }
.dvFormLogger label{ min-width:130px; margin-right:25px; color:#0083b1; }

.dvFormLogger .input-checkbox{ display:inline-block; min-width:15px !important; margin-right:10px; color:#0083b1; padding:50px; vertical-align:top; margin-bottom:inherit;  }
.dvFormLogger .label-checkbox{ display:inline-block; width:90% !important; color:#0083b1; margin-bottom:25px; margin-right:0;  }

.optionOptin > div{ display:inline-block; min-width:inherit !important; margin:10px 5px; vertical-align:top;  padding:10px; border:1px dotted #0083b1; border-radius:5px; }
.optionOptin .optin-checkbox{ display:block; min-width:inherit; color:#0083b1; margin:0 auto 8px auto; }
.optionOptin .optin-label{ display:block; color:#0083b1; min-width:100px; margin:5px auto; text-align:center; }

.seeMdp, a.seeMdp{ display:inline-block; position:absolute; color:#000; font-size:12px; height:25px; width:25px; margin:15px -35px; }

.ico-see{ color:#333; }
.seeOn{ display:inline-block; position:absolute; }
.seeOff{ display:none; position:absolute; }

a.btnCloseBox, a.btnCloseBox:link{ display:block; position:absolute; right:-10px; top:-10px; font-size:1.2rem; line-height:1.2rem; padding:12px 16px; color:#333; border:2px solid #333; border-radius:50%; background:#fff; }
a.btnCloseBox:hover{ color:#0083b1; border:2px solid #0083b1; }

/* **** */



/* GESTION DES ERRORS */

.addNotifCh{ display:none; position:absolute; font-size:0.9rem; font-style:italic; color:#ff0000; margin:-1px -80px; }
.affTextNotif{ display:inline-block;  }
.cs-champs-error{ color:#ff0000 !important; border-color:#ff0000 !important; }
.cs-label-error{ color:#ff0000 !important; }


/* **** */









/* viens a la fin */


.csNoMarginR{ margin-right:0; }


.clearFl{ clear:both; margin:0; padding:0; border:none; height:1px; width:1px; }
.hide{ display:none; }

#crashCook{ display:none; position:fixed; z-index:1000; bottom:0; width:90%; background:#333; color:#ccc;  font:13px/18px Arial; text-align:left; padding:10px 5% 20px 5%; }
#crashCook a, #crashCook a:link{ color:#fff; font:13px Arial; text-decoration:none;  }
#crashCook a:hover{ color:#dce9f4; text-decoration:underline;  }

.messCook{ max-width:970px; margin:auto; }

#crashCook .messCook{  }
#crashCook .messCookLk, #crashCook a.messCookLk, #crashCook a.messCookLk:link, #crashCook a.messCookLk:hover{ font-size:12px; }
	
#crashCook a.messCookFermer, a.messCookFermer:link{ color:#fff; border:1px solid #fff; background:#333; padding:8px 30px; border-radius:3px; font:13px Arial; text-decoration:none;  }
#crashCook a.messCookFermer:hover{ background:#dce9f4; color:#333; text-decoration:none;  }


/* dv Box 2 */
#boxZoneGlb{ display:none; position:absolute; top:0; left:0; height:100%; width:100%; z-index:1000; }
.bgBox{ display:block; position:fixed; top:0; left:0; background:#000; opacity:0.6; height:100%; width:100%; z-index:100; }
#dvContBox{ display:block; position:relative; background:#fff; min-height:62%; width:50%; top:17%; z-index:105; margin:auto;  box-shadow: 0px 0px 10px #000; }
.closeZoneBox, a.closeZoneBox, a.closeZoneBox:link{ position:absolute; z-index:110; background:#fff; color:#666; 
										width:25px; text-align:center; font:16px/22px Arial; padding:8px 8px; text-decoration:none; 
										right:0; top:0px; border:1px solid #666; border-top:none; border-right:none;
										}
a.closeZoneBox:hover{ border-color:#ff9966; background:#fff; color:#ff9966; }

#contBox{ display:block; padding:20px;  }










/* ADM */



/* *** Capsule Formulaire *** */

.dvForm{ display:block; margin-bottom:15px; width:800px; max-width:80%; margin:auto; border:1px none #ff0000; padding:25px; background-color:#fff; color:#000;  }
/* .dvChamps{ display:block; margin:auto; margin-bottom:25px; background:#ccc; } */
.dvChamps{ display:inline-block; margin:auto 1%; margin-bottom:25px; background:none; width:98%; }
.dvChamps input, 
.dvChamps select, 
.dvChamps textarea{ display:block; width:100%; }
.dvChamps a.formLink{ color:#000; text-decoration:none; width:100%; font-size:1rem; }
.dvChamps a.formLink:hover{ color:#990000; }


.dvBtnForm{ display:block; margin:auto; width:50%; max-width:500px; }
.dvBtnForm a{ margin:auto !important; }

/* ************* */



.dvContent{ }
.y-min-height-500{ min-height:500px; }

.adm-bnt-new-item, a.adm-bnt-new-item{
	display:block;  
	color:var(--color-blue) !important; 
	font:.9rem/1.1rem 'Lato' !important; 
	font-weight:400 ;
	text-align:center;
	margin:auto;
	width:300px; padding:10px;
	border:1px solid #efefef;
	border-color:var(--color-blue);
	background-color:#fff;
	border-radius:5px;	
	text-transform:uppercase;
}

a.adm-bnt-new-item:hover{ background-color:#fff; border-color:var(--color-green); color:var(--color-green) !important;  }

/* https://css-tricks.com/snippets/css/a-guide-to-flexbox/ */

.contentTable{ display:block; width:800px; max-width:80%; margin:auto; border-top:5px none #ff0000; }

.contentFlex{
	display:flex; gap:0 0px; width:auto; justify-content: flex-start; flex-flow: row wrap; flex-direction:row;
}
.contentFlex .dv-item{
	display:block; 
	padding:10px;
	width:auto; 
	/* background:#fff;  */
	text-align:center; 
	border-left:1px dotted #333;
}
.contentFlex:hover{
	/* display:block;  */
	/* padding:10px; */
	/* width:auto; max-width:150px; */
	background:rgba(51,172,208,0.2) !important;
	/* color:#ff0000; */
	/* text-align:center;  */
	/* border-left:1px dotted #ff0000; */
}

.contentFlex:nth-child(1){ background:#efefef; }
.contentFlex .dv-item:nth-child(1){ min-width:50px;  }
.contentFlex .dv-item:nth-child(2){ min-width:390px; text-align:left;  }
.contentFlex .dv-item:nth-child(3){ min-width:120px; }
.contentFlex .dv-item:nth-child(4){ min-width:120px; }
.contentFlex .dv-item:nth-child(5){ min-width:120px; border-right:1px dotted #333; }
.contentFlex .item-3-actions{ min-width:calc(3*120px) !important; text-align:center !important; border-right:1px dotted #333; }
.contentFlex .item-2-actions{ min-width:calc(50px + 390px) !important; text-align:center !important;  }
.contentFlex .item-5-actions{ min-width:calc(50px + 390px + 3*120px ) !important; text-align:center !important; border-right:1px dotted #333;  }

.sepItemTable{
	display:block; border-bottom:1px dotted #333;
}

.uwaga-annuler-delete{ color:#fff !important; background:#328438; border:1px solid #328438; padding:8px 9px; font-size:1rem; }
.uwaga-confirm-delete{ color:#fff !important; background:#ff0000; border:1px solid #ff0000; padding:8px 9px; font-size:1rem; }