/* ===| FORMS |============================================*/

#txtCategory_id{
 font-family:Arial;
 font-size:11px;
 color:#033180;
 background-color: #d8f1ff;
 width:90px;
 height:21px;
}

#txtType_id{
 font-family:Arial;
 font-size:11px;
 color:#033180;
 background-color: #d8f1ff;
 width:90px;
 height:21px;
}

.properties{
  width:130px;
  height:123px;
  float:left;
  display: inline;
  margin-left:10px;
  line-height: 18px;
  color:#ffffff;
  padding:10px;
  background-image: url(../images/charte/bg-product-detail.jpg);
  background-repeat: repeat-x;
}

.descriptif{
  font-family: Arial;
  color:#033180;
}


.formholder{
  width:450px;
/*  height:147px;*/
  float:left;
/*  display:inline;*/
  margin-bottom:10px;
}

.formholder-velos{
  width:410px;
  height:147px;
  float:left;
  display:table;
  padding-left: 40px;
  margin-bottom:10px;
}

.thumbholder{
  width:170px;
  height:143px;
  display: inline;
  margin-left:13px;
  float:left;
  text-align: center;
}

.pages{
  text-align: center;
  float:left;
  width:449px;
  height:20px;
  font-weight: bold;
  color: #d91f5e;
}


.pages a{
  font-weight: normal;
}


.pages2{
  text-align: center;
  float:left;
  width:350px;
  height:20px;
}

#ok{
  background-image: url(../images/charte/btn-ok.jpg);
  width:35px;
  height:23px;
  border: 0px;
}

#ok:hover{
  background-image: url(../images/charte/btn-ok-over.jpg);
  width:35px;
  height:23px;
}

.newsInput{
  margin-left:11px;
  display: inline;
  float:left;
}

#login{
  width:420px;
  display:inline;
  margin-left:50px;
  float:left;
}

#login1{
  width:330px;
  display:inline;
  margin-left:70px;
  float:left;
}

.logger{
  width:150px;
  float:left;
  height:40px;
  text-align:left;
}

.logfield{
  width:150px;
  float:left;
  height:20px;
}
.inscrire{
  float:left;
  color:#013684;
  font-weight:bold;
  clear:both;
}
.inscrire1{
  color:#013684;
  font-weight:bold;
  clear:both;
}
.form{
  border:solid 1px #013684;
  width:162px;
  height:15px;
  clear:both;
  background: url(../images/charte/bg-form.jpg) bottom no-repeat;
}

.form1{
  border:solid 1px #013684;
  width:212px;
  height:15px;
  clear:both;
  background: url(../images/charte/bg-form1.jpg) bottom no-repeat;
}
.form2{
  border:solid 1px #013684;
  width:212px;
  height:40px;
  clear:both;
  background: url(../images/charte/bg-form2.jpg) bottom no-repeat;
}
.form3{
  border:solid 1px #013684;
  width:160px;
  height:97px;
  clear:both;
  background: url(../images/charte/bg-form3.jpg) bottom no-repeat;
}

#firstname{
  width:160px;
}

#lastname{
  width:160px;
}

#email{
  width:160px;
}

#phone{
  width:160px;
}

#code{
  width:160px;
}

#city{
  width:160px;
}

#pass{
  width:160px;
}

#user {
  width:160px;
}

#verifpass{
  width:160px;
}

#addr{
  width:160px;
}



#connecter{
  width: 91px;
  height: 31px;
  background-image: url(../images/charte/btn-connecter.jpg);
  border: none;
  float:left;
  cursor:pointer;
  font-size: 0px;
  color:#552228;
  text-align: left;
}

#connecter:hover{
  width: 91px;
  height: 31px;
  background-image: url(../images/charte/btn-connecter-over.jpg);
  border: none;
  float:left;
  cursor:pointer;
  font-size: 0px;
  color:#552228;
  text-align: left;
}

.envoyer{
  width: 91px;
  height: 31px;
  background: url(../images/charte/btn-envoyer.jpg) top left no-repeat;
  border: none;
  float:left;
  cursor:pointer;
  font-size: 0px;
  color:#552228;
  text-align: left;
}

.envoyer:hover{
  width: 91px;
  height: 31px;
  background: url(../images/charte/btn-envoyer-over.jpg) top left no-repeat;
  border: none;
  float:left;
  cursor:pointer;
}

.retablir{
  width: 91px;
  height: 31px;
  background: url(../images/charte/btn-retablir.jpg) top left no-repeat;
  border: none;
  float:left;
  cursor:pointer;
  font-size: 0px;
  color:#552228;
  text-align: left;
}

.retablir:hover{
  width: 91px;
  height: 31px;
  background: url(../images/charte/btn-retablir-over.jpg) top left no-repeat;
  border: none;
  float:left;
  cursor:pointer;
}

.createuser{
  width:310px;
  padding-left:85px;
  float:left;
}

.logger2{
  width:130px;
  float:left;
  height:40px;
  text-align:left;
}

.product-titles{
  width:130px;
  float:left;
  display: inline;
  margin-left: 0px;
  background-color:#0782cf;
  color: #FFFFFF;
  font-size: 11px;
  padding-top:3px;
}

#recherche{
  background-image: url(../images/charte/btn-produit-recherche.jpg);
  width: 92px;
  height: 25px;
  border: 0px;
  float:left;
  cursor:pointer;
  font-size: 0px;
  color:#552228;
  text-align: left;
}

#recherche:hover{
  background-image: url(../images/charte/btn-produit-recherche-over.jpg);
  width: 92px;
  height: 25px;
  border: none;
  float:left;
  cursor:pointer;
  font-size: 0px;
  color:#552228;
  text-align: left;
}

.imprimer{
  background-image: url(../images/charte/btn-imprimer.jpg);
  width: 92px;
  height: 25px;
  border: 0px;
  margin-left:170px;
  margin-bottom:11px;
  cursor:pointer;
  font-size: 0px;
  color:#552228;
  text-align: left;
}

.imprimer:hover{
  background-image: url(../images/charte/btn-imprimer-over.jpg);
  width: 92px;
  height: 25px;
  border: none;
  cursor:pointer;
  font-size: 0px;
  color:#552228;
  text-align: left;
}

.promotion_produit{
  width:137px;
  height:117px;;
  background-image: url(../images/charte/bg-produit-0675c0.jpg);
  background-position: left bottom;
  background-repeat: no-repeat;
  background-color: #0675c0;
  padding:10px;
  text-align: center;
  padding-top: 10px;
}

#mdm-popup{
  width:500px;
  height:470px;
  background-image: url(../images/charte/mdm.jpg);
  float:left;
}

#fermer{
  width: 500px;
  height: 17px;
  text-align: center;
}

.product-entries{
  width:130px;height:238px; margin-left:15px; display:inline; margin-bottom:10px; float:left;
}

.input-name{
  width:150px; float:left; 
}

