* {
  margin:0;
  padding:0;
}

html , body {
  height:100%;
  text-align:center;
}

strike{
  margin-right:10px;
}


.titlecontainer  {
  text-align:center;
  width:100%;
}
.title{
  position:relative;
  top:2px;
  left:2px;
  text-align:center;
  margin:0px auto;
  text-align:center;
}

.titleombre{
  display:block;
  position:absolute;
  top:-2px;
  left:-2px;
}


#distance {
    width:1px;
    height:5px;
    /*margin-bottom:-305px;  half of container's height */
    float:left;
}

#main {
  position: relative;
  min-height:600px;
  margin:0px auto;
  padding:0px;
  clear:left;
  text-align:left;
  border-width:1px;
  border-style:solid;
}



#top , #bottom , #bottomright , #bottomleft , #bottomcenter, #content , #menuitems , #menupromos , #account{
  display:block;
}


#bottomright , #bottomleft , #bottomcenter , #menuitems , #menupromos , #account{
  padding-left:3px;
  padding-right:3px;
}

#menu {
  margin:0px auto;
  padding:0px;
  clear:left;
  min-height:445px;
}

.columnfiller{
  display:block;
  clear:left;
}
.articlefiller{
  display:block;
  clear:left;
  height:400px;
}
#menu  , #content  , #adds{
  position:relative;
  float:left;
}



#content{
  z-index:5;
}
#menu , #adds{
  z-index:6;
}

#filler{
  display:block;
  clear:left;
  height:5px;
}

#main , #top , #bottom , #middle{
  width:900px;
}

#top {
  top:0px;
  height:128px;
}

#menu   , #adds{
  width:150px;
}
#bottom {
  height:25px;
  clear:left;
}

#bottomleft , #bottomright , #bottomcenter{
  display:block;
  float:left;
  height:25px;
  line-height:25px;
  top:0px;
}

#bottomleft{
  width:120px;
}

#bottomcenter{
  width:300px;
  font-size:16px;
  font-style:italic;
}

#bottomright{
  width:462px;
  text-align:right;
}

#imageshowaccueilcontainer{
  display:block;
  width:280px;
  height:280px;
  border-style:dotted;
  border-width:1px;
  float:left;
  margin-top:5px;
  margin-right:10px;
}
.imageshowaccueil{
  position:absolute;
  left:6px;
  top:11px;
  width:270px;
  height:270px;
}

#textaccueil{
  display:block;
  text-align:justify;
  margin-top:5px;
  min-height:280px;
}

.itemjour{
  display:block;
  overflow:hidden;
  border-width:1px;
  border-style:dotted;
}

#accueilbottom {
  display:block;
  clear:left;
  width:550px;
  padding:0px;
  margin-top:20px;
}

#accueilquality {
  display:block;
  float:left;
  width:280px;
  text-align:center;
}

#accueiljour{
  display:block;
  width:270px;
  float:right;
}
#accueiljourtexte{
}




.topbutton , .valider , .creercompte , .commander , .flipimage , .reset
 , .modifierprofil , .devisencours , .panierencours , .historiquecommandes , .validerpayer, .validercommande
 , .envoyer , .transfertimage , .deleteimage , .soumettre , .retour{
  width: 150px;
  height: 24px;
  border: none;
  background-repeat:no-repeat;
  top:0px;
  left:0px;
}

.modifierprofil , .devisencours , .panierencours , .historiquecommandes , .printquote  , .transferquote , .copyquote{
  display:block;
  margin:0px auto;
  margin-top:10px;
  margin-bottom:10px;
}
.printquote  , .transferquote , .copyquote{
  margin-bottom:0px;
}
.topbutton{
  display:block;
  float:left;
}

.commander{
  display:block;
  clear:left;
  margin:0px auto;
  margin-top:10px;
}

#topbuttons {
  position:absolute;
  top:104px;
  left:0px;
  width:900px;
  height:24px;
  margin:0px;
  padding:0px;
}
#topflag{
  position:absolute;
  top:0px;
  left:813px;
  width:24px;
  height:24px;
}

#menuquality{
  display:block;
  width:150px;
  text-align:center;
  font-size:11px;
}

#menu   , #adds{
  width:150px;
}

.addsline{
  display:block;
}

#menuitems{
  margin-top:20px;
  width:134px;
}
#menupromos{
  margin-top:20px;
  width:134px;
  height:56px;
  overflow:hidden;
}

.menuitem , .menuitemselected , .menupromo{
  padding-left:16px;
  display:block;
  width:125px;
  white-space:nowrap;
  font-size:13px;
  overflow:hidden;
  text-decoration:none;
  margin-bottom:5px;
}

 .menupromo{
  padding-left:22px;
  line-height:22px;
}

.menuitemselected{
  font-weight:bold;
}

#menutitlecatalogue , #accounthead, #visithead{
  width: 150px;
  height: 24px;
  border: none;
  display:block;
}


.textlistitem , .textlistitempromo{
  display:block;
  width:130px;
  height:30px;
  margin-top:1px;
  margin-left:0px;
  margin-bottom:0px;
  margin-right:0px;
}

.topbanner{
  margin:0px auto;
  display:block;
  position:absolute;
  top:0px;
  left:300px;
}

.imgvignette , .imgarticle , .imgposter{
  display:block;
  margin:0px auto;
  z-index:100;
}

.imgposter{
  border-style:dotted;
  border-width:1px;
}

.imgicon{
  border-width:1px;
  border-style:solid;
}

#articlewrapper , #imgarticlezoom , #imgarticlezoom{
  position:relative;
  min-height:440px;
  top:20px;
}

.imgvignettewrapper , #imgarticlewrapper, #imgsituationwrapper{
  display:block;
  margin:0px auto;
  width:130px;
  height:130px;
  text-align:center;
  z-index:10;
}


.imgvignettewrapper{
  cursor:pointer;
}

#imgzoomout , #imgzoomin , #imgsituationzoomout , #imgsituationzoomin{
  padding:0px;
  margin:0px;
  display:none;
  z-index:100;
}


.articlelistprixtitre{
  position:relative;
  display:block;
  margin-bottom:5px;
}

.articlelistprixlibelle{
  display:block;
  width:120px;
  margin-right:5px;
  text-align:left;
  float:left;
  clear:left;
  white-space:nowrap;
  overflow:hidden;
}

.articlelistprixprix{
  display:block;
  width:140px;
  margin-right:5px;
  text-align:right;
  float:left;
  white-space:nowrap;
}

.articlelistprixcheckbox{
  display:block;
  float:left;
  width:15px;
  margin-right:5px;
  #margin-top:-3px;
}

.imgbuttonzoomout , .imgbuttonzoomin , .situationbuttonzoomout , .situationbuttonzoomin{
  position:absolute;
  width:40px;
  height:40px;
  border-width:0px;
  cursor:pointer;
}

#imgarticlewrapper , #imgsituationwrapper{
  position:absolute;
  width:280px;
  height:280px;
  border-width:1px;
  border-style:dotted;
  left:5px;
  top:0px;
}
#imgsituationwrapper{
  width:130px;
  height:130px;
  border-width:1px;
  border-style:dotted;
  left:460px;
  top:300px;
}
#articledescriptionwrapper{
  position:absolute;
  width:584px;
  top:290px;
  height:140px;
  left:5px;
  text-align:left;
}

#articlecomplementwrapper{
  position:absolute;
  left:290px;
  height:130px;
  top:0px;
  width:300px;
  height:280px;
  text-align:right;
}

.articletitle{
  display:block;
  width:300px;
  height:25px;
  text-align:center;
  margin:0px auto;
  margin-bottom:5px;
}

.articledescriptionhaut {
  position:absolute;
  display:block;
  width:440px;
  height:18px;
  left:5px;
  z-index:100;
}

.articledescriptiontexte {
  position:absolute;
  width:430px;
  left:5px;
  text-align:center;
  line-height:16px;
  padding:5px;
}


.articlelistprix{
  position:absolute;
  left:300px;
  width:290px;
  top:0px;
  text-align:justify;
  margin:0px auto;
  margin-top:10px;
}

.articleflip{
  display:block;
  text-align:center;
  margin:0px auto;
  width:290px;
  margin-top:5px;
}

.articlelivraison , .articlequality {
  border-style:dotted;
  border-width:1px;
  padding:5px;
  text-align:justify;
}

.articlequality  , .articlequality:link , .articlequality:visited , retourlink , .retourlink:link , .retourlink:visited {
  display:block;
  text-decoration:underline;
  text-align:center;
}
.retourlink{
  font-size:14px;
}

#imgarticlezoom ,  #imgsituationzoom{
  display:none;
  width:594px;
  height:440px;
  top:0px;
  left:0px;
  margin:0px auto;
  text-align:center;
}

#content {
  position:relative;
  width:600px;
}
.contentmargin{
  position:relative;
  display:block;
  margin:0px auto;
  width:600px;
}
#account {
  margin-top:5px;
  text-align:center;
  vertical-align:middle;
  line-height:30px;
}

#addsvisits {
  left:0px;
  width:150px;
  margin-top:20px;
}

#alertdiv{
  position:relative;
  margin:0px auto;
  top:20px;
}

.alertimg{
  display:block;
  margin:0px auto;
  text-align:center;
}
.alertmessage{
  display:block;
  margin:0px auto;
  text-align:center;
}

.inputsize{
  width:250px;
}

.visitedrow , .visitedrow0{
  display:block;
  margin-left:5px;
  white-space:nowrap;
  overflow:hidden;
  text-align:left;
  width:145px;
}
.visitedrow{
  font-weight:normal;
}


#historydiv{
  margin:10px;
}

.history {
  display:block;
  width:500px;
  vertical-align:middle;
  height:24px;
  line-height:24px;
}

.historytime {
  display:block;
  position:relative;
  width:100px;
  left:300px;
  top:-24px;
}


.titreinfo{
  font-size:14px;
  font-weight:bold;
  text-align:center;
  margin:0px auto;
}

.tabcontrol{
  position:absolute;
  display:block;
  left:20px;
  #left:25px;
  top:412px;
}

.listcomments{
  width:600px;
  text-align:center;
}

.staticdiv p,ul{
  margin:6px;
}


#listitems{
  width:570px;
  margin:0px auto;
  text-align:center;
}

#listitems ul{
  float:left;
  margin:auto;
  padding:0;
  list-style:none;
  position:relative;
  left:50%;
}

#listitems ul li{
  left:-50%;
  width:130px;
  height:160px;
  border-style:dotted;
  border-width:1px;
  cursor:pointer;
  position:relative;
  overflow: hidden;
  margin:4px;
  display:-moz-inline-box; /*older gecko*/
  display:inline-block;
}

#listitems ul li > * {
  display:table;
  width:130px;
}

.imgvignettepromo{
  position:relative;
  top:135px;
  left:10px;
}

.cataloguewrap{
  width:600px;
  text-align:center;
  overflow:hidden;
  margin:0px 0px 0px 0px;
}
.cataloguewrap ul{
  float:left;
  margin:auto;
  padding:0px;
  list-style:none;
  position:relative;
  left:50%;
}

.cataloguewrap ul li{
  left:-50%;
  width:105px;
  height:110px;
  border-style:solid;
  border-width:1px;
  cursor:pointer;
  position:relative;
  display:-moz-inline-box;/* older gecko*/
  -moz-box-orient:vertical;/* older gecko*/
  display:inline-block;
  padding:1px;
  margin:3px;
}

.catalogueicons{
  display:block;
  width:105px;
  height:45px;
}
.catalogueicon{
  width:45px;
  height:45px;
  display:block;
  float:left;
}

.cataloguefamilletext{
  height:65px;
  width:105px;
  text-align:center;
  overflow:hidden;
}
.leftdiv
{
  text-align:left;
}

.listlargeur{
  display:block;
  clear:left;
  float:left;
  width:200px;
}

.friendlink{
}


.linkswrap{
  width:600px;
  text-align:center;
  overflow:hidden;
  margin:10px 0px 0px 0px;
}
.linkswrap ul{
  float:left;
  margin:auto;
  padding:0;
  list-style:none;
  position:relative;
  left:50%;
}

.linkswrap ul li{
  left:-50%;
  width:150px;
  padding:1px;
  margin:2px;
  display:-moz-inline-box;/* older gecko*/
  -moz-box-orient:vertical;/* older gecko*/
  display:inline-block;
  position:relative;
}


#cerfvolant{
  position:absolute;
  display:none;
  left:0px;
  top:0px;
  overflow:hidden;
  z-index:100;
  cursor:pointer;
}

.custom1{
  display:block;
  width:580px;
  margin:10px;
  border-color:#000000;
  border-width:1px;
  border-style:dotted;
  clear:left;
}

.imagecustom1{
  display:block;
  float:left;
  margin:10px;
  width:350px;
}

.select{
 margin:30px;
}

.imgcustomstandard{
  display:block;
  margin:0px auto;
  width:250px;
  height:250px;
}
.imgcustomstandard3{
  display:block;
  float:left;
  margin:10px;
}

.formimagecolumn{
  display:block;
  float:left;
  margin-left:10px;
  width:290px;
}

.cadre{
  display:block;
  margin:10px;
  padding:10px;
  border-width:1px;
  border-style:solid;
}

#paiementsecure{
  display:block;
  position:relative;
  font-size:11px;
  width:90px;
  left:750px;
  top:-90px;
}

#paiementbp{
  display:block;
  position:relative;
  width:50px;
  top:-150px;
}