/* Genéral*/
html,body {margin:0; padding:0;height:90%;background-color:#FFF;}
img{border:0px}

/* erreur*/
#wErr{position:absolute;z-index:100;background-color:#E9D9C4;border:2px solid #B39F88;visibility:hidden;}
  #wErr #txtErr{float:left;margin-left:10px;margin-top:10px;}

/* site*/
#siteHome{margin-top:10px;margin-left:auto;margin-right:auto;width:990px;}


/* leftHome*/
#leftHome{float:left;margin-right:1px;width:190px;height:535px;}
  #leftHome #promoSpace{padding-left:45px;padding-right:8px;}
  #promoSpace H1,#promoSpace H2,#promoSpace H3,#promoSpace H4{font-size:15px;margin-bottom:5px;}
  #promoSpace H1{color:#cd042e;}
  #promoSpace H2{background-color:#cd042e;padding:2px;color:#FFFFFF}
  #promoSpace H3{color:#ff8901;}
  #promoSpace H4{background-color:#ff8901;padding:2px;color:#FFFFFF}

/* topBar*/
#topBar{float:left;margin-left:15px;width:auto;background:url(../img/fd_menu2_ttsavoir-bis.gif) repeat-y;}
html>body #topBar{margin-left:30px;}
#siteHome .topBarAccessoires{background:url(../img/fd_menu2_ttsavoir-ter.gif) repeat-y;}

/* topMenu*/
#topMenu{float:left;margin-bottom:1px;width:750px;height:34px;}
  #topMenu a#creerStore{float:left;width:175px;height:34px;background:url(../img/m1-boutique.gif) no-repeat;}
  #topMenu a#creerStore:hover{background-position:0 -34px;}
  #topMenu a#creerStore.sel{background-position:0 -34px;}
  #topMenu a#conseilStore{float:left;width:163px;height:34px;background:url(../img/m1-conseils-store.gif) no-repeat;}
  #topMenu a#conseilStore:hover{background-position:0 -34px;}
  #topMenu a#conseilStore.sel{background-position:0 -34px;}
  #topMenu a#nousContacter{float:left;width:162px;height:34px;background:url(../img/m1-contact.gif) no-repeat;}
  #topMenu a#nousContacter:hover{background-position:0 -34px;}
  #topMenu a#nousContacter.sel{background-position:0 -34px;}
  #topMenu a#monPanier{float:left;width:250px;height:34px;background:url(../img/m1_panier.gif) no-repeat;}
  #topMenu a#monPanier:hover{background-position:0 -34px;}
  #topMenu a#monPanier.sel{background-position:0 -34px;}
  #logo{float:left;margin-right:1px;width:160px;height:133px;}
  #jeChoisis{float:left;margin-bottom:1px;width:750px;height:51px;}
  #etapeEC{float:left;width:750px;height:46px;}
    #etapeEC div{float:left;margin-left:-11px;}
    #etapeEC div.past:hover{cursor: pointer;}
    #etapeEC #etap1{width:161px;height:46px;background:url(../img/bt1_gamme.gif) no-repeat;}
    #etapeEC #etap1.sel{background-position:0px -46px;}
    #etapeEC #etap2{width:161px;height:46px;background:url(../img/bt2_modele.gif) no-repeat;}
    #etapeEC #etap2.sel{background-position:0px -46px;}
    #etapeEC #etap3{width:160px;height:46px;background:url(../img/bt3_dimensions.gif) no-repeat;}
    #etapeEC #etap3.sel{background-position:0px -46px;}
    #etapeEC #etap4{width:160px;height:46px;background:url(../img/bt4_toile.gif) no-repeat;}
    #etapeEC #etap4.sel{background-position:0px -46px;}
    #etapeEC #etap5{width:151px;height:46px;background:url(../img/bt5_options.gif) no-repeat;}
    #etapeEC #etap5.sel{background-position:0px -46px;}
  #lstPages{float:left;width:750px;}
    #lstLesStores{float:left;padding:5px;width:238px;}
    #lstLesToiles{float:left;padding:5px;width:238px;}
    #lstEnPratique{float:left;padding:5px;width:238px;}
    .lstBA{float:left;padding:5px;width:178px;}
    .lstBA4{float:left;padding:5px;width:170px;}
    #lstPages h2{padding:0px;margin:0px;}
    #lstPages ul{padding:0px;margin:0px;margin-left:15px;}
      #lstPages ul li{padding:0px;margin:0px;list-style-image:url(../img/puce_menu2.gif);}
      #lstPages ul li.sel{padding:0px;margin:0px;list-style-image:url(../img/puce_baspage.gif);}
  
  
/* centerHome*/
#centerHome{float:left;margin-left:30px;width:800px;height:496px;}
  #homeInfo{float:left;margin-right:1px;width:249px;height:496px;}
    #homeALaUne{float:left;margin-bottom:1px;width:249px;height:374px;background:url(../img/fd-accueil-stores) repeat-x;}
       #homeALaUne ul{margin:10px 5px 0px 25px;padding:0px;width:219px;}
       #homeALaUne ul li{margin:0px 0px 10px 0px;list-style-image:url(../img/puce-store.gif);}

    #toutSavoirMenu{float:left;width:249px;}
      #toutSavoirMenu p{clear:both;float:left;margin:0px;padding:0px;width:100%;}
  #homeFlash{float:left;margin-right:1px;width:499px;height:496px;background:url(../img/acc_alt_flash.jpg) no-repeat;}
    #remplFlash{float:right;margin-right:16px;_margin-right:8px;margin-top:251px;width:272px;height:248px;}
      #remplFlash:hover{cursor:pointer;}
  #referencement{display:none;}
/* centerInt*/
#centerInt{float:left;margin-left:20px;width:910px;}
html>body #centerInt{margin-left:40px;}
  #centerInt div.ligne{float:left;width:100%;}
  #centerInt div.gamme{float:left;padding:5px 10px;width:130px;}
    #centerInt div.gamme img.th{margin-top:30px;margin-bottom:10px;}
    #centerInt div.gamme h3{margin-top:5px;margin-bottom:3px;padding:0px;}
    #centerInt div.gamme .divDescProd{position:absolute;margin-left:-70px;padding:5px;display:none;width:125px;background-color:#fff;border:1px solid #a70027;}
    html > body #centerInt div.gamme .divDescProd{margin-left:0px;*margin-left:-70px;}
    #centerInt div.gamme p{margin:0px;padding:0px;}
  #centerInt div.border{float:left;margin-top:15px;width:0px;height:200px;border-right:1px solid #E8E1DB;}
  div.product{float:left;margin-top:20px;width:100%;}
    div.product h1{margin:0px;padding:0px;border-bottom:1px solid #B39E89;}  
    div.product div.desc{float:left;padding:5px;width:280px;}
      div.product div.desc ul{margin:0px;padding:0px;margin-left:15px;}
      div.product div.desc li{margin:0px;padding:0px;list-style-image:url(../img/puce_v.gif);}
    div.product div.thProd{float:left;margin:5px;width:300px;text-align:center;}
    div.product div.thFlash{float:left;margin:5px;width:300px;height:250px;border:1px solid #E9D9C4;}
    a.retourListe{display: block;clear:left;padding:5px;padding-left:10px;background:url(../img/fd_retour.gif) 0 4px no-repeat;}
    
    div.product div.avancee{float:left;padding:5px;width:275px;}
  #conseil{float:left;padding:10px;width:130px;height:290px;}
    #conseil h3{margin-top:5px;margin-bottom:3px;padding:0px;}
    #conseil p{margin:0px;padding:0px;}
  #calculBloc{float:left;padding:12px;width:410px;}
    #calculBloc img{vertical-align:middle ;}
    #calculBloc input.champ{padding:2px;width:96px;height:21px;border:1px solid #8F8677;vertical-align:middle ;}
    #calculBloc div.label{clear:both;float:left;margin-top:10px;width:390px;}
    #calculBloc div.precision{clear:both;float:left;margin-left:25px;width:390px;}
    #calculBloc ul{margin:0px;padding:0px;}
    #calculBloc li{float:left;margin:0px;padding:3px;margin-top:3px;margin-right:5px;list-style-type:none;width:auto;border-right:1px solid #E8E1DB;}
    #calculBloc li.der{border:0px;}
  #schema{float:left;margin-top:20px;}
  #tools{float:left;margin-top:5px;width:auto;height:auto;}
    #tools div.explain{float:left;width:100%;border:0px;}
      #tools div.explain h3{padding:0px;margin:0px;}
    #motif{float:left;}
      #motif img{float:left;margin-right:30px;margin-bottom:3px;border:1px solid #E8E1DB;}
    #sep1{float:left;margin-left:4px;margin-right:4px;margin-top:135px;width:18px;height:70px;background:url(../img/flechebeige_e4.gif) no-repeat;}
    html>body #sep1{margin-left:70px;}
    #sep2{float:left;margin-left:4px;margin-right:4px;margin-top:135px;width:18px;height:70px;background:url(../img/flechebeige_e4.gif) no-repeat;}
    #color{float:left;margin-top:5px;text-align:center;}
      #color div{float:left;margin:2px;border:1px solid #333333;}
      #color div.petit{width:30px;height:30px;}
      #color div.grand{width:60px;height:60px;}
      #color div.sel{border-color:#ff0000;}
    #zoom{position:absolute;top:205px;*margin-left:-100px;width:290px;height:180px;visibility:hidden;}
  #lstToile{float:left;margin-top:25px;margin-left:8px;width:575px;height:555px;overflow:auto;}
  #lstToile{scrollbar-arrow-color: #eee8aa;scrollbar-face-color: #B39F88;scrollbar-3dlight-color: #B39F88;scrollbar-highlight-color: #FFFFFF;scrollbar-shadow-color: #776457;scrollbar-darkshadow-color: #000000;scrollbar-track-color: #E9D9C4;}
  #lstToile.lstToileBoutique{height:auto;overflow:visible;}
    #lstToile div.explain{float:left;width:90%;border:0px;}
    #lstToile div.collec{float:left;margin-bottom:5px;width:550px;}
      #lstToile div.collec h2{margin:0px;padding:0px;width:540px;;border-bottom:1px solid #8C837A;}
    #lstToile div.toile{float:left;margin-right:10px;margin-bottom:10px;padding-bottom:5px;width:173px;border-bottom:1px solid #E8E1DB;}
    #centerInt h2{padding:0px;margin:0px;margin-top:10px;}
    #centerInt div.access{float:left;width:99%;border-top:1px solid #E8E1DB;}
      div.access div.conseil{float:left;padding:10px;width:130px;}
        div.access div.conseil h3{margin:0px;padding:0px;}
        div.access div.conseil p{margin:0px;padding:0px;}
      div.access div.item{float:left;margin-left:20px;padding:10px;width:auto;}
      div.access div.newLine{float:right;width:700px}
      div.access div.mea{width:140px;margin-top:3px;margin-bottom:3px;background-color:#F4ECE1;}
        div.item div.colMot{float:left;margin:5px;padding:10px;border:1px solid #8C837A;}
      div.access div.listeToile{float:left;margin:3px 0px 0px 170px;width:728px;height:70px;overflow:auto;}
        div.access div.listeToile table tr td{padding:0px 5px;}
          div.access div.listeToile table tr td input{float:left;}
          div.access div.listeToile table tr td label{float:left;}
    
    .lstAcc h2{clear:both;float:left;width:100%;}
    .lstAcc .ligne{clear:both;float:left;width:100%;}
    .lstAcc .item{float:left;margin:5px;padding:10px;width:205px;background:#FFF ;border:1px solid #e6dbcc;}
      .lstAcc .item h3{margin:0px;padding:0px;}
      .lstAcc .item img{margin:5px auto;}
      .lstAcc .item p{margin:0px;padding:0px;}
      .lstAcc .item a{clear:both;float:left;width:100%;text-align:center;}

/* fiche*/
#toile{float:left;margin-left:20px;padding-left:10px;padding-right:10px;width:890px;line-height:1.5em}
html>body #toile{margin-left:40px; }
  #toile h2{border-bottom:1px dotted #D1AE97;}
  #toile #lstToile{float:left;margin-top:5px;margin-left:8px;width:860px;height:555px;overflow:auto;}
  #toile #lstToile{scrollbar-arrow-color: #eee8aa;scrollbar-face-color: #B39F88;scrollbar-3dlight-color: #B39F88;scrollbar-highlight-color: #FFFFFF;scrollbar-shadow-color: #776457;scrollbar-darkshadow-color: #000000;scrollbar-track-color: #E9D9C4;}
  #toile #lstToile div.collec{float:left;margin-bottom:5px;width:95%;}
  #toile #lstToile div.collec h2{margin:0px;padding:0px;border-bottom:1px solid #8C837A;}
  #toile #lstToile div.toile{clear:right;margin-right:20px;margin-bottom:10px;padding-bottom:5px;width:173px;border-bottom:1px solid #E8E1DB;}
	#toile ul {list-style-image:url(../img/puce_v.gif);}
.retourBoutique{float:left;margin-left:40px;padding:10px;width:130px;text-align:center;}
#fiche{float:left;margin-left:20px;padding-left:160px;padding-right:10px;width:720px;}
html>body #fiche{margin-left:40px;}
#siteHome .listeAccessoires{margin-left:10px;padding-left:0px;}
	#fiche p{line-height:17px;}
  #fiche h2{border-bottom:1px dotted #D1AE97;}
  #fiche #lstToile{float:left;margin-top:5px;margin-left:8px;width:860px;height:555px;overflow:auto;}
  #fiche #lstToile{scrollbar-arrow-color: #eee8aa;scrollbar-face-color: #B39F88;scrollbar-3dlight-color: #B39F88;scrollbar-highlight-color: #FFFFFF;scrollbar-shadow-color: #776457;scrollbar-darkshadow-color: #000000;scrollbar-track-color: #E9D9C4;}
  #fiche #lstToile div.collec{float:left;margin-bottom:5px;width:95%;}
  #fiche #lstToile div.collec h2{margin:0px;padding:0px;border-bottom:1px solid #8C837A;}
  #fiche #lstToile div.toile{clear:right;margin-right:20px;margin-bottom:10px;padding-bottom:5px;width:173px;border-bottom:1px solid #E8E1DB;}
	#fiche ul {list-style-image:url(../img/puce_v.gif);}
	#fiche table{border:medium none;padding:0;}
	#fiche table tbody td {border:medium none;border-bottom:1px solid #f3efea;padding:3px;margin:0}
	#fiche th {border-bottom:2px solid #f3efea;padding:3px;margin:0}
	#fiche td {border-bottom:1px solid #f3efea;padding:3px;margin:0}
	#fiche address {display:block;color:#453726;margin:10px;padding:5px;padding-left:30px;background:#f1e8dd url(../img/bloc_address.gif) no-repeat;}
  
    div.accessoire{float:left;margin:10px 0px 0px 20px;padding-left:140px;padding-right:10px;width:730px;}
      div.accessoire h1{margin:0px;padding:0px;border-bottom:1px solid #B39E89;}  
      div.accessoire div.desc{float:left;padding:5px;width:410px;}
        div.accessoire div.desc form{clear:both;margin-top:30px;float:left;width:100%;}
          div.accessoire div.desc form label{float:left;width:100px;} 
          div.accessoire div.desc form select{float:left;} 
          div.accessoire div.desc form input{clear:both;margin-top:5px;float:left;} 
          div.accessoire div.desc form input.firstname{position:absolute;left:-9999px;} 
      div.accessoire div.thProd{float:right;margin:5px;padding:5px;border:1px solid #E9D9C4;}

	
/* centerPanier*/
#centerPanier{float:left;margin-left:20px;padding-left:10px;padding-right:10px;width:890px;}
html>body #centerPanier{margin-left:40px;}
  #centerPanier #infoPanier{float:left;width:690px;}
  #centerPanier h2{border-bottom:1px dotted #D1AE97;}
  #centerPanier div.lstProd{float:left;width:100%;margin-bottom:10px;}
  #centerPanier div.thumb{float:left;margin-right:5px;width:130px;}
  #centerPanier div.thumb img{margin-bottom:5px;}
  #centerPanier div.desc{float:left;margin-bottom:5px;width:550px;}
  #centerPanier h3{margin:0px;padding:0px;padding-left:15px;}
  #centerPanier td{padding:3px;padding-left:5px;}
  #centerPanier td.label{width:120px;}
  #centerPanier tr.highlight{background-color:#F4ECE1;}
  #centerPanier input.qite{width:60px;border:1px solid #8F8677;}
  #centerPanier input.champ{width:200px;border:1px solid #8F8677;}
  #centerPanier textarea.champ{width:200px;border:1px solid #8F8677;}
  #centerPanier select.champ{width:200px;border:1px solid #8F8677;}
  #centerPanier #codePromo{float:left;margin-top:5px;margin-bottom:10px;padding:5px;width:100%;}
  #centerPanier #prixTot{float:left;width:100%;}
    #centerPanier #prixTot div{float:left;width:auto;padding:10px;}
    #centerPanier #prixTot div.prixFin{margin-left:30px;margin-right:10px;padding:10px;width:auto;background-color:#FC6B02;}
  #centerPanier #adresses{float:left;width:100%;}
    #adresses #adresse_facturation{float:left;margin-right:50px;width:300px;}
    #adresses #adresse_livraison{float:left;width:500px;}
    #adresses div.recap{margin-left:15px;}
      #centerPanier div.recap h3{padding:0px;}
  #centerPanier #recapProd{float:left;margin-top:10px;width:100%;margin-left:15px;}
  #centerPanier #recapAcc{float:left;margin-top:10px;width:100%;margin-left:15px;}
  #centerPanier #recapCmd{float:left;width:100%;}
  #centerPanier #cgv{float:left;margin-left:15px;margin-top:5px;margin-bottom:10px;padding:5px;width:865px;background-color:#F4ECE1;}
  #centerPanier #modePaiement{float:left;margin-left:15px;width:865px;}
  #centerPanier #modePaiement div{float:left;margin-right:20px;width:150px;}
    #centerPanier #modePaiement input{float:left;}
    #centerPanier #modePaiement h3{float:left;width:auto;}
  #centerPanier #blocLogin{float:left;margin:10px;padding:5px;width:160px;background-color:#F4ECE1;}
    #centerPanier #blocLogin input.champ{margin:1px;width:155px;border:1px solid #8F8677;}
    #centerPanier #blocLogin input.submit{border:1px solid #A70027;background-color:#A70027;}

  #legende{float:right;margin-bottom:15px;width:98%;}
  
/* parcours*/
#parcours{float:left;margin-top:5px;margin-bottom:5px;margin-left:20px;width:900px;min-height:40px;background:url(../img/fleche_chemin_bas.gif) 0 50% no-repeat;border:1px solid #7D7061;}
html>body #parcours{margin-left:40px;}
  #parcGam{float:left;margin-top:5px;margin-left:85px;width:auto;}
  html>body #parcGam{margin-left:170px;}
  #parcSto{float:left;margin-top:5px;width:auto;}
  #parcDim{float:left;margin-top:5px;width:auto;}
  #parcours div.sep{float:left;margin-left:15px;margin-right:15px;margin-top:10px;width:5px;height:20px;background:url(../img/flechebeige_e4.gif) 100% 50% no-repeat;}
  html>body div.sep{margin-left:30px;margin-right:30px;}
  #miniPhoto{float:left;margin-left:15px;margin-top:5px;}

/* barrePrix*/
#barrePrix{float:left;margin-left:20px;width:900px;}
html>body #barrePrix{margin-left:40px;}
  #barrePrix div.lbl{float:left;margin-left:123px;margin-top:14px;width:500px;}
  html>body #barrePrix div.lbl{margin-left:249px;}
  #barrePrix div#prixEC{float:left;margin-left:15px;padding:8px;width:120px;background-color:#FC6B02;}
  #barrePrix div.lbl1euro{float:right;margin-top:5px;}

/* buttonBar*/
#buttonBar{float:left;margin-top:5px;margin-left:20px;width:900px;}
html>body #buttonBar{margin-left:40px;}

/* bottomBar*/
#bottomBar{float:left;margin-top:10px;margin-left:20px;width:auto;}
html>body #bottomBar{margin-left:40px;}
  #paiementSec{float:left;margin-right:1px;padding-top:10px;width:150px;height:85px;background-color:#D0C4B8;}
  #bottomOther{float:left;width:750px;height:95px;background-color:#F3F0EB;}
    #bottomMenu{float:left;width:220px;}
      #bottomMenu ul{padding:0px;margin:0px;margin-left:30px;margin-top:10px;*margin-top:15px;}
      #bottomMenu li{padding:0px;margin:0px;list-style-image:url(../img/puce_baspage.gif);}
    #blocPartenaire{float:left;padding-top:25px;width:270px;}
    #bottomOther img{float:left;margin-left:20px;}
  #infosLegales{float:left;margin-top:5px;width:800px;}
  #sign{float:left;width:100px;}
    #sign img{vertical-align:bottom;}
