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

/*
* {
	box-sizing: border-box;
}*/
div {
	transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
}


H1{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFF;
	text-align: left;
	font-weight: bold;
	}
#form{
	width: 350px;
	color: #FFF;
	text-align: left;
	padding: 25px;
	}
	
#form2{
	width: 100%;
	height: 508px;
	color: #FFF;
	text-align: left;
	padding: 25px;
	background-image: url(img/verso-seul2.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
	}	
.texteform {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCC;
	text-align: left;
}
.texteform2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	text-align: left;
}
#carte{
	width: 400px;
	left: 0px;
	top:-12px;
	position:relative;
	}

#conseil1{
	width: 400px;
	color: #FFF;
	text-align: left;
	padding: 25px;
	}
.texteconseil {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CCC;
	text-align: left;
	padding-top: 45px;
	padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 12px;
}


#conseil2{
	width: 400px;
	left: 400px;
	}
	m
.opacity {
	opacity : 0.1;
	-moz-opacity : 0.1;
	-ms-filter: "alpha(opacity=10)"; /* IE 8 */
	filter : alpha(opacity=10);
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin: 0;
	/* For supersized Needed to eliminate scrollbars*/
	
	overflow: hidden;
	zoom: 1; /* Idem pour IE 6-7 (active l'état "hasLayout") */
	background-color: #000;
	background-image: url(img/fd01b.jpg);
	background-size: cover;
	background-repeat: no-repeat;

}

#content2 {
	z-index: 1;
	width: 100%;
	margin: auto;
	
}
#header {
	width: 996px;
	height: 80px;
	margin-right: auto;
	margin-left: auto;
	top: 0px;
	position:relative;
	/*z-index:97;*/
}
#mille {
	border: 1px solid #232323;
	width: 994px;
	height: 541px;
	margin-right: auto;
	margin-left: auto;
	background-color: #000;	/*z-index:99; */
}
#huitcent {
	height: 508px;
	width: 800px;
	float: right;
	background-color: #000;	/*z-index:96;*/
}
#presse {
	padding-top: 31px;
	text-align: left;
	padding-left: 10px;
	}
#navscroll {
	top: 150px;
	right: 0px;
	clear: none;
	float: right;
	z-index: 1;
	background-color: #000000;
	color: #FFFFFF;
	padding: 0px 0px;
	background-image: url(../img/next.gif);
	background-repeat: no-repeat;
	height: 44px;
	width: 44px;
	
}
.bump img {
	height: 200px;
	width: 150px;
	margin-top: 1px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 1px;
}

a.bump {
	
	height: 200px;
	width: 150px;
	opacity:0.3;
}
.bump:hover {
	
	height: 200px;
	width: 150px;
	opacity:1;
}

#home {
	height: 508px;
	width: 994px;
	float: right;	/*z-index:96;*/
}
#home2 {
	height: 550px;
	width: 994px;
	float: right;
}
#logo {
	float: left;
	/*z-index:96;*/
}
#baseline {
	float: right;
}
#navig {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #232323;
	height: 30px;
}
#navigation2 {
	
}

#blocgauche {
	height: 508px;
	width: 193px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #232323;
	float: left;
	background-color: #000;
}
#titre {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #232323;
	height: 28px;
	width: 193px;
}
#bloctxt {
	padding-top: 15px;
	padding-left: 15px;
	padding-bottom: 15px;
	width: 180px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	color: #999;
}
#bloctxt2 {
	padding: 15px;
	width: 163px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: justify;
	color: #999;
}
#blocsub {
	padding: 0px;
	width: 193px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	color: #999;
	height: 330px;
	background-color: #000;
}

	
	/* Firefox Dotted Outline Fix */
	a:active { 
		outline: none; 
	}
	
	/* Firefox Dotted Outline Fix */
	a:focus { 
		-moz-outline-style: none; 
	}
	
	/* Menu Body */
	ul#menu {
	width:994px;
	height:31px;
	/*background:url(bg.png) repeat-x;*/
	list-style:none;
	padding-top:0px;
	padding-left:0%;
	margin-top: -2px;;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-right: 0;
	padding-bottom: 0;
	float:left;
	top:-16px;
	}
	
	/* Float LI Elements - horizontal display */
	ul#menu li {
		float:left;
	}
	
	/* Link - common attributes */
	ul#menu li a {
		background:url(img/sprite.gif) no-repeat scroll top left;
		display:block;
		height:31px;
		position:relative;
	}
	
	/* Specify width and background position attributes specifically for the class: "baroco" */
	ul#menu li a.baroco {
		width:142px;
	}
	
	/* Specify width and background position attributes specifically for the class: "show-room" */
	ul#menu li a.show-room {
		width:142px;
		background-position:-142px 0px;
	}
	
	ul#menu li a.produits {
		width:142px;
		background-position:-284px 0px;
	}
	
	ul#menu li a.realisations {
		width:142px;
		background-position:-426px 0px;
	}
	ul#menu li a.conseil {
		width:142px;
		background-position:-568px 0px;
	}
	ul#menu li a.presse {
		width:142px;
		background-position:-710px 0px;
	}
	ul#menu li a.contact {
		width:138px;
		background-position:-852px 0px;
	}
	
	/* Span (on hover) - common attributes */
	ul#menu li a span {
		background:url(img/sprite.gif) no-repeat scroll bottom left;
		display:block;
		position:absolute;
		top:0;
		left:0;
		height:100%;
		width:100%;
		z-index:98;
	}
	
	/* Span (on hover) - display pointer */
	ul#menu li a span:hover {
		cursor:pointer;
	}
	
	/* Shift background position on hover for the class: "baroco" */
	ul#menu li a.baroco span {
		background-position:0px -31px;
	}
	
	/* Shift background position on hover for the class: "show-room" */
	ul#menu li a.show-room span {
		background-position:-142px -31px;
	}
		ul#menu li a.produits span {
		background-position:-284px -31px;
	}
		ul#menu li a.realisations span {
		background-position:-426px -31px;
	}
		ul#menu li a.conseil span {
		background-position:-568px -31px;
	}
		ul#menu li a.presse span {
		background-position:-710px -31px;
	}
		ul#menu li a.contact span {
		background-position:-852px -31px;
	}
	
	
	
		body#section1 #navig ul#menu .baroco {
		background:url(img/sprite.gif) no-repeat scroll bottom left;
		background-position:0px -31px;
	}
		
    	body#section2 #navig ul#menu .show-room {
		background:url(img/sprite.gif) no-repeat scroll bottom left;
		background-position:-142px -31px;
		}
    	body#section3 #navig ul#menu .produits {
		background:url(img/sprite.gif) no-repeat scroll bottom left;
		background-position:-284px -31px;
		}
		
	
		
		
    body#section4 #navig ul#menu .realisations{
		background:url(img/sprite.gif) no-repeat scroll bottom left;
		background-position:-426px -31px;
		}
    body#section5 #navig ul#menu .conseil{
		background:url(img/sprite.gif) no-repeat scroll bottom left;
		background-position:-568px -31px;
		
		}
    body#section6 #navig ul#menu .presse{
		background:url(img/sprite.gif) no-repeat scroll bottom left;
		background-position:-710px -31px;
		}
		
    body#section7 #navig ul#menu .contact {
		background:url(img/sprite.gif) no-repeat scroll bottom left;
		background-position:-852px -31px;
		}

body#section6 #navig ul#menu {
	position:relative;
	top:3px;
	}
	
	/* SUBNAVIGATIONS */
	
	
	/* Menu Body */
	ul#submenu {
	width:193px;
	height:330px;
	/*background:url(bg.png) repeat-x;*/
	list-style:none;
	padding-top:0px;
	padding-left:0%;
	margin-top: 0;
	/*margin-right: auto;
	margin-left: auto;*/
	margin-bottom: 0;
	
	padding-right: 0;
	padding-bottom: 0;
	}
	
	/* Float LI Elements - horizontal display */
	ul#submenu li {
		float:left;
	}
	
	/* Link - common attributes */
	ul#submenu li a {
		background:url(img/sprite2.gif) no-repeat scroll top left;
		display:block;
		height:29px;
		position:relative;
	}
	
	/* Specify width and background position attributes specifically for the class: "baroco" */
	ul#submenu li a {
		width:192px;
		}
	
	ul#submenu li a.canapes {
		
		background-position:0px 2px;
	}
	
	/* Specify width and background position attributes specifically for the class: "show-room" */
	ul#submenu li a.fauteuils {
	
		background-position:0px -60px;
	}
	
	ul#submenu li a.convertibles {
	
		background-position:0px -31px;
	}
	ul#submenu li a.tableshautes {
		
		background-position:0px -89px;
	}
	
	ul#submenu li a.tablesbasses {
		
		background-position:0px -118px;
	}
	ul#submenu li a.chaises {
	
		background-position:0px -147px;
	}
	ul#submenu li a.tabourets {
		
		background-position:0px -176px;
	}
	ul#submenu li a.composables {
	
		background-position:0px -234px;
	}
	ul#submenu li a.mobilier {
	
		background-position:0px -205px;
	}
	ul#submenu li a.bureaux {
	
		background-position:0px -263px;
	}
	ul#submenu li a.luminaires {
		
		background-position:0px -292px;
	}
	ul#submenu li a.chambres {
	
		background-position:0px -321px;
	}
	ul#submenu li a.tapis {
	
		background-position:0px -350px;
	}
	ul#submenu li a.papierpeints {
	
		background-position:0px -379px;
	}
	ul#submenu li a.textiles {
	
		background-position:0px -408px;
	}
	ul#submenu li a.outdoor {
		
		background-position:0px -437px;
	}
	ul#submenu li a.divers {
		
		background-position:0px -466px;
	}
	/*ul#submenu li a.divers {
		width:193px;
		background-position:0px -300px;
	}*/
	
	
	
	/* Span (on hover) - common attributes */
	ul#submenu li a span {
		background:url(img/sprite2.gif) no-repeat scroll bottom left;
		display:block;
		position:absolute;
		top:0;
		left:0;
			height:100%;
		width:100%;
		z-index:98;
	}
	
	/* Span (on hover) - display pointer */
	ul#submenu li a span:hover {
		cursor:pointer;
	}
	
	/* Shift background position on hover for the class: "baroco" */
	ul#submenu li a.canapes span {
		background-position:-193px 2px;
	}
	
	/* Shift background position on hover for the class: "show-room" */
	
		
	ul#submenu li a.fauteuils span {
		background-position:-193px -60px;
	}
	
	ul#submenu li a.convertibles span {
		background-position:-193px -31px;
	}
	ul#submenu li a.tableshautes span {
		background-position:-193px -89px;
	}
	ul#submenu li a.tablesbasses span {
		background-position:-193px -118px;
	}
	ul#submenu li a.chaises span {
		background-position:-193px -147px;
	}
	ul#submenu li a.tabourets span {
		background-position:-193px -176px;
	}
	ul#submenu li a.composables span {
		background-position:-193px -234px;
	}
	ul#submenu li a.mobilier span {
		background-position:-193px -205px;
	}
	ul#submenu li a.bureaux span {
		background-position:-193px -263px;
	}
	ul#submenu li a.luminaires span {
		background-position:-193px -292px;
	}
	ul#submenu li a.chambres span {
		background-position:-193px -321px;
	}
	ul#submenu li a.tapis span {
		background-position:-193px -350px;
	}
	ul#submenu li a.papierpeints span {
		background-position:-193px -379px;
	}
		ul#submenu li a.textiles span {
		background-position:-193px -408px;
	}
	
	ul#submenu li a.outdoor span {
		background-position:-193px -437px;
	}
	
		ul#submenu li a.divers span {
		background-position:-193px -466px;
	}
		/*ul#submenu li a.divers span {
		background-position:-193px -300px;
	}*/
	
	
	/* CURRENT BUTTON */
	
			body.section3canapes #blocsub ul#submenu .canapes {
		background:url(img/sprite2.gif) no-repeat scroll top left;
		background-position:-193px 2px;	
		}	
		body.section3convertibles #blocsub ul#submenu .convertibles {
		background:url(img/sprite2.gif) no-repeat scroll top left;
		background-position:-193px -31px;	
		}
		
		body.section3fauteuils #blocsub ul#submenu .fauteuils {
		background:url(img/sprite2.gif) no-repeat scroll top left;
		background-position:-193px -60px;
		}		
		body.section3tableshautes #blocsub ul#submenu .tableshautes {
		background:url(img/sprite2.gif) no-repeat scroll top left;
		background-position:-193px -89px;	
		}		
		body.section3tablesbasses #blocsub ul#submenu .tablesbasses {
		background:url(img/sprite2.gif) no-repeat scroll top left;
		background-position:-193px -118px;
		}		
		body.section3chaises #blocsub ul#submenu .chaises {
		background:url(img/sprite2.gif) no-repeat scroll top left;
		background-position:-193px -147px;
		}		
		body.section3tabourets #blocsub ul#submenu .tabourets {
		background:url(img/sprite2.gif) no-repeat scroll top left;
		background-position:-193px -176px;
		}		
		
		body.section3composables #blocsub ul#submenu .composables {
		background:url(img/sprite2.gif) no-repeat scroll top left;
		background-position:-193px -234px;
		}	
		body.section3mobilier #blocsub ul#submenu .mobilier {
		background:url(img/sprite2.gif) no-repeat scroll top left;
		background-position:-193px -205px;
		}	
		
		body.section3bureaux #blocsub ul#submenu .bureaux {
		background:url(img/sprite2.gif) no-repeat scroll top left;
		background-position:-193px -263px;
		}	
		body.section3luminaires #blocsub ul#submenu .luminaires {
		background:url(img/sprite2.gif) no-repeat scroll top left;
		background-position:-193px -292px;
		}	
		body.section3chambres #blocsub ul#submenu .chambres {
		background:url(img/sprite2.gif) no-repeat scroll top left;
		background-position:-193px -321px;
		}	
		body.section3tapis #blocsub ul#submenu .tapis {
		background:url(img/sprite2.gif) no-repeat scroll top left;
		background-position:-193px -350px;	
		}	
		body.section3papierpeints #blocsub ul#submenu .papierpeints {
		background:url(img/sprite2.gif) no-repeat scroll top left;
		background-position:-193px -379px;	
		}
		body.section3textiles #blocsub ul#submenu .textiles {
		background:url(img/sprite2.gif) no-repeat scroll top left;
		background-position:-193px -408px;
		}	
		body.section3outdoor #blocsub ul#submenu .outdoor {
		background:url(img/sprite2.gif) no-repeat scroll top left;
		background-position:-193px -437px;
		}	
		body.section3divers #blocsub ul#submenu .divers {
		background:url(img/sprite2.gif) no-repeat scroll top left;
		background-position:-193px -466px;	
		}	
	
	
	/* SLIDER */
	
	.Style1 {font-size: 14px; font-style: normal; font-weight: normal; background-color: #E9E7DE; background-position: center center; line-height: 20px; font-family: Verdana, Arial, Helvetica, sans-serif;}

#games{
	height: 477px;
	width: 800px;
	position: absolute;	
	}

#coordonnees {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #535353;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	width: 990px;
	margin-top: 12px;
}
a {
	font-family: Arial, Helvetica, sans-serif;
	color: #535353;
}

a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff7d8;
}

#coordonnees A {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #535353;
}

#coordonnees a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff7d8;
}
#intro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #535353;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	width: 990px;
	margin-top: 530px;
	clear:none;
}
b {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff7d8;
}
strong {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff7d8;
}
#games:hover {
   cursor: pointer;
}
img#mille, #mille img {width:100%; height:auto;} 
#presse .bump img {width:150px; height:200px;}
#mille .pdf { width:32px; height:32px;}
#mq-detector {
    visibility: hidden;
}
/*
img.cs-games  {width:100%; height:auto;} 
*/

#games {
    background-repeat: no-repeat;
    background-size: 100% auto;
}

video {
  width: 100%    !important;
  height: auto   !important;
}
/* order: 1px solid #232323!important;*/
#mille {min-height:541px;}
#navig {min-height:32px;}
#mille {
	position:unset;
	border-top: 1px solid #232323!important;
	border-bottom: 1px solid #232323!important;}
	

	
#content-wrapper {display:flex; flex-direction: column;}	
#bloctxt {box-sizing: border-box; word-wrap: break-word;}

img.norespyoutube {width:16px!important; height:16px!important;}
img.portrait {max-width:400px; }

html body#section4 div#content-wrapper div#content2 div#mille div#blocgauche div#bloctxt a img
{width:160px!important;
height:100px!important;}

@media (max-width: 994px) {
.portrait, #carte{padding:5%;}
 table, tbody { display: block; }
   tr ,td, th{
      display: table;
      width: 100%;
   }
   th {
      font-size: 0;
      border: none;
      visibility: hidden;
   }
	
body {
overflow:auto!important;
	}
#mille, #games, #blocgauche,#titre, #bloctxt , #huitcent, #header , #navig,  ul#menu, ul#submenu, #blocsub{
	width: 100%!important;
	height: auto!important;
	/*border:1px solid red;float:left;*/
}

#titre img {max-width:193px;}
#titre{
	background-image: url(img/titre-noir.gif);
	background-repeat: repeat-x;
}
#coordonnees {float:left; width:100%;}
/*#mille, #header, #coordonnees {position:relative;
}
#navig, ul#menu { height: auto!important;}*/
#games {position: relative!important;	}
#bloctxt{padding:5%;}
#bloctxt2{padding:5%; width:100%!important;box-sizing: border-box; word-wrap: break-word;}

.texteconseil{padding:5%; width:90%!important;box-sizing: border-box; word-wrap: break-word;}
}

@media (max-width: 980px) {
	
	#home,#mille {
	height: auto!important;
	width: 100%;
	
}
	#header{height:80px!important;}
	#navig{height:68px!important;}
	/*#mille{height:790px!important;top:80px}*/
	
	#blocsub {
		height:116px!important;
	border-bottom: 1px solid #232323!important;} 	
	#content-wrapper {overflow:hidden}
}
@media (max-width: 770px) {
	
	#blocsub {
		height:175px!important;
} 	
}

@media (max-width: 575px) {
	
	#blocsub {
		height:233px!important;
} 	
}
@media (max-width: 480px) {
	
	#blocsub {
		height:233px!important;
} 	


	#baseline{
		float:left;
	 margin-left: 20%;
    position: relative;
    top: -25px;
}
#logo {margin-left:10%;}
	#mille {
	width: 320px;
	height: auto;
}
	}