/* CSS - Neopost France - modification pour eshop */
*, a, td{
	color:#555555;
}
* {
  font-family:Verdana,Arial,sans-serif;
}

#content {
  min-height:100%;
  clear:both;
}
#footer_certification {
  display:block;
}

body {
  font-size:10px;
}
.btnright{
	text-align:right; padding:10px 0 25px 0;
}
h5{
	padding:0px 0 10px 15px; text-transform:uppercase; text-align:left; float:none; font-size:12px; font-weight:bold;
}

span.rouge {
	color:#FF0000;
}
/***** Chemin de fer *****/
#chemin_non_utlisé{
	position:relative; top:-30px;
}

/***** Navigation gauche *****/
#navleft {
  float:left;
  margin:0px;
  width:171px
}

#navleft #acces{
	padding:0 0 30px 0; 
  margin:0px;
}
#navleft #acces ul{
	padding:0px; 
  margin:0px; 
  list-style-type:none;
}
#navleft #acces ul li{
	margin:0px; padding:2px 0 0 0;
}
#navleft #acces ul li a{
	padding:0 0 0 12px; margin:0px; background:url(/wps/themes/html/CommonFiles/images/puces/flc_grey.gif) no-repeat 0 4px; text-decoration:none;
}
#navleft #acces ul li a:hover{
	text-decoration:underline;
}

 #navproduit .head{
	text-align:center; 
	padding-left:0; 
	background-image:url(../images/eshop/nav/navproduit_head.gif) no-repeat; 
	border-bottom:1px solid #cdcdcd;
}

#subnav .head{
	font-size:11px; background-image:url(../images/eshop/nav/navleft_head.gif);
}
#subnav div.on{
	background-image:url(/wps/themes/html/CommonFiles/images/nav/navleft_head.gif);
}
#subnav ul li a{
	color:#3e282b;
}
#subnav ul li.open a, #subnav ul li a:hover{
	color:#bf000f;
}
#subnav ul li ol li a, #subnav ul li.open ol li a{
	color:#808080; 
  background-image:url(/wps/themes/html/CommonFiles/images/puces/flc_s_grey.gif); 
  background-color:#EFEFEF;
}
#subnav ul li ol li.on a, #subnav ul li ol li a:hover{
	color:#3E282B; 
  background-image:url(/wps/themes/html/CommonFiles/images/puces/flc_s_black.gif); 
  background-color:#D6D8D7;
}




/***** E-shop Home  *****/
.boxeshopL{
	float:left; width:207px; padding:20px 50px 3px 0;
}
.boxeshopR{
	float:left; width:247px; padding:20px 0 3px 0;
}
.boxeshopL h3, .boxeshopR h3{
	background:none; padding:0 0 5px 0; margin:0;
}
.box1, .box5{
	background:url(../images/eshop/box/eshop-brown.gif) no-repeat bottom left;
}
.box2{
	background:url(../images/eshop/box/eshop-greyL.gif) no-repeat bottom left;
}
.box3{
	background:url(../images/eshop/box/eshop-blue.gif) no-repeat bottom left;
}
.box4{
	background:url(../images/eshop/box/eshop-red.gif) no-repeat bottom left;
}
.box6{
	background:url(../images/eshop/box/eshop-grey.gif) no-repeat bottom left;
}
.box1 table, .box3 table, .box4 table, .box5 table, .box6 table{
	 width:207px;
}
.box1 table td, .box3 table td, .box4 table td, .box5 table td, .box6 table td{
	height:69px; width:93px; padding-left:10px; vertical-align:bottom;
}

.box2 table {
	width:150px;
}

.box2 table td{
	height:69px; width:72px; padding-left:10px; vertical-align:bottom;
}

.box1 table td a, .box3 table td a, .box4 table td a, .box5 table td a{
	// display:block; 
	text-decoration:none; color:#FFFFFF; letter-spacing:-0.1em; word-spacing:-0.1em;
}

.box2 table td a, .box6 table td a{
	// display:block; 
	text-decoration:none; color:#000000; letter-spacing:-0.1em; word-spacing:-0.1em;
}

.box1 table td a:hover, .box2 table td a:hover, .box3 table td a:hover, .box4 table td a:hover, .box5 table td a:hover, .box6 table td a:hover{
	text-decoration:underline;
}

/*********** MODIF POUR LES AFFICHAGES SANS LIEN ***********/
.box1 table td, .box3 table td, .box4 table td, .box5 table td {
	// display:block; 
	color:#FFFFFF; letter-spacing:-0.1em; word-spacing:-0.1em;
}

.box2 table td, .box6 table td {
	// display:block; 
	color:#000000; letter-spacing:-0.1em; word-spacing:-0.1em;
}
/********* FIN MODIF POUR LES AFFICHAGES SANS LIEN *********/

.frais{
	margin-top:45px;
}
.frais .cont{
	background:url(../images/eshop/box/frais-fd.gif) no-repeat top left; padding:25px 0 0 90px; color:#422E30;
}
.frais .cont img{
	padding-bottom:10px;
}
.frais .bot{
	height:11px; 
  width:470px;
  background:url(../images/eshop/box/frais-bot.gif) no-repeat top left;
}


/***** E-shop Fille  *****/


	#leftL{
		float:left; margin:0 17px 0 0; width:945px; padding-bottom:50px;
	}
	#centerL{
		float:left; margin:24px 0 0 18px; width:753px;
	}

	#banniere{
		position:relative; top:-10px; padding-bottom:15px;
	}

	#introgamme{
		width:753px; 
    padding-bottom:15px;
	}
	
	#introgamme .visu{
		float:left; width:100px; text-align:left;
	}

	#introgamme .name{
		color:red; 
    font-size:14px; 
    font-weight:bold;
    text-transform:none; 
    margin-bottom:5px;
    margin-left:15px;
	}
  
  #introgamme td#td1{
   padding-right:10px;
	}
	
  #introgamme td.name{
    background:url(../images/eshop/puces/choco.gif) no-repeat 0 5px;
	}
  	
  #introgamme .description{ 
    font-size:10px; 
    font-weight:normal;
    padding-right:50px;
    
	}
	
	
		/** Sous nav gamme **/
		.ssnavgamme{
			clear:both; padding:5px 0 20px 10px;
		}
		.ssnavgamme ul, .ssnavgamme ul li{
			margin:0; padding:0; list-style-type:none;
		}
		.ssnavgamme ul li{
			float:left; padding:0 13px 0 8px; text-decoration:none; border-left:1px solid #57676f; font-size:11px;color:#555555;
		}
		.ssnavgamme ul li a{
			color:#555555; font-weight:normal;  font-size:11px;
		}
		.ssnavgamme ul li a:hover{
			text-decoration:underline;
		}
		.ssnavgamme ul li.first{
			padding-left:0px; background:none; border:0; font-size:11px;
		}
		
		.ssnavgamme ul li.actif{
			padding:0 13px 0 8px; background:none; font-weight:bold; font-size:11px;color:#C10110;
		}
		
		

		/** Pagination **/
		.pagine{
			text-align:right; 
      padding-right:0px; 
      margin-bottom:7px;
      height:30px;
      background:#C10110;
      width:753px;
		}
		.pagineTop{
			background:url(../images/eshop/box/pagineTop-fd.gif) no-repeat 0 0 #C10110;
		}
		.pagineBot{
			background:url(../images/eshop/box/pagineBot-fd.gif) no-repeat  #C10110;
		}
		.pagine select{
			color:#57676f; font-size:11px; font-weight:bold; text-align:right; width:50px;
		}
		.pagine table{
			width:auto; 
      float:right;
      margin-top:5px;
		}
		.leftpagine table{
			float:left; margin-left:5px;
		}
		.pagine table td, .pagine table td strong{
			color:#FFFFFF;
		}
		.pagine table td.bord{
			border-right:1px dotted #dadada; 
      width:1px;
      margin-right:6px;
      font-size:0;
		}
		.pagine .goto{
			float:right; padding-top:2px; color:#FFFFFF; font-weight:bold;
		}
		.pagine .goto .ok{
			margin:0 10px 0 5px;
		}
		
		/** Liste produits **/
		.liste{
			margin-bottom:7px; 
      padding:6px 0 6px 7px;
      width:753px;
		}
		.fd1{
			background-color:#ECECEC;
		}
		.liste table td{
			text-align:left; 
      vertical-align:middle;
		}
		.liste table td.cel1{
			width:76px; vertical-align:top;
		}
		.liste table td.cel2{
			width:146px; padding-right:20px;
		}
		.liste table td.cel2 a{
			color:#57676f;
		}
		.liste table td.cel3{
			width:336px; padding-right:20px;
		}
		.liste table td.cel4{
			width:140px;
		}
		.liste table td.centrer{
			text-align:center;
		}
		.liste table td .commander{
			display:block; padding-top:5px;
		}
		
		/** Fiche produits **/		
		.fiche h2{
			color:#BF000F; font-size:15px; text-transform:none; background:none; padding:8px 0 0 11px;;
		}
		.fiche .allgamme a{
			margin:0 3px 0 0; padding:0 15px 0 0; color:#57676F; font-size:10px; 
      background:url(/wps/themes/html/CommonFiles/images/puces/path-sep.gif) no-repeat right;
		}
		.fiche .visu{
			float:left; width:140px;
		}
		.fiche .desc{
			float:left; width:613px;
		}
		.fiche .desc div{
			margin:0; padding:0 0 5px 0; background:none;
		}
		.fiche .desc div.ref{
			color:#BF000F;
		}
		.fiche .desc .environnement{
			height:23px;
		}
		.fiche .desc select{
			width:50px; padding-left:5px; font-weight:bold; color:#000;
		}
		.contrat, .listpreconf {
			float:left; margin-top:25px;
		}
		.contrat {
			margin-right:15px; width:364px;
		}
		.contrat table tr.fd0{
			background-color:#BF000F;
		}
		.contrat table tr.fd0 td.rdLeft{
			width:10px; background:url(../images/eshop/box/round.gif) no-repeat top left #BF000F;
		}
		.contrat table tr.fd0 td.rdRight{
			width:10px; background:url(../images/eshop/box/round-red.gif) no-repeat bottom right #BF000F;
		}
		.contrat table tr.fd0 td{
			width:138px; color:#FFFFFF; padding:8px 5px 8px 40px;
		}
		.contrat table tr.fd1{
			background-color:#FFFFFF;
		}
		.contrat table tr.fd2{
			background-color:#f9f7f8;
		}
		.contrat table tr.fd1 td, .contrat table tr.fd2 td{
			padding:10px; vertical-align:top;
		}
		.contrat table tr.fd1 td input, .contrat table tr.fd2 td input{
			margin:-2px 10px;
		}
		.listpreconf {
			padding:10px; width:348px;  background:url(../images/eshop/box/preconfTop.gif) no-repeat top left;
		}
		.listpreconf .bot{
			position:relative; left:-10px; top:10px; height:9px; width:368px;  background:url(../images/eshop/box/preconfBot.gif) no-repeat top left;
		}
		.listpreconf input{
			margin:-2px 10px;
		}
		.plusdispo{
			margin:30px 0 40px 0;
		}
		
		/** Formulaire de recherche **/
		.introform{
			padding:0 0 10px 20px;
		}
		table.formulaire{
			margin-top:10px;
		}
		table.formulaire td{
			padding:8px; color:#555555;
		}
		table.formulaire td.fd{
			background-color:#f6f5f5;
		}
		table.formulaire td.cel1{
			width:190px;
		}
		table.formulaire td.cel2{
			width:210px;
		}
		table.formulaire td.cel2 .un{
			padding-right:10px;
		}
		table.formulaire td input, table.formulaire td select.long{
			border:1px solid #989393; width:200px; 
		}
		table.formulaire td input, table.formulaire td select {
			color:#000;
		}
		
		/** Commande **/
		.intro{
			padding:0 0 10px 15px;
		}
		.intro span{
			color:#C10110; font-weight:bold;
		}
		.intro h5{
			padding:0;
		}
		.headcommande{
			background:url(../images/eshop/box/pagineTop-fd.gif) no-repeat 0 0 #FFFFFF; padding-right:5px; margin-bottom:7px; height:30px;
		}
		.botcommande{
			background:url(../images/eshop/box/pagineBot-fd.gif) no-repeat 0 0 #FFFFFF; height:30px;
		}
		.headcommande table.tabcommande{
			margin:7px 0 0 7px;
		}
		.headcommande table.tabcommande td{
			font-weight:bold; color:#FFFFFF;
		}
		table.tabcommande td{
			text-align:left; padding:0;
		}
		table.tabcommande td.centre{
			text-align:center;
		}
		table.tabcommande td.top{
			vertical-align:top;
		}
		table.tabcommande td.prix {
			text-align:right; padding-right:25px; width:65px;
		}
		table.tabcommande td.sstotal{
			text-align:right; padding:0;
		}
		table.tabcommande td a{
			color:#555556;
		}
		table.tabcommande td span{
			font-weight:bold; color:#C10110;
		}
		table.tabcommande td select.cont{
			font-size:10px; width:105px;
		}
		table.tabcommande td input.qte{
			width:30px; text-align:center; font-weight:bold; color:#555556;
		}
		table.tabcommande td div.nb{
			padding-top:7px; font-size:10px; color:#000000;
		}
		.formcommande{
			padding:25px 0 30px 0;
		}
		.formcommande table{
			margin:0 0 25px 15px;
		}
		.formcommande table td{
			text-align:left; padding:5px;
		}
		.formcommande table td img{
			margin-right:15px;
		}
		.formcommande select{
			margin-right:20px;
		}

/**** hide EShop subMenu ****/
.hideEShopMenu {
  display:none;
}

.showEShopMenu {
  display:block;
}

/**** END hide EShop subMenu ****/

/***** Caddy  *****/
#caddy{
	 width:210px; 
   position:absolute; 
   //t/op:-26px;
    top:-10px;
   right:0px; 
   background:url(../images/eshop/box/caddy.jpg) no-repeat top left; 
   font-size:10px; 
   letter-spacing:-0.1em; 
   cursor:pointer !important; 
}
#caddy .inner{
	padding:31px 0 0 68px; 
  color:#C7212B;
}
#caddy .nb{
	padding:10px 0 0 20px; 
  color:#C7212B;
}
/***** END Caddy  *****/

/**** EShop DisplayProduct ****/
#categoryDisplay {
  width:753px;
}
#categoryDisplay .liste table {
  width:708px;
}
#categoryDisplay .liste .thumbnail {
  width:70px;
  padding-right:10px;
}

#categoryDisplay .liste .product {
  width:680px;
}
#categoryDisplay .liste .product .name {
  width:200px;
}
#categoryDisplay .liste .product td.name {
  width:200px;
}

#categoryDisplay .liste .product .description {
  width:480px; 
}
#categoryDisplay .liste .product td.description {
  width:480px; 
}

#itemDisplay {
  width:753px;
}

.pagine select {
  color:#57676F;
  font-size:11px;
  font-weight:bold;
  text-align:right;
  width:50px;
}


.pagine table label {
  color:white;
}

.pagine table .bord {
  border-right:1px dotted #DADADA;
}

.pagine table td a {
  margin-left:2px;
  margin-right:2px;
}



#itemDisplay .liste table {
  width:720px;
}

#itemDisplay .liste table td.picture{
  width:70px;
  margin-right:5px;
}

#itemDisplay .liste .name{
  margin-right:5px; 
  width:200px;
}
#itemDisplay .liste span.ref{
  font-weight:bold;
}
#itemDisplay .liste div.ref{
  margin-top:3px;
}
#itemDisplay .liste .description{
  margin-right:20px;
  margin-left:20px;
}

#itemDisplay .qty{
  padding-left:10px;
  padding-right:10px;
}

#itemDisplay .liste table td.price{
  float:right;
  margin-right:10px;
}
#itemDisplay .liste table td.price div{
  margin-top:5px;
  margin-bottom:5px;
  text-align:center;
}

.clear {
  clear:both;
}

.eshopProductPage {
  margin-top:60px;
  width:758px;
  margin-left:15px;
}
.eshopProductPage .productTitle  {
  font-weight:bold;
  font-size:12px;
  color:#c10110;
  margin-left:30px;
  margin-bottom:10px;
}

.eshopProductPage .liste table td.picture{
  width:70px;
  margin-right:5px;
}

.eshopProductPage .liste .name{
  margin-right:5px;
  width:200px; 
}
.eshopProductPage .liste .description{
  margin-right:20px;
  margin-left:20px;
}


.eshopProductPage .productPicture {
  vertical-align:top;
}
.eshopProductPage .productRef span {
  font-weight:bold;
}
.eshopProductPage .productLongDesc {
  width:300px;
}
.eshopProductPage .productQuantity {
  height:40px;
}
/** table product price **/
.eshopProductPage .productPrice {
  width:200px;
  margin-top:20px;
  margin-bottom:0px;
}
.eshopProductPage .productPrice .productPriceHeader {
  background-color: #C10110;
  height:20px;
}
.eshopProductPage .productPrice .productPriceHeader td strong {
  text-align:center;
  color:white;
  font-weight:bold;
}

.eshopProductPage .productPrice .productPriceHeader .rdLeft {
  background:url(../images/eshop/box/round.gif) no-repeat top;
  background-color:#C10110;
  width:10px;
  height:20px;
}

.eshopProductPage .productPrice .productPriceHeader .rdRight {
  background:url(../images/eshop/box/round-red.gif) no-repeat bottom;
  background-color:#C10110;
  width:10px;
  height:20px;
}
/************************/

/*** orderItemDisplay ***/

.eshopProductPage {
  margin-top:60px;
  width:758px;
  margin-left:15px;
}


.orderItemDisplay .pagineTop{
  margin-bottom:10px;
}

.orderItemDisplay .pagine div{
  color:white;
  font-weight:bold;
}
.orderItemDisplay td.sd {
  margin-top:5px;
  width:250px;
}
.orderItemDisplay a.sd {
  margin-top:5px;
}
.orderItemDisplay div.sd {
  margin-top:5px;
  margin-bottom:10px;
}
  .orderItemDisplay  .article {
  margin-right:240px;
}

.orderItemDisplay  .price {
  margin-right:20px;
  margin-left:20px;
}

.pagine  .total p {
  color:white;
  text-align:center;
}

.orderItemDisplay  .total {
  margin-right:20px;
  margin-left:20px;
}
.orderItemDisplay .maj {
  margin-top:10px;
  margin-bottom:10px;
  font-weight:bold;
}
.shippingOption .introRecap div {
  text-transform:uppercase;
  font-weight:bold;
  font-size:12px;
  margin-bottom:10px;
}
.shippingOption .bonCommande div {
  float:left;
}
.shippingOption .btn {
  text-align:center;
}
.shippingOption {
  width:480px;
}
.orderItemDisplay .pagineBot {
  margin-top:10px;
  margin-bottom:10px;
}
.orderItemDisplay .pagineBot .roundBottom {
  vertical-align: bottom;
}
.orderItemDisplay .pagineBot .roundBottom img{
  float:right;
}

.statusCommandeDisplay {
  width:750px;
  margin-left:15px;
  margin-top:70px;
}

.statusCommandeDisplay table {
  width:100%;
}
.statusCommandeDisplay .pagine div{
  color:white;
  font-weight:bold;
}
.statusCommandeDisplay .pagine div{
  text-align:left;
}
.statusCommandeDisplay .pagineBot {
  margin-top:10px;
  margin-bottom:10px;
}
.statusCommandeDisplay .pagineBot .roundBottom {
  vertical-align: bottom;
}
.statusCommandeDisplay .pagineBot .roundBottom img{
  float:right;
}


.shippingOption {
  margin-top:20px;
}
.shippingOption .destinataire {
  float:left;
  margin-right:20px;
  margin-top:15px;
  margin-bottom:15px;
}
.shippingOption .mode {
  float:left;
  margin-top:15px;
  margin-bottom:15px;
}
.shippingOption .txtCodePromo {
  float:none;
  font-size:12px;
  font-weight:bold;
  padding:0px 0pt 10px 15px;
  text-align:left;
  text-transform:uppercase;
  margin-top:10px;
}
.shippingOption .codePromo {
  padding-left:15px;
  margin-bottom:10px;
}

#searchCatalog {
  margin-top:90px;
}

.eshopSearchResult {
  margin-top:50px;
  margin-left:10px;
  width:743px;
}

.eshopSearchResult .result table {
  width:100%;
}
 
.eshopSearchResult .result td.picture{
  width:70px;
}
.eshopSearchResult .result td.name{
  padding:10px;
}
.eshopSearchResult .result td.ld{
  padding:10px;
}
.eshopSearchResult .result td.price{
  float:right;
  margin-right:10px;
}
 .eshopSearchResult .result td.price div{
  margin-top:5px;
  margin-bottom:5px;
  text-align:center;
}

.cgv {
  margin-top:10px;
  margin-bottom:10px;
}
/********** news ************/
#eshopHomeCenter {
  float:left;
  margin-left:10px;
  margin-top:50px;
  width:523px;
}
#eshopHomeRight {
  margin:0;
  margin-left:524px;
  margin-top:60px;
}

#eshopHomeRight2 {
  margin-left:550px;
  margin-top:0px;
}

.news {
  padding-top:100px;
  //m/argin-left:550px;
}
.news .topLine {
  background:url(../images/eshop/box/news_head.gif) no-repeat bottom left;
  font-size:12px;
  height:10px;
  font-size:10px;
}
.news .head {
  background:white;
  font-size:12px;
  height:10px;
  font-size:10px;
}
.news .cont {
  border-left:10px solid #C00010;
}

.news h2 {
  background:transparent url(../images/puces/sep_h.gif) repeat-x scroll center bottom;
  color:#C7212B;
  font-size:13px;
  margin:0pt;
  padding:15px 0pt 5px 5px;
  text-transform:uppercase;
}

.news .titre {
  color:#000000;
  font-weight:bold;
  padding:7px 10px;
}
.news .titre span {
  color:#C00010;
  text-transform:uppercase;
}
.news .news_text {
  background:url(../images/eshop/puces/sep_h.gif) repeat-x;
  margin:0pt 0pt 0pt 13px;
  padding:11px 10px 11px 0pt;
}
.news .text {
padding:11px 0pt 11px 13px;
}
.news .visu {
  display:block;
  margin:0pt 10px 10px 0pt;
  text-align:center;
}
.news .seph {
  margin:0pt 0pt 0pt 13px;
  padding:1px 0pt;
}
.news .bot {
  background-image:url(../images/eshop/box/news_bot.gif);
  font-size:1px;
  height:10px;
}

#associationTable {
  width:740px;
  margin-top:50px;
  margin-left:30px;
}

#associationTable table {
  width:100%;
  margin-top:15px;
  margin-left:10px;
}

#associationTable .title {
  background-image:url(../images/eshop/box/h1_fd.gif);
  background-position:left bottom;
  background-repeat:no-repeat;
  color:#000000;
  font-size:14px;
  font-weight:bold;
  margin-left:10px;
  padding:0pt 0pt 13px 18px;
  text-transform:uppercase;
}


/**** END EShop DisplayProduct ****/