@charset "utf-8";
/* CSS Document */



body {
	font-size:14px;
	margin:0px;
	font-family:'Trebuchet MS';
	font-family:'Calibri';
	font-family:"Courier New", Courier, monospace;
	background-color:#1a1813;
}



#viewport {
	/*position:fixed;*/
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index: 10;
	transition: .5s;
	/*overflow:scroll;*/
}




/*

	MENU

*/
#menu {
	position:fixed;
	display:block;
	width:100%;
	height:50px;
	height:70px;
	top:0px;
	left:0px;
	/*background-color:rgba(255,255,255,.85);*/
	background-color:rgba(255,255,220,.95);
	background-color:rgba(255,255,240,.95);
	background-color:rgba(255,255,254,.95);


	background-color:rgba(0,0,0,.8);
	background-color:rgba(0,0,0,0);

	z-index:500;

	transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	-o-transition:.5s;
}

#menu .bg_menu {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background-color:rgba(0,0,0,.8);
}



#menu .ctn_menu {
	position:relative;
	display:block;
	width:1000px;
	height:50px;
	height:100%;
	margin:auto;
	top:0px;
}

.menu__logo {
	position:relative;
	display:inline-block;		/*display:none;*/
	height:100px;
	height:66px;
	line-height:60px;
	width:182px;
	top:0px;
	top:-10px;
	top:1px;
	margin-left:-60px;
	background-repeat:no-repeat;
	background-position:center;
	background-image:url(../img/logo.png);
	background-size:auto 100%;
	transition:.5s;
}
.menu__logo {
	/*height:65px;*/
}

#menu .item_menu {
	position:relative;
	display:inline-block;
/*	padding-top: 3px;*/
/*	padding-bottom: 7px;*/
	height:55px;
	line-height:56px;
	padding-left:15px;
	padding-right:15px;
	margin-left:12px;
	font-size:1.1em;
	text-decoration:none;
	color:inherit;
	/*background-color:rgba(0,0,0,.5);*/
	color:rgba(255,255,255,1);
	font-weight:bold;
	cursor:pointer;
	margin: 8px 0;
  	border-radius: 10px;
  	transition: .1s;
}

.item_menu--title {
}

.item_menu--selected { color:#FF6600 !important; font-size:1.4em !important; }

#menu .item_menu:not(.item_menu--selected):hover {
	background-color: #1a1713;
	color: #fff !important;
}




/*

	BANNIERE

*/
#banniere {
	position:absolute;
	width:100%;
	height:640px;
	top:0px;
	left:0px;
	text-align:center;
	background-repeat:no-repeat;
	background-position:center;
	background-color:rgba(0,0,0,1);

	background-position:center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	z-index:75;
	overflow:hidden;
}


#banniere .banniere_contenu {
	position:relative;
	display:block;
	margin:auto;
	width:96%;
	max-width:900px;
	height:320px;
	top:65px;
	background-color:rgba(255,0,0,0);

}

#banniere #banniere_suivant,
#banniere #banniere_precedent {
	position:absolute;
	display:block;
	width:30px;
	height:60px;
	top:50%;
	margin-top:0px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:80% 80%;
	opacity:.5;
	cursor:pointer;
	z-index:100;

	transition:.1s;
	-moz-transition:.1s;
	-webkit-transition:.1s;
	-o-transition:.1s;
}

#banniere #banniere_suivant,
#banniere #banniere_precedent { width:45px; height:90px; }

#banniere #banniere_suivant:hover,
#banniere #banniere_precedent:hover { background-size:100% 100%; opacity:.9; }

#banniere #banniere_precedent {
	left:0px;
	background-image:url(../img/precedent_blanc.png);
	background-image:url(../img/precedent_noir.png);
	background-image:url(../img/precedent_orange.png);
	background-image:url(../img/precedent_noir_lueur.png);
}

#banniere #banniere_suivant {
	right:0px;
	background-image:url(../img/suivant_blanc.png);
	background-image:url(../img/suivant_noir.png);
	background-image:url(../img/suivant_orange.png);
	background-image:url(../img/suivant_noir_lueur.png);
}


#txt_intro a {
	color: #FF6600;
	text-decoration: none;
}
#txt_intro a:hover {
	text-decoration: underline;
}


/*

	RESEAUX SOCIAUX

*/
.boutons_sociaux {
	position:absolute;
	width:auto;
	height:auto;
	right:0px;
	bottom:200px;
	white-space:nowrap;
	/*background-color:rgba(0,0,0,.2);*/
}

.boutons_sociaux div {
	position:relative;
	display:inline-block;
	vertical-align:text-top;
	margin-left:-4px;
}

.boutons_sociaux .btn_sociaux {
	position:relative;
	display:inline-block;
	vertical-align:text-top;
	width:80px;
	height:29px;
	margin-left:-4px;
	background-repeat:no-repeat;
	background-position:center;
	background-size:90% auto;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
}

.boutons_sociaux .btn_pinterest {
	background-image:url(../img/rs_pinterest.png);
	background-color:rgba(255,255,255,.95);
}
.boutons_sociaux .btn_pinterest:hover {
	background-color:rgba(255,255,255,.8);
}

.boutons_sociaux .btn_instagram {
	width:90px;
	margin-bottom: 20px;
	background-image:url(../img/rs_Instagram.png);
	background-color:rgba(255,255,255,.95);
}
.boutons_sociaux .btn_instagram:hover {
	background-color:rgba(255,255,255,.8);
}

.boutons_sociaux .btn_facebook {
	width: 90px;
	margin-bottom: 20px;
	background-image:url(../img/facebook.svg);
	background-color: #3B5998;
}
.boutons_sociaux .btn_facebook:hover {
	background-color: #3B5998;
}




/*

	PAGE

*/
#page {
	position:relative;
	display:block;
	width:100%;
	height:auto;
	/*padding-top:460px;*/
	margin-top:460px;
	margin-bottom:630px;
	z-index:100;
}

#page .contenu .ctn #logo {
	position:absolute;
	display:block;
	width:160px;
	height:160px;
	top:-50px;
	left:-80px;
	z-index:10;
	background-color:rgba(255,255,255,.9);
	border:10px solid rgba(255,255,255,.7);
	border:10px solid rgba(255,102,0,.7);
	background-image:url(../img/IMG_4767.JPG);

	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-o-border-radius:50%;
	background-position:center;
	background-repeat:no-repeat;
	background-size:180px 180px;
}

.contenu {
	position:relative;
	display:block;
	width:100%;
	height:auto;
	text-align:center;
	margin-bottom:-40px;

	padding-bottom:50px;
}
.contenu:first-child { font-size:1.1em; }

.contenu:not(:first-child) { overflow:hidden; padding-top:20px; }

.container_item_fiche {
	width: 100%;
}

.bouton_showroom {
	position: relative;
	display: block;
	margin-top: 15px;
}
.bouton_showroom .button {
	position: relative;
	display: inline-block;
	padding: 10px 30px;
	background-color: rgba(255, 102, 0, .7);
	color: #fff !important;
	border-radius: 5em;
	cursor: pointer;
	transition: .1s;
	border: none;
	outline: none;
	text-decoration: none !important;
}
.bouton_showroom .button:hover {
	background-color: rgba(255, 102, 0, .9);
}
.contenu .ctn {
	position:relative;
	display:block;
	width:100%;
	max-width:900px;
	/*max-width: 1280px;*/
	margin:auto;
	padding-top:30px;
	padding-bottom:40px;
	padding-left:50px;
	padding-right:50px;
	text-align:left;
	border-left:1px solid rgba(0,0,0,.4);
	border-right:1px solid rgba(0,0,0,.4);
}
#banniere .ctn {
	position:relative;
	display:block;
	width:100%;
	height:100%;
	/*max-width:900px;*/
	max-width: 1280px;
	margin:auto;
	padding-left:50px;
	padding-right:50px;
}


.contenu .ctn .titre_ctn {
	position:relative;
	line-height:20px;
	margin-top:0px;
	top:-51px;
	top:-20px;
	font-size:32px;
	font-weight:bold;
	color:rgba(30,30,30,1);
	color:rgba(255,255,255,.4);
}
.contenu .ctn .titre_ctn a {
	color: inherit;
	font-size: .7em;
}

/*#page .contenu { background-color:rgba(240,240,240,1); color:rgba(0,0,0,.9); }

#page .contenu:nth-child(2n+1) { background-color:rgba(20,20,20,1); color:rgba(255,255,255,.9); }

#page .contenu:first-child { background-color:rgba(20,20,20,.9); }

#page .contenu:nth-child(4) { background-color:rgba(30,30,30,1); color:rgba(255,255,255,.9); }*/



/*#page .contenu { background-color:rgba(255,255,230,1); color:rgba(0,0,0,.9); }*/

#page .contenu { background-color:rgba(255,255,255,1); color:rgba(0,0,0,.9); }

#page .contenu:nth-child(2n+1) { background-color:rgba(28,25,20,1); color:rgba(255,255,255,.9); }

#page .contenu:first-child { background-color:rgba(28,25,20,.9); }

#page .contenu:nth-child(5) { background-color:rgba(30,30,30,1); color:rgba(255,255,255,.9); }

/*#page .contenu:nth-child(2n) { background-color:rgba(255,255,255,1); color:rgba(255,255,255,.9); }*/




/**/
#page .contenu:nth-child(2n) {
	-webkit-transform:skewY(.7deg);
	-moz-transform:skewY(.7deg);
	-o-transform:skewY(.7deg);
	-ms-transform:skewY(.7deg);
}
#page .contenu:nth-child(2n) .ctn {
	-webkit-transform:skewY(-1deg);
	-moz-transform:skewY(-1deg);
	-o-transform:skewY(-1deg);
	-ms-transform:skewY(-1deg);
}

#page .contenu:nth-child(2n+1) {
	-webkit-transform:skewY(-1deg);
	-moz-transform:skewY(-1deg);
	-o-transform:skewY(-1deg);
	-ms-transform:skewY(-1deg);
	/*display: none;*/
}
#page .contenu:nth-child(2n+1) .ctn {
	-webkit-transform:skewY(1deg);
	-moz-transform:skewY(1deg);
	-o-transform:skewY(1deg);
	-ms-transform:skewY(1deg);
}




/**/
#page #produits { font-size:0px; }
#page #produits .item_produit {
	position:relative;
	display:inline-block;
	width:25%;
	height:auto;
	margin:10px;
	margin:0px;
	cursor:pointer;
	font-size:14px;

	transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	-o-transition:.5s;
}
#page .item_produit .vignette {
	position:relative;
	display:block;
	width:auto;
	left:0px;
	right:0px;
	height:150px;
	margin:10px;
	background-repeat:no-repeat;
	background-position:center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	-webkit-background-size:contain;
	-moz-background-size:contain;
	-o-background-size:contain;
	background-size:contain;
	/*background-color:rgba(255,255,255,.0);*/
	background-color: rgba(0,0,0,.1);
	/*border:2px solid rgba(0,0,0,0);*/

	transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	-o-transition:.5s;
}

#page .item_produit:hover .vignette { border:2px solid rgba(255,255,255,.7); margin:6px; background-color:rgba(255,255,255,.05); }

#page .item_produit .nom {
	position:relative;
	display:block;
	width:100%;
	text-align:center;
	margin:10px;
}


#page #produits .item_produit {
	/*filter: sepia(.8);
	-webkit-filter: sepia(.7);
	-moz-filter: sepia(.7);
	-o-filter: sepia(.7);
	-ms-filter: sepia(.7);*/
}
#page #produits .item_produit:hover {
	/*filter: sepia(0);
	-webkit-filter: sepia(0);
	-moz-filter: sepia(0);
	-o-filter: sepia(0);
	-ms-filter: sepia(0);*/
}


#page .produits_infos {
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:28.3%;
	padding:2.5%;
	/*background-color:rgba(0,0,0,.1);*/
	height:100px;
	font-size:14px;
	cursor:default;
	margin-bottom:40px;
}
#page .produits_infos:not(:last-child) {
	border-right:1px solid rgba(28,25,20,.3);
	margin-right:-1px;
}

#page .produits_infos .titre {
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:10px;
	color:#FF9900;
	color:#FF6600;
}

#page .produits_infos .infos {
}

#page .produits_infos .btn {
	display:block;
	margin-top:10px;
}









/*

	PIED

*/
#pied {
	position:fixed;
	display:block;
	width:100%;
	height:600px;
	padding-top:30px;
	bottom:0px;

	width:auto;
	left:0px;
	right:0px;
	color:rgba(255,255,255,.8);
	/*margin-right:16px;*/

	/*padding-top:20px;*/
	/*z-index:500;*/
	/*padding-top:20px;
	padding-bottom:10px;
	background-color:rgba(255,255,255,.99);
	background-color:rgba(255,0,0,.99);*/
	background-color:#010101;
	z-index:50;
}

#pied #form {
	position:relative;
	display:inline-block;
	vertical-align:top;
	margin:auto;
	width:400px;
	height:100%;
	top:-30px;
	left:0px;
	margin-left:10%;
	/*background-color:rgba(255,255,255,.4);*/
}

#pied #form label {
	display:block;
	margin-bottom:15px;
}

#pied #form label:nth-child(3) { margin-top:24px; }

#pied #form label:nth-child(5) { margin-top:24px; }


#pied #form label span {
	vertical-align:top;
	display:inline-block;
	width:100px;
	line-height:22px;
	text-align:right;
	font-weight:bold;
	color:#fff;
	color:#FF9900;
	font-size:1.1em;
}

#pied #form label input {
	display:inline-block;
	width:250px;
	height:20px;
	margin-left:10px;
	padding-left:5px;
	padding-right:5px;
}

#pied #form label input,
#pied #form label textarea {
	background-color:rgba(255,255,255,.2);
	border:1px solid rgba(255,255,255,.2);
	resize:none;
	color:#fff;
}
#pied #form label input:focus,
#pied #form label textarea:focus {
	background-color:rgba(255,255,255,1);
	border:1px solid #FF9900;
	color:rgba(0,0,0,.8);
}

#pied #form label textarea {
	/*display:block;*/
	display:inline-block;
	width:250px;
	height:110px;
	/*margin-left:110px;*/
	margin-left:10px;
	padding:5px;
}

#pied #form input[type=submit] {
	display:block;
	margin:auto;
	margin-left:300px;
	padding:5px;
	padding-left:10px;
	padding-right:10px;
}


/**/
#pied #reseaux_sociaux {
	position:relative;
	display:inline-block;
	vertical-align:top;
	margin:auto;
	width:176px;
	width:200px;
	height:100%;
	top:-30px;
	left:0px;
	margin-left:-10px;
	/*background-color:#FF0000;*/
}

#pied #reseaux_sociaux .boutons_fb {
	white-space:nowrap;
}

#pied #reseaux_sociaux .boutons_fb iframe {
	position:relative;
	display:inline-block;
}

#pied #reseaux_sociaux .titre {
	font-size:1.5em;
	font-weight:bold;
	margin-bottom:10px;
	text-align:center;
}
#pied #reseaux_sociaux .item_social {
	position:relative;
	display:block;
	width:100%;
	height:60px;
	height:25px;
	margin-bottom:10px;
	background-repeat:no-repeat;
	background-position:center;
	background-size:50% auto;
	cursor:pointer;
	border:none;
	text-decoration:none;
	border:5px solid rgba(255,255,255,0);
	background-color:rgba(255,255,235,.2);
	/*border-radius:16px;
	-webkit-border-radius:16px;
	-moz-border-radius:16px;
	-o-border-radius:16px;*/
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
}
#pied #reseaux_sociaux .item_social:hover {
	background-color:rgba(255,255,235,.5);
	/*border:5px solid rgba(255,255,255,0);*/
}









/**/
#pied #bg_video {
	position:absolute;
	display:block;
	width:100%;
	height:460px;
	top:0px;
	left:0px;
	/*background-color:#FF0000;*/
}
#pied #bg_video video {
	position:fixed;
	position:absolute;
	display:block;
	height:100%;
	width:100%;
	top:0px;
	left:0px;

	/*filter: sepia(1);
	-webkit-filter: sepia(1);
	-moz-filter: sepia(1);
	-o-filter: sepia(1);
	-ms-filter: sepia(1);*/

	filter: grayscale(90%);
	-webkit-filter: grayscale(90%);
	-moz-filter: grayscale(90%);
	-o-filter: grayscale(90%);
	-ms-filter: grayscale(90%);
}

#pied .content_pied {
	position:absolute;
	width:100%;
	height:150px;
	left:0px;
	bottom:0px;
	background-color:rgba(255,255,255,.02);
	/*z-index:100;*/
}


#pied .colonne_pied {
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:27.3%;
	padding:2.5%;
	padding-top:1%;
	/*background-color:rgba(0,0,0,.1);*/
	height:50px;
	font-size:14px;
	cursor:default;
	margin-bottom:40px;
}
#pied .colonne_pied:not(:last-child) {
	border-right:1px solid rgba(28,25,20,.3);
	margin-right:-1px;
}

#pied .colonne_pied .titre {
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:10px;
	color:#FF9900;
	color:#FF6600;
}

#pied .colonne_pied .infos {
}

#pied .colonne_pied .btn {
	display:block;
	margin-top:10px;
}




/*

	VIEWER

*/
#viewer {
	position:fixed;
	display:block;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:1000;
	background-color:rgba(0,0,0,.3);
}

#viewer .viewer_label {
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	top:0px;
	left:0px;

	transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	-o-transition:.5s;
}

#viewer .viewer_img {
	position:absolute;
	display:block;
	width:auto;
	height:auto;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	margin:0px;
	background-repeat:no-repeat;
	background-position:center;
	-webkit-background-size:contain;
	-moz-background-size:contain;
	-o-background-size:contain;
	background-size:contain;
	opacity:.7;

	transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	-o-transition:.5s;
}

#viewer .viewer_images {
}



#viewport {
	transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	-o-transition:.5s;
}


#system_viewer:not(:checked) ~ #viewer { width:0%; height:0%; top:50%; left:50%; opacity:0; }

#system_viewer:checked ~ #viewer { width:100%; height:100%; top:0%; left:0%; opacity:1; }


#system_viewer:checked ~ #viewer .viewer_img {
	margin:20px;
	/*margin-bottom:80px;*/
	opacity:1;
}
#system_viewer:checked ~ #viewport {
	-webkit-filter:blur(20px);
	-moz-filter:blur(20px);
	-o-filter:blur(20px);
    filter:blur(20px);
}
#system_viewer:checked ~ #menu {
	-webkit-filter:blur(20px);
	-moz-filter:blur(20px);
	-o-filter:blur(20px);
    filter:blur(20px);
}




.show_vendu {
	display: block;
	text-align: center;
	margin-top: 50px;
	font-size: 1.7em;
}



@media screen and (min-width: 767px) {

  #menu .bg_menu {
    background-color: rgba(255, 102, 0, 0.8);
    backdrop-filter: blur(5px);
  }

  .item_menu--selected { color:#111111 !important; }

}

/* STICKY */
body {
	overflow-x: clip;
}
#page .contenu:nth-child(2) {
	overflow: clip;
}
#page .contenu .container-search {
	position: sticky;
	top: 67px;
	z-index: 1;
	padding-top: 15px;
	background-color: #ffffffb0;
	backdrop-filter: blur(10px);
}
.bg_menu {
	backdrop-filter: blur(10px);
}