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


.clear { 
clear:both; 
} 

Body{
	background-image: url(img/gabaritMeublesPeints.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover; 
-webkit-transition: background 1.5s linear;
-moz-transition: background 1.5s linear;
-o-transition: background 1.5s linear;
-ms-transition: background 1.5s linear;
transition: background 1.5s linear;
}
#menu-deroulant, #menu-deroulant ul {	
	list-style: none;
    padding: 0;
    margin: 0;
    list-style: none;
}
#menu-deroulant {
	margin-left:22%;
	width:55%;
	height:50px;
	text-align: center;
	background-color:transparent	;
	background-repeat: no-repeat;
	background-size: cover;
	font-weight: 400;
	font-size: medium;
	font-style: oblique;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	/* [disabled]line-height: normal; */
	color: rgba(0, 0, 0, 1);
	z-index:1111111;
/* on centre le menu dans la page */
    text-align: center;
}
#menu-deroulant li {
/* on place les liens du menu horizontalement */
margin-right:20px;
background-color: #f0f0f0;
	background-image: -webkit-gradient(linear,left top, left bottom,from(#fefefe), color-stop(0.5,#f0f0f0), color-stop(0.51, #e6e6e6));
	background-image: -moz-linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);
	background-image: -o-linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);
	background-image: -ms-linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);
	background-image: linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);
	border-right: 1px solid rgba(0, 0, 0, 5);
	border-left: 1px solid rgba(0, 0, 0, 5);
	/* Adding a 1px inset highlight for a more polished efect: */
	font-size:large;
	font-weight:bold;
	padding-top:1%;
	padding-bottom:1%;
    display: inline-block;
	z-index:111111;
	padding-right:30px;
	padding-left:30px;
}
#menu-deroulant ul li {
/* on enlève ce comportement pour les liens du sous menu */
	margin-left:-5px;
	margin-right:-5px;
	width:50px;
}
#menu-deroulant a {
    text-decoration: none;
    display: block;
	color:#000;
}

#menu-deroulant ul {
    position: absolute;
/* on cache les sous menus complètement sur la gauche */
top:42px;
    left: -999em;
    text-align: left;
	width:500px;
}
#menu-deroulant li:hover ul {
/* Au survol des li du menu on replace les sous menus */
    left:36.2%;
}

#menu-deroulant.floatable {
	margin-left:-0.5%;
    position: fixed;
	width: 100%;
	height:54px;
	text-align: center;
	background-color:rgba(255,255,255,0.8)	;
	background-repeat: no-repeat;
	background-size: cover;
	font-weight: 400;
	font-size: medium;
	font-style: oblique;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	/* [disabled]line-height: normal; */
	color: rgba(0, 0, 0, 1);
	padding-right: 1px;
	padding-left: 2px;
	margin-bottom: 1.5px;
	margin-right:24%;
	z-index:1100;
}



.arriere_page{
margin:auto;
width: 75%; 
/*background-color: rgba(255, 255, 255, 0.7);*/
background-color:rgba(243, 243, 243, 1);
left:13%;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
position:absolute;
box-shadow: 0px 0px 20px 5px rgba(102,102,102,0.9);
z-index:-1;
margin-top:2.6%;
}

.header{
	
	width: 90%;
	height: 15%;
	background-color: rgba(255, 255, 255);
	margin: auto;
	margin-top: 3%;
	padding: auto;
	box-shadow: 0px 0px 15px 5px rgba(102,102,102,0.9);
	margin-bottom: 20px;
	
}
.titrentreprise{
	text-align: center;
	padding-top: 2%;
}

.headermonpanier{
	box-shadow: 0px 0px 10px 5px rgba(102,102,102,0.9);
	top: 27px;
	right: 50px;
	width: 99.5%;
	margin-right: 0%;
	text-align: center;
	padding-top: 0.5%;
	padding-bottom: 0.5%;
	background-image: url(images/parquet-Chene-Contrecolle-de-qualite-CD-21x220x1900-Brosse-Fort-Huile-Cire-Osmo.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	font-weight: 400;
	font-size: medium;
	font-style: oblique;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	/* [disabled]line-height: normal; */
	color: rgba(0, 0, 0, 1);
	padding-right: 1px;
	padding-left: 2px;
	margin-top: 1.5px;
	margin-bottom: 1.5px;
	font-weight: bold;
}

.diapo{
	width:inherit;
	margin:auto;
	margin-top:3%;
	box-shadow: 0px 0px 15px 5px rgba(102,102,102,0.9);
}

.diapoimg{
	width:100%;
	height:100%;	
}

.detailarticle{
	float: right;
	width:92%;
	margin:auto;
	height:auto;
	margin-top:3%;
	margin-bottom:30px;
	margin-right: 4%;
	box-shadow: 0px 0px 15px 5px rgba(102,102,102,0.9);
}

.detailarticle1{
	width:90%;

	background-color:transparent;
}

.imgarticles{
width:29%;
margin:2%;
box-shadow: 0px 0px 15px 5px rgba(102,102,102,0.9);
}

.textarticle{
	box-shadow: 0px 0px 15px 5px rgba(102,102,102,0.9);
	width:40%;
	height:auto;
	float:right;
	position:relative;
	float:right;
	padding:1%;
	margin-right:2%;
	margin-top:2%;
	margin-bottom:2%;
	background:rgba(255,255,255,1);
	
}

.boutoncommander{
	position:relative;
	width:45%;
	height:auto;
	float:right;	
	padding:1%;
	margin-right:2%;
	margin-top:2%;
	margin-bottom:2%;
	background:rgba(51,51,51,0.9);
	-webkit-box-shadow: 0 10px 6px -6px #777;
	   -moz-box-shadow: 0 10px 6px -6px #777;
	        box-shadow: 0 10px 6px -6px #777;
			color:rgba(255,255,255,1);
}
.boutoncommander a{
color:rgba(255,255,255,1);
}

.footer{
	width: 92%;
	height: 30%;
	background-color: rgba(255, 255, 255);
	margin: auto;
	margin-top: 3%;
	margin-bottom:4%;
	padding-top:2%;
	padding-bottom:2%;
	text-align:center;
	clear: both;
	box-shadow: 0px 0px 15px 5px rgba(102,102,102,0.9);	
}
.imgsuite{
	height: auto;	
}

.lbGallery { 
			/*gallery container settings*/
			background-color: transparent;
			padding-left: 10px;  
			padding-top: 0px;  
			padding-right: 10px;  
			padding-bottom: 10px;  
			width: 50%;
			height: auto;
			text-align:center;
		}
		.lbGallery ul { list-style: none; margin:0;padding:0; }
		.lbGallery ul li { display: inline;margin:0;padding:0; }
		.lbGallery ul li a{text-decoration:none;}
			
		.lbGallery ul li img {
			/*border color, width and margin for the images*/
			border-color: rgba(51,51,51,0.9);
			border-left-width: 5px;
			border-top-width: 5px;
			border-right-width: 5px;
			border-bottom-width: 5px;
			margin-left:5px;
			margin-right:5px;
			margin-top:5px;
			margin-bottom:5px:
			}
			
		.lbGallery ul li a:hover img {	
			/*background color on hover*/
			border-color: #ffffff;
			border-left-width: 5px;
			border-top-width: 5px;
			border-right-width: 5px;
			border-bottom-width: 5px;
		}
			
		#lightbox-container-image-box {
			border-top: 2px solid #000000;
			border-right: 2px solid #000000;
			border-bottom: 2px solid #000000;
			border-left: 2px solid #000000;
			}
			
		#lightbox-container-image-data-box { 
			border-top: 0px;
			border-right: 2px solid #000000;
			border-bottom: 2px solid #000000;
			border-left: 2px solid #000000;
			}
			
.photo{
height:300px;	
}

.article{
	height:300px;
}

.picture{
	width::150px;
	height:auto;
	float:left;
margin:10px;
border:1px solid black;
}

.produittitre{
margin:10px;	
}

.blockProduct{
	
	margin-bottom:10px;
	border:1px solid black;
	overflow:hidden;
	box-shadow: 5px 5px 5px #333333;
	border-bottom-left-radius: 40px;
border-top-right-radius: 40px;
background:#FFFFFF;
padding-right:10px;

}


.blockProduct:hover{

margin-top:-15px;
margin-bottom:20px;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.detailplus{
text-align:right;
clear: both;
margin-bottom:10px;
text-decoration:underline;

}

.detailplus a{
	clear: both;
margin-right:33px;
margin-bottom:10px;
color:red;	
}

.detailplus a:hover{
	text-decoration:overline;
	color:#0088cc;
	-webkit-transition: color 1s ease;
    -moz-transition: color 1s ease;
    -o-transition: color 1s ease;
    transition: color 1s ease;
}

.produitdescription{
	font-weight:100;
	text-align:justify;
	margin-left:10px;}
	
	.dimensions{
		text-transform:lowercase;}
		
input[type="submit"]{
 border:1px solid #F5C5C5;
 border-radius:5px;
font-weight:bold;
	color:rgba(0,0,0,1);
	padding:5px;
 margin-left:5px;
 box-shadow:3px 3px 3px #000000;
 cursor:pointer;
  background-image: url(img/llaparqueterienouvelle_parquet-massif-monolame-chene-2-chanfreins-courant-campagne-vernis-blanchi-brosse-mat-3232430092042-1400x580.jpg);

}
input[type="reset"]{
 border:1px solid #F5C5C5;
 border-radius:5px;
font-weight:bold;
	color:rgba(0,0,0,1);
	padding:5px;
 margin-left:5px;
 box-shadow:3px 3px 3px #000000;
 cursor:pointer;
  background-image: url(img/llaparqueterienouvelle_parquet-massif-monolame-chene-2-chanfreins-courant-campagne-vernis-blanchi-brosse-mat-3232430092042-1400x580.jpg);

}

input[type="button"]{
 border:1px solid #F5C5C5;
 border-radius:5px;


	color:rgba(0,0,0,1);
	padding:5px;
	font-weight:bold;
 margin-left:5px;
 box-shadow:3px 3px 3px #000000;
 cursor:pointer;
 margin-top:20px;
 background-image: url(img/llaparqueterienouvelle_parquet-massif-monolame-chene-2-chanfreins-courant-campagne-vernis-blanchi-brosse-mat-3232430092042-1400x580.jpg);
}

input[type="button"]:active { 
position: relative; 
left: 2px; 
top: 2px; 
} 

input[type="submit"]:active { 
position: relative; 
left: 2px; 
top: 2px; 
} 

input[name="retour_boutique"]	{
	width:20%;		
}

input[name="commander_boutique"]	{
	width:20%;		
}

input[name="Civil_Fact"]{
background-color: #dad6d1;
}

input[name="Nom_Fact"]{
background-color: #dad6d1;
}

input[name="Prenom_Fact"]{
background-color: #dad6d1;
}

input[name="Adresse1_Fact"]{
background-color: #dad6d1;
}

input[name="Adresse2_Fact"]{
background-color: #dad6d1;
}

input[name="CP_Fact"]{
background-color: #dad6d1;
}

input[name="Ville_Fact"]{
background-color: #dad6d1;
}

input[name="Pays_Fact"]{
background-color: #dad6d1;
}

input[name="Telephone_Fact"]{
background-color: #dad6d1;
}

input[name="email_Fact"]{
background-color: #dad6d1;
}

input[name="Civil_Liv"]{
background-color: #dad6d1;
}

input[name="Nom_Liv"]{
background-color: #dad6d1;
}

input[name="Prenom_Liv"]{
background-color: #dad6d1;
}

input[name="Adresse1_Liv"]{
background-color: #dad6d1;
}

input[name="Adresse2_Liv"]{
background-color: #dad6d1;
}

input[name="CP_Liv"]{
background-color: #dad6d1;
}

input[name="Ville_Liv"]{
background-color: #dad6d1;
}

input[name="Pays_Liv"]{
background-color: #dad6d1;
}

input[name="Telephone_Liv"]{
background-color: #dad6d1;
}

input[name="email_Liv"]{
background-color: #dad6d1;
}

.prixarticles{
text-align:center;
font-size:xx-large;	
color:rgba(255,0,255,0.9);	
}

.participationpanier{
float:left;	
text-align:left;
}

.questionpanier{
	padding-top:2px;
	padding-right:10px;
float:right;
text-align:center;
font-size:x-large;
}

.check_promo{
text-align:right;
margin-right:10px;
}

.grandpanier{
background-color:rgba(199,187,171,0.7);
border: 1px solid black;
}

table{
border-collapse:collapse;	
border-color:rgba(0,0,0,1);

}

.top_link{  
    position             :   fixed;  
    right                 :   30px;  
    top             :   50%;
    display               :   none; 
    background       :   transparent;
    -moz-border-radius   :   40px;  
    -webkit-border-radius :   40px;  
    border-radius         :   40px;  
    opacity              :   0.7;
    z-index              :   2000;  
}



.headermonpanier.floatable {
    position: fixed;
    top: 10px;
	width: 20%;
	box-shadow: 0px 0px 10px 5px rgba(102,102,102,0.9);
	text-align: right;
	padding-top: 0.5%;
	padding-bottom: 0.5%;
	background-color:rgba(255,255,255,0.8)	;
	background-repeat: no-repeat;
	background-size: cover;
	font-weight: 400;
	font-size: medium;
	font-style: oblique;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	/* [disabled]line-height: normal; */
	color: rgba(0, 0, 0, 1);
	padding-right: 1px;
	padding-left: 2px;
	margin-top: 1.5px;
	margin-bottom: 1.5px;
	margin-right:10%;
	z-index:1120;
}

.ulicone li{
display:inline;

}


@media screen and (max-width: 1100px) {

	.arriere_page{
width: 90%; 

-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
position:absolute;
right:0;
left:0;
box-shadow: 0px 0px 20px 5px rgba(102,102,102,0.9);
z-index:-1;
margin-top:-20px;
	}

.titrentreprise img{
}

.headermonpanier{
	box-shadow: 0px 0px 10px 5px rgba(102,102,102,0.9);
	top: 27px;
	right: 50px;
	width: 99.5%;
	margin-right: 0%;
	text-align: center;
	padding-top: 0.5%;
	padding-bottom: 0.5%;
	background-image: url(images/parquet-Chene-Contrecolle-de-qualite-CD-21x220x1900-Brosse-Fort-Huile-Cire-Osmo.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	font-weight: 400;
	font-size: medium;
	font-style: oblique;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	/* [disabled]line-height: normal; */
	color: rgba(0, 0, 0, 1);
	padding-right: 1px;
	padding-left: 2px;
	margin-top: 1.5px;
	margin-bottom: 1.5px;
	font-weight: bold;
}

.photo{
	width:100%;
height:auto;	
}
.article{
	height:auto;
}

.top_link img{  
    display:none;
}

#menu-deroulant {
	
	margin-left:0px;
	width:100%;
	height:50px;
	background-color:transparent	;
	background-repeat: no-repeat;
	background-size: cover;
	font-weight: 400;
	font-size: medium;
	font-style: oblique;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	 [disabled]line-height: normal; 
	color: rgba(0, 0, 0, 1);
	z-index:1111111;
on centre le menu dans la page 
}

#menu-deroulant li {
/* on place les liens du menu horizontalement */
margin-right:00px;
background-color: #f0f0f0;
	background-image: -webkit-gradient(linear,left top, left bottom,from(#fefefe), color-stop(0.5,#f0f0f0), color-stop(0.51, #e6e6e6));
	background-image: -moz-linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);
	background-image: -o-linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);
	background-image: -ms-linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);
	background-image: linear-gradient(#fefefe 0%, #f0f0f0 50%, #e6e6e6 51%);
	border-right: 1px solid rgba(0, 0, 0, 5);
	border-left: 1px solid rgba(0, 0, 0, 5);
	/* Adding a 1px inset highlight for a more polished efect: */
	font-size:small;
	padding-top:1%;
	padding-bottom:1%;
    display: inline-block;
	z-index:111111;
	padding-right:10px;
	padding-left:10px;

}
#menu-deroulant ul li {
/* on enlève ce comportement pour les liens du sous menu */

	width:50px;
}

#menu-deroulant a {
    text-decoration: none;
    display: block;
	color:#000;
}

#menu-deroulant ul {
    position: absolute;
/* on cache les sous menus complètement sur la gauche */
top:42px;
    left: -999em;
    text-align: left;
	width:50%;
}
#menu-deroulant li:hover ul {
/* Au survol des li du menu on replace les sous menus */
    left:36.2%;
}

#menu-deroulant.floatable {
	margin-left:-0.5%;
    position: fixed;
	width: 100%;
	height:25px;
	text-align: center;
	background-color:rgba(255,255,255,0.8)	;
	background-repeat: no-repeat;
	background-size: cover;
	font-weight: 400;
	font-size: medium;
	font-style: oblique;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	/* [disabled]line-height: normal; */
	color: rgba(0, 0, 0, 1);
	padding-right: 1px;
	padding-left: 2px;
	margin-bottom: 1.5px;
	margin-right:24%;
	z-index:1100;
}
.detailarticle1{
	width:90%;
	margin:auto;
	margin-top:50px;
margin-bottom:30px;
	background-color:transparent;
}
}

.produitPrix{
text-align:center;	
}

#dhtmltooltip{
position: absolute;
width: 300px;
height: 100px;
border: 2px solid ;
padding: 2px;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

.tableau1{
text-align:center;
margin:auto;
width:71px;
border:2px solid black;
}

.tableau1 td{
border:1px solid black;
}

.pagination {
font:12px Arial, Helvetica, sans-serif;
margin:40px 0 0 90px;
}

.pagination a {
background:#fff;
border:1px solid #06c;
color:#06c;
margin:2px;
padding:.2em .4em;
text-decoration:none
}

.pagination a:hover {
background:#fff;
border:1px solid #bd88fe;
color:#bd88fe
}

.pagination span.inactive {
background:#fff;
border:1px solid #f0f0ff;
color:#f0f0ff;
margin:2px;
padding:.2em .4em
}

.pagination span.active {
background:#f4ebff;
border:1px solid #bd88fe;
color:#bd88fe;
font-weight:700;
margin:2px;
padding:.2em .4em
}

#results{
margin-left:90px;
list-style-type:circle
}

ul {
        list-style: none;
        margin: 0;
        padding: 0;
        }

/* =-=-=-=-=-=-=-[Menu Six]-=-=-=-=-=-=-=- */

#menu6 {
        width: 180px;
        }

#menu6 li a {
          height: 32px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 24px;
        text-decoration: none;
        }


#menu6 li a:link, #menu6 li a:visited {
        color: #5B5D5E;
        display: block;
        background: url(menu7.gif);
        padding: 8px 0 0 10px;
        font-weight: bold;
        width: 190px;
        }

#menu6 li a:hover, #menu6 li #current, #menu6 li a:active {
        color: #b60e25;
        background: url(menu7.gif) 0 -32px;
        padding: 8px 0 0 10px;
        }
#menu6 ul{
	background: url(images/parquet-Chene-Contrecolle-de-qualite-CD-21x220x1900-Brosse-Fort-Huile-Cire-Osmo.jpg);
}

#mob{
	width:64%;
margin-left:30%;
}
.arriere_page .container{
			width: 94.5%;
			margin-left:0;
			margin-right: 0; 
			margin-top: 50px;
		}
@media screen and (max-width: 1000px) {
#menu6{
display: none;
}
.arriere_page .container {
left: 50px;
margin-left: 2.5%;
}
#mob{
	width: auto;
	margin-left: 0px;
}
}

@media screen and (max-width: 1015px) {

#menuu{
	display: none;
}

.detailarticle{
	float: none;
	width: 90%;
	margin-bottom:30px;
}

}