/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Main Layout Styles
:: Page Slideshow

*/


/* -----------------------------------------
   Main Layout Styles
----------------------------------------- */
body.fr,body.en {
    background-color: #ffffff; 
}

.applyBg {
    background: #ffffff url('../images/app/splash.jpg') 80px 0 no-repeat;
}
#left {
    float:left;
    width:100%;
    min-height: 400px;
    padding-top:240px;
   
    
}

#left #logo {
    float:left;
    margin-left: 57px;
    padding-bottom:40px;
    
}

#left #menu{
    float:left;
    width:165px;
    max-width: 165px !important;
    margin-left: 55px;
   
   
    
}

#left #menu ul {list-style: none outside !important;}

#left #menu ul.cat1 {
    
    
}

#left #menu ul#cat1 li a.main {color:#939598;font-size: 2em;line-height: 0.5em;text-transform: uppercase;font-weight: 300;}
#left #menu ul#cat2 li a.main {color:#000000;font-size: 1.3em;line-height: 0.5em;text-transform: uppercase;font-weight: 300;}
ul#sub1,#sub2,#sub3,#sub4,#sub5  {display:none;}

#left #menu ul#cat1 li {padding-left: 2px;}
#left #menu ul li ul li {margin-bottom: 5px;}
#left #menu ul li ul li a,#left #menu ul li ul li a {color:#333333;font-size: 1.15em;line-height: 1em;text-transform: uppercase;font-weight: 300;}
#left #menu ul li ul li a:link,#left #menu ul li ul li a:visited {}
#left #menu ul li ul li a:hover,#left #menu ul li ul li a:active,#left #menu ul li ul li a.selected {color:#939598;}

#left #menu ul#cat2 {padding-left: 2px;}
#left #menu ul#cat2 li {margin-bottom: 5px;}
#left #menu ul#cat2 li ul li {margin-bottom: 0px;}
#left #menu ul#cat2 li ul li a {color:#333333;font-size: 1em;line-height: 1em;text-transform: uppercase;font-weight: 300;}
#left #menu ul#cat2 li ul li a:link,#left #menu ul#cat2 li ul li a:visited {}
#left #menu ul#cat2 li ul li a:hover,#left #menu ul#cat2 li ul li a:active,#left #menu ul#cat2 li ul li a.selected {color:#939598;}

#right {
    float:right;
    width:100%;
    min-width: 716px !important;
    min-height: 400px;
   
}

#langSelect {padding-left: 3px;}

#textContainer h1, #bottomRow #logoS h2 {
    font-size: 16px;text-transform: uppercase;color:#231f20;font-weight: 300;padding-top: 10px;
    
}
#bottomRow #logoS h2{
    padding-bottom: 17px;
}

#textContainer h2,#textContainer h3 {
    font-size: 16px;text-transform: uppercase;color:#231f20;font-weight: 500;padding-top: 10px;margin-bottom: 0;;
    
}

#textContainer a {color:#231f20;text-decoration: underline;}

#textContainer {
    float:left;
    width:94%;
    padding:0 3%;
    padding-top: 20px;
    padding-top: 10px;
    background-color: #e4e4e5;
    color:#231f20;
    font-size: 1.15em;
	line-height:1.15em;
    
}

/* -----------------------------------------
   Vignettes
----------------------------------------- */

#bottomRow {
    min-width: 716px !important;
}



#bottomRow div.vLeft{
    float:left;
    width: 350px;
}

#bottomRow div.vRight{
    float:right;
    width: 350px;
    
}
#bottomRow img.imgHover {
    position:relative;
}

#bottomRow.manu {
    padding-top: 50px;
    width:100%;
    float:left;
}

#bottomRow h2.manu {
    
    font-weight: 500;
    font-size: 18px;
    padding-left: 20px;
}

#bottomRow p.manu a {
    font-size:13px;
    text-transform: uppercase;
    text-decoration: none;
    color:#333333;
    line-height: 1.6em;
}

#upRow {
    min-width: 716px !important;
/*    margin-top: 20px;*/
}



#upRow div.vLeft{
	position:relative;
    float:left;
    width: 358px;
}

#upRow div.vRight{
	position:relative;
    float:left;
    width: 358px;
    
}


#upRow img.imgHoverL {
    position:relative;
    
    z-index:0;
    height:470px;
}

#upRow img.carreL {
    height:481px;
    position:absolute;
    z-index:200;
    padding: 0;
    display:none;
    top:0;
	
        
    
}

#upRow .vLeft img.carreL {
	left:0;
}

#upRow .vRight img.carreL {
	left:0px;
}

#upRow div.smallM,#upRow div.smallE {
    width:238px;
    height:234px;
    float:left;
    margin:0;padding:0;
    
    z-index:0;
}

#upRow div.smallM img {
    position:relative;
    z-index:0;
    margin:0;padding:0;
    visibility: hidden;
}

#upRow div.smallM img.hover,#upRow div.smallM img.hoverCat {
    position:relative;
    z-index:10;
    margin:0;padding:0;
   visibility: visible;
}

#upRow div.smallM img.carreS {
    position:relative;
    display:block;
   
     z-index:200;
    width:259px !important;
    height:254px !important;
    margin:0px;padding:0;
    top:-240px;
     display: none;
     
}


#upRow div.manufacturer1 {background:#ffffff url('../vignettes/fournisseurs/image_bainsdouches.jpg') top left no-repeat;}
#upRow div.manufacturer2 {background:#ffffff url('../vignettes/fournisseurs/image_robinets.jpg') top left no-repeat;}
#upRow div.manufacturer3 {background:#ffffff url('../vignettes/fournisseurs/image_toilette.jpg') top left no-repeat;}
#upRow div.manufacturer4 {background:#ffffff url('../vignettes/fournisseurs/image_accessoires.jpg') top left no-repeat;}
#upRow div.manufacturer5 {background:#ffffff url('../vignettes/fournisseurs/image_cuisine.jpg') top left no-repeat;}

#upRow div.cuisine1 {background:#ffffff url('../vignettes/cuisine/cuisine_ROBINETS_image.jpg') top left no-repeat;}
#upRow div.cuisine2 {background:#ffffff url('../vignettes/cuisine/cuisine_ACIER_image.jpg') top left no-repeat;}
#upRow div.cuisine3 {background:#ffffff url('../vignettes/cuisine/cuisine_FONTE_image.jpg') top left no-repeat;}
#upRow div.cuisine4 {background:#ffffff url('../vignettes/cuisine/cuisine_COMPOSITE_image.jpg') top left no-repeat;}
#upRow div.cuisine5 {background:#ffffff url('../vignettes/cuisine/cuisine_eviersutilitaires_image.jpg') top left no-repeat;}

#upRow div.sdb1 {background:#ffffff url('../vignettes/salledebain/SDB_bains_image.jpg') top left no-repeat;}
#upRow div.sdb2 {background:#ffffff url('../vignettes/salledebain/SDB_douchesporte_image.jpg') top left no-repeat;}
#upRow div.sdb3 {background:#ffffff url('../vignettes/salledebain/SDB_robinetdouche_image.jpg') top left no-repeat;}
#upRow div.sdb4 {background:#ffffff url('../vignettes/salledebain/SDB_lavabos_image.jpg') top left no-repeat;}
#upRow div.sdb5 {background:#ffffff url('../vignettes/salledebain/SDB_robinetlavabo_image.jpg') top left no-repeat;}
#upRow div.sdb6 {background:#ffffff url('../vignettes/salledebain/SDB_toilette_image.jpg') top left no-repeat;}

#logoS {
    width:94%;
    padding:0 3%;
    float:left;
    padding-top: 30px;
}

#logoS img {
    float:left; margin-right: 15px;height:30px;margin-bottom: 15px;
}

/* -----------------------------------------
   Slideshow
----------------------------------------- */

#slideshow {
    width:716px !important;
    height:470px !important;
    float:left;
    margin-bottom: 15px;
    background-color: #f5f5f5;
	overflow:hidden;
}

#slideshowInner img {
    display:none;
	width:716px !important;
    height:470px !important;
}

/* -----------------------------------------
   Admin
----------------------------------------- */

#loginBox {
    padding:235px 0 0 30px;
}

#admin {
    padding-top:50px;
   
}

#admin table td {
     font-size: 1em;
}

#admin a { color: #2a85e8; text-decoration: none; line-height: inherit; }
#admin a:hover { color: #11639d; }
#admin a:focus { color: #cc4714; outline: none; }

#admin h1 {
    font-size:1.5em;
}
#admin h1 span {
    color:#939393;
}



#tableOrder tbody tr td.handle {
    
    background: url(../images/app/drag_handle.png) 10px 50% no-repeat;
}

#tableOrder tbody tr td {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}


#tableOrder tr.myDragClass td {
   
   
}

#tableOrder tr.myDragClass td.handle {
   background: #f95050 url(../images/app/drag_handle2.png) 10px 50% no-repeat;
   
}