:root 
{
	--header-bg-color: 		#01858F;
	--menu-bg-color: 		#1CCAD8;
	--submenu-bg-color: 	#62D6E1;

	--main-bg-darker: 		#01858F;
	--main-bg-dark: 		#019AA8;
	--main-bg-normal: 		#1CCAD8;
	--main-bg-light: 		#62D6E1;
	--main-bg-lighter: 		#A4E9EE;

	--main-color-darker: 	#01858F;
	--main-color-dark: 		#019AA8;
	--main-color-normal: 	#1CCAD8;
	--main-color-light: 	#62D6E1;
	--main-color-lighter: 	#A4E9EE;

	--hover-color-main: 	#CCC;
	--hover-color-shop: 	#666;
	--hover-color-submenu: 	#444;

/*
--main-color-dark: 			#333;
--main-color-normal: 			#666;
--main-color-light: 			#999;
--main-color-lighter: 		#CCC;
*/
  
}
	
html
{
	height: 			100%;
	overflow: 			hidden;
}
body
{
	_font-family: 		Verdana;
	font-family: 		"Muli", "Verdana";
	height: 			100%;
	overflow: 			hidden;
	padding-top: 		4em;
}

a
{
	color: 				#000;	
}

a:hover
{
	color: 				var(--hover-color-main);	
	text-decoration: 	underline;
}

#main
{
	height: 			100%;
	scrollbar-width: 	thin;
	_overflow: 			hidden;
}

.bs-searchbox input,
.dropdown-menu
{
	font-size: 			0.85rem;
}

h2
{
	color: 				var(--main-color-darker);
}

.model{
	display:none;
}
.ar{
	text-align: right;
}

.b
{
	font-weight: bold;
}

.euro, .percent
{
    white-space: nowrap;
}
.euro::after{
	content: " €";
	font-weight: normal;
	font-size: 0.9em;
	color: #444;
}
.percent::after{
	content: " %";
	font-weight: normal;
	font-size: 0.9em;
	color: #444;
}
.tours_list [x_dayfuture="thisweek"]
{
	color: blue;
	font-weight: bold;
}
.tours_list [x_dayfuture="nextweek"]
{
	color: orange;
	font-weight: bold;
}


/*  header  ------------------------------------------------------------------------------ */

#header
{
	
    background-color: 		var(--header-bg-color);
    color: 					#FFF;
    margin-top: 			-4em;
    position: 				fixed;
    right: 					0;
    left: 					0;
    box-shadow: 			0px 2px 5px #444;
    
}
/* 
header .logo
{
	max-height: 			2.25em;
} 
*/
#header #menu_topright #lnk #ico #badge
{
	top: 					0rem;
	right: 					0rem;
}


#header a
{
	color: 					#FFF;	
}

#header a:hover
{
	color: 					var(--hover-color-main);	
	text-decoration: 		underline;
}

#header #logo .logo
{
    max-height: 3.00rem;
    margin-right: 0.8rem;
}

#header #logo #title
{
	display: 		none;
}

/*  menu ------------------------------------------------------------------------------ */

#mainmenu
{
	background-color: 	var(--menu-bg-color);
	margin-top: 		0px;
	padding-top: 		5px;
}
#mainmenu ul 
{
	border-bottom: 		0px solid #AAA;
}
#mainmenu ul a
{
	text-align: 		center;
	border: 			0px;
    background-color:	inherit;
    font-size: 			0.9rem;
    font-weight: 		bold;
}


#mainmenu a
{
	color: 				#FFF;	
}

#mainmenu a:hover
{
	color: 				var(--hover-color-main);	
	text-decoration: 	underline;
}


/*  footer  ------------------------------------------------------------------------------ */

footer
{
	margin-top: 	100px;
	text-align: 	center;
	font-size: 		0.7rem;
}


/* ------------------- PRESENTATION ----------------- */

#presentation #pic 
{
	_height:			12rem;
	_max-height:		12rem;
	height:				100%;
	max-height:			100%;
	text-align:			center;
	overflow:			hidden;
}
#presentation #pic img
{
	--margin-top: 		-50%;
	width: 				100%;
}

#presentation #logo, 
#presentation .logo 
{
	max-height:			8em;
	max-width:			8em;
	text-align: 		center;
	max-width:			90% !important;
}

#presentation #communication
{

}
#presentation #communication #society
{
	font-size: 				1.4rem;
	font-weight: 			bold;
}

#presentation #communication #address,
#presentation #communication #email,
#presentation #communication #phone,
#presentation #communication #open
{
	font-size: 				0.9rem;
}

#presentation #share
{
	text-align: 		center;
}
#presentation #share i
{
  font-size: 		2rem;
  margin-bottom:	.2rem;
}
#presentation #share .fb
{
	color:		#4C64A0;
}
#presentation #share .insta
{
	color:		#7B3AA9;
}
#presentation #share .twitter
{
	color:		#00A7E7;
}
#presentation #share .whatsapp
{
	color:		#00B400;
}
/* ------------------- my acocunt ----------------- */

.myaccount .nav-pills .nav-link.active, 
.myaccount  .nav-pills .show > .nav-link {
    color: #fff;
    background-color: 	var(--main-color-light);
}
.myaccount h3
{
	margin-bottom: 		0px;
}
.myaccount .subtitle
{
	border-bottom: 		1px solid var(--main-color-darker);
	padding-bottom: 	5px;
	margin-bottom: 		20px;
}
.myaccount .subtitle button
{
	margin-bottom: 		0px;
}
/*
.myaccount .genre .btn.btn-male
{
	_background-color: 	#078BF8;
	_border-color: 		#056BBE;
	_color: 				#333;
}
.myaccount .genre .btn.btn-female
{
	_background-color: 	#FC72F9;
	_border-color: 		#FB11F5;
	_color: 				#333;
}
*/
.myaccount .genre .btn.btn-male.active
{
	background-color: 				#078BF8;
}
.myaccount .genre .btn.btn-female.active
{
	background-color: 				#FC72F9;
}



.myaccount .form-group .hasIcon i
{
	position: 			absolute;
	top: 				0.8rem;
	right: 				1.5rem;
	font-size: 			0.8rem;
	color: 				#444;
}

/* ------------------- caddy ----------------- */

#caddie table thead tr
{
	_background-color: 	var(--main-color-lighter);
	background-color: 	#EEE;
}

#caddie table thead tr th
{
	border-color:		var(--main-color-dark);
	border-bottom: 		1px solid var(--main-color-dark);
}

#caddie table tbody tr
{
}

#caddie table .ttc
{
	_background-color: 	var(--main-color-lighter);
	background-color: 	#EEE;
}

#caddie table td.key
{
	word-wrap: 			anywhere;
}

#caddie .tours_list .list-group-item
{
	border: 			0px;
	padding: 			.25rem .25rem;
}
				
#caddie .tours_list .list-group-item .weekday
{
	width: 			65px;
}
			
			
/* ------------------- SHOP ----------------- */

/*  menu ------------------------------------------------------------------------------ */

#shop #menu
{
	_background-color: 	#9EE7ED; 
	border: 	1px solid var(--menu-bg-color);
}
#shop #menu ul 
{
	
}
#shop #menu ul a
{
	text-align: 		center;
	border: 			0px;
    background-color:	inherit;
    font-size: 			0.8rem;
    padding:			0.4rem;
}


#shop #menu a
{
	color: 				var(--main-color-darker);
	font-weight: 		bold;
}

#shop #menu a:hover
{
	color: 				var(--hover-color-shop);
	text-decoration: 	underline;
}


/*  submenu ------------------------------------------------------------------------------ */

#submenu
{
	margin-left: 		10px;
	margin-right: 		10px;
	background-color:  	var(--submenu-bg-color);
	padding-top: 		5px;
	padding-bottom: 	10px;
}
#submenu #titre
{
	font-size: 		.9rem;
}
#submenu a
{
	font-size: 			.8rem;
	padding:			0px 0px 0px 5px;
	border: 			0px;
	background-color:  	inherit;
}

#submenu a
{
	color: 				#333;	
}

submenu a:hover
{
	color: 				var(--hover-color-submenu);	
	text-decoration: 	underline;
}


/*  tree ------------------------------------------------------------------------------ */

#tree
{
	background-color: 	#FFF;
	padding: 			.5rem 1rem;
	background-color: 	#FFF;
	border-bottom: 		1px solid #AAA;
	font-size: 			.8rem;
}

#tree ul 
{
	list-style-type: 	none;
	margin:				0;
	padding: 			0;
}

#tree ul > li 
{
    display: 			inline-block;
    font-weight: 		400;
}

#tree ul li::after {
  content: " >";
}
#tree ul li:last-child::after {
  content: "";
}


/*  content filter ------------------------------------------------------------------------------ */

#content
{
	margin-top: 		0xp;
	_overflow-y: 		auto;
}

#content #filter #cat,
#content #filter #property
{
	margin-right: 		10px;
}

#content #filter #title
{
	font-weight: 		600;
	font-size: 			.95rem;
	padding-left: 		15px;
	margin-bottom: 		3px;
	border-bottom: 		1px solid #CCC;
	background-color: 	var(--main-bg-lighter);
}

#content #filter #list ul li
{
	border: 			0px;
	padding: 			0px 0px 0px 5px;
	font-size: 			.8rem;
}

#content #filter #list ul li a.current
{
	color: 				#000;
}

#content #filter #list ul li i
{
	float: 				right;
	margin-top: 		4px;
	cursor: 			pointer;
}

#content #filter #property #list
{
	margin-bottom: 			10px;
	color: 					#555;
}

#content #filter #property #list ul li:first-child
{
	padding-top: 			5px;
}
#content #filter #property #list ul li input
{
	float: 					right;
	margin-top: 			3px;
}
#content #filter #property .checktext
{
	cursor: 				pointer;
}
		
/*  content product ------------------------------------------------------------------------------ */

#content  #tool #nproduct,
#content #product #tool #nproduct
{
	font-size: 			.8rem;
	font-weight: 		bold;
	color: 				#666;
	padding-top: 		6px;
	padding-right: 		5px;
	margin: 			0px;
}
#content  #tool #pagination,
#content #product #tool #pagination
{
	font-size: 			.8rem;
	color: 				#666;
	padding-top: 		6px;
}
#content #tool #typelist,
#content #product #tool #typelist
{
	text-align: 		right;
	font-size: 			1.1rem;
	min-width: 			60px;
}
#content  #tool #typelist i.active,
#content #product #tool #typelist i.active
{
	color: 				var(--menu-bg-color);
}



#content #product #card_container #card
{
	padding: 				5px;
	padding-top: 			10px;
	padding-bottom: 		0px;
	border-bottom: 			1px solid #CCC;
	position: 				relative;
	height: 				100%;
}


#content #product #card_container 
{
	_height: 				320px;
	border: 				0px solid #000;
	padding: 				5px;
	position: 				relative;
}

#content #product #productList #card_container .product_mosaic #thumb
{
	position: 				relative;
	height: 				200px;
	vertical-align: 		center;
	text-align: 			center;
	cursor: 				pointer;
	margin-bottom: 			0.25rem;
}
#content #product #productList #card_container .product_mosaic #thumb img
{
	max-width: 				100%;
	max-height: 			100%;	
	__width: auto;
    __height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;	
}

#content #product #productList #card_container .product_mosaic #title
{
	font-size: 				0.9rem;
	font-weight: 			bold;
	color: 					var(--main-color-dark);
	cursor: 				pointer;
}
#content #product #productList #card_container .product_mosaic #title:hover
{
	text-decoration:   		underline;
}
#content #product #productList #card_container .product_mosaic #description
{
	font-size: 				.8rem;
	color: 					#444;
}

#content #product #productList #card_container .product_mosaic #buy
{
	padding-bottom: 		5px;
	
}

#content #product #productList #card_container .product_mosaic #buy #selectprice
{
	float: 					left;
	font-size: 				0.95rem;
	font-weight: 			bold;
	__margin-top: 			5px;
	
	/* test pascal*/
	width: 					CALC(100% - 3rem);
}

#content #product #productList #card_container .product_mosaic #buy #price
{
	float: 					left;
	font-size: 				0.95rem;
	font-weight: 			bold;
	margin-top: 			5px;
}
#content #product #productList #card_container .product_mosaic #buy #price:after 
{
	content: 				" €";
}
#content #product #productList #card_container .product_mosaic #buy button
{
	float: 					right;
}
				
#content #product #productList #card_container .product_list #title
{
	font-size: 				0.9rem;
	font-weight: 			bold;
	color: 					var(--main-color-dark);
	cursor: 				pointer;
}


#content #product #productList #card_container .product_list #title:hover
{
	text-decoration:   		underline;
}
#content #product #productList #card_container .product_list #description
{
	font-size: 				.8rem;
	color: 					#444;
	overflow: 				hidden;
	max-height: 			3em;
}
#content #product #productList #card_container .product_list #thumb
{
	position: 				relative;
	__width: 					200px;
	height: 				100px;
	vertical-align: 		center;
	text-align: 			center;
	cursor: 				pointer;
}		
#content #product #productList #card_container .product_list #thumb img
{
	max-width: 				100%;
	max-height: 			100%;	
	__width: auto;
    __height: auto;
    margin: auto;	
}
#content #product #productList #card_container .product_list #buy #price
{
	font-size: 				0.95rem;
	font-weight: 			bold;
	_margin-top: 			35px;
	min-width: 				80px;
    _position: absolute;
    _width: 80px;
    _right: 0px;
}
#content #product #productList #card_container .product_list #buy #price:after 
{
	content: 				" €";
}
#content #product #productList #card_container .product_list #buy button
{
}
#content #product #productList #card_container .product_list #buy #selectprice
{
	float: 					left; 
	width: 					CALC(100% - 3rem);
	padding-right: 			5px;
	vertical-align:			middle;
}


#content #product  #card_container .product_list#card 
{
		border: initial;
		border-top: 1px solid #CCC;
}
/*
#content #product #productList #card_container:first-child  .product_list #card 
{
	border: 				initial;
}
*/
/* shop item card */

#shopitem
{
	margin-top: 			1rem;
	margin-bottom: 			5rem;
}
#shopitem #card #pics #thumb
{
	position: 				relative;
	width: 					100%;
	vertical-align: 		center;
	text-align: 			center;
}

#shopitem #card #pics #thumb .nozoom
{
	max-width: 				100%;
	max-height: 			100%;	
	width: 					auto;
    height: 				auto;
    margin: 				auto;	
	border: 				1px solid var(--main-color-darker);
}
#shopitem #card #pics #thumb .nozoom:hover
{
	cursor: 				zoom-in;
}

/*
#shopitem #card #pics #thumb:hover 

*/
#shopitem #card #pics #thumb .zoom
{
	position: 				relative;
	left:					10px;
	right:					10px;
	__top:					2cm;
	__bottom:				0px;
	__border: 				5px solid var(--main-color-darker);
	z-index:				5;
	padding:				3px;
	background-color:		#fff;
}
#shopitem #card #pics #thumb .zoom:hover
{
	cursor: 				zoom-out;
}

#shopitem #card #pics #thumblist 
{
	margin-top: 			1rem;
	max-height: 			4rem;
}

#shopitem #card #pics #thumblist img
{
	max-width: 				100%;
	max-height: 			100%;	
	width: 					auto;
    height: 				auto;
    margin: 				0.1rem;	
	border: 				1px solid var(--main-color-darker);
}

#shopitem #card #title
{
	font-weight: 			bold;
	font-size: 				1.2rem;
}
#shopitem #card #description
{
	font-size: 				0.9rem;
	text-align: 			justify;
}

#shopitem #card #propertylist #property
{
	font-size: 				0.8rem;
	text-align: 			right;
}

#shopitem #card #buy #price
{
	font-size: 				0.95rem;
	font-weight: 			bold;
	margin-top: 			5px;
	margin-right: 			10px;
}
#shopitem #card #buy #price:after 
{
	content: 				" €";
}
#shopitem #card #buy button
{
}




/* ------------------- PLANNING ----------------- */			
.fc-toolbar-title
{
	font-size: 				1.1rem !important;
}
.fc .fc-button
{
	font-size: 				0.8rem;
}
.fc-col-header-cell-cushion 
{
	font-size: 				0.9rem;
}
.fc-timegrid-slot-label-cushion		
{
	font-size: 				0.9rem;
}
			
.step
{
	margin-left: 	2px;
	margin-right: 	2px;
}


/*  media ------------------------------------------------------------------------------ */

.hide-sm
{
	display: 	none !important;
}
.show-sm
{
	display: -ms-flexbox !important;
	display: flex !important;
	padding-right: 15px !important;
	padding-left: 15px !important;
}
@media only screen and (min-width: 768px)
{
	/*
	.hide-sm
	{
		display: -ms-flexbox !important;
		display: flex !important;
	}
	.show-sm
	{
		display: 	none !important;
	}
	
	
*/
}


@media only screen and (max-width: 768px)
{
	html 
	{
		font-size: 80%;
	}
/*
	.hide-sm
	{
		display: 	none !important;
	}
	.show-sm
	{
		display: -ms-flexbox !important;
		display: flex !important;
		padding-right: 15px !important;
	}
	*/
	#main
	{
		padding: 		0px;
	}
	
	#header #logo
	{
		_color: 			red;
		max-width: 		6.5em;
	} 
	#header #logo img
	{
		width: 			100%;
	}

	#header #logo #title
	{
		display: 		none;
	}
	
	#header #menu_topright a
	{
		margin-left: 		5px !important;
	}
	
	#header #menu_topright #text
	{
		display: 		none;
	}
	

	#header #menu_topright #lnk #ico #badge
	{
		top: 			-4px;
		right: 			-8px;
	}
	
	
	#menu ul a
	{
		padding: 		.5rem .5rem;
	}
	
	#menu .selected
	{
		color: 	gold;
		text-decoration: 	underline dotted;
	}
			
	#submenu
	{
		justify-content: 	start !important;
	}
	#submenu #category
	{
		padding-left: 	10px;
		flex: 			1 1 auto !important;
	}
	
	/* patch mobile, sauf que a ne va pas du tout avec un select à coté
	.btn-group-sm > .btn, .btn-sm {
		___font-size: 1.5rem; 
	} */
	#content #product #productList #card_container .product_list #thumb
	{
		_height: 				55px;
	}

	#content #product #productList #card_container .product_list #buy #price
	{
		margin-top: 			40px;
	}
 
	#content #product #productList #card_container .product_mosaic #thumb 
	{
		height: 170px;
	}
	
	#caddie table th,
	#caddie table td.smallreduced
	{
		font-size:	85%;
	}
	#caddie table.basket  tr th:nth-child(1),
	#caddie table.basket  tr td:nth-child(1),
	#caddie table.basket  tr th:nth-child(4),
	#caddie table.basket  tr td:nth-child(4)
	{
		display: 	none;
	}
	
	/*
	#caddie table.address td.smallreduced
	{
		font-size:	85%;
	}
	*/
	
	
	#shop #menu ul a
	{
		font-size: 1.2rem;
	}
}

.zoom img[code="product_big"]
{
	max-width: initial !important;
	max-height: initial !important;
}
.zoom #title,
.zoom #description
{
	border-radius: 5px 0px 0px 5px;
	padding: 3px 3px 3px 8px;
	margin: 3px !important;
	background-color:	rgba(255,255,255,0.8);
	color: #000;

}
.zoom #buy
{
	border-radius: 5px 0px 0px 5px;
	padding: 3px 3px 3px 8px;
	margin: 3px;
	background-color:	rgba(255,255,255,0.8);
	color: #000;
    margin-top: initial !important;
	margin-left: CALC(100% - 5cm);
	padding-left: 1cm;
}