* {box-sizing:border-box;}

@font-face {
	font-family: "Normal";
	src:	url("../fonts/Catamaran-Regular.woff2") format("woff2"),
		url("../fonts/Catamaran-Regular.woff") format("woff"),
		url("../fonts/Catamaran-Regular.ttf") format("truetype");
}

@font-face {
	font-family: "Bold";
	src:	url("../fonts/Catamaran-Bold.woff2") format("woff2"),
		url("../fonts/Catamaran-Bold.woff") format("woff"),
		url("../fonts/Catamaran-Bold.ttf") format("truetype");
}

@font-face {
	font-family: "Light";
	src:	url("../fonts/Catamaran-Thin.woff2") format("woff2"),
		url("../fonts/Catamaran-Thin.woff") format("woff"),
		url("../fonts/Catamaran-Thin.ttf") format("truetype");
}

:root {
  --main-bg:#f7f8f3;
  --main-txt:#1d1d1b;
}

.net{float:none;clear:both;font-size:1px;}

.col2{width:50%;float:left;}
.col3{width:33.33%;float:left;}

.marge1{padding:1rem;}
.marge2{padding:2rem;}

body{margin:0;padding:0;background:var(--main-bg);color:var(--main-txt);font-family:"Normal", sans-serif;font-size:95%;}
a:link, a:visited { text-decoration:none;color:var(--main-txt);}
a:focus,a:hover,a:active {text-decoration:underline;}

header{position:relative;font-size:1.1rem;}
header a:link,
header a:visited 
{text-decoration:none;color:var(--main-txt); }
header #menu_container_p {display:none;position:fixed;z-index:999999;background:#fff;width:100%;height:100vh;text-align:center;font-size:1.6rem;}
header #menu_container_p ul {margin:0;padding:20vh 0 0 0;}
header #menu_container_p ul li{list-style-type:none;}
header #menu_container_p ul li.fermer {padding-bottom:20px;}
header #logo_gsm {display:none;}
header #lang, header #logo {position:absolute;}
header #lang {top:70px;left:40px;z-index:10;}
header #logo {top:77px;left:40px;z-index:5;}
header #logo p{margin:0;}

header #lang ul {margin:0;padding:0;width:90px;}
header #lang li {list-style-type:none;display:inline-block;padding:0 0.7rem;border-right:1px solid;margin-right:-4px;}
header #lang li:last-child {border-right:none;}

header #menu1, header #menu2 {position:absolute;}
header #menu1 {top:70px;right:40px;width:90px;cursor:pointer;}
header #menu2 {top:190px;right:0;width:230px;}
header #menu2 a { display:block; position:absolute;right:0;width:60px;height:50px;overflow:hidden;border-bottom:1px solid;padding:10px;transition: width ease 1s;}
header #menu2 a:hover { width:230px;}
header #menu2 a i {font-size:2rem;width:3rem;text-align:center;}
header #menu2 a:nth-child(1) {top:0;}
header #menu2 a:nth-child(2) {top:60px;}
header #menu2 a:nth-child(3) {top:120px;}
header #menu2 a:nth-child(4) {top:180px;}
header #menu2 a:nth-child(5) {top:240px;}

header #annonce {position:absolute;top:50vh;left:50vw;transform: translate(-50%,-50%);z-index:9999;background:rgba(170,204,102,0.85);width:60vw;}
header #annonce #close_annonce {font-size:2rem;text-align:right;padding:0 10px;}

div.mansonry {padding:70px 10px 10px 10px;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;}
div.mansonry article.pave {flex:0 1 auto;min-width:0;min-height:0;padding:20px;}

div.mansonry article.pave picture {position:relative;}
div.mansonry article.pave picture a:link,
div.mansonry article.pave picture a:visited
{display:block;position:absolute;right:0;top:-100px;background:rgba(255,255,255,0.85);font-size:1.1rem;padding:1.3rem;font-family:"Bold", sans-serif;color:var(--main-txt);text-decoration:none;transition:color1s, background 1s; }

div.mansonry article.pave picture a:focus,
div.mansonry article.pave picture a:hover,
div.mansonry article.pave picture a:active {color:#fff;background:rgba(0,0,0,0.85);}

.boxed {margin:0 160px 0 260px;} 

section {min-height:60vh;}
article.normal {padding-top:70px;}

section.shop article.normal,
section.shop aside  {float:left;} 
section.shop article.normal {width:80%;}
section.shop aside  {width:20%;padding:130px 0 0 20px;} 
section.shop aside #colonne {border-left:1px solid;padding-left:20px;} 
footer .principale {overflow:auto;margin-bottom:60px;}
footer .bloc1, footer .bloc2 {float:left;font-size:0.8rem;}
footer .bloc1 {width:70%;padding:1rem 0 1rem 1rem;}
footer .bloc2 {width:30%;padding:1rem 1rem 1rem 0;text-align:right;}

.widget h4 {text-transform:uppercase;} 

.woocommerce ul.products li.product a img[src*="woocommerce-placeholder"] {display:none;}

/*-----------------------------------------------------------------------------*/
/*       Spécifique à woocommerce                                              */
/*-----------------------------------------------------------------------------*/
aside .woocommerce ul {padding:0;list-style:inside;}
aside .woocommerce ul li {list-style-type:square;}
aside .woocommerce ul li::marker {color:#ac6;}



/*-----------------------------------------------------------------------------*/
@media screen and (max-width:1024px){
	header #lang {top:20px;left:10px;}
	header #menu1 {top:20px;right:10px;}
	header #menu2 {position:static;}
	header #logo {display:none;}
	header #logo_gsm {display:block;text-align:center;padding-top:20px;}
	header #menu2 {width:100%;text-align:center;}
	header #menu2 a {display:inline-block;position:static;height:50px;width:50px;padding:0;border:none;}
	header #menu2 a:hover { width:50px;}
	header #menu2 a span {display:none;}
	header #menu2 a i {font-size:2.5rem;width:4rem;text-align:center;}
	.boxed {margin:0 20px;} 
	section.shop article.normal {width:100%;}
	section.shop aside  {float:none;clear:both;width:100%;} 
	footer .bloc1, footer .bloc2 {float:none;width:100%;}
	footer .bloc2 {text-align:center;}
}


@media screen and (max-width:700px){
	.col2{width:100%;float:none;}
	.col3{width:100%;float:none;}
}