/*-----------------------------------------------------------------------------------
	Mon site 3
	About: Créateur de Curiosité me permet de créer des bijoux éthniques, fantastiques, curieux, élégants et beaux. Les matériaux sont le plus souvent possible naturels.
Ses curiosités sont en acier inoxydables ou laiton que je crée à patir de feuilles et de fils de métal brasés à l’argent sur lesquels je sertie des matériaux très diverses (bois, bois d’animaux, pierres fines, cuir, résine…). 
Chacun des objets crées par Créateur de Curiosité est unique, fait à la main dans la Vienne (86). Chacun possède un nom et une histoire qui lui est propre. Ces histoires sont tirées de faits historiques, fantastiques ou ésotériques et permettent de mettre en valeur les matériaux les plus communs pour transformer un objet inanimé en un ami précieux de votre quotidien.
Le logo est le symbole de tout cela. Il représente la suite mathématique de Fibonacci qui décrit de nombreuses lois naturelles. Elle est également liée au nombre d’or souvent utilisé en art. Les carrés renvoient à la terre, les verticales renvoient au connais-toi toi-même, les horizontales évoquent l’Homme et le monde, les croisées verticales-horizontales sont un symbole d’équilibre.
	Author: B.rolland
	Version: 1.0
	Built with Blocs
-----------------------------------------------------------------------------------*/
body{
	margin:0;
	padding:0;
    background:#FFFFFF;
    overflow-x:hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.page-container{overflow: hidden;} /* Prevents unwanted scroll space when scroll FX used. */
a,button{transition: background .3s ease-in-out;outline: none!important;} /* Prevent blue selection glow on Chrome and Safari */
a:hover{text-decoration: none; cursor:pointer;}
.scroll-fx-lock-init{position:fixed!important;top: 0;bottom: 0;left: :0;right: 0;z-index:99999;} /* ScrollFX Lock */
.blocs-grid-container{display: grid!important;grid-template-columns: 1fr 1fr;grid-template-rows: auto auto;column-gap: 1.5rem;row-gap: 1.5rem;} /* CSS Grid */


/* Preloader */

.page-preloader{position: fixed;top: 0;bottom: 0;width: 100%;z-index:100000;background:#FFFFFF url("img/pageload-spinner.gif") no-repeat center center;animation-name: preloader-fade;animation-delay: 2s;animation-duration: 0.5s;animation-fill-mode: both;}
.preloader-complete{animation-delay:0.1s;}
@keyframes preloader-fade {0% {opacity: 1;visibility: visible;}100% {opacity: 0;visibility: hidden;}}

/* = Blocs
-------------------------------------------------------------- */

.bloc{
	width:100%;
	clear:both;
	background: 50% 50% no-repeat;
	padding:0 20px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position:relative;
	display:flex;
}
.bloc .container{
	padding-left:0;
	padding-right:0;
	position:relative;
}


/* Sizes */

.bloc-lg{
	padding:100px 20px;
}

/* = Full Width Blocs 
-------------------------------------------------------------- */

.full-width-bloc{
	padding-left:0;
	padding-right:0;
}
.full-width-bloc .row{
	margin-left:0;
	margin-right:0;
}
.full-width-bloc .container{
	width:100%;
	max-width:100%!important;
}
.full-width-bloc .carousel img{
	width:100%;
	height:auto;
}


/* Dark theme */

.d-bloc{
	color:rgba(255,255,255,.7);
}
.d-bloc button:hover{
	color:rgba(255,255,255,.9);
}
.d-bloc .icon-round,.d-bloc .icon-square,.d-bloc .icon-rounded,.d-bloc .icon-semi-rounded-a,.d-bloc .icon-semi-rounded-b{
	border-color:rgba(255,255,255,.9);
}
.d-bloc .divider-h span{
	border-color:rgba(255,255,255,.2);
}
.d-bloc .a-btn,.d-bloc .navbar a, .d-bloc a .icon-sm, .d-bloc a .icon-md, .d-bloc a .icon-lg, .d-bloc a .icon-xl, .d-bloc h1 a, .d-bloc h2 a, .d-bloc h3 a, .d-bloc h4 a, .d-bloc h5 a, .d-bloc h6 a, .d-bloc p a{
	color:rgba(255,255,255,.6);
}
.d-bloc .a-btn:hover,.d-bloc .navbar a:hover,.d-bloc a:hover .icon-sm, .d-bloc a:hover .icon-md, .d-bloc a:hover .icon-lg, .d-bloc a:hover .icon-xl, .d-bloc h1 a:hover, .d-bloc h2 a:hover, .d-bloc h3 a:hover, .d-bloc h4 a:hover, .d-bloc h5 a:hover, .d-bloc h6 a:hover, .d-bloc p a:hover{
	color:rgba(255,255,255,1);
}
.d-bloc .navbar-toggle .icon-bar{
	background:rgba(255,255,255,1);
}
.d-bloc .btn-wire,.d-bloc .btn-wire:hover{
	color:rgba(255,255,255,1);
	border-color:rgba(255,255,255,1);
}
.d-bloc .card{
	color:rgba(0,0,0,.5);
}
.d-bloc .card button:hover{
	color:rgba(0,0,0,.7);
}
.d-bloc .card icon{
	border-color:rgba(0,0,0,.7);
}
.d-bloc .card .divider-h span{
	border-color:rgba(0,0,0,.1);
}
.d-bloc .card .a-btn{
	color:rgba(0,0,0,.6);
}
.d-bloc .card .a-btn:hover{
	color:rgba(0,0,0,1);
}
.d-bloc .card .btn-wire, .d-bloc .card .btn-wire:hover{
	color:rgba(0,0,0,.7);
	border-color:rgba(0,0,0,.3);
}


/* = NavBar
-------------------------------------------------------------- */

/* Navbar Icon */
.svg-menu-icon{
	fill: none;
	stroke: rgba(0,0,0,0.5);
	stroke-width: 2px;
	fill-rule: evenodd;
}
.navbar-dark .svg-menu-icon{
	stroke: rgba(255,255,255,0.5);
}
.menu-icon-thin-bars{
	stroke-width: 1px;
}
.menu-icon-thick-bars{
	stroke-width: 5px;
}
.menu-icon-rounded-bars{
	stroke-width: 3px;
	stroke-linecap: round;
}
.menu-icon-filled{
	fill: rgba(0,0,0,0.5);
	stroke-width: 0px;
}
.navbar-dark .menu-icon-filled{
	fill: rgba(255,255,255,0.5);
}
.navbar-toggler-icon{
	background: none!important;
	pointer-events: none;
	width: 33px;
	height: 33px;
}
/* Handle Multi Level Navigation */
.dropdown-menu .dropdown-menu{
	border:none}
@media (min-width:576px){
	
.navbar-expand-sm .dropdown-menu .dropdown-menu{
	border:1px solid rgba(0,0,0,.15);
	position:absolute;
	left:100%;
	top:-7px}.navbar-expand-sm .dropdown-menu .submenu-left{
	right:100%;
	left:auto}}@media (min-width:768px){
	.navbar-expand-md .dropdown-menu .dropdown-menu{
	border:1px solid rgba(0,0,0,.15);
	border:1px solid rgba(0,0,0,.15);
	position:absolute;
	left:100%;
	top:-7px}.navbar-expand-md .dropdown-menu .submenu-left{
	right:100%;
	left:auto}}@media (min-width:992px){
	.navbar-expand-lg .dropdown-menu .dropdown-menu{
	border:1px solid rgba(0,0,0,.15);
	position:absolute;
	left:100%;
	top:-7px}.navbar-expand-lg .dropdown-menu .submenu-left{
	right:100%;
	left:auto}
}

/* = Buttons
-------------------------------------------------------------- */

.btn-d,.btn-d:hover,.btn-d:focus{
	color:#FFF;
	background:rgba(0,0,0,.3);
}

/* Prevent ugly blue glow on chrome and safari */
button{
	outline: none!important;
}




.text-justify{
	text-align: justify;
}


.card-sq, .card-sq .card-header, .card-sq .card-footer{
	border-radius:0;
}
.card-rd{
	border-radius:30px;
}
.card-rd .card-header{
	border-radius:29px 29px 0 0;
}
.card-rd .card-footer{
	border-radius:0 0 29px 29px;
}
/* = Masonary
-------------------------------------------------------------- */
.card-columns .card {
	margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
	.card-columns {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
	-webkit-column-gap: 1.25rem;
	-moz-column-gap: 1.25rem;
	column-gap: 1.25rem;
	orphans: 1;
	widows: 1;
}
.card-columns .card {
	display: inline-block;
	width: 100%;
}
}

/* = Forms
-------------------------------------------------------------- */

.form-control{
	border-color:rgba(0,0,0,.1);
	box-shadow:none;
}


.carousel-nav-icon{
	fill: none;
	stroke: #fff;
	stroke-width: 2px;
	fill-rule: evenodd;
	stroke-linecap:round;
}

.carousel-caption-center{
	top: 50%;
	bottom: initial;
	transform: translateY(-50%);
}


/* ScrollToTop button */

.scrollToTop{
	width:36px;
	height:36px;
	padding:5px;
	position:fixed;
	bottom:20px;
	right:20px;
	opacity:0;
	z-index:999;
	transition: all .3s ease-in-out;
	pointer-events:none;
}
.showScrollTop{
	opacity: 1;
	pointer-events:all;
}
.scroll-to-top-btn-icon{
	fill: none;
	stroke: #fff;
	stroke-width: 2px;
	fill-rule: evenodd;
	stroke-linecap:round;
}

/* = Custom Styling
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6,p,label,.btn,a{
	font-family:"Helvetica";
}
.container{
	max-width:1140px;
}
.carousel-style{
	width:82.07%;
}
.btn-padding-top{
	padding-top:70px;
	padding-bottom:70px;
}
.btn-button-padding-top{
	padding-top:146px;
	padding-bottom:46px;
}
.btn-3-padding-top{
	padding-top:50px;
	padding-bottom:92px;
}
.btn-4-padding-top{
	padding-top:50px;
	padding-bottom:92px;
}
.btn-5-padding-top{
	padding-top:170px;
	padding-bottom:170px;
}
.btn-6-padding-top{
	padding-top:170px;
	padding-bottom:170px;
}
.btn-7-padding-top{
	padding-top:170px;
	padding-bottom:170px;
}
.btn-8-padding-top{
	padding-top:170px;
	padding-bottom:170px;
}
.btn-9-padding-top{
	padding-top:170px;
	padding-bottom:170px;
}
.btn-10-padding-top{
	padding-top:28px;
	padding-bottom:28px;
}
.btn-11-padding-top{
	padding-top:28px;
	padding-bottom:28px;
}
.link-style{
	font-family:"Berkshire Swash";
	font-size:80px;
}
.carousel-1-style{
	width:100%;
}
.h1-style{
	font-family:"Berkshire Swash";
	font-size:38px;
}
.h1-bloc-0-style{
	font-family:"Berkshire Swash";
	font-size:38px;
}
.h1-3-style{
	font-family:"Berkshire Swash";
}
.p-style{
	width:100%;
	font-family:"Berkshire Swash";
}
.img-style{
	width:377px;
}
.img-6-style{
	width:300px;
}
.row-8-style{
	width:96.67%;
}
.row-bloc-0-style{
	width:92.4%;
}
.row-6-style{
	width:91.62%;
}
.img-collier-style{
	width:224px;
	height:224px;
}
.label-style{
	font-family:"Berkshire Swash";
}
.label-email-style{
	font-family:"Berkshire Swash";
}
.label-message-style{
	font-family:"Berkshire Swash";
}
.p-3-style{
	font-family:"Berkshire Swash";
	width:92.45%;
}
.img-5-style{
	width:324px;
	height:324px;
}
.img-bracelet-style{
	width:324px;
	height:324px;
}
.img-bo-3-style{
	width:324px;
	height:324px;
}
.img-bague-style{
	width:334px;
	height:334px;
}
.img-acc-cheuv3-style{
	width:334px;
	height:334px;
}
.img-bloc-0-style{
	width:294px;
	height:216px;
}
.img-acc-che-4-j-style{
	width:294px;
	height:216px;
}
.img-dsc085-style{
	border-radius:0px 0px 0px 0px;
	width:334px;
}
.p-bloc-2-style{
	font-family:"Berkshire Swash";
	font-size:25px;
	width:100%;
}
.h1-l’histoire -style{
	font-family:"Berkshire Swash";
}
.h1-commande-style{
	font-family:"Berkshire Swash";
}
.img-dsc072-style{
	width:474px;
}
.img-dsc064-style{
	width:314px;
}
.p-4-style{
	font-family:"Berkshire Swash";
	width:100%;
}
.h1-bloc-2-style{
	font-family:"Berkshire Swash";
}
.h1-9-style{
	font-family:"Berkshire Swash";
}
.img-14-style{
	width:600px;
	height:400px;
}
.h1-4-style{
	font-family:"Berkshire Swash";
	font-size:25px;
}
.h1-13-style{
	line-height:20px;
}
.h1-15-style{
	line-height:20px;
}
.h1-les-boutiques-style{
	font-family:"Berkshire Swash";
	font-size:45px;
}
.h1-les-marchés-style{
	font-family:"Berkshire Swash";
	font-size:45px;
}
.h1-1-style{
	font-family:"Berkshire Swash";
	font-size:60px;
	line-height:60px;
}
.row-7-style{
	width:92.68%;
}
.row-bloc-5-style{
	width:95.41%;
}
.row-style{
	width:95.6%;
}
.row-18-style{
	width:100%;
}
.row-bloc-2-style{
	width:96.15%;
}
.row-11-style{
	width:89.08%;
}
.row-9-style{
	width:87.71%;
}

/* = Colour
-------------------------------------------------------------- */

/* Swatch Variables */
:root{
	
	--swatch-var-Pas-de-Sélection-Copy:#020403;
	
	--swatch-var-Pas-de-Sélection-Copy-Copy:#E1E3D6;
	
	--swatch-var-Échantillon-sans-nom:#000000;
	
}



/* Text colour styles */

.tc-2007{
	color:var(--swatch-var-Pas-de-Sélection-Copy-Copy)!important;
}

/* Bloc image backgrounds */

.bg-fond-20bas{
	background-image:url("img/fond%20bas.jpg");
	background-image: -webkit-image-set(url("img/fond%20bas.webp") 1x,
url("img/fond%20bas.webp") 2x);
}
.bg-entete-202{
	background-image:url("img/entete%202.png");
	background-image: -webkit-image-set(url("img/entete%202.webp") 1x,
url("img/entete%202.webp") 2x);
}
.bg-centre-20bois-203{
	background-image:url("img/centre%20bois%203.jpg");
	background-image: -webkit-image-set(url("img/centre%20bois%203.webp") 1x,
url("img/centre%20bois%203.webp") 2x);
}

/* = Custom Bric Data
-------------------------------------------------------------- */



/* = Bloc Padding Multi Breakpoint
-------------------------------------------------------------- */

@media (min-width: 576px) {
    .bloc-xxl-sm{padding:200px 20px;}
    .bloc-xl-sm{padding:150px 20px;}
    .bloc-lg-sm{padding:100px 20px;}
    .bloc-md-sm{padding:50px 20px;}
    .bloc-sm-sm{padding:20px;}
    .bloc-no-padding-sm{padding:0 20px;}
}
@media (min-width: 768px) {
    .bloc-xxl-md{padding:200px 20px;}
    .bloc-xl-md{padding:150px 20px;}
    .bloc-lg-md{padding:100px 20px;}
    .bloc-md-md{padding:50px 20px;}
    .bloc-sm-md{padding:20px 20px;}
    .bloc-no-padding-md{padding:0 20px;}
}
@media (min-width: 992px) {
    .bloc-xxl-lg{padding:200px 20px;}
    .bloc-xl-lg{padding:150px 20px;}
    .bloc-lg-lg{padding:100px 20px;}
    .bloc-md-lg{padding:50px 20px;}
    .bloc-sm-lg{padding:20px;}
    .bloc-no-padding-lg{padding:0 20px;}
}


/* = Mobile adjustments 
-------------------------------------------------------------- */
@media (max-width: 1024px)
{
    .bloc.full-width-bloc, .bloc-tile-2.full-width-bloc .container, .bloc-tile-3.full-width-bloc .container, .bloc-tile-4.full-width-bloc .container{
        padding-left: 0; 
        padding-right: 0;  
    }
}
@media (max-width: 991px)
{
    .container{width:100%;}
    .bloc{padding-left: constant(safe-area-inset-left);padding-right: constant(safe-area-inset-right);} /* iPhone X Notch Support*/
    .bloc-group, .bloc-group .bloc{display:block;width:100%;}
}
@media (max-width: 767px)
{
    .bloc-tile-2 .container, .bloc-tile-3 .container, .bloc-tile-4 .container{
        padding-left:0;padding-right:0;
    }
    .btn-dwn{
       display:none; 
    }
    .voffset{
        margin-top:5px;
    }
    .voffset-md{
        margin-top:20px;
    }
    .voffset-lg{
        margin-top:30px;
    }
    form{
        padding:5px;
    }
    .close-lightbox{
        display:inline-block;
    }
    .blocsapp-device-iphone5{
	   background-size: 216px 425px;
	   padding-top:60px;
	   width:216px;
	   height:425px;
    }
    .blocsapp-device-iphone5 img{
	   width: 180px;
	   height: 320px;
    }
}

@media (max-width: 991px){
	.mt-md-0{
	}
	.mt-md-4{
	}
	.h1-1-style{
		line-height:60px;
	}
	.container-div-style{
		width:95.94%;
	}
	.row-bloc-2-style{
		width:98.94%;
	}
	.row-9-style{
		width:90.9%;
	}
	.row-11-style{
		width:94.59%;
	}
	.img-dsc072-style{
		width:284px;
	}
	.row-14-style{
		width:100%;
	}
	.row-bloc-5-style{
		width:100%;
	}
	.row-style{
		width:100%;
	}
	.row-18-style{
		width:99.87%;
	}
	
}

@media (max-width: 767px){
	.text-right{
	}
	.text-left{
	}
	.text-center{
	}
	.h1-1-style{
		font-size:50px;
	}
	.menu-icon-stroke{
		stroke:#FEFFFF!important;
		fill:#FEFFFF!important;
	}
	.row-bloc-0-style{
		width:100%;
	}
	.row-7-style{
		width:100%;
	}
	.row-4-style{
		width:82.47%;
	}
	
}

@media (max-width: 575px){
	.mt-1{
	}
	.footer-link{
		text-align:center;
	}
	.row-bloc-0-style{
		width:100%;
	}
	
}