/* 
    Document   : style
    Created on : 16.10.2007, 17:50:57
    Author     : ritscherj
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/*
    colours:
        dark red    #D9261C
        light grey   
        dark grey   #747474
        light black #1F1A17 
        
*/

* {
    
    margin: 0pt;
    padding: 0pt;

}

body { 
    font-family: Tahoma, "Lucida Grande", "Bitstream Vera Sans", sans-serif;
    font-size: 12px;
    background: transparent url(/images/fd_body.jpg) repeat-x scroll left top;
    color: #000000;
}

h1 {
    
    font-size: 30px;
    font-variant:small-caps;

}

h2 {
    
    font-size: 12px;
    

}




#offer .h1 {
    
    font-size: 30px;
    font-variant:small-caps;
    font-family: Georgia, "Times New Roman", Times, serif;

}



a, a:visited, a:hover {
color:#1F1A17;
text-decoration:none;
}

a img {
border:0pt none;
}

a:hover {
color:#747474;
}

a.active {
color:#747474;
}


#global_outer {
    background: transparent url(/images/fd_frame.jpg) no-repeat scroll left top;
    margin: 0pt auto;

    position: relative;
    width: 980px;
}

#global_inner {
    width: 911px;
    margin-left:34px;
    height: 100%;
}


#header {
    background: transparent url(/images/fd_grey.jpg) repeat-y scroll left top;
    width: 960px;
    height: 109px;
}

#header .logo {
    cursor: pointer;
    width: 299px;
}

#logo {
    
    margin: 0px 0px 0px 600px;
    padding-top: 12px;
    position: relative;
}

#header dl.top_menu {
    border-color:#747474;
    border-style:solid;
    border-width:0pt 0pt 0pt 1px;
    float:left;
    height:45px;
    margin:25px 10px 10px;
    padding-left:10px;
    position:relative;

}

#header dl.top_menu dt {
    color:#D9261C;
    font-weight:bold;
    font-size: 12px;
    padding-bottom:0px;
    text-transform:uppercase;
}
#header dl.top_menu dd {
    background:transparent url(/images/arrow.gif) no-repeat scroll 0pt 5px;
    font-size:11px;
    padding-left:8px;
}

#header dl.top_menu a {
    color: #FFFFFF;
}

#header dl.top_menu a:hover {
    color:#D9261C;
}


#navmain {
    clear: both;
    /*background-color: #1F1A17;*/
    height: 33px;
    width: 911px;
    background-attachment: none;
    background-repeat: inherit;

}

#navmain ul {
    
    list-style: inside;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;

}

#navmain ul li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}

#navmain ul li a {
	color: #FFFFFF;
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: normal;
	line-height: 1em;
	padding: 6px 16px 6px 16px;
	text-decoration: none;
}

#navmain .search{
padding: 4px 0px 6px 335px;
        
        color: #FFFFFF;
}

#category {

}

#categoryMainLeft {
    
float: left;
width: 495px;
height: 556px;

}

#categoryMainRight {

    padding: 10px 10px 10px 0px;
    margin-left: 500px;


}

#categoryDescription{
    


     
}

#categoryDescription ul{
    


}

.table_odd {
  border-bottom: 1px solid #000000;
}

.table_even {


}

ul{
    
    list-style-image:url(/images/li.gif);
    padding-left:27px;

}

#breadcrumbs{
    padding: 5px 0px 5px 5px;
   
}

.middle{
    position: relative;
    width: 911px;
    min-height: 600px;
}

.middle #articleLeft {
float:left;
padding:7px 0px 15px 10px;
position:relative;
width:286px;
}

.middle #articleRight {
float:left;
margin-left:5px;
padding:0px 0px 15px;
position:relative;
width:600px;
}

.middle #articleLeft .retour {
font-size:11px;
}
.middle #articleLeft .picturebox {
margin:0pt;
padding:0pt;
position:relative;
width:285px;
}

.middle #articleLeft .picturebox .contentL .big_photo_off, .middle #articleLeft .picturebox .contentL .big_photo_on {
display:none;
left:16px;
position:absolute;
top:5px;
}
.middle #articleLeft .picturebox .contentL .big_photo {
display:block;
}

.middle #articleLeft .picturebox .contentL .big_photo img {
width:251px;
margin-left: 12px;
margin-bottom: 8px;
}
.middle #articleLeft .picturebox .contentL a:focus {
outline-color:invert;
outline-style:none;
outline-width:medium;
}
.middle #articleLeft .picturebox .contentL .small {
padding:265px 0pt 0pt 12px;
}
.middle #articleLeft .picturebox .contentL .small a {
cursor:pointer;
display:block;
float:left;
outline-color:invert;
outline-style:none;
outline-width:medium;
padding-right:1px;
width:62px;
}
.middle #articleLeft .picturebox .contentL .small a:focus {
outline-color:invert;
outline-style:none;
outline-width:medium;
}
.middle #articleLeft .picturebox .contentL .small img {
border:1px solid #D4D0DD;
display:block;
padding:0px;
}
.middle #articleLeft .picturebox .contentL .small a.active img {
border:1px solid #675D83;
}
.middle #articleLeft .guide-conseil-G {
border-bottom:1px solid #D4D0DD;
font-size:11px;
margin:10px 15px 0pt;
padding-bottom:10px;
}
.middle #articleLeft .guide-conseil-G h3 {
font-size:11px;
}
.middle #articleLeft .guide-conseil-G span {
font-family:arial;
}
.middle #articleLeft .guide-conseil-G a {
display:block;
padding-right:0px;
text-align:right;
}
.middle #articleLeft .guide-conseil-G p.picto {
margin:5px 0pt 0pt;
}
.middle #articleLeft .guide-conseil-G p.picto img {
padding:0pt 5px;
}
.middle #articleRight {
float:left;
margin-left:5px;
padding:0pt 0pt 15px;
position:relative;
width:600px;
}
.middle #articleRight .lien-bout-amie {
float:right;
margin-top:-30px;
}
.middle #articleRight .lien-bout-amie a {
font-size:11px;
padding-right:10px;
}
.middle #articleRight .descriptif {
padding-bottom:5px;
}

.picturebox .tright {
background:transparent url(/images/coin_hd.gif) no-repeat scroll right top;
font-size:0px;
height:8px;
position:relative;
}
.picturebox .tleft {
background:transparent url(/images/coin_hg.gif) no-repeat scroll left top;
font-size:0px;
height:8px;
position:relative;
}
.picturebox .contentR {
background:transparent url(/images/border_d.gif) repeat-y scroll right top;
position:relative;
}
.picturebox .contentL {
background:transparent url(/images/border_g.gif) repeat-y scroll left top;
padding:5px;
position:relative;
}
.picturebox .bright {
background:transparent url(/images/coin_bd.gif) no-repeat scroll right top;
height:8px;
}
.picturebox .bleft {
background:transparent url(/images/coin_bg.gif) no-repeat scroll left top;
height:8px;
}

.menuL {
    display:inline;
    float:left;
    margin-bottom:10px;
    position:relative;
    width:210px;
}

.fdmiddle {
    background:transparent url(/images/fd_principal.gif) repeat-y scroll 0pt;
    border-color:white;
    border-style:solid;
    border-width:1px 0pt;
    position:relative;
}

.menuL .menuLeft ul a {
background:transparent url(/images/puce_menu_g.jpg) no-repeat scroll 0pt 2px;
display:block;
font-weight:bold;
margin:4px 0pt 4px 11px;
padding-left:13px;
}

.menuL .logo img {
display:block;
}
.menuL .titre {
background-color:#675D83;
}
.menuL .menuLeft {
background:transparent url(/images/fd_mG.gif) no-repeat scroll 0pt;
padding-top:10px;
}
.menuL .menuLeft ul {
list-style-type:none;
margin:0pt;
padding:0pt;
position:relative;
}
.menuL .menuLeft li {
border-bottom:1px solid #F0EEF2;
margin:0pt;
padding:0pt;
}
.menuL .menuLeft ul a {
background:transparent url(/images/puce_menu_g.jpg) no-repeat scroll 0pt 2px;
display:block;
font-weight:bold;
margin:4px 0pt 4px 11px;
padding-left:13px;
}
.menuL .menuLeft ul a.active {
color:#AC3B8D;
}
.menuL .menuLeft ul.smenu {
list-style-type:none;
padding:0pt 5px 5px 10px;
}
.menuL .menuLeft li li {
margin:0pt;
padding:0pt;
}
.menuL .menuLeft ul.smenu a {
background:transparent url(/images/puce_smeg.gif) no-repeat scroll 0pt 4px;
color:#675D83;
display:block;
font-weight:normal;
margin:2px 0pt 2px 11px;
padding-left:10px;
}
.menuL .menuLeft ul.smenu a.active, .menuL .menuLeft ul.smenu a:hover {
color:#AC3B8D;
}
.menuL .partenaire {
text-align:center;
}

.block_right {
    display:inline;
    float:left;
    margin-left:10px;
    position:relative;
    width:675px;
}

#content {
    
     padding: 10px;

}

#footer {
    width: 800px;
    clear: both;
    color: #B9B9B9;
    margin: auto;
    padding: 0px 0px 15px;
    text-align: center;
    border-top: 1px solid #B9B9B9;
}

#footer a:hover {
    color:#D9261C;
}
#footer a {
    color:#B9B9B9;
    font-size:10px;
}


.contact_phone {
    background: url(/images/icon_phone.gif) no-repeat 0px top transparent;
    padding:0 0 5px 20px;
    margin:10px;
    font-family:Tahoma, Verdana, Arial, sans-serif;
    font-size:12px;
    
}

.contact_fax {
    background: url(/images/icon_fax.gif) no-repeat 0px top transparent;
    padding:0 0 5px 20px;
    margin:10px;
    font-family:Tahoma, Verdana, Arial, sans-serif;
    font-size:12px;
    
}

.contact_mail {
    background: url(/images/icon_mail.gif) no-repeat 0px top transparent;
    padding:0 0 5px 20px;
    margin:10px;
    font-family:Tahoma, Verdana, Arial, sans-serif;
    font-size:12px;
    
}

.contact_web {
    background: url(/images/icon_web.gif) no-repeat 0px top transparent;
    padding:0 0 5px 20px;
    margin:10px;
    font-family:Tahoma, Verdana, Arial, sans-serif;
    font-size:12px;
    
}

.categoryBox{
    
    width: 170px;
    height: 100px;
    background: url(/images/bg_categorybox.jpg) repeat-x;
    float: left;
    margin-right: 10px;
    font-size: 16px;
    font-family: Georgia;
    padding: 8px;
    text-align: center;
     
}

.articleBox{
    
    width: 170px;
    height: 100px;
   /* background: url(/images/bg_categorybox.jpg) repeat-x;*/
    float: left;
    margin-right: 10px;
    font-size: 16px;
    font-family: Georgia;
    padding: 8px;
    text-align: center;
     
}

#categoryFrame{
    padding-left: 10px;
}



#start {
    clear: both;
    /*background-color: #1F1A17;*/
    height: 565px;
    width: 911px;
    background-image: url(/images/title.jpg);
    background-attachment: none;
    background-repeat: no-repeat;

}

#terms {
    
    
    padding: 25px;
    
}

#terms ol{
    margin-left: 28px;
    padding: 0px;
 
}



#terms li{
    margin: 0px;
    padding: 5px;
    line-height: 15px;
    font-size: 11px;

}

#terms .lihead{
}

.floatleft{
    float: left;
}

.floatCleaner{
    clear: both;
}

.georgia {
    font-size: 16px;
    font-family: Georgia;
}

#variantTable tbody .variantTableHeader{
    font-size: 15px;
}

#variantTable tbody td{
    padding: 3px 0px 3px 5px;
}

#distributorSelection{

background:transparent url(/images/distributors.jpg) no-repeat scroll left top;
height:252px;
position:relative;
width:912px;

}

.variantTitle{
    height: 35px;
    background:transparent url(/images/variant_title.jpg) repeat-x;
    font-family: Georgia;
    font-size: 18px;
    padding: 5px;
    cursor: hand;
    
}


#distributorSelection .content {

background:transparent url(/images/boutiques/img_monde.jpg) no-repeat scroll 10px bottom;
height:96px;
left:20px;
position:absolute;
top:110px;
width:425px;
}


#zoom {
    position: relative;
    margin: -50px 0px 0px 225px;
    width: 40px;
    height: 40px;
}

.language {
    width:  16px;
    height: 11px;
    border: 0px;
}

.newsitem {
    height: 188px;
    margin-bottom: 20px;
}

.newsitem h2 {
    font-family: Georgia;
    font-size: 20px;
    font-weight: normal;
}

.newspicture {
    float: left;
    margin-right: 10px;
}

.newstext {

}


#nav{list-style: none; }

 #nav ul { 
	padding: 0;
	margin:0;
	list-style: none;
    width:12em;
    z-index:99;
    position:relative;
    overflow:visible;  
   }

#nav li { 
    margin:0;   
    position: relative; 
    float:left;
	width: 12em;
	background-color:#DFDFDF;
    border:solid 1px #CECECE;
    display:block;
    height:auto;
}
#nav ul li{ background-color:#DFDFDF;}

#nav ul li{ border-width:1px 1px 0 0;}
#nav ul ul li{ border-width:1px 1px 0 1px;}
#nav ul ul li:last-child{border-width:1px;}
 
#nav a {
    text-decoration:none; 
    display:block;
    padding: 0.1em;  
    margin:0.2em 0 0.2em 0.1em; 
    width:11.5em; 
    height:1.05em;
}

#nav a:hover, #nav li:hover{
    background-color:#DFDFDF; 
}
#nav ul li:hover, #nav ul li a:hover{ background-color:#DFDFDF;}


#nav ul{
    display:none;   
}

/*all see this */
#nav ul ul, #nav ul ul ul{
    display:none; 
    position:absolute; 
    margin-top:-1.8em; 
    margin-left:12em;
}

/* non-IE browsers see this */
 #nav ul li>ul, #nav ul ul li>ul{
    margin-top:-1.35em; 
 }

 
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li:hover ul ul ul ul ul{
    display:none; 
}

#nav li:hover ul, #nav ul li:hover ul, #nav ul ul li:hover ul, #nav ul ul ul li:hover ul, #nav ul ul ul ul li:hover ul{
    display:block;
}



li>ul { 
	top: auto;
	left: auto;
}
/* site style */
#holdm{position:absolute; top:150px !important; left:20px; margin-left:-2.5em; z-index:100; width:80%; }
     
     #vertm{width:15em; float:left;}
     .com{color:purple; margin-top:10px; }
    li.small{height:10px;}
    li.small a{height:10px; line-height:10px;}
	.colorspot span{visibility:hidden;}
	.colorspot{float:left; width:.5em; height:.5em; line-height:.5em; overflow:hidden; margin:1px 1px 0 0;  text-decoration:none;}
	#colorcon{background-color:#000; padding:2px; float:left;}
	#colordisp{width:100%; height:1.2em; text-align:center; background-color:#CCC;}

#xpi_isinr {
    width:  171px;
    height: 33px;
    border: 0px;
    offset: 0px;
}

#xpi_1sinr{
    width:  93px;
    height: 33px;
    border: 0px;
    offset: 0px;
}

#xpi_csinr{
    width:  112px;
    height: 33px;
    border: 0px;
    offset: 0px;
}

#xpi_2sinr{
    width:  142px;
    height: 33px;
    border: 0px;
    offset: 0px;
}

/* 
    Document   : nav
    Created on : 06.11.2007, 19:29:07
    Author     : ritscherj
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

ul.vbULisinr {
  position: absolute;
  visibility: hidden;
}
.vbULisinr {
  position: absolute;
  visibility: hidden;
  display: block;
  overflow: auto;
  font-size: 1px;
  padding: 2px;
  margin: 0px;
  border: 1px solid #646464;
  background-color: #FFFFFF;
}
.vbULisinr table {
  border-collapse: separate;
  border-spacing: 0px;
}
.vbULisinr tr {
  font-size: 1px;
  cursor: pointer;
  background-color: #FFFFFF;  
}
.vbULisinr tr.over {
  background-color: #F0F0F0;
}
.vbULisinr td {
  border: 1px solid #FFFFFF;
  padding: 3px;
  text-align: left;
}
.vbULisinr tr.over td {
  border-color: #8C8C8C;
}
.vbULisinr td a {
  font-family: Tahoma;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  color: #000000;
  text-decoration: none;
}
.vbULisinr tr.over a {
  font-family: Tahoma;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  color: #000000;
  text-decoration: none;
}
.vbULisinr tr.popup {
  background-color: #F0F0F0;
}
.vbULisinr tr.popup td {
  border-color: #8C8C8C;
}
.vbULisinr tr.popup a {
  font-family: Tahoma;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  color: #000000;
  text-decoration: none;
}


#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}