body { 
	width:100%;
	margin:0;
	font-family:Verdana, Times, serif;
	font-size:12px;
	text-align:justify;
	background:#fff url('/images/design2010/bg_top.png') top left repeat-x;
}
h1 { margin:0.5em 0 0.5em 0; padding:0; font-size: 1.6em; font-weight: bold; color: #420863; }
h2 { margin:0.5em 0 0.5em 0; padding:0; font-size: 1.4em; font-weight: bold; color: #420863; }
h2.title_bestseller { margin-left:6px; width:159px; height:25px; background:transparent url('/images/design2010/title_nosbestseller.png') top left no-repeat; text-indent:-9999px; }
h2.title_nousrecommandons { margin-left:6px; width:292px; height:25px; background:transparent url('/images/design2010/title_nousrecommandons.png') top left no-repeat; text-indent:-9999px; }
h3 { margin:0; padding:0; font-size: 1.2em; font-weight: bold; color: #420863; }

#header { height:150px;  }
.logoLink { display:block; margin:56px 0 0 15px; width:346px; height:87px; background:transparent url('/images/design2010/logo_netreflets.png') top left no-repeat; text-indent:-9999px; }

#content {
	margin-left: 200px;
	padding-right:10px;
	min-width:783px;
	max-width:1000px;

}
hr { height:1px; line-height:1px; border:0; background-color:#ccc; }
a.boutonpanier { position:absolute;display:block; padding:3px 0 3px 3px; width:168px; background-color:#d4effa;border-right:1px solid #00a3e8;height:17px;line-height:17px; }

#leftmenu { position:absolute; top:207px; left:0px;	 }
#leftmenu ul { width:171px;	margin:33px 0 3px 0;	padding:2px 0 2px 0; text-align:left; font-size:12px; }
#leftmenu ul li { list-style-type:none; margin:3px 0 3px 0; padding:3px; }
#leftmenu ul li ul { width:156px; font-size:11px; margin:0; padding:0; }
#leftmenu ul li ul li { margin:2px 0 0 7px; padding:3px 3px 0 3px; }
#leftmenu a { text-decoration: none; color:#000; text-decoration:none; }
#leftmenu a:link { text-decoration: none; color:#000; text-decoration:none; }
#leftmenu a:visited { text-decoration: none; color:#000; text-decoration:none; }
#leftmenu a:hover { text-decoration: none; color:#000; text-decoration:underline; }
#leftmenu a:active { text-decoration: none; color:#000; text-decoration:none; }

#menu {
	position: absolute;
	top: 0;
	left: 0;
}

img { border:0; }
#flags {
	position:absolute;
	top:197px;
	left:910px;
}	
#prix {
	text-align:center;
}
td {
		font-family: Verdana, Times, serif;
		font-size: 12px;
		color : #420863;
}
#menu ul {  
	width:171px;
	margin:1px 0 3px 0;
	padding:0;
	/*background-color:#f3e6f5;*/
	text-align:left;
	font-size:12px;
}
#menu ul li {
	list-style-type:none;
	margin:3px 0 3px 0;
	padding:3px;
	/*background-color:#FFF;*/
}
#menu ul li ul {
	width:156px;
	font-size:11px;
	margin:0;
	padding:0;
}
#menu ul li ul li {
	margin:2px 0 0 7px;
	padding:3px 3px 0 3px;
}
#menu a            { text-decoration: none; color:#000; text-decoration:none; }
#menu a:link            { text-decoration: none; color:#000; text-decoration:none; }
#menu a:visited    { text-decoration: none; color:#000; text-decoration:none; }
#menu a:hover    { text-decoration: none; color:#000; text-decoration:underline; }
#menu a:active    { text-decoration: none; color:#000; text-decoration:none; }

.gris {
	background-color:#eee;
	border-right:1px solid #ccc;
}
.violet {
	background-color:#f3e6f5;
	border-right:1px solid #AF97C3;
}
.violetfonc {
	background-color:#AF97C3;
	border-right:1px solid #9368B8;
}
.bleu {
	background-color:#BEBFF4;
	border-right:1px solid #292984;
}
.jaune { 
	background-color:#FAEBB8;
	border-right:1px solid #FFB954;
}
.vert {
	background-color:#CDF4C6;
	border-right:1px solid #52944A;
}
.vertfonc {
	background-color:#67bd57;
	border-right:1px solid #34712d;
}
.rouge {
	background-color:#F2B0B0;
	border-right:1px solid #944242;
}
.brun {
	background-color:#E4B898;
	border-right:1px solid #98633C;
}
.brunfonc {
	background-color:#be845a;
	border-right:1px solid #6b4021;
}
.blanc {
	background-color:#fff;
	border-right:1px solid #eee;
}
td.droite { padding-right: 50px; padding-left: 0px; padding-top: 0px; padding-bottom: 0px;}
td.tdmenu { align:right; valign:top; padding-right: 10px; padding-left: 28px; padding-top: 0px; padding-bottom: 0px;}
th.ligne, td.ligne { padding-left : 7px;	padding-right : 7px; font-family: Verdana, Times, serif; font-weight: normal; color: black; font-size:12px; }
tr.non_disponible { background-color: #f9f9f9; }
tr.non_disponible td { color: #999; }
.plus_en_stock, .reedition, .epuise { display:block; width:60px;font-size: 0.8em; color: #f00; }

.btvioletfonc {
	background-color:#AF97C3;
	border:1px solid #9368B8;
	padding:3px;
}
a.btvioletfonc  { color:#FFF;text-decoration:none; }
a.btvioletfonc:link { color:#FFF;text-decoration:none; }
a.btvioletfonc:active { color:#FFF;text-decoration:none; }
a.btvioletfonc:hover { color:#FFF;text-decoration:none; }
a.btvioletfonc:visited { color:#FFF;text-decoration:none; }
.btcurrent {
	font-weight:bold;
	background-color:#9368B8;
	border:1px solid #000;
}	
.discret{
		font-family: Verdana, Times, serif;
		font-size: 10px;
}

DIV.abstract { margin-left:  20%; 
               margin-right: 20%;
               font-size:    smaller
             }
			 
.banner       {
	      margin-left:  0%; 
              margin-right: 0%;
              background:   #420863;
	      color:        ffffff;
	      font-family:   Verdana, Times, serif;
	      text-align:   center;
		  font-weight:  bold;
	      }
		  
.entete {background:   skyblue;
	      color:        skybluenavy;
	      font-family:   Verdana, Times, serif;
	      text-align:   center;
		  font-weight:  bold;
		  font-size: larger;
	}

A            {text-decoration: underline}
A:link       { color: #999999; text-decoration: underline }
A:visited    { color: #999999;}
A:hover      { color: #420863;  text-decoration: underline }
A:active    { color: #420863;text-decoration: underline}

.current { font-weight:bold; }

.surligne {font-family:Verdana,Times,serif;font-size: 12px;background-color: #999999;color: #ffffff}
A.surligne:hover {font-family:Verdana,Times,serif;font-size: 12px;background-color: #420863;color: #ffffff}
A.surligne:visited {font-family:Verdana,Times,serif;font-size: 12px;background-color: #420863;color: #ffffff}

.blanc            {color: #F2690E; text-decoration: underline; font-weight: bold;}
a.blanc:link       { color:#F2690E; text-decoration: underline; font-weight: bold;}
a.blanc:visited    { color: #F2690E;font-weight: bold; font-weight: bold;}
a.blanc:hover      { color: #F2690E;  text-decoration: underline; font-weight: bold;}
a.blanc:active    { color: #F2690E;text-decoration: underline; font-weight: bold;}

a.logo_rdf { display:block; position:absolute; top:116px; left:815px; padding:38px 2px 0 2px; width:168px; height:40px; background:transparent url('/images/design2010/logo_rdf.png') top center no-repeat; text-align:center; font-size:12px; color:#009ee0; text-decoration:none; }
a.logo_rdf:hover { text-decoration:underline; }

.grostitre {  font-family: Verdana, Times, serif; font-size:20px; font-weight: bold; color: #420863;}
.boutique {  font-family: Verdana, Times, serif; font-size:14px; font-weight: bold; color: #420863;}
.titre {  font-family: Verdana, Times, serif; font-size:14px; font-weight: bold; color: #420863;}
.sous-titre {  font-family: Verdana, Times, serif; font-size:12px;  font-weight: bold; color: #420863;}
.title {  font-family: Verdana, Times, serif; font-size:14px; font-weight: bold; color: #420863;}
.texte {  font-family: Verdana, Times, serif; font-weight: normal; color: black; font-size:12px;}
.bas {  font-family: Verdana, Times, serif; font-weight: normal; color: #999999; font-size:12px;}
.reponseautomatique {  font-family: Verdana, Times, serif; font-size:11px; font-weight:bold; color: #420863;}
.petiteboutique {  font-family: Verdana, Times, serif; font-size:11px; font-weight:bold; color: #420863;}
.automessage1 {  font-size:medium; font-weight:bold; color: #CC0000;}
.clearing { clear:both; }
.imgToLeft { float: left; padding: 0 1em 1em 0;  }
.imgArticleHome { display:block; float:left; width:102px; margin:0 8px 20px 8px; }
.imgArticleHome img { width:100px; border:1px solid #999; }
.leftColPub { padding:10px; width:150px; text-align:center }

/* boutique */
table.tblarticle tr td { padding:2px; text-align:left; }
p.stepMenu { margin:0; padding:0; }
.identifyCell1 { padding-right: 10px ; background-color: #fffff5; }
.identifyCell2 { background-color: #fdf5fe; }

.warningText {  font-family: Verdana, Times, serif; font-size:medium; font-weight:bold; color: #CC0000; }

.shopTabl { display:none; }
a.shopButtonText { display:none; }
/*
.shopButtonText {
	font-family:  Verdana, Times, serif;
	font-size: 12px;
	color: #420863;
	font-weight : bold;
}
a.shopButtonText:link {
	font-family:  Verdana, Times, serif;
	color: #420863;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}
a.shopButtonText:hover { font-family:  Verdana, Times, serif; color: #420863; text-decoration: underline; font-size: 12px; font-weight: bold;}
a.shopButtonText:active { font-family:  Verdana, Times, serif; color: #420863; text-decoration: none; font-size: 12px; font-weight: bold;}
a.shopButtonText:visited { font-family:  Verdana, Times, serif; color: #420863; text-decoration: none; font-size: 12px; font-weight: bold;}
a.shopButtonText:visited:hover { font-family:  Verdana, Times, serif; color: #420863; text-decoration: underline; font-size: 12px; font-weight: bold;}
*/

td.shopButtonCell {
	/*background-color: #e5e5e5;
	background-image: url(http://www.rdf.ch/images/fleche.gif);
	background-repeat : no-repeat;
	width: 250px;
	text-indent : 20px;*/
}
#cartmodgennexstep, #cartmodgenbackshop {
	display : block;
	padding: 0.2em 0.4em 0.2em 1em;
	font-weight: bold;
	background-image : url(http://www.rdf.ch/images/fleche.gif);
	background-position : left;
	background-repeat: no-repeat;
}
#cartmodgennexstep {
	background-color: #CC0000;
	color: #FFF;
}
#cartmodgenbackshop {
	background-color: #fff;
}

/* Boutons étapes de commande personnalisés */
a.btBackToShop, a.btCheckOut { display:block; float:left; padding:0.4em; width:200px; border-top:#ccc 1px solid; border-left:#ccc 1px solid; border-right:#666 1px solid; border-bottom:#666 1px solid; font-family:Verdana, Times, serif; font-weight:bold; font-size:14px; text-decoration:none; cursor:pointer; }
a.btBackToShop { color:#010101; background-color:#fff1b9; }
a.btBackToShop:hover { color:#010101; background-color:#ffdf5c; }
a.btCheckOut { color:#fff; background-color:#CC0000; }
a.btCheckOut:hover { background-color:#009900; }
.btOrderSep { display:block; float:left; padding-right:150px; }


/* Style des formulaires : champs et boutons*/
fieldset {
	padding: 1em;
	margin: 0 0 1em 0;
	border: 1px solid #420863;
	width:500px;
}
legend {
	font-weight: bold;
	color: #420863;
	padding: 5px 5px 5px 5px;
}
.formfield {
	border: #410759 1px solid;
	FONT-SIZE: 11px;
	COLOR: #000000;
	font-family:  Verdana, Times, serif;
	BACKGROUND-COLOR: #ffffff;
}
.formfieldlong {
	width:300px; 
	border: #410759 1px solid;
	FONT-SIZE: 11px;
	COLOR: #000000;
	font-family:  Verdana, Times, serif;
	BACKGROUND-COLOR: #ffffff;
}
.formbutton {
	padding: 0.4em;
	border-top: #ccc 1px solid;
	border-left: #ccc 1px solid;
	border-right: #666 1px solid;
	border-bottom: #666 1px solid;
	font-family:Verdana, Times, serif;
	font-weight: bold;
	font-size: 14px;
	color: #fff;
	background-color:#CC0000;
	cursor: pointer;
}
.formbutton:hover { background-color:#009900; }

select {
	BORDER-RIGHT: #410759 1px solid;
	BORDER-TOP: #410759 1px solid;
	FONT-SIZE: 11px;
	BORDER-LEFT: #410759 1px solid;
	COLOR: #000000;
	BORDER-BOTTOM: #410759 1px solid;
	font-family:  Verdana, Times, serif;
	BACKGROUND-COLOR: #ffffff;
}

option {
	FONT-SIZE: 11px;
	COLOR: #000000;
	font-family:  Verdana, Times, serif;
	BACKGROUND-COLOR: #ffffff;
}

#formcommande td {
	 vertical-align:top; 
	 padding: 0.2em 1em 0.2em 0.2em;
}
#formcommande td.labelCell {
	 width:250px; 
	 text-align:right; 
	 color:#666;
}
.validButton {
	margin-left:250px;
}
.cc {
	border: 1px solid #fff;
}



/**************************AJOUT POUR NEW DESIGN 04.2010**********************************/
ul#topmenu { position:absolute; top:145px; left:0px; margin:0; padding:0; height:28px; line-height:28px; text-align:left; font-size:16px; font-weight:bold; }
ul#topmenu li { position:relative; float:left; padding:0 0 3px 0; margin:0; height:28px; line-height:28px; list-style-type:none;  }
ul#topmenu li a { padding:0 10px 0 10px; }
ul#topmenu li a:link { text-decoration:none; color:#542078; }
ul#topmenu li a:active { text-decoration:none; color:#542078; }
ul#topmenu li a:visited { text-decoration:none; color:#542078; }
ul#topmenu li a:hover { text-decoration:none; color:#010101; }
ul#topmenu li:hover { text-decoration:none; color:#010101; background:transparent url('/images/design2010/bg_menu_over.png') 0 0 repeat-x; }
ul#topmenu li.currentmenu { color:#010101; background:transparent url('/images/design2010/bg_menu_over.png') 0 0 repeat-x; }

ul#topmenu li.li_bthome:hover { background:none; }
ul#topmenu li.li_bthome a { display:block; padding:0; width:40px; height:25px; background:transparent url('/images/design2010/bt_home.png') top left no-repeat; text-indent:-9999px; }
ul#topmenu li.li_bthome a:hover { background-image:url('/images/design2010/bt_home_over.png'); }

ul#topmenu li.editionsrdf { margin-left:30px; }
ul#topmenu li.editionsrdf:hover { text-decoration:none; color:#eee; background:transparent url('/images/design2010/bg_rdf_over.png') 0 0 repeat-x; }
ul#topmenu li.editionsrdf:hover a { text-decoration:none; color:#eee; }
ul#topmenu li.editionsrdf a:hover { text-decoration:none; color:#eee; }
ul#topmenu li.editionsrdfcurrent { margin-left:30px; }
ul#topmenu li.editionsrdfcurrent { text-decoration:none; color:#eee; background:transparent url('/images/design2010/bg_rdf_over.png') 0 0 repeat-x; }
ul#topmenu li.editionsrdfcurrent a { text-decoration:none; color:#eee; }
ul#topmenu li.editionsrdfcurrent a:hover { text-decoration:none; color:#eee; }

ul#topmenu li div.sousmenuhaut { display:none; }
ul#topmenu li:hover div.sousmenuhaut { display:block; position:absolute; top:26px; left:0px; padding:0px; width:200px; line-height:18px; text-align:left; background-color:#ffdf5c }
ul#topmenu li:hover div.sousmenuhaut a { display:block; margin:0; padding:2px 5px 2px 5px; height:24px; line-height:24px; font-size:12px; font-weight:normal; }
ul#topmenu li:hover div.sousmenuhaut a:link { text-decoration:none; color:#010101; }
ul#topmenu li:hover div.sousmenuhaut a:active { text-decoration:none; color:#010101; }
ul#topmenu li:hover div.sousmenuhaut a:visited { text-decoration:none; color:#010101; }
ul#topmenu li:hover div.sousmenuhaut a:hover { text-decoration:none; color:#010101; background-color:#fdf0b9; }
ul#topmenu li:hover div.sousmenuhaut a.currentsousmenu { text-decoration:none; color:#010101;  background-color:#fdf0b9;}

ul#topmenu li:hover div.sousmenuhaut a.ssmenu_sep { margin-top:0px; border-top:1px solid #ffeea7; }