/* ***********************************************************	*/
/* Lisairys - CSS */
/* ***********************************************************	*/
	
	
	/* *************************************** */
	/* inglobal */
	@font-face
	{
		font-family : "ingloba_web"; 
		src : url('fonts/inglobal.eot');
		src : 
			url('fonts/inglobal.eot?') format('eot'), 
			url('fonts/inglobal.woff') format('woff'), 
			url('fonts/inglobal.svg#abcd') format('svg'), 
			url('fonts/inglobal.ttf') format('truetype');
	}
	
	/* *************************************** */
	/* Tangerine_Regular */
	@font-face
	{
		font-family : "tangerine_web"; 
		src : url('fonts/Tangerine_Regular.eot');
		src : 
			url('fonts/Tangerine_Regular.eot?') format('eot'), 
			url('fonts/Tangerine_Regular.woff') format('woff'), 
			url('fonts/Tangerine_Regular.svg#abcd') format('svg'), 
			url('fonts/Tangerine_Regular.ttf') format('truetype');
	}


/* ***********************************************************	*/
/* Parametres Globaux */
/* ***********************************************************	*/	
	body 
	{
		margin: 0px;  padding: 0px;
		font-weight : normal; 
		font-size : 20px; 
		font-family: ingloba_web, arial,helvetica,geneva,sans-serif;
		color :#666666;
		background-color:#FFFFFF;
		background-repeat:no-repeat;
		background-attachment:fixed;
		background-position:center top; 
		background-size: auto;
	}

	img {border:0px;}
		
	figure img 
	{
		width: auto;
		height: auto;
	}

	a, a:visited
	{ 
		font-weight: normal;
		color: #0080FF;
		text-decoration: none; 
		cursor:pointer;
	}

	a:hover, a:active{color:#FFCF40; text-decoration:none;}


	strong{color:#000000;}


	.clear{clear:both; line-height:0px; height:0px; }

	
	.picto{display:block; margin:0px; margin-left:40px; padding:0px; padding-left:60px; }
	.picto:before{display:block; position:absolute; margin-left:-60px; width:60px; font-size:30px; line-height:40px; text-align:center; font-family:picto_kodama; content:"0"}
	.picto em{color:#666666; font-style:normal; font-size:0.8em; }
	.picto strong{display:block; font-weight:normal; font-size:1.2em; color:#0080FF;}
	
	.picto.adresse strong{font-size:1em;}
	.picto.adresse:before{content:"t";}
	
	.picto.entreprise strong{font-size:1em;}
	.picto.entreprise:before{content:"&";}
	
	
	.picto.email:before{content:"l";}
	
	
	.picto.telephone:before{content:"J";}
	
/* ***********************************************************	*/
/* Header */
/* ***********************************************************	*/
	
	.homepage_visuel{display:none; width:100%; padding:0; margin:0; height:100vh; background: url('homepage_background.jpg') no-repeat top left; background-size:cover; background-attachment: fixed; box-sizing:border-box; }
	.homepage_visuel div{display:block; position:absolute; opacity:0; transition: all 1s ease 0s; top:35vh; right:10vw; padding:40px 60px; border-radius:50px; color:#000000; background:rgba(255,255,255,0.9); font-size:3em; font-family:tangerine_web, arial,helvetica,geneva,sans-serif; box-sizing:border-box; }
	.homepage_visuel div span{display:block; opacity:0;}
	.homepage_visuel div span:nth-child(1){text-align:left;  transition: all 2s ease 1s;}
	.homepage_visuel div span:nth-child(2){text-align:center; padding-left:40px; transition: all 2s ease 4s;}
	.homepage_visuel div span:nth-child(3){text-align:right;  transition: all 2s ease 7s;}
	
	.homepage .homepage_visuel{display:block;}
	.homepage_visuel.anim div{opacity:1;}
	.homepage_visuel.anim div span:nth-child(1){opacity:1;}
	.homepage_visuel.anim div span:nth-child(2){opacity:1;}
	.homepage_visuel.anim div span:nth-child(3){opacity:1;}
	
	.header{z-index:10000; position:sticky; top:0;  padding:0px; margin-top:-15vh; width:100%; background:none; box-sizing:border-box;}
	
	.header_content{width:100%; height:60px; background:#EEEEEE; box-shadow:0px 3px 6px rgba(0,0,0,0.3);box-sizing:border-box;}
	.header_picto{display:block; position:absolute; z-index:10002; width:80px; height:60px;  background:url('plume.png') no-repeat center center; background-size:contain; cursor:pointer; box-sizing:border-box;}
	

	.btn_menu, .btn_menu_open{display:none; z-index:10002; position:absolute; right:0px; cursor:pointer; height:60px;  width:70px; padding-top:25px; text-align:center;  box-sizing:border-box;}
	.btn_menu span, .btn_menu_open span{ display:block; height:3px; width:30px; margin:auto; line-height:0px; border:0; background-color: #000000; transition: all 0.4s ease 0s; box-sizing:border-box;}
	.btn_menu span::before, .btn_menu_open span::before{display:block; position:absolute; margin-top:-10px; height:3px; width:30px; border:0;background-color: #000000; content: ""; transition: all 0.4s ease 0s; box-sizing:border-box;}
	.btn_menu span::after, .btn_menu_open span::after{display:block; position:absolute; margin-top:10px; height:3px; width:30px; border:0; background-color: #000000; content: ""; transition: all 0.4s ease 0s; box-sizing:border-box;}
	.btn_menu strong, .btn_menu_open strong{display:block; font-size:11px; font-weight:normal; padding-top:10px; color:#000000; font-variant:small-caps; transition: all 0.4s ease 0s;}

	.btn_menu_open {margin-top:20px; padding-top:5px;}
	.btn_menu_open span{height:0px;}
	.btn_menu_open span::before{transform: rotate(-45deg); top:0; margin-top:0px; -webkit-transform: rotate(-45deg); top:0;}
	.btn_menu_open span::after{transform: rotate(45deg); top:0;  margin-top:0px; -webkit-transform: rotate(45deg); top:0;}


	.btn_menu:hover span{background-color: #FFCC00;}
	.btn_menu:hover span::before{background-color: #FFCC00;}
	.btn_menu:hover span::after{background-color: #FFCC00;}
	.btn_menu:hover strong{color:#FFCC00;}


	.zone_menu, .zone_menu_open{z-index:10001; position:relative; padding:0px; padding-left:80px; width:100%; border-bottom:1px solid #EEEEEE; transition: all 0.4s ease 0s; box-sizing:border-box;}
	.zone_menu_open{}
	.menu_background{display:none; position:asolute; width:100%; height:100%; background:rgba(255,255,255,0.9);}
	.menu{z-index:2;  display:table; width:100%; height:60px; box-sizing:border-box;}
	.menu_item{display:table-cell; text-align:center; vertical-align:middle; padding:10px;  border-left:1px solid #FFFFFF; font-size:1.7em; font-family:tangerine_web, arial,helvetica,geneva,sans-serif; cursor:pointer; box-sizing:border-box; }
	.menu_item a{color:#000000;}
	.menu_item:hover{background-color:rgba(255,255,255,1);}
	
	@media screen and (max-width:900px)
	{
		.header_picto{width:60px; }
		.zone_menu, .zone_menu_open{padding-left:60px;}
		.menu_item{font-size:1.4em;}
		
		.homepage_visuel div{position:relative; top:100px; left:0px; padding:20px; width:80%; margin:auto;font-size:2em; border:1px solid #FFFFFF;}
		.homepage_visuel div span:nth-child(1){text-align:center;}
		.homepage_visuel div span:nth-child(2){padding-left:0px;}
		.homepage_visuel div span:nth-child(3){text-align:center;}
	}
	
	@media screen and (max-width:600px)
	{
		.homepage_visuel{background-size:cover; background-attachment: scroll;}
		.header{margin-top:-25vh; }
		.btn_menu, .btn_menu_open{display:block;}
		.zone_menu, .zone_menu_open{z-index:9999; position:fixed; top:0; right:-120%; padding:0; margin:0; width:100%; height:100%;}
		.zone_menu_open{right:0%;}
		.menu_background{display:block; z-index:1;  }
		.menu{display:block; position:absolute; z-index:2;  top:60px; left:0px; width:100%; border-top:1px solid #999999;}
		.menu_item{display:block; padding:20px 20px; line-height:40px; font-size:1.7em; background:#FFFFFF90; border-bottom:1px solid #EEEEEE;}
		
		.homepage_visuel div{padding:20px; border-radius:30px; font-size:1.5em;}
		
	}	

	
/* ***********************************************************	*/
/* Page */
/* ***********************************************************	*/
	.contenu{display:block; padding-top:120px; width:90%; max-width:1000px; margin:auto; box-sizing:border-box;}
	
	h1{display:block; font-weight:normal; font-size:4em;  margin:30px 0 30px 0; color:#000000; border-bottom:1px solid #000000; font-family:tangerine_web, arial,helvetica,geneva,sans-serif; box-sizing:border-box;}
	
	h2{display:block; font-weight:normal; font-size:1.2em;  color:#31c4a3; border-bottom:1px solid #999999; font-family: ingloba_web, arial,helvetica,geneva,sans-serif; box-sizing:border-box;}
	.zone_contenu_page{display:block; }
	.contenu_page{display:block;}
	
	.zone_01, .zone_02, .zone_03{float:left; width:33%; padding:20px; box-sizing:border-box;}
	
	ul{list-style:disc; margin:0px 0px 0px 40px; padding:0px;}
	/* li{line-height:1em; padding-bottom:20px; padding-left:40px; background:url('puce_plume.png') no-repeat left 5px ; background-size:30px;} */
	li{line-height:1em; padding-bottom:20px; padding-left:10px;}
	
	.tarif{width:250px; margin:auto; padding:10px; padding-left:80px; border-top:1px dashed #999999; box-sizing:border-box;}
	.tarif:before{position:absolute; margin-left:-80px; width:60px; line-height:70px; text-align:center; color:#CCCCCC; content:"A"; font-size:60px; font-family:picto_kodama; }
	.tarif .wp-block-group__inner-container p{padding:5px; margin:0px;}
	.tarif .wp-block-group__inner-container p:nth-child(1){font-size:1.1em; color:#333333; border-bottom:1px solid #999999;}
	.tarif .wp-block-group__inner-container p:nth-child(2){font-size:1em; color:#999999; font-style:italic;}
	.tarif .wp-block-group__inner-container p:nth-child(2) strong{font-weight:bold; font-size:1.2em; font-style:normal; color:#0080FF;}
	
	
	@media screen and (max-width:600px)
	{
		.contenu{padding-top:180px;}
		h1{font-size:2.5em;}
	}
/* ***********************************************************	*/
/* Footer */
/* ***********************************************************	*/
	.footer
	{
		width:100%; 
		margin-top:100px;
		margin-bottom:40px;
	}
	
	.mention_legale
	{
		padding:20px;
		clear:both;
		
		text-align:center;
		color:#666666;
		font-size:0.9em;
		border-top:1px solid #999999;
	}

	.mention_legale_link{float:right; padding-right:20px;}
	.mention_legale_link a{color:#3D3D3D;}
	.mention_legale_link a:hover{color:#FFBC00;}
	
	
/* ***********************************************************	*/
/* Homepage */
/* ***********************************************************	*/	
	
	.liste_prestation{}
	.liste_prestation figure{width:250px; border:4px solid #EEEEEE; border-radius:20px; padding:0px; box-sizing:border-box; }
	.liste_prestation figure a{display:block; border-radius:15px; margin:0px; padding:0px;}
	.liste_prestation figure a img{display:block; }
	.liste_prestation figcaption{position:absolute; width:242px; margin-top:-80px; box-sizing:border-box; }
	.liste_prestation .wp-block-image figcaption a, .liste_prestation .wp-block-image figcaption a:visited{display:block; color:#000000; width:100%; padding:10px; margin:0px; height:80px; font-size:1.5em; text-align:center; background:rgba(255,255,255,0.8); font-family:tangerine_web, arial,helvetica,geneva,sans-serif; border-top-left-radius:0px; border-top-right-radius:0px;  box-sizing:border-box; }
	
	.liste_prestation figure:hover{border-color:#FFCC00;}
	
	@media screen and (max-width:600px)
	{
		
	}



/* ***********************************************************	*/
/* WOOCOMMERCE */
/* ***********************************************************	*/	
.woocommerce-result-count{display:none;}
.woocommerce-ordering{display:none;}

.products{list-style:none;}
.products li {width:300px; display:block; padding:0px; border:1px solid #EEEEEE;}
.products li img{cursor:pointer;}
.products li h2{border:0; text-align:center; color:#000000; font-size:1em;}
.products .price{display:block; width:100%; text-align:center;}
.products .add_to_cart_button{display:block; clear:both; margin:20px auto; width:220px; padding:10px; padding-left:50px; border:1px solid #999999; border-radius:10px; box-sizing:border-box; }
.products .add_to_cart_button:before{display:block; position:absolute; margin-left:-50px; width:50px; content:"+"; text-align:center; font-family:picto_kodama; }