/*----------------------------------------------------*/
/* StyleSheets for the "SAP B2C Project"              */
/*                                                    */
/* Version:        2.0                                */
/* Authors:        SAP AG                             */
/* Creation-Date:  11.08.2002                         */
/*----------------------------------------------------*/
/* Tévolys */

body {
	color: #333333;
	font-family: "Trebuchet MS";
	font-size: 11px;
	letter-spacing: 0em;
	margin:0;
	padding:0;
}


#pagefooter
{
    width: 977px;
    clear: both;
}
#pagefooter #inner 
{
    
}

div#footer
{
    background-image: url(/b2cgsf/b2c/mimes/images/custom/footer.gif);
    width:100%;
    height:40px;
    background-repeat:no-repeat;
    text-align: center;
    padding-top:8px;
	color: #ffffff;    
}
div#footer a
{
	text-decoration: none;
	color: #ffffff;
}
div#footer a:hover
{
	text-decoration: underline;
	color: #ffffff;
}

/*div#footer a, div#footer a:link, div#footer a:visited, div#footer a:active{
	text-decoration: none;
	color: #666666;
}
div#footer a:hover{
	text-decoration: underline;
	color: #67A227;
}
div#footer {
  color: #666666;
  font-size:7pt;
}
div#footer a, div#footer a:link, div#footer a:active, div#footer a:visited { 
  color: #666666;
	text-decoration: none;
}
div#footer a:hover {
  color: #666666;
  text-decoration: none;
}


div#footer div.left{
	float: left;
	margin-left: 4px;
}
div#footer div.center{
	float: center;
}
div#footer div.icons{
	clear: both;
}
div#footer div.icons img{
	margin-top: 15px;
	margin-left: 2px;
	margin-right: 4px;
}
div#footer div.right{
	margin-right: 4px;
}
div#footer-wide{
	width: 955px;
}
*/

/* Clearvision */
#header { 
    /*z-index:100;
    position:absolute; 
    height:94px; 
    width:100%; 
    top:0px; left:0px;
    margin: 0px 0px 0px 0px;
    border-width:0px;*/
}

#workarea, #leaflet, #login, #checkout { 
    /*z-index:70;
    position:absolute; 
    top:135px; left:171px;
    width:668px;    
    border-width:0px;
    display:block;*/
/*	width:668px;*/
	padding: 0;
	width: 668px;
	overflow: hidden;
/*    margin-left: 171px;
	margin-right: 133px;*/
	/*margin: 0;*/
	
}
#workarea #inner, #leaflet #inner, #login #inner, #checkout #inner {
    padding-top: 17px;
}
/*#navigator {
    z-index:50; 
    position:absolute;
    top:115px;
    left:0px;
    width:171px;
}*/
#navigator {
	width:171px;
	float:left;
	margin: 0;
	padding: 0;
		
}
/*#navigator #inner {
    top:0px;
    width:100%;
    overflow:hidden;
}*/

#miniBasket 
{
    /*z-index:50;
    position:absolute; 
    top:135px; left:843px;
    width:137px;*/
	width:132px;
	float:right;
	margin: 0;
	padding: 0;
	margin-top: 19px;
}

#wrap {
    margin: 0;
    padding: 0;
    width:977px;
}

/*#miniBasket #inner {
    width:100%;
    overflow:hidden;
}*/

/*#navigator #box1,
#miniBasket #box1 {
    position:absolute;
    top:0px; left:0px;
    margin-left: -2px;
    margin-top: -2px;
    width:15px; height:15px;
    background:url(images/cr_tl_box2_fff.gif) no-repeat 0px 0px;
}
#navigator #box2,
#miniBasket #box2 {
    position:absolute;
    top:0px; right:0px;
    margin-right: -2px;
    margin-top: -2px;
    width:15px; height:15px;
    background:url(images/cr_tr_box2_fff.gif) no-repeat 6px 0px;
}
#navigator #box3,
#miniBasket #box3 {
    position:absolute;
    bottom:0px; right:0px;
    margin-right: -2px;
    margin-bottom: -2px;
    width:15px; height:15px;
    background:url(images/cr_br_box2_fff.gif) no-repeat 6px 6px;
}
#navigator #box4,
#miniBasket #box4 {
    position:absolute;
    bottom:0px; left:0px;
    margin-left: -2px;
    margin-bottom: -2px;
    width:15px; height:15px;
    background-color:white;
    background:url(images/cr_bl_box2_fff.gif) no-repeat 0px 6px;
}*/

#basketEntry,
/*#leaflet,*/
#store-locator { 
    z-index:70;
    position:absolute; 
    top:105px; left:0px;
    width:83%;
    border-width:0px;
    overflow:visible;
}

/*#checkout { 
	z-index:70;
	position:absolute; 
	top:135px; left:171px;
	width:668px;    
	border-width:0px;
}
#checkout #inner {
	padding: 0;
}*/


/*#login { 
    z-index:70;
    position:absolute; 
    top:135px; left:171px;
    width:668px;    
    border-width:0px;
}
#login #inner {
	padding: 0 3px;
}*/


#configheader { position:absolute;  
   top:112px;
   height:40px;
   left:0%;
   width:100%;
   margin:0px;
   border:0px solid #EE0000;
   overflow: hidden;
}

#configstatus { position:absolute;  
   top:152px; 
   height:30px; 
   left:0%;
   width:100%;
   margin:0px;
   border:0px solid #EE0000;
}

#configmessages { position:absolute;  
   top:182px;  
   height:30px;    
   left:0%;
   width:100%;
   margin:0px;
   border:0px solid #EE0000;
/*   background: none #EE0000; */
}

#instances { position:absolute;  
   top:212px;
   height:316px; 
   width:25%;
   left:0%;
   margin:0px;
   border:0px solid #EE0000;
}


#mfatabarea { position:absolute;  
   top:212px;
   height:20px;   
   left:75%;   
   width:25%;
   margin:0px;
   border:0px solid #EE0000;
}

#multifunctionalarea { position:absolute;  
   top:232px;
   left:75%;
   width:25%;
   margin:0px;
   border:1px solid #C9D7E9;
   background: none #DCE3EC;
   overflow:visible;
}

/* style definitions for different combinations */
/* | instances area      | multifunctional area | characteristic groups |  grouptabarea style, workarea style           | */

/* |         0           |          0           |          0            | n.a., singlelevelworkarea                     | */
/* |         0           |          0           |          1            | singlegrouptabarea, singlegroupworkarea       | */
/* |         0           |          1           |          0            | n.a., singlelevelmfaworkarea                  | */
/* |         0           |          1           |          1            | singlemfagrouptabarea, singlegroupmfaworkarea | */
/* |         1           |          0           |          0            | n.a., multilevelworkarea                      | */
/* |         1           |          0           |          1            | multigrouptabarea, multigroupworkarea         | */
/* |         1           |          1           |          0            | n.a., multilevelmfaworkarea                   | */
/* |         1           |          1           |          1            | multimfagrouptabarea, multigroupmfaworkarea   | */

#singlelevelworkarea { position:absolute;  
   top:212px;  
   left:0px;
   width:100%;
   margin:0px;
   border:0px solid #EE0000;
   overflow:visible;
}
#singlegrouptabarea { position:absolute;  
   top:212px;  
   height:20px;
   left:0px;
   width:100%;
   margin:0px;
   border:0px solid #EE0000;
}
#singlegroupworkarea { position:absolute;  
   top:232px;
   left:0%;
   width:100%;
   margin:0px;
   border:0px solid #EE0000;
   overflow:visible;
}
#singlelevelmfaworkarea { position:absolute;   
   top:232px;  
   left:0%;
   width:75%;
   margin:0px;
   border:0px solid #EE0000;
   overflow:visible;
}
#singlemfagrouptabarea { position:absolute;  
   top:212px;
   left:0%;
   width:75%;
   height:20px;
   margin:0px;
   border:0px solid #EE0000;
}

#singlegroupmfaworkarea { position:absolute;  
   top:232px;
   left:0%;
   width:75%;
   margin:0px;
   border:0px solid #EE0000;
   overflow:visible;
}

#multilevelworkarea { position:absolute;  
   top:212px;  
   left:25%;
   width:75%;
   margin:0px;
   border:0px solid #EE0000;
   overflow:visible;
}
#multigrouptabarea { position:absolute;  
   top:212px;  
   height:20px;
   left:25%;
   width:75%;
   margin:0px;
   border:0px solid #EE0000;
}
#multigroupworkarea { position:absolute;  
   top:232px;  
   left:25%;
   width:75%;
   margin:0px;
   border:0px solid #EE0000;
   overflow:visible;
}
#multilevelmfaworkarea { position:absolute;  
   top:232px;  
   height:70%; 
   left:25%;
   width:50%;
   margin:0px;
   border:0px solid #EE0000;
   overflow:visible;
}
#multimfagrouptabarea { position:absolute;  
   top:212px; 
   height:20px; 
   left:25%;
   width:50%;
   margin:0px;
   border:0px solid #EE0000;
}
#multigroupmfaworkarea { position:absolute;  
   top:232px;  
   left:25%;
   width:50%;
   margin:0px;
   border:0px solid #EE0000;
   overflow:visible;
}



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

/*body.ipcBody    {
  background: none #F4F4F4;
  margin-left: -1px;
  margin-top: -1px;
}*/


/* margin-left and margin-top definitions are (only) necessary for Netscape 4.x */
.body-meta-nav { background: none #b2b2b2; margin-left: -1px; margin-top: -1px;}
.body-left { background: none #F2F7FC; margin-left: -1px; margin-top: -1px;}
.body-mid { background: none #FFFFFF;}
.body-right { background: none #3F85CB; margin-left: -1px; margin-top: -1px;}
.ipcBody    { background: none #F4F4F4; margin-left: -1px; margin-top: -1px;}
.partnerLocBody {color:#555555; background:none #ffffff; font-family:Verdana, Geneva, sans-serif; font-weight:normal; font-size:11px; margin:7px 6px 0px 7px; padding:0px;}

body.advisor {  /* from advisor */
	background : #FFFFFF;
	color : #000000;
	font-family : Verdana, sans-serif;
	font-size : 14px;
}


/*----------------------------------------------------*/
/* styles for the header, if the application runs in a portal */
/*----------------------------------------------------*/
.portalHeader { 
    background: "#636D84"; 
}

table.portalHeader {
    background: "fff"; 
}

table.portalHeader td{
	background: #636D84;
    color: #fff;
    font-family: arial, sans-serif;
    font-size: x-small;
}

table.portalHeader a:link, table.portalHeader a:visited {
	color: #fff;
    font: normal;
    text-decoration: none;
}

table.portalHeader a:hover {
	color: #CFDBC5;
    font: normal;
    text-decoration: none;
    background: #636D84;
}


/*----------------------------------------------------*/
/* list */
/*----------------------------------------------------*/

ul {
  margin-top: 0;
  margin-bottom: .5em;
  padding-left: 1em;
  margin-left: -50px; /* Netscape 4.x WÃÆ'ƒÆ’ÃÆ'†Ãâ¢Ã¢â€šÅ½Ã¢â€žâ¢ÃƒÆ'Æ’Ãâ¢Ã¢â€šÅ½Ã…â·ÃƒÆ'â€â¹Ãƒâ€šÃ‚â¯ÃƒÆ'ƒÆ’ÃÆ'Ââ¢Ãƒâ¢Ã¢â‚¬â¹Ã‚ŽÃ…Ââ·ÃƒÆ'Æ’Ãâ¢Ã¢â€šÅ½Ã…â·ÃƒÆ'â€â¹Ãƒâ€šÃ‚â¿ÃƒÆ'ƒÆ’ÃÆ'Ââ¢Ãƒâ¢Ã¢â‚¬â¹Ã‚ŽÃ…Ââ·ÃƒÆ'Æ’Ãâ¢Ã¢â€šÅ½Ã…â·ÃƒÆ'â€â¹Ãƒâ€šÃ‚â½rgaround */
}

/*----------------------------------------------------*/
/* headline */
/*----------------------------------------------------*/

/*h1 {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 15px; 
}
h2 {
  font-family: Verdana, Geneva, sans-serif;
   font-size: 14px; 
}
h3 {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px; 
}*/
div.opener {
  text-align: left;
  padding-bottom: 10px;
  font-weight: bold;
}

/*----------------------------------------------------*/
/* modules */
/*----------------------------------------------------*/

div.module-name {
/*  color: #277;
  text-align: right;
   font-size:  10px; 
  display: inline;*/  
}

div.module-name-new {
/*  color: #0066cc;
  text-align: right;
  font-weight: bold;
 display: inline;*/  
}

.border2D {  /* from bw.css */
  border: 1px solid Gray;
}


/*----------------------------------------------------*/
/* links */
/*----------------------------------------------------*/
a:link     { color: #333333; }
a:visited  { color: #333333; }
a:active   { color: #333333; }
a.selected { color: #333333; }
/* this hover is not suitable for header and minibasket - please DO NOT reactivate  
a:hover { background: #f0f0f0; }
*/

a.navi:link {  /* from advisor.css */
	background : #003366;
	color : #FFFFFF;
	font-family : Verdana, sans-serif;
	font-size : 11px;
}

a.navi:visited {  /* from advisor.css */
	background : #003366;
	color : #FFFFFF;
	font-family : Verdana, sans-serif;
	font-size : 11px;
}


/*----------------------------------------------------*/
/* images */
/*----------------------------------------------------*/
img.tree {
  border-style: none;
}

img.conflict{
	border-style:none;
}
/*----------------------------------------------------*/
/* form elements */
/*----------------------------------------------------*/
form { margin: 0; padding: 0; }
input {
  font-family: Verdana, Geneva, sans-serif; /* monospace; */
  font-size: 10px;
}
input[type='text'] { text-align: left; }
input.detailCount {
  background: #eee;
  border: none;
}
input.dealertext { 
   width:130px; 
   border-color:#555555; 
   border-width:1px;
 }
select {
  font-family: Verdana, Geneva, sans-serif; /* monospace; */
  font-size: 10px;
}
.submitDoc { margin-bottom: 5px; } /* from bw.css */
.bigCatalogInput{ width: 155px; }
.middleCatalogInput{ width: 131px; }
.smallCatalogInput{ width: 40px; }
.customerAddrDetailsInput {
  width: 170px;
  font-family: Verdana, Geneva, sans-serif; /* monospace; */
  font-size:  10px;
}

.selectDocument { 
   width: 180px; 
  color:#555555;
   font-family:Verdana, Geneva, sans-serif;
   font-size:0.95em;
   font-weight:normal;
 }
 .selectDealer   {
   width: 130px;
   color:#555555;
   font-family:Verdana, Geneva, sans-serif;
   font-size:0.95em;
   font-weight:normal;
 }


/*----------------------------------------------------*/
/* global classes */
/*----------------------------------------------------*/
.error {
  font-weight: bold;
  color: #db002f;
}

.info {
  font-weight: bold;
  color: #000000;
  margin-bottom: 5px;
}

.nav {
/*  font-weight: bold;
  color: #FFFFFF;*/
}

.nav1 {
/*  background-color: #f2f7fc;*/
}

.nav2 {
  /*background-color: #003366;*/  
}


/*.emphasize {
  font-family: Verdana, Geneva, sans-serif;
  background: none #EEEEEE;
}*/

.emphasizeDarkBlue {
  font-family: Verdana, Geneva, sans-serif;
  color: #FFFFFF;
  background: none #003366;
}

.menuclass, .menuclass:visited { 
  color: #000000;
  font-weight: bold; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none;
  background-color: white;
  padding-left: 10px; 
  padding-right: 10px 
}

.menuclass:hover, .menuclass:active {
  color: white; 
  background-color: #003366;
}

.menuclass_selected {
  color: white; 
  background-color: #003366;
  font-weight: bold; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none;
  padding-left: 10px;
  padding-right: 10px
}

.menuclass_next {
  color: #000000;
  font-weight: bold; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none;
  background-color: white;
  padding-left: 10px; 
  padding-right: 10px
}	


table.ipcCharacteristicBar {
  font-family: Verdana, Geneva, sans-serif;
  background: none #DCE3EC;
  color: #000;
  border: 0px
}

.ipcConflictHandlingValueLayout{
  	font-weight:bold;
}
.ipcAreaFrame{
	border:1px solid #FFFFFF;
	padding:3px;
}
.ipcConflictGroupText{
  font-family: Verdana, Geneva, sans-serif;
  color: #FFCC33;
}

div {
  /*font-family: Verdana, Geneva, sans-serif;*/
}

var {
  font-size: 10px; 
}

/*p {
  margin: 0 0 .5em 0;
}*/

p#path {
  background: none #EEEEEE;
  padding: .5ex;
  border: thin solid #AAAAAA;
}

span.eauction, span.eauction a:link, span.eauction a:visited, span.eauction a:active {
  color: #0066CC;
}

span.icon {
  /* font-size: .8em; */
}

/*----------------------------------------------------*/
/* tables */
/*----------------------------------------------------*/
/*
th {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 10px;
  text-align: left;
  vertical-align: top;
  color: White;
}

th a:link, th a:visited, th a:active {
	color : White;
} 
*/
table.ipc {
  font-family: Verdana, Geneva, sans-serif;
  font-size:  10px; 
  text-align: left;
  vertical-align: top;
  color: #000000;
}

table.ipcValueSingleOption {
  border: 0px;
  border-collapse:collapse;
}

tr.ipcValue { 
  margin: 0px; 
  padding:0px;
}

td.ipcValue { 
  margin: 0px; 
  padding:0px;
  vertical-align: middle;
}

td.ipcConflict{ background-color: #FFCC33; }

td {
  /*font-family: Verdana, Geneva, sans-serif;
  font-size:  10px; 
  vertical-align: top;*/
}

td.systemAssigned {
  font-style: italic;
  margin: 0px; 
  padding:0px;
  vertical-align: middle;  
    
}

table.LineNavTabOrganizer           { background: none #F0F4FA; border-top: 2px solid #225A8D; }



table.list h2 
{
	margin: 0;
	padding: 0;
}

table.list th 
{
	color: #db002f;
	font-family: "Trebuchet MS";
	font-size: 11px;
	letter-spacing: 0em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	height: 22px;
}
table.list td 
{
	color: #333333;
	font-family: "Trebuchet MS";
	font-size: 11px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	padding: 3px;
}

table.list tr.odd 
{
	background-color: #F7F7F7;
}
table.list tr 
{
}

table.list td a:link, table.list td a:visited, table.list td a:active {
	color: #333333;
	font-weight: bold;	
}

table.list td.left {
	border: none;
	border-left: solid 1px #EBE8E8;
	background-color: #ffffff;
	width: 2px;
	padding: 0;
	margin: 0;
}
table.list td.right 
{
	border: none;
	border-right: solid 1px #EBE8E8;
	background-color: #ffffff;
	width: 2px;
	padding: 0;
	margin: 0;
}

table.list th.left
{
	border: none;
	width: 2px;
	padding: 0;
	margin: 0;
}
table.list th.right 
{
	border: none;
	width: 2px;
	padding: 0;
	margin: 0;
}

table.list tr.noborder td {
	border-top: none;
	border-bottom: none;
}

table.list .check 
{
	width: 30px;
}
table.list .prixproduit {
	color: #db002f;
	font-weight: bold;
}
table.list designation 
{
	
}

/*
table.list td.prix {
	color: #d30e34;
}
table.list .prixbarre {
	color: #d30e34;
	font-size: 14px;
	font-weight: bold;
}
table.list .prixpromo {
	color: #FF7C00;
	font-size: 16px;
	font-weight: bold;
}
table.list td.attribut {
	color: #d30e34;
	text-align: right;
}
table.list td.valeurattribut {
	color: #000000;
	text-align: left;
}
*/

td.whiteCell {
  /*background: none #FFFFFF*/
}

/*table.list tr.odd { background: none #EEEEEE; }
table.list tr.even { background: none #EEEEEE; }
table.list td.odd { background: none #EEEEEE; }
table.list td.even { background: none #EEEEEE; }*/


td.navMain {
  font-size: 10px; 
  color: #5f423a;
  font-family: Verdana, Geneva, sans-serif;
  padding-top: 8px;  
  vertical-align: top;
}

td.navMain a:link, td.navMain a:visited, td.navMain a:active {
  font-size: 10px; 
  color: #5f423a;
  font-family: Verdana, Geneva, sans-serif;
  text-decoration: none;
}
td.navMain a:hover {
  font-size: 10px; 
  color: #d30e34;
  font-family: Verdana, Geneva, sans-serif;
  text-decoration: none;
}

table.secNav tr.odd {
  background: none #B3CEEA;
}
table.secNav tr.even {
  background: none #B3CEEA;
}
th.secNav {
  color: #003366;
  font-family: Verdana, Geneva, sans-serif;
  padding-bottom: 5px;
}
td.secNav, td.secNav a:link, td.secNav a:visited, td.secNav a:active {
  border-width:0px;
  padding:0px;
  color: #003366;
  font-family: Verdana, Geneva, sans-serif;
  text-decoration: none;
}
.secNav #title {
  padding: 0px 0px 3px 0px;
}
.secNav #webCatAreaTitle {
  padding: 3px 0px 3px 10px;
  border-bottom: 2px solid #82B0DD;
}


table.navPath {
  color: #FFFFFF;
  font-family: Verdana, Geneva, sans-serif;
        background: none #003366;
}

table.navPath td, table.navPath td a:link, table.navPath td a:visited, table.navPath td a:active {
  /*color: #FFFFFF;
  font-family: Verdana, Geneva, sans-serif;
        background: none #003366;*/
  vertical-align: middle;
}
td.navPath, td.navPath a:link, td.navPath a:visited, td.navPath a:active {
  color: #d30e34;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 10px;
  font-weight: bold;
  vertical-align: middle;
  text-decoration: none;
}

table.meta-nav {
        background: none #b2b2b2;
}
/*td.miniBasket 
{
    background-color:#F4F3F3;
}
table.miniBasket tr.odd
{
  background: none #ffffff;
}
table.miniBasket tr.even
{
  background: none #ffffff;
}
*/
td.vertical-align-middle {
  vertical-align: middle;
}

/*td.miniBasketCell
{
  font-size: 7pt;
  color: #000000;
  background-color:#F4F3F3;  
}
td.miniBasketText, td.miniBasketText a:link, td.miniBasketText a:visited, td.miniBasketText a:active
{
  color: #003366;
}*/

tr.odd {
  /*background: none #EEEEEE;*/
}

tr.even {
  /*background: none #CCCCCC;*/
}

td.odd {
  /*background: none #EEEEEE;*/
}

td.even {
/*  font-family: Verdana, Geneva, sans-serif;
  background: none #CCCCCC;*/
}

td.headline {
  font-family: Verdana, Geneva, sans-serif;
        background: none #B2B2B2;
}

td.td-description {
  /*font-family: Verdana, Geneva, sans-serif;
  font-weight : bold;
        text-align : right;
        background: none #FFFFFF;*/
}

td.helpNavTab {
  font-family: Verdana, Geneva, sans-serif;
  background: none #AAAAAA;
  border-bottom: 1px solid #000000;
  padding-top: 3px;
  padding-bottom: 3px;
}
td.actualHelpNavTab {
  font-family: Verdana, Geneva, sans-serif;
  background: #D6D6D6;
  font-weight: bold;
  border: 1px solid #000000;
  border-bottom: none;
  padding-top: 3px;
  padding-bottom: 3px;
}
td.actualHelpNavTab a {
  font-family: Verdana, Geneva, sans-serif;
  text-decoration: none;
}

td.ipcActiveTab                     { background: none #225A8D; color: #FFFFFF; vertical-align: middle; font-weight: bold; border-bottom: none; }
td.ipcActiveTab a:link              { font-family: Verdana, Geneva, sans-serif; text-decoration: none; color: #FFFFFF; }
td.ipcActiveTab a:visited           { font-family: Verdana, Geneva, sans-serif; text-decoration: none; color: #FFFFFF}
td.ipcActiveTab a:hover             { background: none #225A8D; color: #FFFFFF;}
td.ipcActiveTab a:active            { font-family: Verdana, Geneva, sans-serif; text-decoration: none; color: #FFFFFF; }

td.ipcInactiveTab                   { background: none #DCE3EC; vertical-align: middle;}
td.ipcInactiveTab a:link            { color: #000000; text-decoration: underline; font-size: 10px; }
td.ipcInactiveTab a:visited         { color: #000000; text-decoration: underline; font-size: 10px; }
td.ipcInactiveTab a:hover           { }
td.ipcInactiveTab a:active          { color: #000000; text-decoration: underline; font-size: 10px; }

td.ipcActiveGroupTab                { background: none #225A8D; color: #FFFFFF; vertical-align: middle; font-weight: bold; border-bottom: none; }
td.ipcActiveGroupTab a:link         { font-family: Verdana, Geneva, sans-serif; text-decoration: none; color: #FFFFFF; }
td.ipcActiveGroupTab a:visited      { font-family: Verdana, Geneva, sans-serif; text-decoration: none; color: #FFFFFF}
td.ipcActiveGroupTab a:hover        { background: none #225A8D; color: #FFFFFF;}
td.ipcActiveGroupTab a:active       { font-family: Verdana, Geneva, sans-serif; text-decoration: none; color: #FFFFFF; }

td.ipcInactiveGroupTab              { background: none #DCE3EC; vertical-align: middle;}
td.ipcInactiveGroupTab a:link       { color: #000000; text-decoration: underline; font-size: 10px; }
td.ipcInactiveGroupTab a:visited    { color: #000000; text-decoration: underline; font-size: 10px; }
td.ipcInactiveGroupTab a:hover      { }
td.ipcInactiveGroupTab a:active     { color: #000000; text-decoration: underline; font-size: 10px; }

td.ipcConflictGroupTab              { background: none #FFCC33; color: #FFFFFF; vertical-align: middle; font-weight: bold; border-bottom: none; }
td.ipcConflictGroupTab a:link       { font-family: Verdana, Geneva, sans-serif; text-decoration: none; color: #FFFFFF; }
td.ipcConflictGroupTab a:visited    { font-family: Verdana, Geneva, sans-serif; text-decoration: none; color: #FFFFFF; }
td.ipcConflictGroupTab a:hover      { background: none #FFCC33; color: #FFFFFF;}
td.ipcConflictGroupTab a:active     { font-family: Verdana, Geneva, sans-serif; text-decoration: none; color: #FFFFFF; }

td.ipcTabScroll                     { background: none #F0F4FA; vertical-align: middle; border-bottom: none; }
td.ipcTabScroll a:link              { }
td.ipcTabScroll a:visited           { }
td.ipcTabScroll a:hover             { background: none #F0F4FA; }
td.ipcTabScroll a:active            { }


table.partnerlist { background: #A4A4A4;}
table.partnerlist td.head {background:none #ffffff; vertical-align: top; font-size:10px;} 
table.partnerlist td { color:#555555; font-family:Verdana, Geneva, sans-serif; font-size:11px; font-weight:normal;}
table.partnerlist tr.odd {background:none #e4e4e4; font-size:10px;}
table.partnerlist tr.even {background:none #f4f4f4; font-size:10px;}
table.partnerlist td.odd {background:none #e4e4e4; vertical-align: top; font-size:10px;}
table.partnerlist td.select {vertical-align: middle; font-size:10px;}
table.partnerlist td.even {background:none #f4f4f4; vertical-align: top; font-size:10px;}
table.partnerlist2 { background: #FFFFFF;}
table.partnerlist2 td { color:#555555; font-family:Verdana, Geneva, sans-serif; font-size:11px; font-weight:normal;}
table.partnerlist2 td.odd {background:none #e4e4e4; vertical-align: top; font-size:10px;}

td.catalog-left {   /* from bw.css  */
  font-family: Verdana, Geneva, sans-serif;
	background: none #C6C6C6;
}

td.catalog-mid {   /* from bw.css  */
  font-family: Verdana, Geneva, sans-serif;
	background: none #EEEEEE;
}

td.catalog-right {   /* from bw.css  */
  font-family: Verdana, Geneva, sans-serif;
	background: none #DADADA;
}

/*----------------------------------------------------*/
/* pre */
/*----------------------------------------------------*/
pre.comment {
    font-family: Verdana, Geneva, sans-serif;
    font-size:  10px; 
    font-weight: normal;
}

/*----------------------------------------------------*/
/* div classes */
/*----------------------------------------------------*/

@media screen {
  img.display-image{
    /*display: block;*/
  }
  td.whiteLine {
        background: none #FFFFFF;
  }
 td.blueLine {
        background: #003366 url('../.dtc/0/DCs/sap.com/crm/isa/web/b2c/_comp/webContent/mimes/b2c/images/vignette_fond.JPG');
        
  }
  input.FancyButton {
    color: #003366;
    background-color: #FFFFFF;
    border: 1px solid #003366;
  }
  input.FancyButtonGrey {
    color: #003366;
    background-color: #EEEEEE;
    border: 1px solid #003366;
  }
  a.FancyLink:link/* */, a.FancyLink:visited/* */, a.FancyLink:active/* */ {
    /* using commnet bug to hide this styles from IE5 and lower */
    color: #003366;
    background-color: #FFFFFF;
    border: 1px solid #003366;
    text-decoration: none;
    padding: 2px 4px 2px 8px;
  }
  
  a.FancyLink:link, a.FancyLink:visited, a.FancyLink:active { /* from fancy.css */
      color: #003366;
      background-color: #FFFFFF;
      border: 1px solid #003366;
      text-decoration: none;
      padding: 2px 4px 2px 8px;
  }
  
  a.FancyLinkGrey:link, a.FancyLinkGrey:visited, a.FancyLinkGrey:active { /* from fancy.css */
      color: #003366;
      background-color: #EEEEEE;
      border: 1px solid #003366;
      text-decoration: none;
      padding: 2px 4px 2px 8px;
  }
  a.FancyLinkGrey:link/* */, a.FancyLinkGrey:visited/* */, a.FancyLinkGrey:active/* */ {
    /* using commnet bug to hide this styles from IE5 and lower */
    color: #003366;
    background-color: #EEEEEE;
    border: 1px solid #003366;
    text-decoration: none;
    padding: 2px 4px 2px 8px;
  }
  div.mod-part {
    border: thin solid #777777;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 5px;
  }
  input.ipcButton {
    color: #003366;
    background-color: #EEEEEE;
    border: 1px solid #003366;
  }
  input.ipcButtonInvert {
    color: #003366;
    background-color: #FFFFFF;
    border: 1px solid #003366;
  }

  ul {
    padding-left: 12px;
    margin-left: 5px;
  }

  div.column {
  }

  div.module-head {
    width:100%;
    /* background-color:#b2b2b2; */
  }

  div.module-content {
    width:100%;
  }

  .submitDoc, .bigCatalogInput, .textInput, textarea {
    border: 1px solid Gray;
    font-family: Verdana, Geneva, sans-serif; /* monospace; */
    font-size: 10px;    
  }
  
  div.bold {
      color:#555555; 
      font-family:Verdana, Geneva, sans-serif;
      font-weight:bold; 
      font-size:11px;
    }  
/* Generic result list embedding START */
  div.filter-result-msg {
      padding-left: 4%;
      width: 93%;
      font-family:Verdana, Geneva, sans-serif;
      font-size:100%;
      color:#000000;
      margin-top:10px;
      margin-bottom:10px;
  }

  div.filter-result table {
      overflow: hidden;
      margin-left: 4%; 
      width: auto;	
      font-family: Verdana, Geneva, sans-serif;
      border-collapse: collapse;
      background: none #EEEEEE;
  }
  div.filter-result th, th a:link, div.filter-result th a:active, div.filter-result th a:visited {
      padding:4px;
      color: #FFFFFF;
      font-family: Verdana, Geneva, sans-serif;
      width: auto;
      border: 1px solid #003366;
      text-align: center;
      background: none #003366;
      vertical-align: middle;
  }
  div.filter-result td a:link, div.filter-result td a:active, div.filter-result td a:visited {
      padding:4px;
      color: #0F0F0F;
      font-family: Verdana, Geneva, sans-serif;
      width: auto;
      text-align: center;
      vertical-align: middle;
  }
  div.filter-result td          {border: 2px solid #FFFFFF;}
  div.filter-result tr.odd		{background: none #EEEEEE;}
  div.filter-result tr.even		{background: none #EEEEEE;}
  div.filter-result td.odd 		{background: none #EEEEEE;}
  div.filter-result td.even     {background: none #EEEEEE;}
}

/* elements from advisor.css */

body.advisor {
	background : #FFFFFF;
	color : #000000;
	font-family : Verdana, sans-serif;
	font-size: 10px; 
        margin: 10px 10px 10px 10px; 
}




/*   Button  */
input.button {	/* from advisor.css */
	background : none #9399A4;
	color : #FFFFFF;
	font-family : Verdana, sans-serif;
	font-weight : bold;
}




.radio{   /* from advisor.css */
	background-color : #F2F7FC;
	
}

.checkbox{   /* from advisor.css */
	background-color : #F2F7FC;
}





td.navi {   /* from advisor.css */
	background : #003366;
	color : #FFFFFF;
	font-family : Verdana, sans-serif;
	
}



.boxout {   /* from advisor.css */
        
	background : #003366;
}



.boxin  {   /* from advisor.css */
       
	background :#F2F7FC;
        
}


.boxtitle {   /* from advisor.css */
         color:white; 
	background : #003366;
	font-family : Verdana, sans-serif;
	font-size: 11px; 
	font-weight: bold;
}


.message {  /* from advisor.css */
        
	color : #009900;
	font-family : Verdana, sans-serif;
	
	font-weight: bold;
}


.matcheditem{  /* from advisor.css */
        
	color : #FF9933;
	font-family : Verdana, sans-serif;
	font-weight: bold;
}
/* end of elements from advisor.css */


td.item-sub-1					{background:url(../images/spacer.gif) no-repeat -6px 50%; padding-left:20px; background-color: #F2F2F2}
td.item-sub-2					{background:url(../images/spacer.gif) no-repeat -6px 50%; padding-left:40px; background-color: #F2F2F2}
td.item-sub-3					{background:url(../images/spacer.gif) no-repeat -6px 50%; padding-left:60px; background-color: #F2F2F2}

/*...Infomessage..............................................*/
.info 											{float:left; border:1px solid #9e9e9e; background: #ffffdd url('../images/warning.gif') no-repeat 4px 3px;  width:97%; padding:5px; margin-top:10px; margin-left:2px; margin-right:2px; text-align:left; color:#000000; font-family:Verdana, Geneva, sans-serif; font-size:100%; background-color:#ffffdd}
.info span 										{margin-left:20px; text-align:left; float:left; }


#buttons		{width:100%; margin:0px; padding-top:5px; border-top:1px solid #003366; }

ul.buttons-1     {margin-left:10px; padding:0px; float:left; list-style: none inside; }
ul.buttons-1 li  {margin-right: 1em; font-weight:bold; line-height: 5ex; vertical-align: top;}

ul.buttons-1 a  {text-decoration:none; border:1px solid silver; padding-top:2px;  padding-bottom:3px; padding-left:7px; padding-right:7px;}

ul.buttons-1 a:link   { color: #003366; background-color:#EEEEEE;}

ul.buttons-1 a:visited { color: #003366; background-color:#EEEEEE;}
ul.buttons-1 a:hover { color: #003366; background-color:#F2F7FC;}

/*...Errormessage..............................................*/
.error 											
{
	border:1px dotted #db002f; 
	padding:2px; 
	margin:0px 5px 10px 5px; 
	text-align:center; 
	color:#db002f;
	font-weight:bold; 
	background-color:#f3f4f4;
}

/*.error span 									{margin-left:20px; text-align:left; float:left; }
*/

/*h1 {
  color: #FFFFFF;
  font-family: Verdana, Geneva, sans-serif;
        background: none #003366;
  vertical-align: middle;
}
*/
#message-content {padding-left:5px;padding-top:10px;}

/* --- Styles with prefix 'body.tabcontent' are used to enable the IPC pricing analysis screen in the ISA application -- */

body.tabcontent {
	background-color: #D7DDE5;
}	

/*   Start: Styles for data boxes  */
/* Set a space around the data box */
body.tabcontent .content {
	margin: 10px;
	width: 100%;
}

body.tabcontent table.conditionTable {
  border-style:solid;
  border-width:1px;
  border-collapse:separate;
  width:100%;
}

body.tabcontent table.conditionTable tr {
	background-color: #E9ECEF;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size : 11px;
}

body.tabcontent table.conditionTable tr.Subtotal {
    color:blue;
}
 		
body.tabcontent table.conditionTable td.conditionStatus {
   width: 16px;
}
body.tabcontent table.conditionTable td.conditionType {
    width: 10%;
    text-align:center;
}

body.tabcontent table.conditionTable td.description {
}

body.tabcontent table.conditionTable td.conditionRate {
    width:15%;
}

body.tabcontent table.conditionTable td.priceUnit {
    width:8%;
}

body.tabcontent table.conditionTable td.conditionValue {
    width:15%;
}

body.tabcontent table.conditionTable td.operation {
    width:16px;
}



/*******************************************
  DEBUT - TEVOLYS
********************************************/

/*Styles généraux*/
.bodybg 
{
    background-image:url(/b2cgsf/b2c/mimes/images/custom/fond_general.gif);
    background-repeat: repeat-y;
    background-color:#DEDFE0;
}

/*Header*/
#header-table
{
    width:969px;
    height:115px;
    border-collapse:collapse;
}
#header-lignes
{
    width:820px;
    border-collapse:collapse;
    padding:0;
    vertical-align:top;
}
#header-logo
{
    width:149px;
}
#header-ligne1
{
    padding:0;
    margin:0;
    padding-top:54px;
    background-image:url(/b2cgsf/b2c/mimes/images/custom/haut_ligne1.gif);
    background-repeat: no-repeat;
    height:22px;  
}

#header-links
{
    width:280px;
}
    .header-link
    {
        font-family:Verdana;
        text-decoration:none;
        font-size:11px;
        display:inline-block;
        padding-top:2px;
        padding-left:15px;
        padding-right:15px;
        height:18px;
        vertical-align:top;
    }
    .header-separateur
    {
        vertical-align:top;
    }

#header-compte
{
    vertical-align:top;
    text-align:right;
    padding-top:2px;
    padding-right:15px;
}
    #compte-nom
    {
        font-family:Verdana;
        text-decoration:none;
        font-weight:bold;
        font-size:11px;  
        margin-left:5px;
        vertical-align:top;
    }
    #compte-acces
    {
        font-family:Verdana;
        text-decoration:underline;
        font-weight:normal;
        font-size:11px;  
        margin-left:10px;
        vertical-align:top;   
    }

#header-recherche
{    
    vertical-align:top;
    width:220px;
}
    #recherche-titre
    {
        color:#db002f;
        font-family:Verdana;
        font-size:11px;  
        vertical-align:top;
        height:18px;
        padding-left:10px;
        padding-right:5px;
        padding-top:2px;
        display:inline-block;                   
    }
    .recherche-texte
    {
        vertical-align:top;
    }
    .recherche-btn
    {
        display:inline-block;
        vertical-align:top;
    }

#header-ligne2
{
    padding:0;
    margin:0;    
    /*background-image:url(/b2cgsf/b2c/mimes/fr/haut_ligne2.gif);
    background-repeat: no-repeat;    */
    height:35px;
    text-align:right;
    padding-top:8px;
}

/*Menu*/
#navigationEntete
{
    margin:0;
    padding:0;
}

#navigationMenu  
{
    margin:0;
    padding:0;    
    padding-left:4px;
	width: 163px;
	font-family: verdana;
}
.accordion div
{
    background-color:#f4f3f3;
}

.accordion .accordionTitle
{
    background-image:url(/b2cgsf/b2c/mimes/images/custom/menu_open.gif);
    background-repeat: no-repeat;
	cursor:pointer;
	display:block;
	font-family: "Trebuchet MS";
	font-size: 11px;
	color: #333333;
	height: 22px;	
	padding-top:6px;
	padding-left:6px;
}

.accordion div.selected
{
    background-image:url(/b2cgsf/b2c/mimes/images/custom/menu_close.gif);
    background-repeat: no-repeat;
}

.accordion .accordionSubMenu
{
    background-image:url(/b2cgsf/b2c/mimes/images/custom/menu_subitem.gif);
    background-repeat: no-repeat;
    background-position:left 3px;
    display:block;
	font-family: "Trebuchet MS";
	font-size: 10px;
	color: #db002f;
	height: 20px;
	text-decoration: none;
	margin-left:10px;
	padding-left:7px;
}

.accordion .accordionSubMenu:hover
{
	text-decoration: underline;    
}



/*Produits Home*/
#home-produits
{
    margin-top:15px;
    border-collapse:collapse;
    width:668px;
}

td.home-produits-entete
{
    width:218px;
    height:22px;
    background-image:url(/b2cgsf/b2c/mimes/images/custom/home/produit_entete.gif);
    background-repeat: no-repeat;
}
td.home-produits-contenu
{
    width:218px;    
    background-image:url(/b2cgsf/b2c/mimes/images/custom/home/produit_fond.gif);
    background-repeat:repeat-y;
    vertical-align:top;
}
td.home-produits-contenu .logo
{
    height:30px;
}
td.home-produits-contenu p.titreProduit
{
	font-family: "Trebuchet MS";
	font-size: 15px;
	color: #db002f;
	font-weight: bold;
	padding-left:4px;
	padding-right:4px;
	text-align:left;
}

td.home-produits-contenu p.descrProduit
{
	font-family: "Trebuchet MS";
	font-size: 10px;
	color: #666666;
	padding-left:4px;
	padding-right:4px;
}

td.home-produits-contenu p.prix
{
    font-family: "Trebuchet MS";
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    margin:0;
    padding:0;
}

td.home-produits-contenu p.prixbarre
{
    font-family: "Trebuchet MS";
    font-weight: bold;
	font-size: 12px;
    color: #000000;
    text-decoration:line-through;
    margin:0;
    padding:0;
}

/* debut modification bonne affaire */
td.home-produits-contenu table
{
    border-collapse:collapse;
    margin-top:0px;
    margin-bottom:0px;
    width:218px;
}

td.home-produits-separateur
{
    width:218px;   
    height:20px;
    background-image:url(/b2cgsf/b2c/mimes/images/custom/home/produit_separateur.gif);
    background-repeat: no-repeat;    
}
  /* nouveau style */
td.home-produits-bonneaffaire
{
    width:218px;
    height:20px;   
    background-repeat: no-repeat;    
}
/* fin modification bonne affaire */

td.home-produits-pied
{  
    width:218px;
    text-align:right;
    height:25px;
    background-image:url(/b2cgsf/b2c/mimes/images/custom/home/produit_pied.gif);
    background-repeat: no-repeat;
    padding-right:10px;
}

.panier-link
{ 
}

#home-suiteselection
{
    text-align:right;
    padding-right:10px;
}
#home-suiteselection a,#home-suiteselection a:visited
{
    font-family: "Trebuchet MS";
    font-weight: bold;
	font-size: 11px;
    color: #DB002F;
    text-decoration:none;
}
#home-suiteselection a:hover
{
    text-decoration:underline;    
}

span.ecopart {
	color:black;
	font-weight:normal;
	font-size:7pt;
	line-height:6pt;
}

a.ecotax-info {
	font-weight:normal;
}

/*Listing produits*/
.textpaging
{
    font-family: "Trebuchet MS";
    font-weight: bold;
	font-size: 14px;    
}

table.listing-filtres
{
    margin-top:10px;
    margin-bottom:5px;
}
table.listing-filtres td
{
    padding:3px;
}

table#listing-produits
{
    width:664px;
    border-collapse:collapse; 
}
td.listing-produits-entete
{ 
    width:160px;
    height:10px;
    font-size:0px;
    background-image:url(/b2cgsf/b2c/mimes/images/custom/listing/bloc_haut.gif);
    background-repeat: no-repeat;
}
/* bonne affaire */
td.listing-produits-entete-bonneaffaire
{ 
    width:160px;
    height:13px;
    font-size:0px;
    background-image: url(/b2cgsf/b2c/mimes/images/custom/listing/bloc_haut_bonneaffaire.gif);
    background-repeat: no-repeat;
}

td.listing-produits-entetesep
{
	width:8px;
    height:10px;
    font-size:0px;
}
td.listing-produits-vide
{
	width:160px;
}
td.listing-produits-sep
{
	width:8px;
}
td.listing-produits-photo
{
    width:160px;
    background-image:url(/b2cgsf/b2c/mimes/images/custom/listing/bloc_milieu.gif);
    background-repeat: repeat-y; 
	text-align:center;
}
td.listing-produits-photo-vide
{
    width:160px;
    text-align:center;
}
td.listing-produits-marque
{
    width:160px;
    background-image:url(/b2cgsf/b2c/mimes/images/custom/listing/bloc_milieu.gif);
    background-repeat: repeat-y;
    text-align:center;
    padding-top:5px;  
}
td.listing-produits-texte
{
    width:160px;
    background-image:url(/b2cgsf/b2c/mimes/images/custom/listing/bloc_milieu.gif);
    background-repeat: repeat-y;
    padding-top:5px;
    padding-bottom:5px;
    vertical-align:top;
}
    td.listing-produits-texte div.titreProduit
    {
	    font-family: "Trebuchet MS";
	    font-size: 10px;
	    color: #db002f;
	    font-weight: bold;
	    text-align:left;
	    margin-right:5px;
    }
    td.listing-produits-texte div.cocheProduit
    {
        padding:0;
        text-align:left;
        float:left;
        margin-right:5px;
	    margin-left:5px;
    }
    td.listing-produits-texte div.descProduit
    {
        margin-top:5px;
	    font-family: "Trebuchet MS";
	    font-size: 10px;    
        margin-right:5px;
	    margin-left:5px;
    }
td.listing-produits-separateur
{
    width:160px;
    background-image:url(/b2cgsf/b2c/mimes/images/custom/listing/bloc_separateur.gif);
    background-repeat: no-repeat;
    height:5px;   
    font-size:0px;    
}
td.listing-produits-separateursep
{
    height:5px;
    font-size:0px;
}

td.listing-produits-promo
{
    width:160px;
    background-image:url(/b2cgsf/b2c/mimes/images/custom/listing/bloc_milieu.gif);
    background-repeat: repeat-y; 
    text-align:center;
    padding-top:5px;       
}

/* ajout de bonne affaire */
td.listing-produits-promo-bonneaffaire
{
    width:160px;
    background-image:url(/b2cgsf/b2c/mimes/images/custom/listing/bloc_milieu.gif);
    background-repeat: repeat-y; 
    text-align:center;
    padding:3px 0;
}

td.listing-produits-prix
{
    width:160px;
    height:35px;
    background-image:url(/b2cgsf/b2c/mimes/images/custom/listing/bloc_bas.gif);
    background-repeat: no-repeat;
    text-align:right;
    vertical-align:top;
}
td.listing-produits-prix td {
	padding:0 5px 0 0;
	text-align:right;
	vertical-align:top;
}
td.listing-produits-prix span.prix
{
    font-family: "Trebuchet MS";
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    margin:0;
    padding:0; 
}

td.listing-produits-prix span.prixbarre
{
    font-family: "Trebuchet MS";
	font-size: 12px;
    color: #000000;
    text-decoration:line-through;
    margin:0;
    padding:0;
}

td.listing-produits-interligne
{
    font-size:0px;
    height:10px;
}


table.listing-comparateur
{
    width:665px;
}

/*Fiche Produit*/
#ficheprod-arianne
{
    margin-left:6px;
    width:654px;    
}
#ficheprod-contenu
{
    margin-top:5px;
    width:660px;
}
#ficheprod-photo
{
    width:315px;
    height:315px;
    background-image:url(/b2cgsf/b2c/mimes/images/custom/produit/fond_photo.gif);
    background-repeat: no-repeat;
    padding-top:4px;
    padding-left:3px;
}
/* Sqli/Eozen : Transformer l'image de la marque en texte [Sqli/Eozen - gsfref60 (Référencement site Produits GSF)] *
#ficheprod-marque
{
    margin-top:5px;
    display:block;
    padding-right:25px;
    text-align:right;
}
*/
#ficheprod-titre
{
    margin-top:5px;
	font-size: 22px;
	color: #db002f;
	font-weight: bold;
}
#ficheprod-titre img
{
    vertical-align:middle; 
}
#ficheprod-slogan
{
	font-size: 14px;
	color: #666666;
	margin-top:20px;
}
#ficheprod-items
{
	margin-top:10px;
	border-top: 1px dotted #db002f;    
	border-bottom: 1px dotted #db002f;
}
.ficheprod-item
{
    padding-top:5px;
    padding-bottom:5px;
    border-top: 1px dotted #e0e830;
}
.ficheprod-item-first
{
    padding-top:5px;
    padding-bottom:5px;    
    border-top:none;
}
.ficheprod-item img,.ficheprod-item-first img
{
    border : 1px solid #d9d9d9;
}
.ficheprod-item-text
{
    padding:0;
    padding-left:3px;
    padding-right:3px;
}
#ficheprod-prix
{
    font-family: "Trebuchet MS";
    font-weight: bold;
	font-size: 22px;
	color: #db002f;
	margin-top:5px;
}
#ficheprod-prix img
{
    vertical-align:middle;
}
.ficheprod-infos
{
    font-size:10px;
    font-weight: bold;
}
#ficheprod-panier
{
    margin-top:10px;
}


#ficheprod-carac, #ficheprod-recos
{
    width:669px;    
}
#ficheprod-carac-haut,#ficheprod-recos-haut
{
    background-image:url(/b2cgsf/b2c/mimes/images/custom/produit/detail_haut.gif);
    background-repeat: no-repeat; 
    padding-top:20px; 
    padding-left:15px; 
}
#ficheprod-carac-milieu
{
    background-image:url(/b2cgsf/b2c/mimes/images/custom/produit/detail_milieu.gif);
    background-repeat: repeat-y; 
    padding-left:15px;
    padding-right:15px;
}
#ficheprod-recos-milieu
{
    background-image:url(/b2cgsf/b2c/mimes/images/custom/produit/detail_milieu.gif);
    background-repeat: repeat-y; 
    padding-left:5px;
}

#ficheprod-recos-milieu table#listing-produits
{
    margin-top:20px;
    margin-bottom:20px;
    width:660px;
}

#ficheprod-carac-bas,#ficheprod-recos-bas
{
    background-image:url(/b2cgsf/b2c/mimes/images/custom/produit/detail_bas.gif);
    background-repeat: no-repeat; 
    padding-top:20px; 
    padding-left:15px; 
}
.ficheprod-carac-titre
{
    font-size:14px;
    font-weight:bold;
    margin-bottom:4px;
    margin-top:10px;
}

#ficheprod-carac tr.even
{
    background-color:#FFFFFF;
    border-bottom:1px solid red;
}
#ficheprod-carac tr.odd
{
    background-color:#F7F7F7;
}


/*Comparaison*/
table#compare
{
    margin-top:10px;
    border-collapse:collapse;
}
#compare-haut-left
{
    background-image:url(/b2cgsf/b2c/mimes/images/custom/comparaison/top_left.gif);
    background-repeat: no-repeat;
    width:10px;
    font-size:0px;
}
#compare-haut-middle
{
    background-image:url(/b2cgsf/b2c/mimes/images/custom/comparaison/top_middle.gif);
    background-repeat: repeat-x;
    height:25px;
    padding-top:15px; 
    padding-left:10px;
}
#compare-haut-right
{
    background-image:url(/b2cgsf/b2c/mimes/images/custom/comparaison/top_right.gif);
    background-repeat: no-repeat;  
    width:10px;
    font-size:0px;
}


.compare-milieu-left
{
    background-image:url(/b2cgsf/b2c/mimes/images/custom/comparaison/middle_left.gif);
    background-repeat: repeat-y; 
    width:10px;
    font-size:0px;  
}
.compare-milieu-middle
{
	background-color:#FFFFFF;
    padding-left:20px;
    padding-right:20px;
}
.compare-milieu-right
{
    background-image:url(/b2cgsf/b2c/mimes/images/custom/comparaison/middle_right.gif);
    background-repeat: repeat-y; 
    width:10px;
    font-size:0px;  
}


#compare-bas-left
{
    background-image:url(/b2cgsf/b2c/mimes/images/custom/comparaison/bottom_left.gif);
    background-repeat: no-repeat; 
    height:31px;
    width:10px;      
}
#compare-bas-middle
{
    background-image:url(/b2cgsf/b2c/mimes/images/custom/comparaison/bottom_fondmiddle.gif);
    background-repeat: repeat-x; 
    height:31px;
}
#compare-bas-right
{
    background-image:url(/b2cgsf/b2c/mimes/images/custom/comparaison/bottom_right.gif);
    background-repeat: no-repeat; 
    height:31px;
    width:10px;      
}


table#compare .tdBordure
{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-right-color: #666666;
	border-bottom-color: #666666;
	width:130px;
}
table#compare .titreProduits2
{
	font-family: "Trebuchet MS";
	font-size: 11px;
	color: #db002f;
	margin-bottom: -20px;
	font-weight: bold;
	line-height: 14px;
}
table#compare .titreProduits
{
	font-family: "Trebuchet MS";
	font-size: 15px;
	color: #db002f;
	margin-bottom: -15px;
	font-weight: bold;
}    
table#compare .libelle 
{
	color: #666666;
	font-family: "Trebuchet MS";
	font-size: 11px;
	letter-spacing: 0em;
	font-weight: bold;
}
table#compare .panier 
{
    color: #333333;
	font-family: "Trebuchet MS";
	font-size: 11px;
	letter-spacing: 0em;
}
table#compare tr.even
{
    background-color:#FFFFFF;
}
table#compare tr.odd
{
    background-color:#F7F7F7;
}
.compare-textepetit
{
	font-family: "Trebuchet MS";
	font-size: 10px;
	color: #666666;
}





/*Mini panier*/
table.panier-mini
{
    width:128px;
    border-collapse:collapse; 
    background-color:#f4f3f3;
    vertical-align:top;      
}
.panier-mini-fleche
{
    color:#db002f;
    width:8px;
    vertical-align:top;
    padding-left:4px;
}
.panier-mini-produit
{
    vertical-align:top;
    padding-bottom:3px;
    padding-right:2px;    
}
.panier-mini-infos
{
    padding-top:5px;
    padding-bottom:5px;
    padding-left:2px;
    padding-right:2px;
}
.panier-mini-link
{
    text-align:right;
    padding-left:2px;
    padding-right:2px;
}
.panier-mini-link a
{
    color:#333333;
    font-weight:bold;
    font-size:10px;
}

.panier-mini-pub
{
    margin-top:5px;
}




/* FT - TEVOLYS */

h1
{
	font-size: 20px;
	color: #333333;
	font-weight: bold;
	letter-spacing: 1px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #e0e830;
	margin: 0;
	padding: 0;
}
h1 img
{
    vertical-align:middle;
}

h2 
{
	font-size: 15px;
	color: #db002f;
	font-weight: bold;
	margin-bottom: 1em;
}

 h3 
{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0.5em;
}	

 h4
{
	font-size: 10px;
	font-weight: normal;
	color: #666666;	
}

.rose
{
    color:#db002f;  
}

.gris
{
    color: #666666
}

p  
{
	color: #333333;
	font-size: 11px;
	letter-spacing: 0em;
	text-align: justify;
}

#moncompte 
{
    margin-left:4px;
	width: 163px;
	font-family: verdana;
	background-color:#f4f3f3;
}

#moncompte .titre
{
    background-image:url(/b2cgsf/b2c/mimes/images/custom/menu_separateur.gif);
    background-repeat: no-repeat;
	font-family: "Trebuchet MS";
	font-size: 11px;
	color: #333333;
	padding: 10px 0 5px 8px;
}

#moncompte .menu
{
	background: url(/b2cgsf/b2c/mimes/images/custom/moncompte/pucemenugris.gif) 6px 6px no-repeat;
    display:block;
	font-family: "Trebuchet MS";
	font-size: 10px;
	color: #db002f;
	text-decoration: none;
	padding: 3px 0 6px 18px;
}

#moncompte .menu:hover
{
	text-decoration: underline;    
}

p.date 
{
	color: #db002f;
}

.important, a.important
{
	font-weight: bold;
	font-size: 11px;
	color: #db002f;
}

/* panier */
#panier {
	background: url(/b2cgsf/b2c/mimes/images/custom/moncompte/hautpanier.gif) 0 0 no-repeat;
	padding-top: 20px;
	width: 668px;	
}
#baspanier {
	background: url(/b2cgsf/b2c/mimes/images/custom/moncompte/baspanier.gif) 0 0 no-repeat;
	height: 36px;
	width: 668px;
	margin-bottom: 10px;
}

/* liste commandes */
#paniercommandes {
	background: url(/b2cgsf/b2c/mimes/images/custom/moncompte/hautliste.gif) 0 0 no-repeat;
	padding-top: 22px;
	width: 337px;	
}
#paniercommandes table.list h2
{
	color: #000000;
	padding: 0;
	margin: 0;
}
#paniercommandes div.nombre
{
	color: #db002f;
	padding: 0;
	margin: 5px 20px;
	font-style: italic;
}

#baspaniercommandes {
	background: url(/b2cgsf/b2c/mimes/images/custom/moncompte/basliste.gif) 0 0 no-repeat;
	height: 19px;
	width: 337px;
	margin-bottom: 10px;
}

/* blocs (ex : livraison) */
div.bloc {
	background: url(/b2cgsf/b2c/mimes/images/custom/moncompte/hautbloc.gif) 0 0 no-repeat;
	padding-top: 12px;
	width: 213px;
}
div.basbloc {
	background: url(/b2cgsf/b2c/mimes/images/custom/moncompte/basbloc.gif) 0 0 no-repeat;
	height: 19px;
	width: 213px;
	margin-bottom: 15px;
}
table.bloc th 
{
	text-align: center;
	color: #db002f;
	font-family: "Trebuchet MS";
	font-size: 11px;
	letter-spacing: 0em;
}
table.bloc td 
{
	background: url(/b2cgsf/b2c/mimes/images/custom/moncompte/sepbloc.gif) center top no-repeat;	
	text-align: center;
	color: #333333;
	font-family: "Trebuchet MS";
	font-size: 11px;
	padding: 5px 0;
	border-left: solid 1px #EBE8E8;
	border-right: solid 1px #EBE8E8;
}
table.bloc .left 
{
	
}
table.bloc .right 
{
	
}

/* formulaires */
#formulaire {
	background: url(/b2cgsf/b2c/mimes/images/custom/moncompte/hautform.gif) 0 0 no-repeat;
	padding-top: 35px;
	width: 479px;
	margin: 0 auto;
}
#basformulaire {
	background: url(/b2cgsf/b2c/mimes/images/custom/moncompte/basform.gif) 0 0 no-repeat;
	height: 33px;
	width: 479px;
	margin: 0 auto 0px auto;
}
.form td
{
	padding: 3px 5px;
	margin: 0;
}
.form td.left {
	background: url(/b2cgsf/b2c/mimes/images/custom/moncompte/puce.gif) no-repeat right center;
	border-left: solid 1px #EBE8E8;
	width: 40px;
	padding: 0;
	margin: 0;	
}
.form td.sanspuce {
	background: none;
}
.form td.right 
{
	border: none;
	border-right: solid 1px #EBE8E8;
	background-color: #ffffff;
	width: 40px;
	padding: 0;
	margin: 0;
}
.form td input[type="text"], .form td select, .form td input[type="password"],
{
	border: solid 1px #c0c0c0;
	padding: 3px 3px;
	margin: 0;
}
.form .required 
{
	color: #db002f;
}

.form td.boutons 
{
	border-left: solid 1px #EBE8E8;
	border-right: solid 1px #EBE8E8;
	padding: 15px 5px 5px 5px;
	margin: 0;
}
.form td.boutons td 
{
	padding: 3px 3px;
	margin: 0;
}
.form td.boutons input 
{
	padding: 0;
	margin: 0;
	border: none;
}

#selectionboutique 
{
    margin: 30px auto;
    width:751px; 
    height:511px;
}

#selectionboutique div 
{
    text-align:left; 
    padding-top: 220px;
    padding-left: 330px;
}

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

#selectionboutique li 
{
    margin: 5px 0;
}

#selectionboutique ul img
{
    vertical-align: middle;
    border: none;
}
#selectionboutique a 
{
   text-decoration:none;
}
#selectionboutique a:hover
{
   text-decoration:underline;
}

.maintenance div
{
    padding-top: 200px !important;
    padding-left: 270px !important;
    padding-right: 185px;
}

.findesession div
{
    padding-top: 200px !important;
    padding-left: 270px !important;
    padding-right: 185px;
}

.deconnexion div
{
    padding-top: 200px !important;
    padding-left: 270px !important;
    padding-right: 185px;
}

.fondsanstitre div
{
    padding-top: 175px !important;
    padding-left: 270px !important;
    padding-right: 185px;
}


@media print
{
    .bodybg 
    {
        background-image: none;
        background: #ffffff;
    }
   #header, #footer, #miniBasket, #navigator, .noprint 
   {
       display:none;
   } 
   #workarea 
   {
       width: 668px;
       left: 0;
       top: 0;
       margin: 0 !important;
   }
   #panier, #baspanier 
   {
       background: none;
   }
   #panier th, #panier td
   {
       border: none;
   }
   #panier th 
   {
       border-bottom: solid 1px #C0C0C0;
   }
   #panier table 
   {
       border: solid 1px #C0C0C0;
   }
   
    div.bloc, div.basbloc
    {
    	background: none;
    }
    table.bloc 
    {
        border: solid 1px #C0C0C0;
    }
    table.bloc th, table.bloc td
    {
        background: none;
        border: none;
        border-bottom: solid 1px #C0C0C0;
    }   

   
}


/*******************************************
  FIN - TEVOLYS
********************************************/


/**************** DEBUT : Sqli/Eozen - gsfref60 (Référencement site Produits GSF) ***************/

#ficheprod-titre h2
{
   	margin-top:5px;
	font-size: 22px;
	color: #db002f;
	font-weight: bold;
	display:inline;
}
#ficheprod-marque
{
    margin-top:5px;
    display:block;
    padding-right:25px;
    text-align:right;
    background-repeat: no-repeat;
    background-position:top right;
    background-position: 90%;
}
#ficheprod-marque h2
{
	margin-top: 5px;
	margin-bottom: 5px;
}
#ficheprod-marque span
{
	visibility:hidden;
}
#produits-marques-image
{	
	background-repeat: no-repeat;
	background-position: top center;
	width: 160px;
	height:30px;
	font-size: 8px;
	font-weight: normal;	
}
#produits-marques-image span
{	
	visibility:hidden;
}
.texteintroduction
{
  font-size: 11px;   
  padding-top: 10px;
}

/**************** FIN : Sqli/Eozen - gsfref60 (Référencement site Produits GSF) ***************/