@viewport { 
    width: device-width; 
}

img {
	max-width:100%;
	height:auto;
}

a{text-decoration:none; color:#888;}
p{ line-height:19px;}


.page {
    min-height: calc(100vh - 60px)
}


/* nav */
	nav.creatrice {
		height: 135px;
	}

	button.navbar-toggler.d-md-none {
	    font-size: 2rem;
	}

	a.navbar-brand.nav-center {
		font-family: 'Lucida Calligraphy';
		font-size:3rem;
		color: #000000!important;
		margin-left:1%
		
		
	}

	 ul.nav li {
		margin: 0px 10px;
	    position: relative;

	}


	  ul.nav li > a {

	    color: #000!important;
	    display: inline-block;
		font-size:1em;
		padding-right: 0!important;
	    padding-left: 0!important;
		

	}

	.dropdown:hover>.dropdown-menu {
	  display: block;
	}

	.dropdown-menu {
		top:90%!important;
		left:-20%!important;
		text-align:center!important;
		background-color: #ffffffcc!important;
	}



/* header */
	#header{

		text-align: center;
		width:100%; 
	}




	.logo {
		float: left;
		width:100%;
		margin-bottom: 1%;
		text-align: -webkit-center;
	}


	.logo img{
		max-width: 150px;
	    margin: 10px 0px 10px 0px;
	}

	.logo h2{
		font-weight: 300;
		font-size: 1.2em;
	}





	.slide_shadow{ 
		width:100%; 
		height:10px; 
		background:url(/img/slider_shadow.png) no-repeat bottom; 
		float:left;
		margin-bottom: 10px;

	}


/*index */

	div.slider-nav-thumbnails {
	    width: 450px!important;
	    margin: 10px auto 0px auto!important;
	}

/* page article */

	.article{
		padding-left: 10%!important;
	    margin: 1em auto 7em auto!important;
	    max-width: 1200px!important;
	}

	.article_img{
		padding:0px 0px 5px 0px;	
	}

	.article_img img {
		max-width: 100%;
	}


	.article_title{
		font-size:1.2em;	
		margin-top: 20px;
	}
	.article_text{font-size:0.8em;}

	.article_thumb{
		display: block!important;

	}

	.article_thumb img{
		margin: 0px 10px 10px 0px;
		max-width: 100px;
		cursor: pointer;
	}

	img.borderClass {
		border: 1px #949494 solid;
	}


/* page atelier */

	.masonry_container {
		max-width: 1300px; /* 4* masonry column width  */
	        margin: 0 auto;
	}

	.grid {
	  margin: 0 auto 0 auto;
	}


	/* clear fix */
	.grid:after {
	  content: '';
	  display: block;
	  clear: both;
	}

	/* ---- .grid-item ---- */
	/* add dinamic margin bottom and change width*/
	.grid-item {
	  width: 300px;
	}

	.grid-item.marche{
	  width: 200px!important;
	}

	.grid-item {
	  float: left;
	}

	.grid-item figure {
	  margin-bottom:5px!important;
	}

	.grid-item img {
	  display: block;
	  max-width: 100%;
	}

	#btn_more{
		position: absolute!important;
		text-align: right;
		padding: 0!important;
	}

	#btn_more.down{
		z-index: 10;
		bottom: -20px;
	}

	#btn_more.up{
	    z-index: 10;
	    top: -30px;
	}

	#btn_more button{
		background:none;
		border:none;
		cursor: pointer;
		text-decoration:underline;
		padding: 0!important;
	}

	#btn_more button:hover{
		color: #008CBA;
	}

	#btn_more button:focus{
		outline: 0px;
	}

	.px-20r {
		padding:0% 20%;
	}

	.text_atelier {
		max-width: 800px!important;
		margin: 20px auto 0 auto;
	}


/* page point de vente */
	#div_marche img
	{
		max-height: 300px
	}

	#div_boutique img
	{
		max-height: 300px
	}

	.imgIcone 
	{
		max-height: 35px!important;
	}




/* footer */
#footer{
  padding: 1rem;
  text-align: -webkit-center;
}
#copyright{
	padding: 0px 0px 5px 1%;
    border-top: 1px #949494 solid;
    bottom: 0;
    max-width: 90%;
}
#copyright a{ color:#999999;  cursor: Default; font-size:0.8em;}
.copytext{  padding: 0px 0; }



/* media queries */

@media (min-width: 769px) {
	  ul.nav  li > a:before {
		content: "";
		position: absolute;
		width: 100%;
		height: 0.1em;
		bottom: 0.5em;
		left: 0px;
		background: #000;
		visibility: hidden;
		border-radius: 5px;
		transform: scaleX(0);
		transition: .5s cubic-bezier(0.18, 0.89, 0.32, 1.28);
	}
	 ul.nav  li > a:hover:before,
	 ul.nav  li > a:focus:before {
	  visibility: visible;
	  transform: scaleX(1);
	}
}


/*// Large devices (desktops, less than 1200px)*/
@media (max-width: 1399.98px) { 

	#div_boutique p
	{
		font-size: 0.8em;
	}