.arial08px {  font-family: Arial, Helvetica, sans-serif; font-size: 8px; color: 000000}
.arial08pxBlue { font-family: Arial, Helvetica, sans-serif; font-size: 8px ; color: 000099}

.arial09px { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: 000000 }
.arial09pxWhite { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: FFFFFF }

.arial10px { font-size: 10px ; font-family: Arial, Helvetica, sans-serif; color: 000000 ;  }
.arial10pxBold { font-size: 10px ; font-family: Arial, Helvetica, sans-serif; color: 000000 ; font-weight: bold}
.arial10pxAzur {  font-family: Arial, Helvetica, sans-serif; color: #4040FF; font-size: 10px}
.arial10pxBlue {  font-family: Arial, Helvetica, sans-serif; color: 6666FF; font-size: 10px}
.arial10pxRed {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: CC0000}
.arial10pxWhite { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: FFFFFF }
.arial10pxWhiteBold { font-weight:bold;font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: FFFFFF }

.arial10pxWhiteLien {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: FFFFFF; text-decoration:none}
.arial10pxWhiteLien a:hover {text-decoration:none; color:FFFFFF}
.arial10pxWhiteLien a:visited {text-decoration:none; color:FFFFFF}
.arial10pxWhiteLien a:link {text-decoration:none; color:FFFFFF}
.arial10pxWhiteLien b a:hover {text-decoration:underline;}

.arial11pxLien {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: 000000}
.arial11pxLien a:hover {text-decoration:none; color:000000}
.arial11pxLien a:visited {text-decoration:none; color:000000}
.arial11pxLien a:link {text-decoration:none; color:000000}

.ARIAL11PXLIENMenu {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: 000000; text-transform:uppercase;}
.ARIAL11PXLIENMenu a:hover {text-decoration:none; color:000000}
.ARIAL11PXLIENMenu a:visited {text-decoration:none; color:000000}
.ARIAL11PXLIENMenu a:link {text-decoration:none; color:000000}

.arial11pxLienBold {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: 000000 ; font-weight: bold }
.arial11pxLienBold a:hover {text-decoration:none; color:000000}
.arial11pxLienBold a:visited {text-decoration:none; color:000000}
.arial11pxLienBold a:link {text-decoration:none; color:000000}

.arial11pxJauneBoldLien {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: CC6600; font-weight: bold}
.arial11pxJauneBoldLien a:hover {color:CC6600}
.arial11pxJauneBoldLien a:visited {color:CC6600}
.arial11pxJauneBoldLien a:link {color:CC6600}

.arial11pxJauneBoldLienN {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: CC6600; font-weight: bold}
.arial11pxJauneBoldLienN a:hover {color:CC6600}
.arial11pxJauneBoldLienN a:visited {color:CC6600}
.arial11pxJauneBoldLienN a:link {color:CC6600}

.arial10pxJauneLien {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: CC6600}
.arial10pxJauneLien a:hover {color:CC6600}
.arial10pxJauneLien a:visited {color:CC6600}
.arial10pxJauneLien a:link {color:CC6600}

.arial11pxMarronBoldLien {  font-family: Arial, Helvetica, sans-serif;  font-size: 11px; color: 996633; font-weight: bold}
.arial11pxMarronBoldLien a:hover {color:996633}
.arial11pxMarronBoldLien a:visited {color:996633}
.arial11pxMarronBoldLien a:link {color:996633}

.arial11pxRedBoldLien {  font-family: Arial, Helvetica, sans-serif;  font-size: 11px; color: #D93A3A; font-weight: bold}
.arial11pxRedBoldLien a:hover {color:#D93A3A}
.arial11pxRedBoldLien a:visited {color:#D93A3A}
.arial11pxRedBoldLien a:link {color:#D93A3A}

.arial11pxMarronBoldLienN {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: 996633; font-weight: bold; padding-top: 20px;}
.arial11pxMarronBoldLienN a:hover {color:996633}
.arial11pxMarronBoldLienN a:visited {color:996633}
.arial11pxMarronBoldLienN a:link {color:996633}

.arial10pxMarronLien {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: 996633}
.arial10pxMarronLien a:hover {color:996633}
.arial10pxMarronLien a:visited {color:996633}
.arial10pxMarronLien a:link {color:996633}

.arial10pxRedLien {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #D93A3A}
.arial10pxRedLien a:hover {color:#D93A3A}
.arial10pxRedLien a:visited {color:#D93A3A}
.arial10pxRedLien a:link {color:#D93A3A}

.arial14pxJauneBold {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: CC6600; font-weight: bold}
.arial14pxJauneBold a:hover {color:CC6600}
.arial14pxJauneBold a:visited {color:CC6600}
.arial14pxJauneBold a:link {color:CC6600}

.arial14pxMarronBold {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: 996633; font-weight: bold}
.arial14pxMarronBold a:hover {color:996633}
.arial14pxMarronBold a:visited {color:996633}
.arial14pxMarronBold a:link {color:996633}

.arial11px {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: 000000}
.arial11pxBold { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: 000000; font-weight: bold }
.arial11pxBoldRed { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #CC0000; font-weight: bold }
.arial11pxBlue { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #4040FF }
.arial11pxBoldBlue { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #4040FF; font-weight: bold }
.arial11pxRed {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #CC0000}
.arial11pxWhite { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: FFFFFF}
.arial11pxGreenBold { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: 009900; font-weight: bold; font-style: normal }

.arial12px {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: 000000; text-decoration: none}
.arial12pxBrown{font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: 681F20; font-weight: normal; font-style: normal; line-height: normal; font-variant: normal}
.arial12pxBold {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: 000000; font-weight: bold }
.arial12pxBlue {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: 000099}
.arial12pxBlueBold { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000099; font-weight: bold }

.arial12pxRed {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #CC0000}
.arial12pxRed A:link {color:#CC0000;text-decoration:underline;font-weight:bold;}
.arial12pxRed A:visited {color:#CC0000;text-decoration:underline;font-weight:bold;}
.arial12pxRed A:hover {color:#CC0000;text-decoration:underline;font-weight:bold;}

.arial12pxRedBold{font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #CC0000;font-weight: bold;text-decoration : none;}
.arial12pxRedNoDecoration {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #CC0000;  text-decoration : none;  }
.arial12pxWhite {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: FFFFFF}
.arial12pxWhiteBold {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: FFFFFF; font-weight: bold}
.arial12pxBlack {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: 000000; font-weight: normal}
.arial12pxBlackBold {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: 000000; font-weight: bold; font-style: normal; text-decoration: none}
.arial12pxGreenBold { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: 009900; font-weight: bold; font-style: normal }


.arial13px {font-family: Arial, Helvetica, sans-serif; font-size: 13px;	color : Black; font-weight: normal}
.arial13pxBold {font-family: Arial, Helvetica, sans-serif; font-size: 13px;	color : Black; font-weight: bold}
.arial13pxRed {font-family: Arial, Helvetica, sans-serif;font-size: 13px;color: #CC0000;text-decoration : none;}
.arial13pxRedBold {font-weight:bold;font-family: Arial, Helvetica, sans-serif;font-size: 13px;color: #CC0000;text-decoration : none;}
.arial13pxWhite { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: FFFFFF }
.arial13pxWhiteBold { font-weight:bold;font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: FFFFFF }

.arial14px {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: 000000}
.arial14pxBlackBold {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: 000000; font-weight: bold}
.arial14pxRed {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #CC0000}
.arial14pxRedBold { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #CC0000 ; font-weight: bold}
.arial14pxRedBoldItal { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #CC0000 ; font-weight: bold ; font-style: italic}
.arial14pxWhiteBold { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: FFFFFF; font-weight: bold }
.arial14pxWhite { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: FFFFFF }
.arial14pxWhiteBoldItalic { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: FFFFFF;font-weight: bold ; font-style: italic }


.arial15pxRed { font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #CC0000 }
.arial15pxRedBold { font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #CC0000 ; font-weight: bold }

.arial16pxWhite { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: FFFFFF }
.arial16pxWhiteBold { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: FFFFFF ; font-weight: bold}
.arial16pxRed { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #CC0000 }

.arial17pxWhite { font-family: Arial, Helvetica, sans-serif; font-size: 17px; color: FFFFFF }

.arial18pxRed { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #CC0000 }
.arial18pxRedBold {  font-weight : bold;font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #CC0000}
.arial18pxBoldBlack { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #000000; font-weight: bold}
.arial18pxWhite { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: FFFFFF }

.emptyLine {  line-height: 4pt}


.noRepeatBg {background-repeat : no-repeat;}
.XrepeatBg {background-repeat : repeat-x;}
.YrepeatBg {background-repeat : repeat-y;}

.Exposant {  font-size:8pt;font-weight:lighter;vertical-align : super;text-decoration:none}


.NouvelleAdresseVisible
{
	BORDER: #000000 2px solid; 
	PADDING: 10px; 
	POSITION: absolute; 
	BACKGROUND-COLOR: #ffffff;
	display:block;
}

.NouvelleAdresseCachee
{
	BORDER: #000000 2px solid; 
	PADDING: 10px; 
	POSITION: absolute; 
	BACKGROUND-COLOR: #ffffff;
	display:none;
}

.AutocompletionDemo
{
	BORDER: #000000 2px solid; 
	PADDING: 10px; 
	POSITION: absolute; 
	BACKGROUND-COLOR: #ffffff;
	display:none;
	/*right:0px;
	top:30px;*/
	z-index:11000;
}

/* NEW */
/* menuTop */

#menuTop .ARIAL11PXLIENMenu span { display:block; height:17px; line-height:17px; font-weight:bold; padding:0; margin:0;  border-left:1px solid #EEEECC; border-right:1px solid #EEEECC; }
#menuTop .ARIAL11PXLIENMenu a { display:block; height:17px; line-height:17px; font-weight:bold; padding:0; margin:0;  border-left:1px solid #EEEECC; border-right:1px solid #EEEECC; }
#menuTop .ARIAL11PXLIENMenu a:hover { background-color:#996533; color:#FFFFFD; padding:0; margin:0; display:block; border-left:1px solid #000000; border-right:1px solid #000000; }
#menuTop .ARIAL11PXLIENMenu span:hover { background-color:#996533; color:#FFFFFD; padding:0; margin:0; display:block; border-left:1px solid #000000; border-right:1px solid #000000; }
.sousMenu { width:108px; border:1px solid #000; border-top:0 none; background:#996633; padding-top:4px; margin:0; }
.sousMenu .arial11pxBlancBold { background-color:#996533; text-align:left; padding:0; }
.sousMenu .arial11pxBlancBold a { display:block; text-transform:none; color:#FFFFFD; font-weight:bold; border-top:1px solid #FFFFFD; line-height:1.8em; padding:0 10px; margin:0; }
.sousMenu .arial11pxBlancBold a:hover { background-color:#EEEECC; border-left:0; color:#353336; }

/* crossSelling */
.crossSelling {
  background:#F1F1F1;
  border:1px solid #7E9DB9;
  font-family:Arial, Helvetica, sans-serif; 
  font-size:10px;
  margin:0;
  padding:4px 9px 9px 9px;
}
.crossSelling a {
  color:#104453;
}
.crossSelling h2 {
  color: #104453;
  font-size: 10px;
  margin:0 0 9px 0;
  padding:0;
  text-transform:uppercase;
  text-align:left;
}
.crossSelling ul {
  text-align:center;
  padding:0;
  margin:0;
}
.crossSelling li {
  background:#FFFFFF;
  border:1px solid #7E9DB9;
  display:block;
  float:left;
  list-style-type:none;
  min-height:170px;
  margin:0 6px;
  padding:9px;
  text-align:center;
  width:158px;
}

/* ie6 */
* html .crossSelling ul {
  padding-left:8px;
}
* html .crossSelling li {
  height:155px;
  width:172px;
  display:inline;
  height:190px;
}

/* ie7 */
*+html .crossSelling ul {
  margin-left:5px;
}
*+html .crossSelling li {
  width:154px;
}

.crossSelling li img {
  height:50px;
  width:49px;
}
.crossSelling li h3 {
  margin:5px 0;
  padding:0;
  text-align:center;
}
.crossSelling li h3 a {
  color:#104453;
  font-size: 11px;
  font-weight:bold;
}
.crossSelling li p {
  color:#000000;
  margin:4px 0;
  padding:0;
  text-align:left;
}
.crossSelling li p span {
  font-size: 10px;
  display:block;
}

a:hover { text-decoration:none; }

/* chemin de fer paiement */
#breadcrumb {
  background:url(../Background/bg_breadcrumb.gif) repeat-x 0 0;
  display:block;
  font-family:Arial, Helvetica, sans-serif; 
  font-size:9px;
  font-weight:bold;
  height:37px;
  margin:25px 30px 30px 30px;
  padding:0;
  color:#333333;
}
#breadcrumb ul {
  margin:0;
  padding:0;
}
#breadcrumb li {
  background:url(../Background/bg_step_breadcrumb.gif) no-repeat 0 0;
  float:left;
  display:block;
  height:20px;
  list-style-type:none;
  margin:0;
  padding:0;
  white-space:nowrap;
  width:108px;
  position:relative;
}
#breadcrumb .last{
  width:11px;
}
#breadcrumb span {
  display:block;
  float:left;
  margin:0;
  padding:0;
  position:absolute;
  top:25px;
}
#breadcrumb span#panier { margin-left: -2px; }
#breadcrumb span#identification { margin-left: -33px;}
#breadcrumb #adresse { margin-left: -43px; }
#breadcrumb #recapitulatif { margin-left: -20px; }
#breadcrumb #paiement { margin-left: -13px; }
#breadcrumb #confirmation { margin-left: -48px; }

#breadcrumb .current {
  background-position:-108px 0;
}
#breadcrumb a {
  color:#333333;
  text-decoration:none;
}

/* fieldset */
.myFieldset, .myFieldset2 {
  border:1px solid #7E9DB9;
  margin: 0;
	font-style: normal;
	padding: 0 9px;
  _width: 243px;
  width: 250px;
  width /*\**/: 253\9; /*ie8 */
  height /*\**/:187\9;
  height:177px;
  float:left;
  display:block;
  margin-left: 15px;
}
*+html .myFieldset2 {
  height:177px;
}
.myFieldset2 {
  text-align:center;
}
.myFieldset legend,
.myFieldset2 legend {
  font-weight:bold;
  background: transparent;
}
.myFieldset h2, .myFieldset2 h2 {
  color: #515151;
  font-size: 11px;
  margin:9px 0 0 0;
  padding:0;
  text-align: left;
}
.myFieldset div,
.myFieldset2 div {
  padding:15px 45px;
}

.myFieldset p,
.myFieldset2 p {
  margin:0;
  padding:0;
}
.myFieldset label,
.myFieldset2 label {
	margin: 0;
	padding: 0;
  display: block;
}
.myFieldset .myInput,
.myFieldset2 .myInput {
  border:1px solid #7E9DB9;
  width:149px;
  margin: 0 0 5px 0;
}
.floatRight {float:right;}
.button {font-size:14px; _margin-right:-20px; }


/* header */
.header {
  background:#1D8D99 url(../Background/bgHeader.jpg) no-repeat 0 0;
  height:98px;
  width:771px;
  margin:0 auto;
  padding:0;
  position:relative;
}
.header h1{
  margin:0;
  padding:0;
}
.header h1 a {
  display: block;
  float:left;
  height:98px;
  width:430px;
  text-indent:-1000em;
}

/* account */
#account, #welcome {
  float:left;
  height:98px;
  width:341px;
  position:relative;
}
#account h2 {
  background:url(../Background/Titre_MonCompte.gif) no-repeat;
  height:11px;
  margin:7px 0 8px 132px;
  padding:0;
}
#account p {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 11px; 
  margin:0 0 3px 0;
  padding:0;
}
#welcome p {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 11px; 
  margin:14px 0 8px 0;
  padding:0;
  text-align:right;
  color: #EEEECC;
  font-weight:bold;
  position:absolute;
  right:78px;
}
#account label {
  color:#EEEECC;
  display:block;
  float:left;
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 10px; 
  font-weight:bold;
  line-height:1.8em;
  padding-right:3px;
  width:142px;
  text-align:right;
}
#account input {
  float:left;
  margin-bottom:3px;
  margin-right:5px;
  width:120px;
}
#account input.buttonOK { width:35px; margin-top:-1px;}
#account p.link,
#welcome p.link {
  position:absolute;
  bottom:0;
  right:78px;
  text-align:right;
}
#account p.link a,
#welcome p.link a {
  color: #A3DFE7;
  font-size: 9px; 
  text-decoration:none;
  margin:0;
  padding:0;
}
#account  .link a:hover,
#welcome .link a:hover {
  color:#EEEECC;
}

/* adresse de livraison */
.adresseLivraison {
  width: 225px;
  background:#F1F1F1;
  border:1px solid #7E9DB9;
  font-family:Arial, Helvetica, sans-serif; 
  font-size:11px;
  margin:0 0 10px 10px;
  padding: 10px 30px;
}
.adresseLivraison h2 {
  color: #333333;
  font-size: 12px;
  margin:0px;
  padding:0px;
  text-align: left;
}
.adresseLivraison p
{
  margin-top:10px;
  padding:0px;
}

/* liens utiles */
.liensUtiles {
  background:#F1F1F1;
  border:1px solid #7E9DB9;
  margin: 0;
	font-style: normal;
	padding: 0 9px;
  display:block;
  margin: 0 10px 15px 0;
}
.liensUtiles ul {
  margin:9px 0;
  padding:0;
}
.liensUtiles li {
  padding:5px 0;
  margin:0 0 0 5px;
  font-weight:bold;
  list-style-type:none;
}
.liensUtiles li span {
  padding:0;
  margin:2px -2px;
  font-weight:normal;
  display:block;
  font-style:italic;
  color:#A0A6AC;
}
.liensUtiles h2 {
  color:#FFF;
  background: #1B7985;
  font-size: 11px;
  margin:0 -9px;
  padding:2px 9px;
  text-align: left;
  text-transform:uppercase;
}
.liensUtiles .comment { display:block; }

.liensUtiles li a:link {color:#1B7985;text-decoration:none;font-weight:normal;}
.liensUtiles li a:visited {color:#1B7985;text-decoration:none;font-weight:normal;}
.liensUtiles li a:hover {color:#1B7985;font-weight:normal;}

.img_repl { overflow:hidden; text-indent:-1000em;}


/* fin new */

.error
{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px;
	color:Red;
	font-weight:bold;
}
.leftCol
{
	background-image:url('../Background/BgPage.gif');
  position:relative;
  text-align:left;
}


/* 
----------------- menu horizontal ----------------- */
#nav-h { 
  background:#EEEECC url(../BackGround/bg_nav-h.png) repeat-x; 
  width:770px;
  height:21px;
  border-left:1px solid #333333;
}
#nav-h-img { 
  background: url(../BackGround/MenuD.jpg) no-repeat 100% 0; 
  width:770px;
  height:17px;
}
ul.dropdown2,
ul.dropdown2 li,
ul.dropdown2 ul {
 list-style: none;
 margin: 0;
 padding: 0;
 font-family: arial;
 font-weight:bold;
 color:#000;
 text-transform:uppercase;
 font-size:11px;
}
ul.dropdown2 {
  position: relative;
  z-index: 598;
  float:left;
}
ul.dropdown2 li {
  float:left;
  line-height:1.7em;
  vertical-align: middle;
  zoom: 1;
}
ul.dropdown2 li.hover,
ul.dropdown2 li:hover {
  position: relative;
  z-index: 600;
  cursor: default;
}
ul.dropdown2 ul {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 599;
  width: 100%;
}
ul.dropdown2 ul li {
  float: none;
  line-height:1.3em;
  padding: 3px 10px;
}
ul.dropdown2 ul ul { top: 1px; left: 99%; }
ul.dropdown2 li:hover > ul { visibility: visible; }
/* */
ul.dropdown2 { font-weight: bold; }
ul.dropdown2 li {
  padding: 0 14px 2px 14px;
  background:  url(../BackGround/bg_li.png) no-repeat 100% 100%;
  color: #000;
  text-align:left;
}
ul.dropdown2 li.last { background-image: none; }
ul.dropdown2 li.hover,
ul.dropdown2 li:hover {
  background: #996633 url(../BackGround/bg_li-over.png) no-repeat 100% 100%;
  color: #FFF;
}
ul.dropdown2 a:link,
ul.dropdown2 a:visited	{ color: #000; }
ul.dropdown2 a:hover		{ color: #000; }
ul.dropdown2 a:active	{ color: #ffa500; }
/* -- level mark -- */
ul.dropdown2 ul {
  width: 143px;
  margin-top: 0;
  border:1px solid #333;
  border-top:0;
  background-color:#996533;
}
ul.dropdown2 ul li {
  text-transform:none;
  background-image:none;
  background-color:#996533;
  border-top:1px solid #FFF;
  color:#FFF;
  font-weight:bold;
}
ul.dropdown2 ul li.hover,
ul.dropdown2 ul li:hover {
  background-image: none;
  background-color: #EEEECC;
  color: #000;
}

ul.dropdown2 li div a:link,
ul.dropdown2 li div a:visited { text-decoration:none; }
ul.dropdown2 li div a:hover { color: #FFF; }
	
ul.dropdown2 ul a:link,
ul.dropdown2 ul a:visited { color: #FFF; text-decoration:none; }
ul.dropdown2 ul li:hover a { color: #000; }
ul.dropdown2 ul a:active { color: #ffa500; }
/* 
----------------- menu vertical ----------------- */
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size:11px;
  font-family: arial;
  font-weight:bold;
  color:#FFF;
}
ul.dropdown { position: relative; z-index: 597; }
ul.dropdown li {
  float: left;
  line-height: 1.1em;
  vertical-align: middle;
  zoom: 1;
}
ul.dropdown li.hover,
ul.dropdown li:hover {
  position: relative;
  z-index: 599;
  cursor: default;
}
ul.dropdown ul {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 598;
  width: 100%;
}
ul.dropdown ul li { float: none; }
ul.dropdown ul ul { top: 1px; left: 99.5%;}
ul.dropdown li:hover > ul { visibility: visible; }
ul.dropdown li.rtl ul {
  top: 100%;
  right: 0;
  left: auto;
}
ul.dropdown li.rtl ul ul {
  top: 1px;
  right: 99.5%;
  left: auto;
}
/* */
ul.dropdown-vertical {
  width: 151px;
  margin-left:1px;
  -margin-left:2px;
  border:1px solid #FFF;
  border-bottom:0;
}
ul.dropdown-vertical ul {
  top: 1px;
  border:1px solid #FFF;
  border-bottom:0;
  left: 99.5%;
}
ul.dropdown-vertical li { float: none; }
/* */
ul.dropdown { font-weight: bold; }
ul.dropdown li {
  padding: 4px 4px 4px 20px;
  border-bottom: 1px solid #FFF;
  color: #FFF;
  text-align:left;
  background: #1b7985 url(../BackGround/FlecheOff.gif) no-repeat 0 50%;
}
ul.dropdown li.hover,
ul.dropdown li:hover {
  color: #FFF;
  background: #1d8c9a url(../BackGround/FlecheOn.gif) no-repeat 0 50%;
}
ul.dropdown a:link,
ul.dropdown a:visited	{ color: #FFF; text-decoration: none; }
ul.dropdown a:hover		{ color: #FFF; }
ul.dropdown a:active	{ color: #EEEECC; }
/* -- level mark -- */
ul.dropdown ul {  width: 170px;  margin-top: -21px; }
ul.dropdown ul li {
  font-weight: normal;
  background-image:none;
  background-color:#1D8C9A;
  padding-left:7px;
  padding-right:7px;
  font-weight:bold;
}
ul.dropdown ul li.hover,
ul.dropdown ul li:hover {
  background-color:#3DBDCC;
  background-image:none;
}
ul.dropdown *.dir { padding-right: 20px; }
/* 
--------------- fin menu vertical --------------- */

.champs input
{
	width:250px;
}

.champs select
{
	width:250px;
}
.arial11pxBleuBoldmenu {font-family: Arial, Helvetica, sans-serif; font-size: 11px;font-style: normal;font-weight: bold;color: #333366;}
.arial11pxBleuBoldmenu A:link {color:#333366;text-decoration:none}
.arial11pxBleuBoldmenu A:visited {color:#333366;text-decoration:none}
.arial11pxBleuBoldmenu A:hover {color:#333366;text-decoration:none}
.arial10pxRed {font-family: Arial, Helvetica, sans-serif; font-size: 10px;font-style: normal;color:#FF0000;}
.arial10pxBlanc {font-family: Arial, Helvetica, sans-serif; font-size: 10px;font-style: normal;color:#FFFFFF;}
.arial10pxBlack {font-family: Arial, Helvetica, sans-serif; font-size: 10px;font-style: normal;color:#000000;}
.arial10pxBleu {font-family: Arial, Helvetica, sans-serif; font-size: 10px;font-style: normal;color:#333366;}
.arial10pxGris {font-family: Arial, Helvetica, sans-serif; font-size: 10px;font-style: normal;color:#9999B2;}
.arial10pxBlancS {font-family: Arial, Helvetica, sans-serif; font-size: 10px; font:"underline" ; font-style: normal;color: #FFFFFF;}
.arial10pxBlancBold {font-family: Arial, Helvetica, sans-serif; font-size: 10px;font-style: normal;font-weight: bold;color: #FFFFFF;}
.arial10pxBlancBold A:link {color:#FFFFFF;text-decoration:none}
.arial10pxBlancBold A:visited {color:#FFFFFF;text-decoration:none}
.arial10pxBlancBold A:hover {color:#FFFFFF;text-decoration:none}
.arial11pxRedBold {font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-style: normal;font-weight: bold; color: #FF0000;}
.arial10pxBleu2 {font-family: Arial, Helvetica, sans-serif;font-size: 10px;font-style: normal;color: #6685A3;}
.arial11pxBleuBold {font-family: Arial, Helvetica, sans-serif; font-size: 11px;font-style: normal;font-weight: bold;color: #333366;}
.arial11pxBlancBold {font-family: Arial, Helvetica, sans-serif; font-size: 11px;font-style: normal;font-weight: bold;color: #FFFFFF;}
.arial11pxBlancBold A:link {color:#FFFFFF;text-decoration:none}
.arial11pxBlancBold A:visited {color:#FFFFFF;text-decoration:none}
.arial11pxBlancBold A:hover {color:#FFFFFF;text-decoration:none}

.arial11pxGris {font-family: Arial, Helvetica, sans-serif; font-size: 11px;font-style: normal;color: #333333;}
.arial11pxGris A:link {color:#333333;text-decoration:underline;font-weight:bold;}
.arial11pxGris A:visited {color:#333333;text-decoration:underline;font-weight:bold;}
.arial11pxGris A:hover {color:#333333;text-decoration:none;font-weight:bold;}
.arial11pxGris .liensUtiles li a { display:inline-block; color:#1B7985; text-decoration:none; font-weight:normal; }
.arial11pxGris .liensUtiles li a:hover { text-decoration:underline; }
.arial11pxGrisBold {font-family: Arial, Helvetica, sans-serif; font-size: 11px;font-style: normal;color: #333333;font-weight: bold;}

.arial12pxGris {font-family: Arial, Helvetica, sans-serif; font-size: 12px;font-style: normal;color: #333333;}
.arial12pxGris A:link {color:#333333;text-decoration:underline;font-weight:bold;}
.arial12pxGris A:visited {color:#333333;text-decoration:underline;font-weight:bold;}
.arial12pxGris A:hover {color:#333333;text-decoration:underline;font-weight:bold;}
.arial12pxGrisBold {font-family: Arial, Helvetica, sans-serif; font-size: 12px;font-style: normal;color: #333333;font-weight: bold;}

.arial12pxBlancBold {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold;color: #FFFFFF;}
.arial12pxBlancBold A:link {color:#FFFFFF;text-decoration:none}
.arial12pxBlancBold A:visited {color:#FFFFFF;text-decoration:none}
.arial12pxBlancBold A:hover {color:#FFFFFF;text-decoration:none}
.arial12pxBlancBold A:hover u {text-decoration:none}

.arial11pxNoir {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal;color: #000000; padding-left:20px;}
.arial11pxNoir A:link {color:#145B65;text-decoration:underline;}
.arial11pxNoir A:visited {color:#145B65;text-decoration:underline;}
.arial11pxNoir A:hover {color:#145B65;text-decoration:underline;}

.arial11pxNoirB {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal;color: #000000; font-weight: bold;}
.arial11pxNoirB A:link {color:#145B65;text-decoration:underline;}
.arial11pxNoirB A:visited {color:#145B65;text-decoration:underline;}
.arial11pxNoirB A:hover {color:#145B65;text-decoration:underline;}

.arial12pxGreenB {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal;color: #77CFD9; font-weight: bold;}
.arial12pxGreenB A:link {color:#77CFD9;text-decoration:underline;}
.arial12pxGreenB A:visited {color:#77CFD9;text-decoration:underline;}
.arial12pxGreenB A:hover {color:#77CFD9;text-decoration:underline;}

.arial12pxNoirBold {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold;color: #000000; padding-left:20px;}
.arial12pxNoirBold A:link {color:#000000;text-decoration:none}
.arial12pxNoirBold A:visited {color:#000000;text-decoration:none}
.arial12pxNoirBold A:hover {color:#000000;text-decoration:none}

.arial11pxBlack {font-family: Arial, Helvetica, sans-serif; font-size: 11px;font-style: normal;color: #000000;}
.arial11pxBleu {font-family: Arial, Helvetica, sans-serif; font-size: 11px;font-style: normal;color: #333366;}
.arial11pxBleu2 {font-family: Arial, Helvetica, sans-serif; font-size: 11px;font-style: normal;color: #6685A3;}
.arial11pxBleuLink {font-family: Arial, Helvetica, sans-serif; font-size: 11px;font-style: normal;color: #0000FF;}
.arial11pxBlanc {font-family: Arial, Helvetica, sans-serif; font-size: 11px;font-style: normal;color: #FFFFFF;}
.arial11pxBlancBoldS {font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration:"underline" ; font-style: normal;font-weight: bold; color: #FFFFFF;}
.arial11pxBlancBoldS A:link {color:#FFFFFF;}
.arial11pxBlancBoldS A:visited {color:#FFFFFF;}
.arial11pxBlancBoldS A:hover {color:#FFFFFF;}
.arial11pxBleuLink {font-family: Arial, Helvetica, sans-serif; font-size: 12px;font-style: normal;color: #0000FF;}
.arial11pxBlackLink {font-family: Arial, Helvetica, sans-serif; font-size: 11px;font-style: normal;color: #000000;}
.arial11pxBlackBold {font-family: Arial, Helvetica, sans-serif; font-size: 11px;font-weight: bold;font-style: normal;color: #000000;}
.arial11pxBlackLink A:link {color:#000000;}
.arial11pxBlackLink A:visited {color:#000000;}
.arial11pxBlackLink A:hover {color:#000000;}

.arial11pxTurquoiseBold {font-family: Arial, Helvetica, sans-serif; font-size: 11px;font-style: normal;font-weight: bold;color: #104453;}
.arial11pxTurquoiseBold A:link {color:#104453;}
.arial11pxTurquoiseBold A:visited {color:#104453;}
.arial11pxTurquoiseBold A:hover {color:#104453;text-decoration:none;}
a:hover.arial11pxTurquoiseBold  {text-decoration:none;}

.arial11pxTurquoiseBoldDisabled {font-family: Arial, Helvetica, sans-serif; font-size: 11px;font-style: normal;font-weight: bold;color: #AAAAAA;text-decoration:none;}
.arial11pxTurquoiseBoldDisabled A:link {color:#AAAAAA;text-decoration:none;}
.arial11pxTurquoiseBoldDisabled A:visited {color:#AAAAAA;text-decoration:none;}
.arial11pxTurquoiseBoldDisabled A:hover {color:#AAAAAA;text-decoration:none;}

.arial12pxTurquoiseBold {font-family: Arial, Helvetica, sans-serif; font-size: 12px;font-style: normal;font-weight: bold;color: #104453;}
.arial12pxTurquoiseBold A:link {color:#104453;}
.arial12pxTurquoiseBold A:visited {color:#104453;}
.arial12pxTurquoiseBold A:hover {color:#104453;}
.arial11pxTurquoiseBoldN {font-family: Arial, Helvetica, sans-serif; font-size: 11px;font-style: normal;font-weight: bold;color: #104453;}
.arial11pxTurquoiseBoldN A:link {color:#104453;}
.arial11pxTurquoiseBoldN A:visited {color:#104453;}
.arial11pxTurquoiseBoldN A:hover {color:#104453;}
.arial10pxTurquoise {font-family: Arial, Helvetica, sans-serif; font-size: 10px;font-style: normal;font-weight: bold;color: #104453;}
.arial10pxTurquoise A:link {color:#104453;}
.arial10pxTurquoise A:visited {color:#104453;}
.arial10pxTurquoise A:hover {color:#104453;}
.arial10pxTurquoiseInt {font-family: Arial, Helvetica, sans-serif; font-size: 10px;font-style: normal;font-weight: bold;color: #104453;}
.arial10pxTurquoiseInt A:link {color:#104453;text-decoration:none;}
.arial10pxTurquoiseInt A:visited {color:#990000;text-decoration:none;}
.arial10pxTurquoiseInt A:hover {color:#990000;text-decoration:underline;}

.arial11pxTurquoiseInt {font-family: Arial, Helvetica, sans-serif; font-size: 11px;font-style: normal;font-weight: bold;color: #104453;}
.arial11pxTurquoiseInt A:link {color:#104453;text-decoration:none;}
.arial11pxTurquoiseInt A:visited {color:#104453;text-decoration:none;}
.arial11pxTurquoiseInt A:hover {color:#990000;text-decoration:underline;}

.arial10pxTurquoiseN {font-family: Arial, Helvetica, sans-serif; font-size: 10px;font-style: normal;font-weight: bold;color: #104453;}
.arial10pxTurquoiseN A:link {color:#104453;}
.arial10pxTurquoiseN A:visited {color:#104453;}
.arial10pxTurquoiseN A:hover {color:#104453;}
.arial10pxTurquoiseBold {font-family: Arial, Helvetica, sans-serif; font-size: 10px;font-style: normal;font-weight: bold;color: #104453;}
.arial10pxTurquoiseBold A:link {color:#104453;}
.arial10pxTurquoiseBold A:visited {color:#104453;}
.arial10pxTurquoiseBold A:hover {color:#104453;}
.arial13pxTurquoiseBold {font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal;color: #104453;font-weight: bold;}
.arial13pxTurquoiseBold A:link {color:#104453;}
.arial13pxTurquoiseBold A:visited {color:#104453;}
.arial13pxTurquoiseBold A:hover {color:#104453;text-decoration:none;}
.arial14pxTurquoiseBold {font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-decoration:"none" ;font-style: normal;color: #104453; font-weight: bold;}
.arial14pxTurquoiseBold A:link {color:#104453;}
.arial14pxTurquoiseBold A:visited {color:#104453;}
.arial14pxTurquoiseBold A:hover {color:#104453;text-decoration:none;}
.arial16pxTurquoiseBold {font-family: Arial, Helvetica, sans-serif; font-size: 16px;font-style: normal;font-weight: bold;color: #104453;}
.arial16pxTurquoiseBold A:link {color:#104453;}
.arial16pxTurquoiseBold A:visited {color:#104453;}
.arial16pxTurquoiseBold A:hover {color:#104453;}
.arial16pxWhiteBold {font-family: Arial, Helvetica, sans-serif; font-size: 16px;font-style: normal;font-weight: bold;color: #FFFFFF;}
.arial16pxWhiteBold A:link {color:#FFFFFF;}
.arial16pxWhiteBold A:visited {color:#FFFFFF;}
.arial16pxWhiteBold A:hover {color:#FFFFFF;}
.arial12pxBleuBold {font-family: Arial, Helvetica, sans-serif; font-size: 12px;font-style: normal;font-weight: bold;color: #333366;}
.arial12pxBlancBold {font-family: Arial, Helvetica, sans-serif; font-size: 12px;font-style: normal;font-weight: bold;color: #FFFFFF;}
.arial12pxBleu {font-family: Arial, Helvetica, sans-serif; font-size: 12px;font-style: normal;color: #333366;}
.arial12pxBlanc {font-family: Arial, Helvetica, sans-serif; font-size: 12px;font-style: normal;color: #FFFFFF;}
.arial12pxBlancBoldS {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font:"underline" ;font-style: normal;font-weight: bold; color: #FFFFFF;}
.arial11pxBlack {font-family: Arial, Helvetica, sans-serif; font-size: 11px;font-style: normal;color: #000000;}
.arial11pxRed {font-family: Arial, Helvetica, sans-serif; font-size: 11px;font-style: normal;color: #FF0000;}
.arial12pxRed {font-family: Arial, Helvetica, sans-serif; font-size: 12px;font-style: normal;color: #FF0000;}
.arial13pxMarronBold {font-family: Arial, Helvetica, sans-serif; font-size: 13px;font-style: normal;font-weight: bold;color: #BD9B35;}
.arial14pxBleuBold {font-family: Arial, Helvetica, sans-serif; font-size: 14px;font-style: normal;font-weight: bold;color: #333366;}
.arial14pxBleu {font-family: Arial, Helvetica, sans-serif; font-size: 14px;font-style: normal;color: #333366;}
.arial16pxBleu {font-family: Arial, Helvetica, sans-serif; font-size: 16px;font-style: normal;font-weight: normal;color: #333366;}
.arial18pxBleuBold {font-family: Arial, Helvetica, sans-serif; font-size: 18px;font-style: normal;font-weight: bold;color: #333366;}
.arial16pxBlanc {font-family: Arial, Helvetica, sans-serif; font-size: 16px;font-weight: bold;color: #FFFFFF;}
.arial13pxBlackBold {font-family: Arial, Helvetica, sans-serif; font-size: 13px;font-style: normal;font-weight: bold;color: #000000;}

.prixPromo {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal;font-weight: bold;color: #990000;}

.tableFraisDePort
{
	width:100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	border-collapse:collapse;
	border-width:1px; 
	border-style:solid; 
	border-color:black;
 }
.tableFraisDePort td { 
 border-width:1px;
 border-style:solid; 
 border-color:black;
 }

.listeZone
{
	margin-left:0px;
	padding-left:0px;
	list-style-type:none;
}

.listeZone li
{
	margin-left:0px;
	padding-left:0px;
	padding-bottom:5px;
}


.AjaxTextbox { font-family: Arial, Helvetica, sans-serif; Z-INDEX: 10000; POSITION: absolute; BACKGROUND-COLOR: #FFFFFF; BORDER: black 1px solid;PADDING: 0px;}
.AjaxTextbox UL { PADDING: 0px; LIST-STYLE-TYPE: none; MARGIN: 5px;width:100%;}
.AjaxTextbox LI { PADDING: 0px; MARGIN: 0px; WIDTH: 100%; cursor:default; font-size:13; }
.AjaxTextbox B { COLOR: #20CCE3 }
.AjaxSelectedItem { BACKGROUND-COLOR: #0A246A; color:#FFFFFF }
div .AjaxTextbox { BACKGROUND-COLOR: #aadde5; width:250px; MARGIN-top: -10px; z-INDEX: 0;}
IFRAME.AjaxTextbox { Z-INDEX: 9000; POSITION: absolute; BORDER: 0px }


/* ----------------- menu vertical ----------------- */
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size:11px;
  font-family: arial;
  font-weight:bold;
  color:#FFF;
}
ul.dropdown { position: relative; z-index: 597; }
ul.dropdown li {
  float: left;
  line-height: 1.1em;
  vertical-align: middle;
  zoom: 1;
}
ul.dropdown li.hover,
ul.dropdown li:hover {
  position: relative;
  z-index: 599;
  cursor: default;
}
ul.dropdown ul {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 598;
  width: 100%;
}
ul.dropdown ul li { float: none; }
ul.dropdown ul ul { top: 1px; left: 99.5%;}
ul.dropdown li:hover > ul { visibility: visible; }
ul.dropdown li.rtl ul {
  top: 100%;
  right: 0;
  left: auto;
}
ul.dropdown li.rtl ul ul {
  top: 1px;
  right: 99.5%;
  left: auto;
}
/* */
ul.dropdown-vertical {
  width: 151px;
  margin-left:1px;
  -margin-left:2px;
  border:1px solid #FFF;
  border-bottom:0;
}
ul.dropdown-vertical ul {
  top: 1px;
  border:1px solid #FFF;
  border-bottom:0;
  left: 99.5%;
}
ul.dropdown-vertical li { float: none; }
/* */
ul.dropdown { font-weight: bold; }
ul.dropdown li {
  padding: 4px 4px 4px 20px;
  border-bottom: 1px solid #FFF;
  color: #FFF;
  text-align:left;
  background: #1b7985 url(../BackGround/FlecheOff.gif) no-repeat 0 50%;
}
ul.dropdown li.hover,
ul.dropdown li:hover {
  color: #FFF;
  background: #1d8c9a url(../BackGround/FlecheOn.gif) no-repeat 0 50%;
}
ul.dropdown a:link,
ul.dropdown a:visited	{ color: #FFF; text-decoration: none; }
ul.dropdown a:hover		{ color: #FFF; }
ul.dropdown a:active	{ color: #EEEECC; }
/* -- level mark -- */
ul.dropdown ul {  width: 170px;  margin-top: -21px; }
ul.dropdown ul li {
  font-weight: normal;
  background-image:none;
  background-color:#1D8C9A;
  padding-left:7px;
  padding-right:7px;
  font-weight:bold;
}
ul.dropdown ul li.hover,
ul.dropdown ul li:hover {
  background-color:#3DBDCC;
  background-image:none;
}
ul.dropdown *.dir { padding-right: 20px; }
/* --------------- fin menu vertical --------------- */