@charset "UTF-8";

@media all {
	
/* CSS RESET  */
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, em, img, strong, b, center, ul, li, form, table, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	}
body {
	line-height: 1;
	}
ul {
	list-style: none;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
img {
	/*image-rendering:pixelated;*/
	
	}
/* FIN CSS RESET */

/* body ------------------------------------------------------------------ */

  html {
	scroll-behavior: smooth;
	}
	
  html, body {
	height: 100%;
	margin:0;
	padding:0;
	
	}

  body {
	position:relative;  
    background-color:#f9f8f6;
	font-family: 'Plus Jakarta Sans', sans-serif, Arial;
	font-size: 12px;	
	overflow-x: auto;
	overflow-y: auto;
	text-align:center;
	min-height: 100vh;
    display: flex;
    flex-direction: column;
    }

  a {
	color:#000;  
	text-decoration:none;
  	}
	
  a:hover {
	color:#999;  
	text-decoration:none;
  	}	


  ul {
    list-style: initial;
    margin: initial;
    padding: 0 0 0 14px;
	}

  li {
    display: list-item;
	}

  main {
	display:block;
  	position:relative;
	margin-top:80px;
	}
		
  main #contenu {
	margin-top:20px;  
	display:block;
	}
	
  u {
	text-decoration:underline;  
    }

.exposant {
	vertical-align:bottom;
	margin-bottom:10px;
	display:inline-block;
	margin-left:6px;
	font-size:60%;
	}


  .lienEncadre, .lienEncadreNoir {
	border:1px solid #666;
	padding:4px 14px !important;
	color:#000;
	border-radius:15px;
	cursor:pointer;
	margin-left:2px;
	margin-right:2px;
	}	
  .lienEncadreNoir {
	color:#FFF;
	}		
  .lienEncadre:hover {
	border:1px solid #666;
	color:#666;
	background-color:#FFF;
	}	
  .lienEncadreNoir:hover {
	border:1px solid #666;
	background-color:#FFF;
	color:#666;
	}	

  .lienEncadreBlanc {
	border:1px solid #DDD;
	padding:4px 14px !important;
	color:#DDD;
	border-radius:15px;
	cursor:pointer;
	margin-left:2px;
	margin-right:2px;
	}	
  .lienEncadreBlanc:hover {
	border:1px solid #FFF;
	color:#FFF;
	background-color:#666;
	}	
	
	
	
  .lienPartage {
	width:40px;
    }
	

	
/* header home ------------------------------------------------------------------ */	

  #header_home {  
	text-align:right;
	height:40px;
	border-bottom:1px solid #b4b3b2;
}
  #header_home #navdiv {
	position:relative; 
	}
  #header_home #navdiv nav {
	display:inline-block;	
	margin-right:50px;
	margin-top:8px;
	}	
  #header_home nav a {
	display:inline-block;	
	padding:6px 14px;
	}	
  #header_home nav a:hover {
	/*background-color:#FFF;*/
	}	
	
  #header_home #navdiv #header_mobile_logo {
	  display:none;
  	  }	

/* header mobile ------------------------------------------------------------------ */	
		
  #header_mobile {
	display:none; /*display:flex à @media screen and (max-width:760px)  */
	position:relative;
	width:100%;
	text-align:center;
	z-index:5;  
	/*background: rgba(255, 255, 255, 0.85);*/
	background: #f9f8f6;
	height:50px;	
	justify-content:space-between;
    }
  #header_mobile  a {
	vertical-align:top;
	display:inline-block;
    }
  #header_mobile_dropdown img {
	height:23px;
	width:46px;
	padding:10px;
	padding-left:20px;
	}	

					
  #header_mobile_search	img {
	padding:10px;  
	width:26px;  
    }
  #SearchDivMobile {
	padding-left:40px;
	padding-top:12px;
	margin-top:15px;
	display:none;
	height:200px;
  	}
  #SearchInputMobile {
	border:1px solid #DDD;
	color:#999;
	background-color:rgba(255, 255, 255, 0.2);
	font-style:italic;
	font-size:16px; /*minimum pour pas qu zoom sur iphone*/
  	}
  #header_mobile_fav img {
	padding:10px;
	width:26px;    
    }
  #menu_mobile {
	display:none;
	text-align:left;
	position:absolute;
	top:49px;
	width:100% !important;
	margin:0;
	left:0 !important;
	right:0 !important;
	/*background: rgba(249, 248, 246, 0.90);*/
	background: rgba(249, 248, 246, 1);
	padding-left:8px;
	padding-right:8px;
	z-index:20000;
	}
  #menu_mobile nav {	
	display:block;
	}
  #menu_mobile nav A {
	width:100% !important;
	left:0 !important;
	right:0 !important;
	color:#000;
	font-size:140%;
	margin:4px;
	padding:4px;
	}
  #menu_mobile nav A:hover {
	/*color:#000;*/
	/*background-color:#FFF;*/
	}
  #menu_mobile nav  A:not(:last-child) {
	/*border-bottom:1px solid #CCC;*/
	}
  .menu_mobile_sub {
	padding-left:15px;
	display:none;
  	}
  .menu_mobile_sub A{
	color:#707070 !important;
  	}
		
  #header_mobile_dropdown:hover #menu_mobile {
	/*display:block !important;  */
    }
	
  #FooterContactMobile {
	  display:none;
  	}
	
/* #MenuDroite #BlienLogin, #MenuDroite #BSearchLink, #MenuDroite #BlienFavoris 	{*/
  #MenuDroite_mobile {
  	}
  #MenuDroite_mobile a {
	padding:10px;
	display:inline-block;
	
    }
 #MenuDroite_mobile img	{
	height:25px;
 	}  
  
  #LoginNomMobile {
	display:none;
	font-style:italic;
	color:#999;
	white-space:nowrap;
	margin-right:40px;
  	}
  #LoginNomIpad {
	display:none;  
	position:absolute;
	color:#999;
	font-style:italic;
	top:16px;
	right:140px;
	white-space:nowrap;
  	}
  #LoginNom {
	position:absolute;
	color:#999;
	font-style:italic;
	top:20px;
	right:172px;
	white-space:nowrap;
    }


/* header ------------------------------------------------------------------ */	
		
  header {
	position:fixed;
	top:0px;  
	display:block;
	left:0;
	right:0;
	text-align:center;
	z-index:5;  
	/*background: rgba(249, 248, 246, 0.85);*/
	background-color:#f9f8f6;
	height:90px;	
	border-bottom:1px solid #e4e4e3;
  	}
  header nav {  
	position:relative;
	vertical-align:top;
	justify-content:space-between;
	display:flex;
	
  	}
  header nav div {
	display:inline-block;	
	}		
  header nav #logo img {
	width:80px;
	padding:14px;
	padding-top:10px;
	padding-left:60px;

	}	
  .divMenu, .divMenuR, .DropDownMenu  {
	display:inline-block;
	position:relative;
	vertical-align:top;
	padding:10px;
	padding-top:13px;
	padding-bottom:9px;
	margin-left:14px;
	margin-right:14px;
	}		
  .divMenu a, .divMenuR a, .divSubMenuFull a:first-child, .DropDownMenu a {
	position:relative;
	display:block;
	padding:10px;
	padding-bottom:13px;
	text-decoration:none;
	font-size:120%;
	font-weight:normal;
	color:#3a3a3c;
	overflow:hidden;
	z-index:1000;
  	}	
  .divMenu a, .divSubMenuFull a, .divMenuR a, .divSubMenuFullR a, .DropDownMenu a {
	border-bottom:2px solid transparent;
  	}
	
  header nav .divSubMenuFull {
	top:90px;
  	}	

  .divMenu a:hover, .divSubMenuFull a:hover, .divMenuR a:hover, .divSubMenuFullR a:hover, .DropDownMenu a:hover {
	text-decoration:none;
	color:#000;
	/*background-color:#FFF;*/
	/*background: rgba(255, 255, 255, 0.3);*/
	border-bottom:2px solid #000;
  	}
  .divSubMenuFull, .divSubMenuFullR {
    text-align : left;
	z-index:200 !important;
	position:fixed;
	left:0;
	right:0;
	width:100%;
	top:60px;
	margin-top:11px;
	padding:6px;
	padding-top:5px;	
	padding-bottom:5px;
	display:none;
	vertical-align:top;	
	white-space:nowrap;
	background: rgba(249, 248, 246, 1);
	}




/*	
 .DropDownContainer {	
	z-index:200 !important;
	position:fixed;
	transition-property: opacity;
  transition-duration: 1s;
  transition-timing-function: linear;
	left:0;
	right:0;
	width:100%;
	top:80px;
	padding:6px;
	opacity:0;
	vertical-align:top;	
	background: rgba(249, 248, 246, 1);
	transition: all 0.5s ease;
	height:0;
	}
	
  .divMenuContainer:has(#divCompany:hover) .DropDown {
	opacity: 1;
	height:200px;
	transform: translateY(0);
	z-index:200;
    }
	

  #divDesigners :hover .DropDown {
	opacity: 1;
	height:310px;
	transform: translateY(0);
	z-index:200;
    }
*/	
  .DropDown {
    text-align : left;
	position:absolute;
	left:0;
	top:45px;
	padding:10px;
	margin-top:5px;
	white-space:nowrap;
	line-height:110%;
	transition: all 0.5s ease;
	}	
  .DropDownP {/*Produits et Collections*/
	vertical-align:top;
	top:50px;
	padding:6px;
	padding-top:12px;
	display:block;	
	}	
  .DropDownP .SMTitre {/*Produits ou collection regroupement */
	display:inline-block;
	vertical-align:top;
	margin-right:15px;
	line-height:140%;
    }
  .DropDownP .SMTItem { /*Produits ou collection titre colonne*/
	padding-bottom:15px !important;
	padding-top:12px;
	height:12px;
	font-weight:bold;
	letter-spacing: 0px;
    }
  .DropDownP a {
    padding:2px 6px !important;
    }		
	
	
  .DropDownOut {
  	height:0;
	opacity:0;
	z-index:0;
	visibility:hidden;
	}	
  .MenuBck {
	position:fixed;
	display:block;
	left:0;
	right:0;
	width:100%;
	top:91px;
	background: rgba(249, 248, 246, 1);
	transition: all 0.5s ease;	
    }
  .MenuBckOut {
  	height:0;
	opacity:0;
	z-index:0;
    }
	
  .DropDownProduit {
	opacity: 1;
	transform: translateY(0);
	z-index:200;
	height:400px;
    }
  .MenuBckProduit {
	opacity: 1;
	transform: translateY(0);
	z-index:2;
	height:370px;
	padding-bottom:10px;
    }
  .DropDownCollection {
	opacity: 1;
	transform: translateY(0);
	z-index:200;
	height:370px;
    }
  .MenuBckCollection {
	opacity: 1;
	transform: translateY(0);
	z-index:2;
	height:450px;
	padding-bottom:10px;
    }
  .DropDownDesigner {
	opacity: 1;
	transform: translateY(0);
	z-index:200;
	height:260px;
    }
  .MenuBckDesigner {
	opacity: 1;
	transform: translateY(0);
	z-index:2;
	height:260px;
	padding-bottom:10px;
    }
  .DropDownCompany {
	opacity: 1;
	transform: translateY(0);
	z-index:200;
	height:180px;
    }
  .MenuBckCompany {
	opacity: 1;
	transform: translateY(0);
	z-index:2;
	height:180px;
	padding-bottom:10px;
    }


  #divCollections:hover .divSubMenuP {
	opacity: 1;
	height:440px;
	transform: translateY(0);
	z-index:200;
    }
  #divCollections:hover .photoSubMenuBck {
	opacity: 1;
	height:458px;
	transform: translateY(0);
	z-index:2;
    }
  #divProducts:hover .divSubMenuP {
	opacity: 1;
	height:340px;
	transform: translateY(0);
	z-index:200;
    }
  #divProducts:hover .photoSubMenuBck {
	opacity: 1;
	height:358px;
	transform: translateY(0);
	z-index:2;
    }	
	
  .divSubMenuP {/*Produits et Collections*/
    text-align : left;
	vertical-align:top;
	position:absolute;
	left: 0;
	top:50px;
	padding:6px;
	padding-top:12px;
	display:block;	
	white-space:nowrap;
	background: rgba(249, 248, 246, 1);
	transition: all 0.5s ease;
  	height:0;
	opacity:0;
	z-index:0;	
	}	

  .divMenu:hover .divSubMenuFull .photoSubMenu  {	
  	/*display:inline-block;
	position:absolute;
	left:0;
	top:0;
	height:300px;
	width:300px;
	*/
	position:absolute;
	left:0;
	top:0;	
	width:300px;
	height:300px;
	overflow:hidden;
	text-align:center;
	display:flex;
	align-items:center;
	justify-content:center;	
	background-color:#FFF;
  	}
  .photoSubMenu img {
	/*width:300px;  */
	height:300px;
	vertical-align:bottom;
	}

  .photoSubMenuP  {	
  	position:absolute;
	left:-340px;
	top:50px;
	height:300px;
	width:300px;
	overflow:hidden;
	text-align:center;
	display:flex;
	align-items:center;
	justify-content:center;	
	z-index:100;
  	}
  .photoSubMenuP img {
	width:300px;
	height:auto !important;
	vertical-align:bottom;
	}	
  .photoSubMenuC  {	
  	position:absolute;
	left:-265px;
	top:50px;
	height:300px;
	width:225px;
	overflow:hidden;
	text-align:center;
	display:flex;
	align-items:center;
	justify-content:center;	
	z-index:100;
  	}

  .photoSubMenuC img {
	height:300px !important;
	vertical-align:bottom;
	}	
	
  .photoSubMenuBck  {	
  	position:absolute;
	left:-400px;
	top:0px;
	width:400px;
	background: rgba(249, 248, 246, 1);	
	transition: all 0.5s ease;
  	height:0;
	opacity:0;
	z-index:0;		
  	}	

	
  .divSubMenuFull a {
	position:relative;
	display:block;
	padding:2px 6px !important;
	/*padding:6px;*/
	font-weight:normal;
	text-decoration:none;
	font-size:80%;
	color:#3a3a3c;
  	}	
	
  #divDesigner .divSubMenuFull, #divCompany .divSubMenuFull {
    height:180px;
    }
   	
  .divSubMenuP .SMTitre {/*Produits ou collection regroupement */
	display:inline-block;
	vertical-align:top;
	margin-right:15px;
	line-height:140%;
    }
  .divSubMenuP .SMTItem { /*Produits ou collection titre colonne*/
	padding-bottom:15px !important;
	padding-top:12px;
	height:12px;
	font-weight:bold;
	letter-spacing: 0px;
    }
			  
  .divMenu:hover .divSubMenu, .divMenu:hover .divSubMenuP   {	
  	/*display:block;
	vertical-align:top;
	*/
  	}	

  .divSubMenu a, .divSubMenuP a {
    padding:2px 6px !important;
    }


 .divMenuR {
	 padding:0;
	 padding-right:20px;
 	}

 #MenuDroite {
	position:relative;
 	}
	

/* #MenuDroite #BlienLogin, #MenuDroite #BSearchLink, #MenuDroite #BlienFavoris 	{*/
  #MenuDroite {
  	}
  #MenuDroite a {
	padding:10px;
	padding-left:20px;
	padding-right:20px;
	
	padding-top:18px !important;
	display:inline-block;
	
    }
  #MenuDroite a:hover {
	border-bottom:2px solid #000;
  	}	
 #MenuDroite img	{
	height:20px;
 	}

	
  #SearchDiv {
	padding-left:40px;
	padding-top:12px;
	top:80px !important;
    }
  #SearchDivClose, #SearchDivCloseMobile {
	position:absolute;
	right:60px;
	top:10px;
	cursor:pointer;
	z-index:10000;
    }
  #SearchDivCloseMobile {
	top:1px;
    }	
  #SearchDivClose img, #SearchDivCloseMobile img {	
    padding:10px;
    }
  #SearchInput, #SearchInputMobile {
	padding:5px;
	border:1px solid #DDD;
	color:#999;
	background-color:rgba(255, 255, 255, 0.2);
	font-style:italic;
    }	
	
  #RechercheMotsCles {
    display:inline-block;
	vertical-align:top;
    }
  #RechercheMotsClesTitre {
	font-weight:bold;
	margin-bottom:4px;
    }
  #RechercheFiltres {
	display:inline-block;
	vertical-align:top;
	margin-top:-40px;
	position:relative;
    }
  #RechercheFiltresTitre {
	display:inline-block;
	vertical-align:top;
	position:absolute;
	left:-135px;
	top:0;
	font-weight:bold;
   }
  
  #RechercheFiltres {
	display:inline-block;
	vertical-align:top;
	margin-top:-40px;
	position:relative;
    }
  #RechercheFiltresTitre {
	display:inline-block;
	vertical-align:top;
	position:absolute;
	left:-135px;
	top:0;
	font-weight:bold;
    }
  .RechercheFiltresGroupe {
	display:inline-block;
	vertical-align:top;
	margin-right:30px;
    }
  .RechercheFiltresGroupeTitre {
	font-weight:bold;
	margin-bottom:4px;
    }
  #RechercheFiltres .listeItems {
	color:#999;
	width:90px;
	height:350px;
	padding:5px;
	display:inline-block;
	vertical-align:top;
	line-height:140%;
    }

		  
  #SearchResults {
	width:400px;
	height:140px;
	padding:5px;
	display:inline-block;
	vertical-align:top;
	line-height:140%;
	font-size:70%;
   }
  #SearchResultsMobile {
	min-width:380px;
	max-width:80%;
	height:140px;
	padding:5px;
	display:inline-block;
	vertical-align:top;
	font-size:70%;
   }
   
 #SearchResults a, #SearchResultsMobile a {
	padding:4px;	
	display:block;
	font-size:180%;
   }
 #SearchResultsMobile a {
	font-size:180%;
	line-height:160%;
   }   
 #SearchResults a:hover, #SearchResultsMobile a:hover {
	color:#000;	
   }

  #Search-Materiaux {
	width:140px !important;
    }
  .Search-Listes {
	width:180px !important;
    }
	   
 .s1 {
	color : #AAA !important; 
	display:inline;
 	}
 .s2 {
	color : #000 !important; 
	display:inline;
 	}
 .underline {
	text-decoration:underline; 
	color:#000;
 	}
  .listeItems div {
	cursor : pointer;  
    }
  .listeItems div:hover {
	color:#000;
	text-decoration:underline;
    }	
  .lienR {
	cursor : pointer;  
    }
  .lienR:hover {
	color:#000;
	text-decoration:underline;
	font-weight:bold;
    }	


/* Footer ------------------------------------------------------------------ */	

  footer {	  
	justify-content:space-between;
	display:flex;
	vertical-align:top;
	padding:40px 80px;
	margin-top: auto;
	line-height:150%;
	background-color:#F0EFEA;
  	}
		
  #footerG {
	display:inline-block;
	vertical-align:top;
	text-align:left;
    }
  #footerGLogo {
	width:120px;
	padding-left:4px;
    }
  #footerGP {
	display:inline-block;
	padding-top:10px;
	padding-left:3px;
	width:300px;
  }
  #footerGCopyright {
	font-size:80%;
	padding-left:3px;
    }
		
   #FooterPolitique {
	display:none;  
    }	



  #MenuFooter {
	display:inline-block;
	vertical-align:top;
	text-align:left;
	color:#000;
    }
  #MenuFooter a:not(.lienEncadre) {
	position:relative;  
	display:inline-block;
	padding:3px 0px;  
	color:#707070;
	border-bottom:2px solid transparent;
    }
  #MenuFooter a:hover {
	color:#000;
	/*background: rgba(255, 255, 255, 0.3);*/
	border-bottom:2px solid #000;
    }	
  #MenuFooter div {
    margin-right:40px;
	display:inline-block;
	vertical-align:top;
	}
	
  #MenuFooterMobile {
	display:none;  
  	}

  .lienExterneFooter {
	width:35px;
    }


		
		
		
		
/* default.asp ------------------------------------------------------------------ */


/* Vignettes Listes Produits ------------------------------- */
.Vignettes {
	display:inline-block;
	text-align:left;
	min-height:300px;
	width:1260px;
	}
	
.VignettesFlex {
	display: grid;
	grid-template-columns: repeat(auto-fill, 300px);
	min-height:300px;
	margin:0;	
	/*max-width:1290px;*/
	gap: 20px;
	flex-wrap:wrap;
	justify-content: center; /*Modifié à 1296 de large */
	}
 #gridNow {
	width:620px;
	background-size:48% !important;
 	}

.ProduitListe {
	display:inline-block;
	width:300px;
	height:340px;
	vertical-align:top;
	text-align:left;
	margin-bottom:55px;
	}

.ProduitListe .ProduitListeVignette {
	width:300px;
	height:300px;
	overflow:hidden;
	text-align:center;
	border:1px solid #EEE;
	margin-bottom:10px;
	background-color:#FFF;
	display:flex;
	align-items:center;
	justify-content:center;
	}
.ProduitListe .ProduitListeVignette img {
	width:220px;
	vertical-align:bottom;
	}

/*si onMousOver Inspiration */
.ProduitListe .ProduitListeVignetteI {
	width:300px;
	height:300px;
	overflow:hidden;
	text-align:center;
	border:1px solid #EEE;
	display:flex;
	align-items:center;
	justify-content: center;
	margin-bottom:10px;
	}
.ProduitListe .ProduitListeVignetteI img {
	height:300px;
	width:auto !important;
	}
/* fin 	si onMousOver Inspiration */


.divParaH2 {
	display:block;
	grid-column: span 4;
	}

.ProduitListe h3 {
	line-height:120%;
	display:block;
	margin-right:20px;
	font-size:120%;
	position:relative;
	}
.ProduitWishListe h3 {
	margin-right:60px;
	}
.exposantDebut {
	vertical-align:bottom;
	margin-bottom:10px;
	display:inline-block;
	margin-left:-1em;
	width:1em;
	font-size:60%;
	}		
	
.CollectionListe {
	display:inline-block;
	width:300px;
	height:440px;
	vertical-align:top;
	text-align:left;
	margin-bottom:18px;
	}
.CollectionListe .CollectionListeVignette {
	width:300px;
	height:400px;
	overflow:hidden;
	text-align:center;
	border:1px solid #EEE;
	margin-bottom:14px;
	display:flex;
	align-items:center;
	justify-content: center;
	}

.CollectionListe .CollectionListeVignette  img {
	height:400px;
	}
.CollectionListe h3 {
	display:block;
	font-size:120%;
	}	
	
.FavorisListe {
	position:absolute;
	right:-26px;
	top:-2px;
	padding:5px;
	}
.FavorisWishListe {
	position:absolute;	
	right:-24px;
	top:25px;
	padding:5px;
	}
	
.FavorisListe img {
	width:20px;
	}
.FavorisWishListe img {
	width:18px;
	}

.FavorisListe:hover img {
	background-size:20px;
	background-image: url('../images/icones/my-favorites-huppe-on.png');
	}
.ProduitListe .ProduitListeCollection {
	color:#505050;
	}
.ProduitWishListe .ProduitListeCollection {
	margin-top:10px;
	}
	







.ProduitSBox::-webkit-scrollbar {
    /*width: 2px;*/
	/*height:5px;*/
	height:40px;
}

.ProduitSBox::-webkit-scrollbar-track {
    border-top: 17px solid #f9f8f6;
	border-bottom: 17px solid #f9f8f6;
	background: #e4e3e1;	
}
.ProduitSBox::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,1); 
	border-radius: 4px;
  	border-top: 17px solid #f9f8f6;
  	border-bottom: 17px solid #f9f8f6;
  	background: #888;	
	}

  #huppe_50 {
	position:absolute;
	top:80px;
	background-color:#231f20;
	text-align:center;
	z-index:4;
	width:100%;
	background-size: auto 66px;
  	height:66px;
	}

  .divImageFullScreen {
	z-index:1;
    display:block;
  	position:relative;
	}
			
			
			
  .divImageFullScreen img{
	z-index:1;
    display:block;
  	position:relative;
	width: 100% !important;
	}	

  #justeMobile	{
	  display:none;
    }
	
  .titreSection	{
	padding:25px;
	font-size:160%;  
	font-weight:normal;
	color:#3a3a3c;
	
  	}
	
  .titreSectionVideos	{
	font-size:200%;  
	font-weight:normal;
	position:absolute;
	top:55%;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	color:#FFF;
  	}
  .VideosLogoH {
	position:absolute;
	bottom:-16px;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
    }
  .VideosLogoH img {
	width:32px;
	height:32px;
    }
	

 	#videoAccueil {
		margin-top:4px;
		display:block;
		background-color:#2b2b2b;
		padding:0px;
		text-align:center;		
		color:#DDD;
		padding-top:45px;
		padding-bottom:48px;
		}		
 	#videoAccueil .titreSection	{
		padding-top:0px;
		}		

 	#videoAccueil #vimeo {
		width:800px;
		height:340px;
		padding:0;
		display:inline-block;
		vertical-align:top;

		cursor:pointer;
		}
 	#videoAccueil #vimeo img {
		width:800px;
		}
 	.vimeo {
		width:800px;
		height:340px;
		padding:0;
		display:inline-block;
		vertical-align:top;
		cursor:pointer;
		margin:20px;
		background-color:#000;
		}
 	.vimeo img {
		width:800px;
		}		
	.iframeVimeo {
		width:1024px;
		height:435px;
		background-color:#000;
		padding-top:5px;
		}		
	.VoirTousVideos {
		font-size:140%;  
		color:#FEFEFE;
		padding:10px 22px 10px 22px;
		border:2px solid #959595;
		margin:30px;			
	  }
	.VoirTousVideos:hover {
		color:#FFF;
		background-color:#393939;
		border:2px solid #FFF;
	  }
		
	#produits, #collections {
		max-width:1100px;
		margin-left:auto;
		margin-right:auto;
		left:0;
		right:0;
		}
	

	

/* Collections et Produits ------------------------------------------------------------------ */	

  #ContainterCollections {
	display:block;
	margin-left:0px;
	margin-right:0px;
	text-align:center;
  	}


  .liensProduitsDroite a {
	font-size:140%;
	display:block;
	border-bottom:1px solid #C0C0C0;
	position:relative;
	padding-bottom:6px;
	margin-bottom:25px;
  	}
  .liensProduitsDroite a img {
	width:20px;
	position:absolute;
	top:4px;
	right:5px;
    }
  .InfoProduitBas {
	font-size:140%;
	border-bottom:1px solid #C0C0C0;
	position:relative;
	padding-bottom:6px;
	margin-bottom:25px;
	z-index:2;
    }
  .InfoProduitBas img {
	width:20px;
	position:absolute;
	top:4px;
	right:5px;
    }
	

  .divCollection, .divProduct {
	display:inline-block;
	vertical-align:top;
	width:420px;  
	text-align:left;
	overflow:hidden;
	position:relative;
	height:400px; 
	margin:40px;
	margin-bottom:0;
	margin-top:0;
  	}
  .divProduct {
	width:250px; 
	height:278px; 
	margin:13px; 
  	}	
	
  .divCollection a, .divProduct a{
	display:block;
	height:100%;
	text-align:left;
  	}	
  .divCollection a .NomCollection {
	display:block;
	position:absolute;
	bottom:45px;
	color:#000;
	font-weight:bold;
	font-size:200%;
	text-align:right;
	padding-right:65px;
	text-decoration:none;
	background-color:#FFF;
	left:0;
	right:0;
  	}
  .divProduct a .NomCollection {
	bottom:50px;
	font-weight:normal;
	font-size:140%;
	text-align:left;
	padding-right:0px;
	}	

  .divProduct a .NomCollectionAutreProduit {
	bottom:20px;
	margin-bottom:2px;
	font-weight:bold;
	font-size:140%;
	text-align:center;
	padding-right:0px;
	}	


  .NomCollectionBarre {
	border-right:3px solid #000;
	display:inline-block;
	position:absolute;
	right:42px;
	height:120px;
	bottom:-16px;
    }
  .divCollection a .GammeCollection {
	display:block;
	position:absolute;
	bottom:22px;
	font-weight:normal;
	text-decoration:none;
	font-size:140%;	
	color:#000;
	padding-right:65px;
	left:0;
	right:0;	
	text-align:right;
  	}	
.divProduct a .GammeCollection {
	padding-right:0px;
	bottom:30px;
	font-size:100%;	
	color:#666;
	text-align:center;	
  	}	
  .divCollection .LogoQuickShip, .divProduct .LogoQuickShip {
	 position:absolute;
	 top:0;
	 left:0;
	 right:0;
	 height:70%;
	 z-index:1;
	 background:url(../images/now.png) no-repeat center center;
	 background-size:35%;
	 opacity: 0.5;
	 filter: alpha(opacity=50);
     }
  .divCollection:hover .LogoQuickShip, .divProduct:hover .LogoQuickShip {
	 opacity: 1;
	 filter: alpha(opacity=100);
     }	 

  .divProduct img {
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:50px;
	margin:auto;
  	}	
  .divProduct .ImgLarge {
	height:auto !important;
	width:250px !important;
  	}	
  .divProduct .ImgHaute {
	height:172px !important;
	width:auto !important;
  	}	

	
  .divCollection .divCollectionImg {
	position:absolute;
	top:0;
	left: 50%;
    transform: translate(-50%);	
	height:300px;
  	}		
  .divCollection .texte, .divProduct .texte {
	position:absolute;
	left:0;
	width:100%;
	top:300px;
	bottom:0px;
	text-align:left;
	
  	}	

.divProduct .texte {
	top:200px;
  	}		
	
  #divTopCollection, .divProduits {
	display:inline-block;
	vertical-align:top;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
  	}
	
  .divCollection a:hover .NomCollection, .divCollection a:hover .GammeCollection{
	color:#AAA;
	}
	
  .divProduits .titreProduits {
	
	display:block;
	background-color:#3a3a3c;
	color:#FFF;
	padding:14px; 
	text-align:center;
	font-size:140%;
	 max-width:118%;
	 margin-left:-100px;
	 margin-right:-100px;	
  	}

 .TitreProduitsCollection {

 	}

  #divTopCollection #divInspirations {
	display:inline-block;
	vertical-align:top;
	padding-right:5px;
	padding-left:5px;
	width:65%;
	color:#AAA;
  	}

  #divTopCollection #divInspirations img {
	width:100%; 
	padding-bottom:0;
	cursor:pointer;
  	}

  .divDescription {
	display:inline-block;
	vertical-align:top;
 	margin-left:10px;
	margin-right:5px;	
	width:31%; 
	text-align:left;
	color:#000;
	position:relative;
  	}	
	
  .TitreFini, .TitreTissu {
	display:block;
	color:#000;
	font-size:130%;
	padding-top:19px;
	padding-bottom:16px;
  	}
	
  .TitreTissuCompagnie {
	position:absolute;
	top:-32px;
	right:66px;  
    }
		
  .TitreTissuCompagnie img {
	width:80px;  
    }
		
  .VignetteFini, .VignetteTissu {
	display:inline-block;
	cursor:pointer;
	position:relative;
	vertical-align:top;
	width: 82px;  
	text-align:center;
	
  	}
	
  .VignettePlus {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:3px;
	margin:6px;
	background-color:rgba(255, 255, 255, 0.5);
	color:rgba(0, 0, 0, 0.7);
	padding-top:20px;
	font-size:150%;
	font-weight:bold;
	line-height:1.2em;
  	}
  .icon_plus {
	padding-top:3px;
	width:18px !important;  
    }	
	
.lienTissus:hover .VignettePlus {
	color:rgba(0, 0, 0, 1);
	background-color:rgba(255, 255, 255, 0.8);
	}
  .VignetteInspiration {
	display:inline-block;
	cursor:pointer;
	position:relative;
	vertical-align:top;
	width: 135px;  
	text-align:center;
  	}	
  .VignetteFini img, .VignetteTissu img {
	width: 82px;  
  	}	
  .VignetteInspiration img {
	width: 135px;  
  	}	

  .divDescription .GammeCollection {
	color:#000;
	font-weight:normal;
	text-decoration:none;
	font-size:100%;
  	}
	
  .divDescription .NomProduit {
	color:#000;
	font-size:160%;
	text-align:left; 
	padding-bottom:10px;	
  	}
		
  .divDescription .NomCollection, .photoZoomContainer .NomCollection {
	color:#000;
	font-size:180%;
	text-align:left; 
	padding-bottom:10px;	
	font-weight:bold;
  	}
	
  .NomCollectionTitre {
	color:#000;
	font-size:180%;
	width:200px;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	display:inline-block; 
	font-weight:bold;
  	}	
	
  .divDescription .CodeCollection {
	color:#000;
	font-size:100%;
	text-align:left;
	padding-bottom:6px;	
  	}
		
  .divDescription .NomCollection a{
	text-decoration:none;
	color:#000;	
  	}
	
  .divDescription .NomCollection a:hover {
	text-decoration:none;	
	color:#AAA;
  	} 
	
  .divDescription .CatCollection {
	padding-bottom:12px;	
	color:#666;
  	}

  .divDescription #txtDescription {
	width:310px;
  	}


	
  .divProduits .Produit {
	display:inline-block;
	vertical-align:top;  
	margin-right:10px;
	font-size:80%;
	text-decoration:none;
	width:200px;
  	}
	
  .divProduits .Produit .NomProduit {
	display:block;
	color:#000;
	text-decoration:none;
	font-weight:bold;
	padding:5px;
  	}

  .divProduits .Produit .NoProduit {
	display:block;
	color:#000;
	text-decoration:none;	  
	padding:5px;
  	}

  .Vignette {
	display:inline-block;
	position:relative;
	vertical-align:top;	  
	margin:1px;
  	}

  .photoZoom {
	display:none;
	padding:0px;
	padding-top:26px;
	position:absolute;
	top:0;
	left: 0;
	right:0;
	width:100%;
	bottom:0;
	height:100%;
	text-align:center;
	z-index:2022220;
	background-color: rgba(255, 255, 255, 0.96);
	min-height:100% !important;
  	}
  .photoZoom .photoZoomContainer {
	display:inline-block;  
	position:relative;
  	}
  .photoZoom .photoZoomContainer .VignetteClose	{
	width:100px;
	position:absolute;
	left:0;
	top:-26px;
	cursor:pointer;
	height:70px;
	text-align:left;
	display:block;
	vertical-align:top;
	padding:5px;
	padding-left:11px;
	font-size:140%;
	font-weight:bold;
	color:#000;
  	}		
  .photoZoom .photoZoomContainer img {
    border:1px solid #666;
	max-height: 98% !important;
	max-width: 98% !important;
	left:0;
	right:0;
	width: auto !important;
	height: auto !important;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
  	}
		
  .VignetteZoom {
	display:none;
	position:absolute;
	top:0;
	left: 50%;
    transform: translate(-50%);	
	z-index:2022220;	  
	background-color: rgba(255, 255, 255, 0.96);
	border:1px solid #333;
	padding:5px;
	cursor:move !important;
  	}
  .VignetteZoom img {
	position:relative;
	display:block;
	width:420px;
	height:420px;
  	}
  .VignetteZoom .VignetteClose	{
	width:15px;
	display:inline-block;
	vertical-align:top;
	padding:5px;
	padding-left:3px;
	font-size:140%;
	font-weight:bold;
	color:#000;
	cursor:pointer !important;
  	}
  .VignetteZoom .VignetteContenu	{
	cursor:pointer !important;
  	}
  .VignetteZoom .VignetteDrag	{
	display:inline-block;
	width:10px;
	position:absolute;
	right:0;
	top:0;
	text-align:right;
	vertical-align:top;	
	cursor:move !important;
	padding:8px;
	padding-right:10px;
  	}	
  .VignetteZoom .VignetteDrag img	{
	width:16px;
	height:16px;
	}	
  .VignetteZoom .VignetteInfo {
	display:inline-block;
	vertical-align:top;  
	color:#666;
	text-align:left;
    }
  .VignetteInfo .VignetteInfoInfos {
	display:inline-block;
	width:120px;
	color:#999;
    }	
  .VignetteZoom .VignetteInfo hr {
	height:0;
	margin:2px;
	border:0;
	border-bottom:1px solid #CCC;
    }	
	
  .VignetteZoom .VignetteNote {
	color:#333;
	font-size:80%;
	margin-top:8px;
	text-align:center;
    }	

  .VignetteZoom .VignetteNoteExtra {
	margin-top:8px;
	margin-bottom:8px;
	color:#80c491; 
	font-size:80%;
	text-align:center; 
	text-transform:none;
	line-height:120%;
    }	


  .VignetteTissu {
	width:100px;
  	}
  .VignetteTissu img{
	display:inline;
	width:100px;
  	}
  .VignetteTissuZ {
	width:165px;
	font-size:80%;
  	}
  .VignetteTissuZ img{
	display:inline;
	width:165px;
  	}	
	
  .photoZoom .photoZoomContainer .arrow {
	cursor:pointer;
	position:absolute;
	bottom:15px;
	top:55px;
	display:inline-block;
	vertical-align:middle; 	
	width:80px;
  	}
  .photoZoom .photoZoomContainer .arrow img {
	position:absolute;
	width:60px!important;	  
	opacity: 0.3;
	filter: alpha(opacity=30);
	margin-top:auto;
	margin-bottom:auto;
	top:0;
	border:0;
	bottom:0;
  	}	

  .photoZoom .photoZoomContainer .arrow:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
  	}	


  .photoZoom .photoZoomContainer .arrow_left {
	left:10px;/*-22*/
  	}
  .photoZoom .photoZoomContainer .arrow_right {
	right:10px;  
    }
	
  .bdownload {
	  border:0 !important;
	  padding:40px;
	  padding-bottom:25px;
	  
	  position:absolute;
	  display:inline-block;
	  bottom:0px;
	  width:60px;
	  left:0;
	  right:0;
	  margin-left:auto;
	  margin-right:auto;
	  text-decoration:none;
     }	
  .bdownload img {
	  border:0 !important;
	 opacity: 0.5;
	 filter: alpha(opacity=50);
	  width:60px;
     }		 
  .bdownload:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80)	  
     }	

	
	
/* form ----------------------------------------------------------------- */
  .divFormIntranet {
    font-size:140%;
    line-height:35px;
    display:inline-block;
    vertical-align:top;
    text-align:left;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
    margin-top:120px;
    margin-bottom:200px;
    }
  .divFormIntranet input[type="text"], .divFormIntranet input[type="password"] {
	font-size:140%;
	color:#000;
	padding:12px 5px;
	border:0;
	width:400px;
	-webkit-box-shadow: 0 0 0px 1000px #EEE inset;
	background-color:#EEE;
    }	
  .divFormIntranet input[type="submit"] {
	background-color:#000;
	color:#FFF;
	padding:10px 60px;
	border:0;
	cursor:pointer;
    }	
	
  .divFormContact {
    margin-top:-50px;
	font-size:100%;
	line-height:20px;
	text-align:left;
	position:relative;
    }
  #mapmonde {
	position:absolute;
	top:40px;
	bottom:0;
	left:0;
	right:0;
	margin-left:44%;
	background:  url('../images/mapmonde.png') no-repeat left top;
    }
  .divFormContact .titre {
	font-size:180%;
	color:#FFF;
    }
  .divFormContact input[type="text"], .divFormContact textarea {
	font-size:100%;
	color:#CCC;
	padding:6px 5px;
	border:0;
	width:280px;
	margin-bottom:12px;
    }
  .divFormContact textarea {
    height:120px; 
    }	
  .divFormContact input[type="submit"] {
	font-size:100%;
	background-color:#FFF;
	color:#000;
	font-weight:bold;
	padding:6px 40px;
	border:0;
	cursor:pointer;
	}
  .divFormContact  .asterisk {
	font-size:80%;
	}



  .divFormContact #Reps {
	font-size:80%;
	white-space:nowrap;
	width:308px;
	line-height:12px;
	display:inline-block;
	vertical-align:top;
	text-align:left;
	color:#FFF;	  
    }
  .divFormContact #Headquarters {
	margin-left:80px;
	line-height:16px;
	color:#CCC;
	font-size:100%;
	width:308px;
	display:inline-block;
	vertical-align:top;
	text-align:left;
    }
  .divFormContact #Reps .Titre {
	color:#FFF;
	font-size:120%;
    }
 	
  .designer {
	color:#666;
	width:600px;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	display:inline-block;
	vertical-align:top;
    }
	
	
  .MagazineContainer {
	 display:inline-block;
	 vertical-align:top; 
	 position:relative;
	 margin-left:10px;
	 margin-right:10px;
    }
  .MagazineContainer .MagazineMask {
	display:none;
    position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-color:#333;
	text-align:center;
	color:#FFF;
	font-size:140%;
	padding-top:80px;
	line-height:24px;
    }
  .MagazineContainer:hover .MagazineMask {
	display:block;
    }
  .MagazineContainer .MagazineTitre {
	display:none;
	color:#333;
	text-align:center;
    }
	
  .ImgFullWidth {
	max-width:100%;
	width:100%;
	margin-top:100px;
    }
	
  .ProduitInspiration  {
	display:inline-block;
	vertical-align:middle;  
	overflow:hidden;
	height:96px;
	width:150px;
	position:relative;
    }	  	
		
  .ProduitInspiration img {
	width:150px;
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
    }
	
  .MaintenanceTitre {
	  margin-top:30px;
	  font-size:180%;
	  color:#FFF;
	  line-height:30px;
	  cursor:pointer;
	  font-weight:bold;
	  }	
	  
/*---Environnement---*/
  .BlocTxt12 {
    font-size:100%;
    line-height:16px;
    }
  .BlocTxt14 {
    font-size:120%;
    line-height:18px;
    }
  .BlocTitre30 {
    font-size:200%;
    line-height:40px;
    }   
  .BlocTitre50 {
    font-size:300%;
    line-height:60px;
    }    
	  
  #BlocDurable  > div:first-child {
	margin-top:300px;
    }	
  #BlocDurable img {
	width:400px;
    }
  #BlocDurable .BlocTxt12 {
	left:-320px;
	width:260px;
	padding:30px !important;
    }	
	
  .AussiNow {
    width:180px;
    }


  #PhotoInspiration {
	position:relative;
    }

  #PhotoInspiration img {
	max-width:118%;
	margin-left:-100px;
	margin-right:-100px;
    }
  #InspirationPrevious2 {
	margin-left:-100px;
    }
  #InspirationNext2 {
    margin-right:-100px;
    }	
  
  #InspirationBack {
	position:absolute;
	left:-92px;
	top:3px;
	color:#000;
	font-weight:bold;
    }
  #InspirationPrevious, #InspirationNext, #InspirationPrevious2, #InspirationNext2 {
	visibility:hidden;
	position:absolute;
	cursor:pointer;
    }
  #InspirationPrevious {
	right:-50px;
	top:3px;
    }
  #InspirationNext {
	right:-93px;
	top:3px;
    }
  #InspirationPrevious2 {
	left:0px;
	top:0px;
	width:50px;
	bottom:0px;
    }
  #InspirationNext2 {
	right:0px;
	top:0px;
	width:50px;
	bottom:0px;
    }
	
  #InspirationPrevious img, #InspirationNext img {
	width:30px;
	}
  #DescriptionInspiration {
	max-width:90%;
	margin-left:auto;
	margin-right:auto;
	display:inline-block;
	margin-top:-50px;
    }
  #DescriptionInspiration table {
	width:100%;
    }
  #DescriptionInspirationA {
	font-size:250%;
	line-height:130%;
	font-weight:bold;
	color:#000;
	text-shadow: 1px 1px 8px rgba(255, 255, 255, 0.8);
    }
  #DescriptionInspirationLien {
	position:relative;
	white-space:nowrap;
	vertical-align:top;
	text-align:right;
	padding:40px;
	padding-top:80px;
	padding-right:0px;
	padding-left:40px !important;
	width:82px;
    }
  #DescriptionInspirationLien div {
	position:absolute;
	white-space:nowrap;
	padding:10px;
	padding-right:0;
	right:-155px;
	top:58px;
	
	
    }
  #DescriptionInspirationLienB {
	display:none; /*Seulement version iphone*/
    }	
  #DescriptionInspirationB {
	max-width:75%;
	
	line-height:120%;
	font-size:160%;
	margin-left:auto;
	margin-right:auto;
	display:inline-block;
    }

  .NomInspiration {		
	display:inline-block;
	
	vertical-align:top;
	width:12px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	transform: rotate(-90.0deg);
	text-align:left;
	white-space:nowrap;
	position:absolute;
	bottom:2px;
	left:-115px;
	font-size:100%;
	color:#000;
	font-weight:bold;	
  	}	
	

  .collections_lighting_logo {
	width:250px;  
    }
	
  #lighting {
	display:inline-block;
	position:relative;
	width:100%;
	}
  #lighting_logo {
	position:absolute;
	top:110px;
	margin-left:auto;
	margin-right:auto;
	width:600px;
	left:0;
	right:0;
    }
  #lighting_logo img {
	width:600px;
    }
  #lighting_text1_container {
	display:inline-block;
	font-weight:bold;
	width:60%;
	vertical-align:bottom;
	font-size:140%;
	line-height:140%;
	color:#000;
    }
  #lighting_text1 {
	padding-right:40px;
    }
  #lighting_text1 div {
	font-size:140%;
    }
  #lighting_photo1 {
	display:inline-block;
	width:39%;
	vertical-align:top;
	text-align:right;
    }
  #lighting_photo1 img {
	width:400px;
    }
        
  #lighting_text2 {
	display:inline-block;
	font-weight:400;
	width:600px;
	font-size:130%;
	line-height:140%;
	color:#000;
    }
  #lighting_made_with_love {
	display:inline-block;
	vertical-align:top;
	position:relative;
	width:100%;
	text-align:left;
    }
  #lighting_made_with_love img {
	floating:right;
	width:822px;
	margin-right:150px;
    }
  #lighting_made_with_love div {
	position:absolute;
	top:80px;
	right:0px;
	font-size:340%;
	display:inline-block;
	font-weight:400;
	color:#000;
	text-shadow: 1px 1px 8px rgba(255, 255, 255, 0.8);
    }
	
	
/* Produit Tissu */	
	.TitreTissu	{
		margin-top:10px;
		position: relative;
		}
	.TitreTissu	img {
		position: absolute;
		top:10px;
		left:10px;
		width:16px;
		}
	.TissusContainer {
		display:inline-block;
		position:relative;
		}
	.SupportLitContainer {
		margin-bottom:30px;
		}
	.TissuVignetteContainer, .SupportLitContainer {
		display:inline-block;
		vertical-align:top;	  
		margin:12px;
		position:relative;
		margin-left:0;
		margin-right:16px;
		}
	.TissuVignetteContainer .TissuVignette {
		display:inline-block;
		vertical-align:top;	  
		font-size:120%;
		line-height:140%;
		margin-bottom:8px;
		position:relative;
		cursor:pointer;
		}		
	.SupportLitContainer .SupportLit {
		display:inline-block;
		vertical-align:top !important;	  
		position:relative;
		cursor:pointer;
		margin-bottom:30px;
		}		
	.TissuVignetteContainer .TissuVignette .Vign2, #VignetteSize {
		width:175px;
		height:175px;		
		}	
	#VignetteSize2 {
		width:250px;
		height:250px;		
		}
	.BaseLitTxt {
		top:250px;
		width:250px;
		}			
	.SupportLitContainer .SupportLit .SupportLit2, .SupportLitContainer .SupportLit .ZoomSupportLit {
		width:250px;
		height:250px;	
		}	
	.TissuVignetteContainer .TissuVignette .ZoomV2 {
		width:175px;
		height:175px;		
		position:absolute;
		left: 50%;
  		transform: translate(-50%, -50%);
		top:50%;
		transition:ease-in 0.2s;	
		z-index:1;		
		}	
	.SupportLitContainer .SupportLit .ZoomSupportLit {		
		position:absolute;
		left: 50%;
  		transform: translate(-50%, -50%);
		top:50%;
		transition:ease-in 0.2s;	
		z-index:1;	
		}		
	.BaseLitTxt {
		display:inline-block;
		position:absolute;
		left:0;
		line-height:120%;
		text-align:top;
		}
	.TissuVignetteContainer .TissuVignette .VignGroupe {
		width:175px;
		height:175px;		
		}			
	.TissuVignetteContainer .TissuVignette div{
		position:relative;
		display:inline-block;
		}			
	.TissuCompagnieTitre {
		position:absolute;
		right:2px;
		top:-40px;
		}
	.TissuCompagnieTitre img {
		width:120px;
		}	
	.VignPlus {
		position:absolute;
		bottom:5px;
		right:0px;
		cursor:pointer;
	 	}
	.VignPlus img {
		width:20px;
	 	}	
	
  }
  

@media screen and (max-width:1700px) {  /*############################################################################## */

  .photoSubMenuP  {	
  	position:absolute;
	left:-240px;/*-340px;*/
	height:200px;/*300px;*/
	width:200px;/*300px;*/
  	}
  .photoSubMenuP img {
	width:200px;/*300px;*/
	}	
  #divProduitDD .photoSubMenuC {
	left:-200px;/*-265px;*/
	height:200px;/*300px;*/
	width:150px;/*225px;*/
    }
		
			
  } 
  
@media screen and (max-width:1598px) {  /*############################################################################## */
  
  #LoginNomMobile {
	  display:inline-block;
	  }
  #LoginNomIpad {
	  display:none;
	  }  
  #LoginNom {
	  display:none;
	  }  
}
  
@media screen and (max-width:1525px) {  /*############################################################################## */

  .photoSubMenuP  {	
  	position:absolute;
	left:-190px;/*-240px;*/
	top:50px;
	height:150px;/*200px;*/
	width:150px;/*200px;*/
  	}
  .photoSubMenuP img {
	width:150px;/*200px;*/
	}		
  } 

@media screen and (max-width:1420px) {  /*############################################################################## */


  .divSubMenuP .SMTitre {/*Produits ou collection regroupement */
	letter-spacing: -1px;
    }


  #header .divMenu a {
	/*font-size:90%;*/
 	}
  body {
	 font-size:10px; 
    }	
 /*Menu  -----------------------------------------------   */	
	

  header nav #logo img {
	width:60px;/*80px;*/
	padding-left:20px;/*60px;*/
	padding-right:0px;
	padding-top:15px;
	}		

  #header_home #navdiv nav {
	margin-right:12px;/*50px;*/
	}		
	
  .divMenuR {
	 padding-right:10px; /*20px;*/
 	}

  #MenuDroite a {
	padding-left:12px;/*20px;*/
	padding-right:12px;/*20px;*/
    }
 #MenuDroite img	{
	height:16px;/*20px;*/
 	}
	
  .divMenu, .divMenuR  {
	margin-left:0px;/*14px;*/
	margin-right:0px;/*14px;*/
	
  }

	
	
	
  #RechercheFiltresTitre {
	left:-80px;/*-135px;*/
    }	 
  #SearchResults {
	width:300px;/*400px;*/
    }	
	
  #Search-Materiaux {
	width:130px !important;/*150px;*/
    }
  .Search-Listes {
	width:150px !important;/*180px;*/
    }
	
	
	
	
	
/* Footer ------------------------------------------------------------------ */	
  footer {	  
	padding:20px 20px;/*40px 80px;*/
  	}
  #footerGLogo {
	width:80px;/*120px;*/
    }
  #footerGP {
	width:240px;/*300px;*/
  }
  #FooterPolitique {
	display:block;  
    }
  #MenuFooter div {
    margin-right:15px;/*40px;*/
	}
  .lienExterneFooter {
	width:30px;/*35px*/;
    }

		
			
}    
 
 
@media screen and (max-width:1325px) {  /*############################################################################## */


  header nav #logo img {
	width:60px;/*80px;*/
	padding-left:20px;/*60px;*/
	padding-right:0px;
	}


 
   /* Vignettes Listes Produits ------------------------------- */
  .Vignettes {
	  margin-left:10px;
	  margin-right:10px;
	  width:90%;	
	  }
  .divParaH2 {
	  display:none;
	  }
	
   }  
 
  @media screen and (max-width:1296px) {  /*############################################################################## */

 
 .VignettesFlex {
	justify-content: center; /*flex-start*/
 	}
 }

  @media screen and (max-width:1280px) {  /*############################################################################## */

	.SupportLitContainer .SupportLit .SupportLit2, .SupportLitContainer .SupportLit .ZoomSupportLit {
		width:180px;
		height:180px;	
		}	
    .BaseLitTxt {
	  top:180px;
	  width:180px;
	  }		
	#VignetteSize2 {
		width:180px;
		height:180px;		
		}	
 }
 @media screen and (max-width:1190px) {  /*############################################################################## */

   #SearchDivClose {
	right:60px;/*60px;*/
	/*top:70px;*//*10px;*/
	
    }
   #Search-QS {
	display:none;   
     }

  #Search-Materiaux {
	width:100px !important;/*150px;*/
    }
  .Search-Listes {
	width:140px !important;/*180px;*/
    }	
  #RechercheFiltresTitre {
	left:-80px;/*-135px;*/
	display:none;
    }	 
  #SearchResults {
	width:220px;/*400px;*/
    }	
	
	
	
	.TissuVignetteContainer .TissuVignette .Vign2, .TissuVignetteContainer .TissuVignette .ZoomV2, .TissuVignetteContainer .TissuVignette .VignGroupe, #VignetteSize {
		width:130px;
		height:130px;		
		}	


	
			
  } 
 
 

 
@media screen and (max-width:1049px) {  /*############################################################################## */

  #header .divMenu a {
	/*font-size:70%;*/
 	}
  body {
	 font-size:10px; /*était à 9px le 13janvier*/
    }
	
			
  } 
    
	
	
@media screen and (max-width:1065px) {  /*############################################################################## */
/* Vignettes Listes Produits ------------------------------- */
  .VignettesFlex {
	  min-height:250px;/*300px;*/
	  /*max-width:1290px;*/
	  gap: 20px;
	  grid-template-columns: repeat(auto-fill, 250px);/*300px;*/
	  }
   #gridNow {
	  width:520px;
	  background-size:40% !important;
	  }	
  .ProduitListe {
	  width:250px;/*300px;*/
	  height:290px;/*340px;*/
	  margin-bottom:25px;
	  }
  .ProduitListe .ProduitListeVignette {
	  width:250px;/*300px;*/
	  height:250px;/*300px;*/
	  margin-bottom:10px;
	  }
  .ProduitListe .ProduitListeVignette img {
	  width:190px !important;/*220px;*/
	  }
  /*si onMousOver Inspiration */
  .ProduitListe .ProduitListeVignetteI {
	  width:250px;/*300px;*/
	  height:250px;/*300px;*/
	  margin-bottom:10px;
	  }
  .ProduitListe .ProduitListeVignetteI img {
	  height:250px;/*300px;*/
	  }
	  
  .CollectionListe {
	  width:250px;/*300px;*/
	  height:373px;/*440px;*/
	  margin-bottom:18px;
	  }
  .CollectionListe .CollectionListeVignette {
	  width:250px;/*300px;*/
	  height:333px;/*400px;*/
	  margin-bottom:14px;
	  }
  .CollectionListe .CollectionListeVignette  img {
	  height:333px;/*400px;*/
	  }	
		
}
	
	
	
@media screen and (max-width:955px) {  /*############################################################################## */

   #SearchDivClose {
	right:60px;/*60px;*/
	top:60px;/*10px;*/
	
    }

			
  } 	
	
@media screen and (max-width:900px) {  /*############################################################################## */


/* menu ------------------------------------------------------------------ */	
	
	
   #header_home #navdiv #header_mobile_logo {	
    display:inline-block;
	position:absolute;
	left:12px;
	top:-4px;
  	}

  #header_home #navdiv #header_mobile_logo img {
	width:80px;
	padding:12px;
	}	
	
	
  #header {
	display:none;
 	}
  #header_mobile {
	display:flex;
  	}
  #header_home #navdiv nav {
	margin-right:10px;
	}

 
  #LoginNomMobile {
	  display:none;
	  }
  #LoginNomIpad {
	  display:inline-block;
	  }  
  #LoginNom {
	  display:none;
	  }  

	.SupportLitContainer .SupportLit .SupportLit2, .SupportLitContainer .SupportLit .ZoomSupportLit {
		width:200px;
		height:200px;	
		}	
    .BaseLitTxt {
	  top:200px;
	  width:200px;
	  }		
	#VignetteSize2 {
		width:200px;
		height:200px;		
		}	

				
  }    
 
 
 
 
@media screen and (max-width:667px) {  /*############################################################################## */

  #footerG {
	display:block;
	width:100%;
    }
	
 #footerGP, #MenuFooter {
	 display:none;
 	}
 #MenuFooterMobile {
	display:block;
	width:100%;
 	}


  #MenuFooterMobile .TitreLienFooter {
	font-size:140%;
	border-bottom:1px solid #C0C0C0;
	padding-bottom:6px;
	margin-bottom:15px;
	cursor:pointer;
	font-weight:500;
	position:relative;
    }
  #MenuFooterMobile .TitreLienFooter img {
	width:20px;
	position:absolute;
	top:4px;
	right:5px;
    }
  #MenuFooterMobile .SubLienFooter {
	display:none;
    line-height:180%;
	font-size:120%;
	color:#07070 !important;
    }	
  #MenuFooterMobile .SubLienFooter a {
	color:#707070;
    }		
  #MenuFooterMobile .SubLienFooter a:hover {
	color:#000;
    }			
  #FooterContactMobile {
	  display:block;
  	}
 

 
 #LoginNomMobile {
	display:none;
	margin-right:0px; /*40px;*/
	}
#LoginNomIpad {
	display:inline-block;
    }  
#LoginNom {
	display:none;
    } 
 
 
  }



@media screen and (max-width:600px) {  /*############################################################################## */
/* Vignettes Listes Produits ------------------------------- */


  
  .VignettesFlex {
	  min-height:200px;/*250px;*/
	  gap: 20px;
	  grid-template-columns: repeat(auto-fill, 200px);/*250px;*/
	  }
   #gridNow {
	  width:420px;
	  background-size:55% !important;
	  }	
  .ProduitListe {
	  width:200px;/*250px;*/
	  height:240px;/*290px;*/
	  margin-bottom:35px !important;/*55px;*/
	  }
  .ProduitListe h3:not(.h3Collection):not(.h3Groupe) {
	  font-size:110%;/*120%;*/
	  }	
  .ProduitListe .h3Groupe {
	  font-size:110%;/*120%;*/
	  }	
  .ProduitListe h3:not(.h3Collection):not(.h3Groupe) .exposant {
	  display:none;
	  }	
	  
  .ProduitListe .ProduitListeVignette {
	  width:200px;/*250px;*/
	  height:200px;/*250px;*/
	  margin-bottom:10px;
	  }
  .ProduitListe .ProduitListeVignette img {
	  width:160px !important;/*190px;*/
	  }
  /*si onMousOver Inspiration */
  .ProduitListe .ProduitListeVignetteI {
	  width:200px;/*250px;*/
	  height:200px;/*250px;*/
	  margin-bottom:10px;
	  }
  .ProduitListe .ProduitListeVignetteI img {
	  height:200px;/*250px;*/
	  }
	  
  .CollectionListe {
	  width:200px;/*250px;*/
	  height:307px;/*373px;*/
	  margin-bottom:18px;
	  }
  .CollectionListe .CollectionListeVignette {
	  width:200px;/*250px;*/
	  height:267px;/*333px;*/
	  margin-bottom:14px;
	  }
  .CollectionListe .CollectionListeVignette  img {
	  height:267px;/*333px;*/
	  }	
	  
	  
  .FavorisListe {
	  position:absolute;
	  right:-26px;/*-36px;*/
	  top:5px;/*-2px;*/
	  padding:5px;
	  }
  .FavorisWishListe {
	  position:absolute;	
	  right:-26px;/*-36px;*/
	  top:20px;/*25px;*/
	  padding:5px;
	  }	
  .FavorisListe img {
	  width:14px;
	  }
  .FavorisWishListe img {
	  width:14px;
	  }	
  .FavorisListe:hover img {
	  background-size:14px;
	  }
  .FavorisWishListe:hover img {
	  background-size:14px;
	  }
  
  .TissuVignetteContainer .TissuVignette .Vign2, .TissuVignetteContainer .TissuVignette .ZoomV2, .TissuVignetteContainer .TissuVignette .VignGroupe, #VignetteSize {
	  width:100px;
	  height:100px;		
	  }
  .SupportLitContainer .SupportLit .SupportLit2, .SupportLitContainer .SupportLit .ZoomSupportLit {
	  width:160px;
	  height:160px;	
	  }	

  #VignetteSize2 {
	  width:160px;
	  height:160px;		
	  }	
    .BaseLitTxt {
	  top:160px;
	  width:160px;
	  }	
  .VignPlus {
	  bottom:8px;
	  right:0px;
	  }	
  .VignPlus img {
	  width:14px;
	  }			
	
} 
@media screen and (max-width:486px) {  /*############################################################################## */
/* Vignettes Listes Produits ------------------------------- */

  .VignettesFlex {
	  min-height:180px;/*200px;*/
	  gap: 20px;
	  grid-template-columns: repeat(auto-fill, 180px);/*200px;*/
	  }
   #gridNow {
	  width:380px;
	  }	
  .ProduitListe {
	  width:180px;/*200px;*/
	  height:220px;/*240px;*/
	  margin-bottom:15px;/*55px;*/
	  }
  .ProduitListe h3 {
	  font-size:80%;/*120%;*/
	  }		
  .ProduitListe .ProduitListeVignette {
	  width:180px;/*200px;*/
	  height:180px;/*200px;*/
	  margin-bottom:10px;
	  }
  .ProduitListe .ProduitListeVignette img {
	  width:140px !important;/*160px;*/
	  }
  /*si onMousOver Inspiration */
  .ProduitListe .ProduitListeVignetteI {
	  width:180px;/*200px;*/
	  height:180px;/*200px;*/
	  margin-bottom:10px;
	  }
  .ProduitListe .ProduitListeVignetteI img {
	  height:180px;/*200px;*/
	  }
	  
  .CollectionListe {
	  width:180px;/*200px;*/
	  height:280px;/*307px;*/
	  margin-bottom:18px;
	  }
  .CollectionListe .CollectionListeVignette {
	  width:180px;/*200px;*/
	  height:240px;/*267px;*/
	  margin-bottom:14px;
	  }
  .CollectionListe .CollectionListeVignette  img {
	  height:240px;/*267px;*/
	  }	
} 
@media screen and (max-width:440px) {  /*############################################################################## */
/* Vignettes Listes Produits ------------------------------- */
  .VignettesFlex {
	  min-height:160px;/*180px;*/
	  gap: 20px;
	  grid-template-columns: repeat(auto-fill, 160px);/*180px;*/
	  }
   #gridNow {
	  width:340px;
	  background-size:70% !important;
	  }	
  .ProduitListe {
	  width:160px;/*180px;*/
	  height:200px;/*220px;*/
	  margin-bottom:15px;/*55px;*/
	  }
  .ProduitListe .ProduitListeVignette {
	  width:160px;/*180px;*/
	  height:160px;/*180px;*/
	  margin-bottom:10px;
	  }
  .ProduitListe .ProduitListeVignette img {
	  width:120px !important;/*140px;*/
	  }
  /*si onMousOver Inspiration */
  .ProduitListe .ProduitListeVignetteI {
	  width:160px;/*180px;*/
	  height:160px;/*180px;*/
	  margin-bottom:10px;
	  }
  .ProduitListe .ProduitListeVignetteI img {
	  height:160px;/*180px;*/
	  }
	  
  .CollectionListe {
	  width:160px;/*180px;*/
	  height:254px;/*280px;*/
	  margin-bottom:18px;
	  }
  .CollectionListe .CollectionListeVignette {
	  width:160px;/*180px;*/
	  height:214px;/*240px;*/
	  margin-bottom:14px;
	  }
  .CollectionListe .CollectionListeVignette  img {
	  height:214px;/*240px;*/
	  }	
	  
  .TissuVignetteContainer .TissuVignette .Vign2, .TissuVignetteContainer .TissuVignette .ZoomV2, .TissuVignetteContainer .TissuVignette .VignGroupe, #VignetteSize {
	  width:70px;
	  height:70px;		
	  }	
  .SupportLitContainer .SupportLit .SupportLit2, .SupportLitContainer .SupportLit .ZoomSupportLit {
	  width:100px;
	  height:100px;	
	  }	
    .BaseLitTxt {
	  top:100px;
	  width:100px;
	  } 
  #VignetteSize2 {
	  width:100px;
	  height:100px;		
	  }	

  .TissuVignetteContainer .TissuVignette, .SupportLitContainer .SupportLit {
	  font-size:80%;
	  line-height:140%;
	  }
  .VignPlus {
	  bottom:8px;
	  right:0px;
	  }	
  .VignPlus img {
	  width:10px;
	  }
	
} 


@media screen and (max-width:396px) {  /*############################################################################## */


  #header_home #navdiv nav a {
	}
  #header_home #navdiv .lienEncadre {
	border:1px solid #666;
	padding:4px 4px !important;
	margin-left:0px;
	margin-right:2px;
	font-size:8px !important;
	}



  /* Vignettes Listes Produits ------------------------------- */
  .VignettesFlex {
	  min-height:136px;/*160px;*/
	  gap: 20px;
	  grid-template-columns: repeat(auto-fill, 136px);/*160px;*/
	  }
  #gridNow {
	  width:292px;
	  }
  .ProduitListe {
	  width:136px;/*160px;*/
	  height:170px;/*200px;*/
	  margin-bottom:15px;/*55px;*/
	  }
	  
  .ProduitListe h3 {
	  font-size:60%;/*120%;*/
	  }
  .ProduitListe .ProduitListeVignette {
	  width:136px;/*160px;*/
	  height:136px;/*160px;*/
	  margin-bottom:10px;
	  }
  .ProduitListe .ProduitListeVignette img {
	  width:100px !important;/*120px;*/
	  }
  /*si onMousOver Inspiration */
  .ProduitListe .ProduitListeVignetteI {
	  width:136px;/*160px;*/
	  height:136px;/*160px;*/
	  margin-bottom:10px;
	  }
  .ProduitListe .ProduitListeVignetteI img {
	  height:136px;/*160px;*/
	  }
	  
  .CollectionListe {
	  width:136px;/*160px;*/
	  height:222px;/*254px;*/
	  margin-bottom:18px;
	  }
  .CollectionListe .CollectionListeVignette {
	  width:136px;/*160px;*/
	  height:182px;/*214px;*/
	  margin-bottom:14px;
	  }
  .CollectionListe .CollectionListeVignette  img {
	  height:182px;/*214px;*/
	  }	
	
   #header_home #navdiv #header_mobile_logo img {
	width:60px;
	}		
} 
@media screen and (max-width:345px) {  /*############################################################################## */
/* Vignettes Listes Produits ------------------------------- */
  .VignettesFlex {
	  min-height:125px;/*136px;*/
	  gap: 20px;
	  grid-template-columns: repeat(auto-fill, 125px);/*136px;*/
	  }
   #gridNow {
	  width:270px;
	  }	
  .ProduitListe {
	  width:125px;/*136px;*/
	  height:156px;/*170px;*/
	  margin-bottom:15px;/*15px;*/
	  }
  .ProduitListe .ProduitListeVignette {
	  width:125px;/*136px;*/
	  height:125px;/*136px;*/
	  margin-bottom:10px;
	  }
  .ProduitListe .ProduitListeVignette img {
	  width:100px !important;/*100px;*/
	  }
  /*si onMousOver Inspiration */
  .ProduitListe .ProduitListeVignetteI {
	  width:125px;/*136px;*/
	  height:125px;/*136px;*/
	  margin-bottom:10px;
	  }
  .ProduitListe .ProduitListeVignetteI img {
	  height:125px;/*136px;*/
	  }
	  
  .CollectionListe {
	  width:125px;/*136px;*/
	  height:207px;/*222px;*/
	  margin-bottom:18px;
	  }
  .CollectionListe .CollectionListeVignette {
	  width:125px;/*136px;*/
	  height:167px;/*182px;*/
	  margin-bottom:14px;
	  }
  .CollectionListe .CollectionListeVignette  img {
	  height:167px;/*182px;*/
	  }	
	
	
}