/* CSS Document */
@font-face {
    font-family: 'commelight';
    src: url('comme-light-webfont.eot');
    src: url('comme-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('comme-light-webfont.woff2') format('woff2'),
         url('comme-light-webfont.woff') format('woff'),
         url('comme-light-webfont.ttf') format('truetype'),
         url('comme-light-webfont.svg#commelight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'commesemibold';
    src: url('comme-semibold-webfont.eot');
    src: url('comme-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('comme-semibold-webfont.woff2') format('woff2'),
         url('comme-semibold-webfont.woff') format('woff'),
         url('comme-semibold-webfont.ttf') format('truetype'),
         url('comme-semibold-webfont.svg#commesemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'commemedium';
    src: url('comme-medium-webfont.eot');
    src: url('comme-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('comme-medium-webfont.woff2') format('woff2'),
         url('comme-medium-webfont.woff') format('woff'),
         url('comme-medium-webfont.ttf') format('truetype'),
         url('comme-medium-webfont.svg#commemedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {
	margin:0;
	padding:0;
	-webkit-animation-fill-mode: forwards; 
    animation-fill-mode: forwards;
	font-family:commemedium;
}

html, body{
	font-family: commemedium;
	background:url(../images/NBsignaturesite.jpg) fixed;
	background-size:cover;
	height:100%;
	width:100%;
}

header{
	/*background-color:yellow;*/
	transform-style: preserve-3d;
	position:absolute;	
	background:rgba(255,255,255,.5) ;
	width:100%;
	height:3em;
	padding-top:1px;
	text-align:center;
	margin:0;
	padding:0;
	box-shadow: 10px 10px 25px rgba(0,0,0,.5);
	z-index:400;
	color:rgba(0,0,0,.3);
}

section {
	overflow:auto;
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	z-index:1000;
	position:absolute;
	 /* overflow:auto; */
	width:100%;
	
	display:block;
	text-align:center;	
	/*background-color:green;*/
	top:6em;
	bottom:4em;
}

section.sans_menu{
	top:3em;
}

article {
	transform-style: preserve-3d;
	padding-top:4em;
	/*background-color:#90C;*/
	text-align:center;
	width:100%;
	left:0;
	height:auto;
	display:block;
	position:relative;
	-webkit-animation-timing-function: ease;
	-moz-animation-timing-function: ease;
	-o-animation-timing-function: ease;
	-ms-animation-timing-function: ease;
	
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;animation-timing-function: ease;
	
	
	-webkit-animation: debut 500ms;
    -moz-animation: debut 500ms;
    -o-animation: debut 500ms;
	-ms-animation: debut 500ms;
	animation: debut 500ms;
}

#center_photo{
	top:50%;
	position:relative;
	z-index:3;
	transform:translateY(25%);
	-webkit-transform:translateY(25%);
	-moz-transform:translateY(25%);	
	width:100%;
	height:auto;
}

#center_hometab{}

article.photo {	
	padding:0;
	overflow:hidden;
	background-position:top;
	background-repeat:no-repeat;
	background-size:contain;
	z-index:3;
	height:auto;
	display:inline-block;
	width:200px;
	min-height:500px;
	-webkit-filter: saturate(0);
    filter: saturate(0);
	
	/*
	-webkit-filter: saturate(0);
    filter: saturate(0);
		
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	*/
	
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	
	-moz-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-webkit-transition: all 200ms ease;
	transition:all 200ms ease;
}
/*
.photo img{
	position:relative;
		transform:translateY(-50%); 
	-webkit-transform:translateY(-50%); 
	-moz-transform:translateY(-50%);
	top:50%;
}
*/

#sature, #sature1, #sature2 {
	-webkit-filter: saturate(0);
    filter: saturate(0);
	
	-moz-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-webkit-transition: all 200ms ease;
	transition:all 200ms ease;
}

#sature:hover ,#sature1:hover, #sature2:hover {
	-webkit-filter: saturate(2);
    filter: saturate(2);
}

.image {
	/*background-color:#000;*/
	text-align:center;
	z-index:1;
	top:0;
	display:inline;
	width:200px;
	height:600px;
	position:relative;
	
	filter: drop-shadow(5px 5px 10px #000);
	-webkit-filter: drop-shadow(5px 5px 10px #000);
	-o-filter: drop-shadow(5px 5px 10px #000);
	-ms-filter: drop-shadow(5px 5px 10px #000);
}

.photo:hover, .lien:hover{
	opacity:1;
	
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	
	filter: none;
	-webkit-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
}

form{
	text-align:center;
	position:relative;
	width:auto;
	height:auto;
	margin:0 auto;
	display:block;
	color:white;
}

.formulaire{
	position:absolute;
	width:600px;
	left:33%;	
	top:140px;
	color: rgba(66,17,0,1);
	background-color:rgba(255,255,255,0.6);
	margin:50px auto;
	text-align:center;
	z-index:1;
	
	filter: drop-shadow(10px 10px 10px #000);
	-webkit-filter: drop-shadow(10px 10px 10px #000);
	-o-filter: drop-shadow(10px 10px 10px #000);
	-ms-filter: drop-shadow(10px 10px 10px #000);
	border-radius:5px;
}
h1,h2,h3,h4,h5{
	font-family: commesemibold;
}
.formulaire > h1{
	text-align:center;
	font-size:20px;
	background-color:rgba(255,255,255,0.3);
	position:relative;
	padding-top:25px;
	width:100%;
	height:50px;
	top:0;
	left:0;
	filter: drop-shadow(5px 5px 5px #000);
	-webkit-filter: drop-shadow(5px 5px 5px #000);
	-o-filter: drop-shadow(5px 5px 5px #000);
	-ms-filter: drop-shadow(5px 5px 5px #000);
}

[type=text],[type=email],select ,textarea{
	position:relative;
	text-align:left;
	border-radius:5px;
	padding-left:3px;
	padding-right:3px;
	min-height:20px;
	margin-top:5px;
	
	box-shadow: 0 1px 3px rgba(0,0,0,.3) inset;
}

label {
	color: rgba(66,17,0exta,1);
	margin-top:6px; 
	margin-bottom:6px;
	font-size:15px;
	width:120px;
	line-height:15px;
	display:inline-block;
}

span.lien {
	/*background-color:rgba(0,0,0,0.4);*/
	text-align:center;
	position:relative;
	top:0;
	z-index:250;
	padding:0;
	
	display:block;
	width:100%;
	height:100%;
	margin:0 auto;

	transition: all 500ms;
	-o-transition: all 500ms;
	-ms-transition: all 500ms;
	-webkit-transition: all 500ms;
	transition: all 500ms;

	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.lien a{
	/*background-color:rgba(0,0,0,0.1);*/
	position:relative;
	text-align:center;
	font-family:commemedium;
	width:100%;
	height:2em;
	line-height:2em;
	display:block;
	color:white;
	font-size:15px;
	text-decoration:none;
	margin-bottom:4px;
	
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	
	filter: drop-shadow(3px 3px 6px #000);
	-webkit-filter: drop-shadow(3px 3px 6px #000);
	-o-filter: drop-shadow(3px 3px 6px #000);
	-ms-filter: drop-shadow(3px 3px 6px #000);
	
	transition: all 500ms;
	-o-transition: all 500ms;
	-ms-transition: all 500ms;
	-webkit-transition: all 500ms;
	-moz-transition: all 500ms;
}

.lien a:hover{
	text-transform:capitalize;
	/*background-color:rgba(255,255,255,0.6);*/
	letter-spacing:2px;
}	

.navigation {
	font-family:commemedium;
	letter-spacing:1px;
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	line-height:3em;
	text-align:center;
	position:absolute;
	/*background-color:red;*/
	text-decoration:none;
}

.navigation li {
	display:inline-block;
}

.navigation a {
	padding-right:3px;
	color: rgba(66,17,0,1);
	padding-right:5px;
	font-size:16px;
	text-shadow: none;
	text-decoration:none;	
	height:100%;
	
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
		
	transition: transform 500ms, opacity 300ms;
	-o-transition: transform 500ms, opacity 300ms;
	-ms-transition: transform 500ms, opacity 300ms;
	-webkit-transition: transform 500ms, opacity 300ms;
	transition: transform 500ms, opacity 300ms;
}
#souslien{
	position:absolute;
	text-align:center;
	width:100%;
}

#souslien li.elementOff{}
#souslien li.elementOn{}
#souslien li.elementOn a{ color:#999999;}

#souslien li ul.sousliens li.elementOff a{color:rgba(66,17,0,1);  }
#souslien li ul.sousliens li.elementOn{}
#souslien li ul.sousliens li.elementOn a{color:#999999; }



.sousliens{
	text-shadow:2px 2px 2px #FFF;
	font-size:12px;
	font-family: commemedium;


	z-index:400;
	margin:0;
	padding:0;
	list-style:none;
	text-align:center;
	position:absolute;
	line-height:2.5em;
	text-align:center;
	display:block;
	/*top:-15em;*/
	left:0;
	-webkit-transform-style: preserve-3d;
}

.sousliens li{
	display:inline-block;
	word-spacing:2px; margin-left:0; margin-right:0;
}

.sousliens a{
	margin-top:8px;
	display:block;
	color: rgba(66,17,0,1);
	word-spacing:-2px;
}

.montrer{
	text-shadow:2px 2px 2px #FFF;
	font-size:12px;
	font-family: commemedium;

	z-index:400;
	margin:0;
	padding:0;
	list-style:none;
	text-align:center;
	height:2.5em;
	position:absolute;
	line-height:2.5em;
	text-align:center;
	top:4em;
	
	-webkit-transform-style: preserve-3d;
	-webkit-transition-duration: 700ms;
	-webkit-transition-property:opacity;
	
	transform-style: preserve-3d;
	transition-duration: 700ms;
	transition-property:opacity;
}

.back_liens{
	display:inherit;
	box-shadow: inset 10px 10px 25px rgba(0,0,0,.5);
	
	z-index:350;
	position:absolute;
	float:left;
	margin:0;
	padding:0;
	left:0;
	top:3em;
	display:inline;
	background:rgba(255,255,255,.6);
	width:100%;
	height:2.5em;
}

.navigation li:hover .back_liens{
	
	left:0;
}

.back_liens_select{
	
	left:0;
}

.navigation a:hover, .navigation a:focus{
	color:rgba(153,153,153,1);
}

.page_titre{
	/*background-color:orange;*/
	width:60%;
	height:25px;
	margin:0 auto;
	filter: drop-shadow(5px 5px 10px #000);
	-webkit-filter: drop-shadow(5px 5px 10px #000);
	-o-filter: drop-shadow(5px 5px 10px #000);
	-ms-filter: drop-shadow(5px 5px 10px #000);
}

.page_titre{
	margin:0 auto;
	text-align:left;
	width:10%;
}

#floating{
	visibility:hidden;
	position:relative;
	float:right;
	display:inline;
	top:0;
	right:10px;
	max-width:30px;
	max-height:2em;
	width:100%;
	height:100%;
	background-color:rgba(255,255,255,.5);
	text-align:center;
	vertical-align:middle;
	z-index:998;
}

#floating a{
	text-decoration:none;
	color:#06C;
	display:block;
	width:100%;
	text-align:center;
	
}

#floating p{
	height:100%;
	line-height:2em;
	text-align:center;
}

#reaseau_s{
	text-align:left;
	display:inline-block;
	cursor:pointer;
	min-width:40px;
}

.titre_creations {
	position:absolute;
	top:1.5em;
	text-align:center;
	width:100%;
	display:block;
	z-index:200;
}

h1, h2{
	font-family:commesemibold;
	z-index:200;
	color:rgba(66,17,0,1);
	text-align:left;
}

.date{
	width:100%;
	height:4em;
	font-size:12px;
	font-weight:lighter;
	text-align:right;
}

.bio_section{
	overflow:hidden;
	text-align:left;
	position:absolute;
	top:5.5em;
	width:100%;
	bottom:3em;
	/*background:rgba(255,255,255,0.4);*/
	display:inline-block;
}

.bio_article{
	font-family:commemedium;
	 /* overflow:auto; */
	position:relative;
	width:100%;
	display:table;
	
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	
	margin:0 auto;
	display:block;
}

h2.bio_h2{text-align:center; position:relative; display:block; margin:0 auto; top:1em;}

.bio_article .bio_row{ text-align:left; display:table; width:100%; overflow:hidden; margin-bottom:15px;}
.bio_article .bio_row strong{ display:block; border-bottom:#666666 solid 1px; width:95%; }
.bio_article .bio_row span{ display:block; float:left;}
.bio_article .bio_row span.bio_tiret{ display:none;}
.bio_article .bio_row span.bio_text{ }






.special_bio{
	position:relative;
	max-width:1024px;
	height:auto;
	min-height:100px;
	text-align:center;
	display:block;
	/*background-color:rgba(255,255,255,.2);*/
	margin:0 auto;
}
.special_bio img{ width:100%; height:auto;}	

.special{
	position:relative;
	max-width:770px;
	min-height:100px;
	text-align:center;
	display:block;
	margin:0 auto;
	/*background-color:rgba(255,255,255,.2);*/
}
.special strong{
	position:relative;
	text-align:left;
	width:60px;
}

.special h3{
	font-family:commesemibold;
	position:relative;
	text-align:right;
	max-width:140px;
	min-width:140px;
	min-height:20px;
	top:1em;
	display:block;
	padding-right:1em;
	left:0;
	/*background-color:#F00;*/
}

.special p{
	font-family:commemedium;
	text-wrap:normal;
	text-align:left;
	word-wrap: break-word;
	word-spacing:3px;
	color: #000;
	font-size:18px;
	line-height:2em;
				
	display:block;
	padding-left:10px;
	position:relative;

	right:0;
	top:0;
	margin:0 auto;
	margin-bottom:1px;
	padding:5px;
	padding-left:20px;
	margin-left:15px;
	min-height:50px;
	max-width:600px;
	min-width:600px;
	
}

.special_bio p{
	
	font-family:commemedium;
	text-wrap:normal;
	word-wrap: break-word;
	font-size:18px;
	word-spacing:3px;
	line-height:2em;
	color: #000;
		
	display:block;
	position:relative;
	margin:0;
	margin-bottom:1px;
	text-align:left;
}


.bio_article p{
	/*background-color:rgba(255,255,255,.2);*/
	font-family:commemedium;
	margin:0 auto;
	text-wrap:normal;
	margin-bottom:1px;
	color: #000;
	word-wrap: break-word;
	/* width:900px; */
	width:auto;
	font-size:18px;
	
	word-spacing:3px;
	line-height:2em;
	display:block;
	text-align:left;
	line-height:20px;
}

footer{	
	background:rgba(255,255,255,.5) ;
	height:4em;
	width:100%;
	z-index:250;
	position:fixed;
	bottom:0px;
	margin: 0 auto;
	clear:both;
}

footer p{
	/*font-family:"Trebuchet MS", Helvetica, sans-serif;*/
	font-size:15px;
	letter-spacing:2px;
	line-height:2em;
	color:rgba(66,17,0,1);
	text-align:center;
	width:100%;
}

footer p span.texte{}
footer p span.social{ }
footer p span.social a{}
footer p span.social a img{}

footer a{
	color:#06C;
	 /* text-align:center; */
	text-decoration:none;
}

.actu{
	position:absolute;
	left:50%;
	
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	
	width:100%;
}

.actu p {
	padding:10px;
	font-size:20px;
}

#prix{
	display:block;
	width:100%;
	text-align:right;
}

.push {
	height: 4em;
}

			

table.hometab{ margin-left:auto; margin-right:auto; }
table.hometab .hometab_tdsep{ width:1em;}
table.hometab .hometab_td{}
table.hometab .hometab_td a{ display:block; width:auto; margin:0; padding:0;  white-space:nowrap; color:#FFFFFF; text-decoration:none; background-color:rgba(0,0,0,.3);}
table.hometab .hometab_td a:hover{ text-decoration:underline;}

table.hometab .hometab_b1{background:url(../images/Vittosite.jpg); background-size: cover ;}
table.hometab .hometab_b2{background:url(../images/creations.jpg); background-size: cover ;}
table.hometab .hometab_b3{background:url(../images/matieres.jpg); background-size: cover ;}
table.hometab .hometab_b4{background-color:black; background-size: contain ; background-position:bottom; background-repeat:no-repeat;}

table.tab_overlay{ width:100%;}
.tab_overlay_content_title{ width:100%;}
.tab_overlay_content_title .vittorio{ color:#FFFFFF;}
.tab_overlay_content_title .ebeniste{ color:#B0A39B;}


.tab_overlay_content_tab{width:100%;}
/*
#tab_overlay_image1{ background-color:#CC6666; background-size: cover ;}
#tab_overlay_image2{ background-color:#FF00FF; background-size: cover ;}
#tab_overlay_desc{ background-color:#000000;}
.tab_overlay_close div{ background-image:url(../images/close_slider.png); background-size: cover ;}
*/
#tab_overlay_image1{ 
	background-color:#000000; 
	background-size: cover; 	
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */

	/* Rules below not implemented in browsers yet */
	-o-user-select: none;
	user-select: none;}

#tab_overlay_image1:hover {
    position: relative;
}

#tab_overlay_image2{ background-color:#000000; background-size: cover;}
#tab_overlay_desc{ background-color:#000000;}
.tab_overlay_close div{ background-image:url(../images/close_slider.png); background-size: cover ;}

#tab_overlay_desc_title{ color:#FFFFFF;}
#tab_overlay_desc_text{ color:#999999;}


/* TODO METTRE DANS LES MEDIA QUERY */
#tab_overlay_desc{ padding:1em;}
#tab_overlay_desc_title{ margin-bottom:1em;}
#tab_overlay_desc_text{font-size:16px;}
.tab_overlay_desc_prix{ display:block; margin-top:3em; width:100%; text-align:right; color:#FFFFFF; text-decoration:none; font-size:14px;}

.tab_overlay_content_title{ height:3em;}
.tab_overlay_close{width:3em;}
.tab_overlay_content_title .vittorio{ font-size:18px; margin-bottom:0.5em;}
.tab_overlay_content_title .ebeniste{ font-size:16px;}
.tab_overlay_close div{ width:3em; height:3em; }


@media only screen and (min-width: 310px) and (max-width: 600px){
	#tab_overlay_desc{ padding:1em;}
	#tab_overlay_desc_title{ font-size:15px;}
	#tab_overlay_desc_text{ font-size:12px; }
	.tab_overlay_desc_prix{ font-size:8px;}
	
	.navigation #souslien li.home{}	
	.navigation #souslien li.home a{ color:#FF0000; background:url(../images/icone_accueil.png); width:16px; height:16px; display:block; background-repeat:no-repeat; margin-bottom:-3px;  }	
	.navigation #souslien li.home a span{ display:none;}
	
	h2.dex_min{ padding-bottom:20px; }
	h2.bio_h2{ font-size:20px;}

	table.hometab{}
	table.hometab .hometab_td a{font-size:10px; height:2em; line-height:2em;}
	table.hometab .hometab_td a:hover{}
	
	
	article.special{ padding-top:0; padding-bottom:0; width:100%;}
	
	section{
		bottom:100px;
	}
	
	.special{
		max-width:100%;
		min-height:0;
		width:auto;
		margin:0;
		/*background-color:rgba(255,255,255,.2);*/
	}	
	
	.special p{
		font-size:12px;
					
		padding-left:10px;

		padding:0px;
		padding-left:0px;
		margin-left:0px;
		min-height:0px;
		max-width:100%;
		min-width:0;
		width:auto;
	}	

	.special h3{
		text-align:left;

		max-width:100%;
		min-width:0;
		font-size:16px;
		letter-spacing:2px;
		min-width:0;
		width:auto;
		margin:0;	
		padding-left:5px;
		padding-top:0;
		padding-bottom:10px;
		
		/*background-color:#F00;*/
	}
	
	.special p{
		display:table;
		margin-left:10px;
		margin-right:10px;
		min-width:0;
	}	

	
	.special > img{
		max-width:360px;
		min-width:300px;
		width:100%;
		height:auto;
	}
	
	#center_photo{
		top:25%;
		height:auto;
		width:auto;
		
		transform:translateY(25%);
		-webkit-transform:translateY(25%);
		-moz-transform:translateY(25%);
	}
	
	article.photo {
		/*background-color:rgba(0,0,0,1);*/
		min-width:10px;
		max-width:69px;
		max-height:800px;
		min-height:200px;
		width:100%;
		height:auto;
		
		transform:translateY(2em);
		-webkit-transform:translateY(2em);
		-moz-transform:translateY(2em);
		
		-webkit-filter: saturate(1);
		filter: saturate(1);
	}
	
	.lien{
		top:50%;
		opacity:1;
		
		transform:translateY(50%);
		-webkit-transform:translateY(50%);
		-moz-transform:translateY(50%);
	}
	
	.lien a{
		font-size:10px;
		height:2em;
		line-height:2em;

	}
	
	#floating{
		right:0;
		line-height:.5em;
		max-height:1.5em;
	}

	#floating a{
		text-decoration:none;
		color:#06C;
		font-size:12px;
	}
	
	#floating p{
		font-size:12px;	
	}
	
	#reaseau_s{
		cursor:pointer;
	}
	
	.bio_article{
		top:0;
		height:auto;
		transform:none;
	}
	.bio_article p{ font-size:12px; margin-left:10px; margin-right:10px;}
	.special_bio p{ font-size:12px; margin-left:10px; margin-right:10px; width:auto;}		
	
	.special_bio{
		top:auto;
	}	
	


	.navigation a {
		/*background-color:#90C;*/
		font-size:10px;
		word-spacing:1px;
	}
	
	header{
		line-height:2em;
		height:3em;
	}
	
	article img{
		height:auto;
		width:100%;
		min-width:0;
		padding:0;
		left:0;
	}
	
	article p{
		height:auto;
		width:auto;
		min-width:0;
		padding:0;
		left:0;
	}
	
	.bio_article .bio_row{}
	.bio_article .bio_row strong{ font-size:16px;}
	.bio_article .bio_row span{line-height:18px;}
	.bio_article .bio_row span.bio_tiret{margin-left:5px; margin-right:5px; font-weight:bold;}
	.bio_article .bio_row span.bio_text{ font-size:12px; line-height:18px;}		
	
	section{
		/*background-color:#90C;*/
		top:6em;
		left:0;
	}
	
	#invisible1{
		text-align:center;
	}
	
	.actu p {
		font-size:10px;
	}
	
	footer{	
		display:table;
		bottom:0;
		left:0;
		height:100px;
	}
	
	footer p{
		font-size:10px;
	}
	
	footer p span.texte{}
	footer p span.social{ width:100px; display:block; margin-left:auto; margin-right:auto;}
	footer p span.social a{ margin-left:2px; margin-right:2px;}
	footer p span.social a img{width:25px; height:25px; }	
	
	#tab_overlay_desc{ padding:1em;}
	#tab_overlay_desc_title{ margin-bottom:1em; font-size:10px;}
	#tab_overlay_desc_text{ font-size:10px;}
	
	.tab_overlay_content_title{ height:1em;}
	.tab_overlay_content_title .vittorio{ font-size:11px; margin-bottom:4px;}
	.tab_overlay_content_title .ebeniste{ font-size:11px;}
	.tab_overlay_close{width:2em;}
	.tab_overlay_close div{ width:2em; height:2em;}	
}

@media only screen and (min-width: 600px) and (max-width: 1024px){
	table.hometab{}
	table.hometab .hometab_td a{font-size:14px; height:2em; line-height:2em;}
	table.hometab .hometab_td a:hover{}	
	
	.special h3{
		text-align:left;
		max-width:768px;
		min-width:0;
		width:auto;
		min-height:20px;
		font-size:25px;
		padding-right:1em;
		letter-spacing:2px;
		bottom:1em;
		/*background-color:#F00;*/
	}
	
	.special{
		max-width:768px;
		width:auto;
		top:2em;
		margin:0;
		/*background-color:rgba(255,255,255,.2);*/
	}
	
	.special p{
		/*background-color:rgba(255,255,255,.2);*/
		top:2em;
		margin:0;
		padding:4px;
		margin-bottom:1px;
		max-width:760px;
		min-width:0;
		width:auto;
		font-size:20px;
		line-height:1.5em;
		margin-bottom:1em;
	}

	.special > img{
		max-width:768px;
		width:768px;
		height:auto;
	}
	
	#center_photo{
		height:auto;
	}
	
	article.photo {
		max-width:150px;
		text-align:center;
	}
	
	.navigation a {
		/*background-color:#90C;*/
		font-size:16px;
		margin-left:20px;
		
	}	
	
	.lien a{
		font-size:16px;
		line-height:2em;
	}
	
	#floating{
		right:0;
		line-height:.5em;
		max-height:1.5em;
	}

	#floating a{
		text-decoration:none;
		color:#06C;
		font-size:16px;
	}
	
	#floating p{
		font-size:16px;	
	}
	
	#reaseau_s{
		cursor:pointer;
	}
	
	.bio_article{
		max-width:768px;
		height:auto;
	}

	.navigation a {
		/*background-color:#90C;*/
		font-size:16px;
	}
	
	header{
		line-height:3em;
		height:3em;
	}
	
	article img{
		height:auto;
		max-width:768px;
		padding:0px;
		left:0;
	}
	
	article{ width:100%; display:table;}
	
	article.special_bio p{
		height:auto; display:table;
		width:768px; margin-left:auto; margin-right:auto;
		left:auto;

	}

	.bio_article .bio_row{}
	.bio_article .bio_row strong{ font-size:16px;}
	.bio_article .bio_row span{line-height:18px;}
	.bio_article .bio_row span.bio_tiret{margin-left:5px; margin-right:5px; font-weight:bold;}
	.bio_article .bio_row span.bio_text{ font-size:12px; line-height:24px;}		
	
	section{
		bottom:4em;
		top:6em;
	}
	
	#invisible1{
		text-align:center;
	}
	
	.actu p {
		font-size:18px;
	}
	
	footer{	
		display:inline;
		bottom:0;
		left:0;
		min-height:1em;
		max-height:4em;
		line-height:1em;
		clear:both;
	}
	
	footer p{	
		font-size:10px;
	}
	
	footer p span.texte{ line-height:50px; }
	footer p span.social{ }
	footer p span.social a{ margin-left:2px; margin-right:2px;}
	footer p span.social a img{width:25px; height:25px; margin-bottom:-5px;}	
}


@media only screen and (min-width: 1024px) and (max-width: 1600px){
	table.hometab{}
	table.hometab .hometab_td a{font-size:18px; height:2em; line-height:2em;}
	table.hometab .hometab_td a:hover{}
		
	#tab_overlay_image1:hover:after {
		content: url(../images/search-icon-md.png);
		display: block;
		position: absolute;
		vertical-align:middle;
		text-align:center;
		opacity:.8;
		left:50%;
		height:auto;
		-webkit-user-select: none; /* Chrome/Safari */        
		-moz-user-select: none; /* Firefox */
		-ms-user-select: none; /* IE10+ */
	
		/* Rules below not implemented in browsers yet */
		-o-user-select: none;
		user-select: none;
	}
	.special h3{
		min-height:20px;
		font-size:25px;
		padding-right:1em;
		letter-spacing:2px;
		bottom:1em;
		/*background-color:#F00;*/
	}
	
	.special{
		max-width:100%;
		width:auto;
		top:2em;
		margin:0;
		/*background-color:rgba(255,255,255,.2);*/
	}
	
	.special p{
		padding:4px;
		max-width:760px;
		min-width:760px;
		width:auto;
		font-size:20px;
		line-height:1.5em;
	}
	
	.special > img{
		max-width:768px;
		width:768px;
		height:auto;
	}
	
	article.photo {
		max-width:150px;
		text-align:center;
	}
	
	.navigation a {
		/*background-color:#90C;*/
		font-size:16px;
		margin-left:20px;
		
	}	
	
	.lien a{
		top:50%;
		font-size:16px;
		
		transform:translateY(-50%);
		-webkit-transform:translateY(-50%);
		-moz-transform:translateY(-50%);
	}
	
	#floating{
		right:0;
		line-height:.5em;
		max-height:1.5em;
	}

	#floating a{
		text-decoration:none;
		color:#06C;
		font-size:16px;
	}
	
	#floating p{
		font-size:16px;	
	}
	
	#reaseau_s{
		cursor:pointer;
	}
	
	.bio_article{
		max-width:768px;
	}

	.navigation a {
		/*background-color:#90C;*/
		font-size:16px;
	}
	
	header{
		line-height:3em;
		height:3em;
	}
	
	article img{
		height:auto;
		max-width:768px;
		padding:0px;
		left:0;
	}
	
	article{ width:100%; display:table;}
	
	article.special_bio p{
		height:auto; display:table;
		width:768px; margin-left:auto; margin-right:auto;
		left:auto;

	}
	
	.bio_article .bio_row{}
	.bio_article .bio_row strong{ font-size:20px;}
	.bio_article .bio_row span{line-height:18px;}
	.bio_article .bio_row span.bio_tiret{margin-left:5px; margin-right:5px; font-weight:bold;}
	.bio_article .bio_row span.bio_text{ font-size:16px; line-height:24px;}		
	
	section{
		bottom:4em;
		top:6em;
	}
	
	#invisible1{
		text-align:center;
	}
	
	.actu p {
		font-size:18px;
	}
	
	footer{	
		display:inline;
		bottom:0;
		left:0;
		min-height:1em;
		max-height:4em;
		line-height:1em;
		clear:both;
	}
	
	footer p{	
		font-size:14px;
	}
	
	footer p span.texte{ line-height:50px; }
	footer p span.social{ }
	footer p span.social a{ margin-left:2px; margin-right:2px;}
	footer p span.social a img{width:25px; height:25px; margin-bottom:-5px;}	
}

@media only screen and (min-width: 1600px){
	table.hometab{}
	table.hometab .hometab_td a{font-size:20px; height:2em; line-height:2em;}
	table.hometab .hometab_td a:hover{}	
		
	#tab_overlay_image1:hover:after {
		content: url(../images/search-icon-md.png);
		display: block;
		position: absolute;
		vertical-align:middle;
		text-align:center;
		opacity:.8;
		left:50%;
		height:auto;
		-webkit-user-select: none; /* Chrome/Safari */        
		-moz-user-select: none; /* Firefox */
		-ms-user-select: none; /* IE10+ */
	
		/* Rules below not implemented in browsers yet */
		-o-user-select: none;
		user-select: none;
	}
	.special strong{
		text-align:left;
		width:60px;
	}
	
	.special h3{
		text-align:left;
		max-width:770px;
		min-width:777px;
		min-height:20px;
		font-size:22px;
		padding-right:1em;
		letter-spacing:2px;
		bottom:1em;
		/*background-color:#F00;*/
	}
	
	.special{
		width:auto;
		height:auto;
		/*background-color:rgba(255,255,255,.2);*/
	}
	
	.special p{
		/*background-color:rgba(255,255,255,.2);*/
		top:2em;
		padding:4px;
		margin-bottom:1px;
		max-width:100%;
		min-width:0;
		width:auto;
		height:auto;
		font-size:20px;
		word-spacing:3px;
		line-height:1.5em;
		margin-bottom:1em;
	}
	
	.special > img{
		max-width:768px;
		width:768px;
		height:auto;
	}
	
	#center_photo{
		top:50%;
		z-index:3;
		transform:translateY(25%); 
		-webkit-transform:translateY(25%); 
		-moz-transform:translateY(25%);
		max-width:100%;
		min-width:600px;
		height:450px;
	}
	
	article.photo {
		max-width:200px;
		height:500px;
		text-align:center;
	}
	
	.navigation a {
		/*background-color:#90C;*/
		font-size:16px;
		margin-left:20px;
		
	}	
	
	.lien {
		opacity:0;
	}
	
	.lien a{
		top:50%;
		/*background-color:rgba(0,0,0,0.1);*/
		font-size:16px;

		transform:translateY(-50%);
		-webkit-transform:translateY(-50%);
		-moz-transform:translateY(-50%);
	}
	
	#floating{
		right:0;
		line-height:.5em;
		max-height:1.5em;
	}

	#floating a{
		text-decoration:none;
		color:#06C;
		font-size:16px;
	}
	
	#floating p{
		font-size:16px;	
	}
	
	#reaseau_s{
		cursor:pointer;
	}
	
	.bio_article{
		max-width:768px;
	}

	.navigation a {
		/*background-color:#90C;*/
		font-size:16px;
	}
	
	header{
		line-height:3em;
		height:3em;
	}
	
	article img{
		height:auto;
		max-width:768px;
		padding:0px;
		left:0;
	}
	
	article{ width:100%; display:table;}
	
	article.special_bio p{
		height:auto; display:table;
		width:768px; margin-left:auto; margin-right:auto;
		left:auto;

	}
	
	.bio_article .bio_row{}
	.bio_article .bio_row strong{ font-size:20px;}
	.bio_article .bio_row span{line-height:18px;}
	.bio_article .bio_row span.bio_tiret{margin-left:5px; margin-right:5px; font-weight:bold;}
	.bio_article .bio_row span.bio_text{ font-size:16px; line-height:24px;}	
	
	#invisible1{
		text-align:center;
	}
	
	.actu p {
		font-size:18px;
	}
	
	footer{
		min-height:1em;
		max-height:4em;
		line-height:1em;
	}
	
	footer p{	
		font-size:14px;
	}
	
	footer p span.texte{ line-height:50px; }
	footer p span.social{ }
	footer p span.social a{ margin-left:2px; margin-right:2px;}
	footer p span.social a img{width:25px; height:25px; margin-bottom:-5px;}	
}

@keyframes debut{
	 0% {
		transform-style: preserve-3d;
		opacity: 0;          
	 }
	100%{
		opacity: 1;     
	}
}

@-webkit-keyframes debut{
	 0% {
		-webkit-transform-style: preserve-3d;
		opacity: 0;          
	 }
	100%  {
		opacity: 1;
	}
}