.contentContainer {
  position: relative;
  top: 40px;
  left: 0;
  float: left;
  margin-bottom: 30px;
  width: 910px;
  border: none;
  background: #FFF;
  padding: 15px 15px 25px;
}
.contentContainerRights {
  top: 0;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 18px;
  color: #000;
}
.contentContainerRights b {
  line-height: 26px;
  font-family: "ITCAvantGardeGothicStdMedium";
}
.contentContainerOnContact {
  top: 15px;
  right: 0;
  float: right;
  margin-bottom: 15px;
  width: 545px;
  height: 594px;
  padding: 30px 15px 0;
}
.contentContainerOnLogin {
  height: 260px;
  padding: 60px 15px 0;
}
.contentPagagraph {
  position: relative;
  top: 0;
  left: 0;
  float: left;
  margin-bottom: 10px!important;
  padding-top: 15px!important;
  width: 100%;
}
.textAndImg {
  position: relative;
  top: 0;
  right: 0;
  float: right;
  width: 560px;
}
#themes {
  list-style: none;
}
#themes a:link,
#themes a:visited {
  text-decoration: none;
}
#themes li {
  float: left;
  padding-bottom: 10px;
  padding-right: 10px;
  width: 150px;
}
.produitLittleBlock {
  position: relative;
  float: left;
  top: 0;
  left: 0;
  margin: 5px 5px 0 5px;
  width: 176px;
}
.produitLittleBlock img {
  margin-bottom: 5px !important;
}
.contentPagagraph img {
  position: relative;
  top: 0;
  right: 0;
  float: right;
  margin-bottom: 30px;
}
.logicielContentPar Img {
  left: 0;
  float: left;
  margin: 15px 0 0 0;
  z-index: 1;
}
.LogicieldescriptionAndImgBG {
  position: relative !important;
  float: right !important;
  margin-top: -270px !important;
  z-index: 0 !important;
}
.formatContainer {
  width: 575px !important;
}
.contentPagagraph p {
  color: #000;
  font-weight: 400;
  font-size: 12px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  line-height: 16px;
}
.content14Font {
  font-size: 14px !important;
}
.content18Font {
  font-size: 18px !important;
}
.contentPagagraph ul {
  list-style-type: disc;
}
.contentPagagraph ul li {
  margin: 5px 0 0 13px;
  line-height: 18px;
  color: #999 !important;
}
.contentPagagraphTitle {
  position: relative;
  top: 0;
  left: 0;
  float: left;
  width: 320px;
}
.contentPagagraph h1,
.contentPagagraph h2,
.contentPagagraph h3 {
  position: relative;
  top: 0;
  left: 0;
  float: left;
  color: #000;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 21px;
  font-family: ITCAvantGardeGothicStdMedium;
  line-height: 23px;
}
.contentPagagraph h2 {
  font-family: ITCAvantGardeGothicStdBook;
}
.contentPagagraph h3 {
  font-family: AvantGardeDemiRegular;
}
.contentPagagraph .subsection {
  font-style: italic;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 18px;
}
.contentSeparator {
  position: relative;
  right: 0;
  float: right;
  width: 100%;
  height: 1px;
  background: #000;
  margin: 15px 0 0 15px;
  *margin: 0;
}
.oneFormat {
  position: relative;
  top: 0;
  left: 0;
  float: left;
  width: 270px;
  height: 120px;
  border-bottom: #cdcdcf 1px solid;
  margin: 20px 8px 0;
}
.oneFormatBottom {
  position: relative;
  top: 0;
  left: 0;
  float: left;
  width: 270px;
  height: 125px;
  margin: 20px 8px 0;
}
.oneFormat img,
.oneFormatBottom img {
  float: none;
  display: block;
  margin: 0 auto;
  padding: 0 0 10px;
}
.oneFormat p,
.oneFormatBottom p {
  position: relative;
  top: 0;
  left: 0;
  float: left;
  width: 270px;
  text-align: center;
  padding: 0 0 20px;
}
.promo {
  margin-top: 215px;
  padding: 25px 0 25px 80px;
  line-height: 14px !important;
  background: url("../images/promo-ico.png?v=201510141204") no-repeat left;
}
.promo strong {
  font-weight: bold;
}
.calcLine {
  position: relative;
  top: 0;
  right: 0;
  float: right;
  width: 565px!important;
  height: 75px;
}
.copyPrice {
  position: relative;
  right: 0;
  float: right;
  width: 200px!important;
  height: 70px!important;
  *float: none;
  *position: absolute;
}
.copyPrice h1,
.copyPrice h2 {
  width: 200px!important;
  color: #000;
  text-align: center;
  font-size: 45px!important;
  font-family: ITCAvantGardeGothicStdBook!important;
  line-height: 45px !important;
}
.copyPrice h2 {
  font-size: 21px!important;
  line-height: 21px !important;
}
.btnCalc {
  position: relative;
  float: right;
  right: 20px;
  top: 30px;
  width: 27px;
  height: 27px;
  color: #000;
  font-size: 14px;
  font-family: ITCAvantGardeGothicStdMedium;
  background: url("../images/calcRndBtn.png?v=201510141204") no-repeat right;
  *float: none;
  *position: absolute;
  *right: 230px;
}
.btnCalc:link,
.btnCalc:visited {
  color: #000;
  text-decoration: none;
  *line-height: 27px;
}
.btnCalc:hover {
  background: url("../images/calcRndBtnHover.png?v=201510141204") no-repeat right;
  color: #E01D6E;
  text-decoration: none;
}
.btnCalc input {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 27px !important;
  height: 27px !important;
  border: none !important;
  background: none !important;
  cursor: pointer !important;
}
.btnCalc span {
  position: relative;
  top: 7px;
  *top: 2px;
  *line-height: 27px;
}
.numOfCopies,
.NumOfPages,
.NumOfTypes {
  position: relative;
  float: right;
  top: 10px;
  width: 70px;
  height: 45px;
}
.numOfCopies {
  right: 50px;
  *right: 275px;
}
.NumOfPages {
  right: 60px;
  *right: 470px !important;
}
.NumOfTypes {
  right: 165px;
  *right: 375px;
}
.numOfCopies p,
.NumOfPages p,
.NumOfTypes p {
  float: none;
  top: -5px;
  width: 100px;
  color: #000;
  text-transform: none;
  font-weight: 700;
}
.accept {
  position: relative;
  left: 0;
  top: 0;
  float: left;
  width: 100%;
  margin-top: 40px;
  height: 107px;
}
.acceptAlbum {
  position: relative;
  left: 0;
  top: 0;
  float: left;
  width: 100%;
  margin-top: 20px;
}
.acceptOnComAdresse {
  margin-top: 0px;
}
.acceptValider {
  margin: 10px 0 30px 0;
}
.line1,
.line2 {
  position: absolute;
  top: 0;
  width: 386px;
  height: 107px;
  background: url("../images/calcLine.png?v=201510141204") no-repeat;
  *top: 20px;
}
.short_line {
  width: 145px !important;
}
.line1 {
  left: 0;
}
.line2 {
  right: 0;
}
.line12OnComAdresse {
  width: 225px;
}
.contentContainerOnContact p {
  padding-bottom: 5px;
  color: #000;
  font-size: 14px;
  font-family: ITCAvantGardeGothicStdMedium;
}
.contactnameInput,
.contactquestionInput {
  margin-bottom: 20px;
  padding-left: 10px;
  width: 530px;
  height: 30px;
  border: #cdcdcf 1px solid;
  color: #838386;
  font-size: 12px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.contactquestionInput {
  width: 520px;
  height: 130px;
  margin: 0;
  padding: 10px 10px 0 !important;
}
.contactemailContainer,
.contacttelContainer,
.logintelContainer {
  position: relative;
  float: left;
  width: 265px;
}
.top0 span {
  top: 0 !important;
}
.contacttelContainer,
.logintelContainer {
  float: right;
}
.contactfeedbackFormSeparator {
  position: relative;
  /*float:left;*/
  clear: both;
  width: 540px;
  height: 1px;
  background: #000;
  margin: 18px 0;
}
#map2 {
  position: relative;
  top: 15px;
  right: 0;
  float: right;
  margin-bottom: 15px;
  width: 575px;
  height: 500px;
  border: 1px solid #000;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  behavior: url(/content/PIE.htc);
}
.Aidearticle {
  position: relative;
  top: 15px;
  left: -7px;
  float: left;
  display: block;
  width: 591px;
  background: #FFF;
  margin: 0 8px 15px 7px;
  padding: 0 15px 0 15px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  behavior: url(/content/PIE.htc);
}
.additional {
  width: 912px;
}
.additionalLeftTD {
  width: 150px;
}
.additionalRightTD {
  width: auto;
  text-align: right;
}
.Aidearticle h1 {
  display: block;
  width: 100%;
  color: #000;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 31px;
  font-family: AvantGardeDemiRegular;
  line-height: 31px;
  padding: 20px 0 0;
}
.AidearticleminiSeparator {
  position: relative;
  top: 10px;
  left: 0px;
  float: left;
  display: block;
  width: 100%;
  height: 1px;
  border-top: #000 solid 1px;
  margin: 10px 0 40px;
}
.disc li {
  list-style: disc;
  margin: 0 0 0 15px;
  padding-left: 0;
  line-height: 20px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000;
}
.disc li b {
  color: #E01D6E !important;
}
.Aidearticle h2 {
  color: #000;
  font-size: 14px;
  padding: 5px 0 5px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  line-height: 18px;
}
.Aidearticle p {
  display: block;
  width: 100%;
  color: #000;
  text-align: left;
  text-transform: none;
  font-weight: 400;
  font-size: 12px;
  padding: 0px 0 15px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  line-height: 18px;
}
.Aidearticle ul {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 400;
  list-style: circle;
  margin-left: 30px;
}
.Aidearticle b {
  color: #000;
  text-align: left;
  text-transform: none;
  font-weight: 700;
  font-size: 12px;
  font-family: ITCAvantGardeGothicStdMedium;
  line-height: 26px;
}
.Aidearticle a:link,
.Aidearticle a:hover,
.Aidearticle a:visited {
  color: #e01d6e;
  text-align: left;
  text-transform: none;
  font-weight: 400;
  font-size: 12px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  text-decoration: none;
  line-height: 18px;
}
#AidearticleReturnBtn,
#AidearticleReturnBtn a:link,
#AidearticleReturnBtn a:hover,
#AidearticleReturnBtn a:visited {
  position: relative;
  top: -10px;
  left: 0px;
  z-index: 10;
  float: left;
  display: block;
  text-decoration: none;
  font-size: 12px;
  color: #838386;
  padding: 3px 0 0 15px;
  background: url("../images/returnArrow.png?v=201510141204") no-repeat left;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.creezFormatTitile {
  position: relative;
  float: left;
  top: 0;
  left: 0;
  width: 100%;
  padding-bottom: 5px;
  margin-top: 20px;
  border-bottom: solid 1px #cdcdcf;
}
.creezFormatTitile h2 {
  font-family: ITCAvantGardeGothicStdMedium;
  font-size: 18px;
  width: 50%;
  color: #e01d6e;
}
.creezFormatTitile a:link,
.creezFormatTitile a:visited {
  position: relative;
  float: right;
  right: 0;
  top: 8px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  text-decoration: none;
  font-size: 12px;
  color: #e01d6e;
}
.creerUnLivreFormatContainer {
  position: relative;
  float: left;
  top: 0;
  left: 0;
  width: 580px;
}
.creerUnLivreFormat {
  position: relative;
  float: left;
  top: 0;
  left: 0;
  width: 270px;
  height: 120px;
  text-align: center;
  margin: 30px 20px 0 0;
}
.creerUnLivreFormat img {
  float: none;
  display: block;
  margin: 0 auto;
}
.creerUnLivreFormat p {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000;
  text-align: center;
  margin-top: 10px;
  width: 270px;
}
.bottomLine {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  width: 100%;
  background: #cdcdcf;
}
.creerUnLivreRegistrationBlock,
.creerUnLivreLoginBlock {
  position: relative;
  float: left;
  top: 30px;
  left: 0;
  margin-bottom: 20px;
  width: 430px;
  height: 290px;
  background: #000;
  padding: 30px 15px 0;
}
.creerUnLivreLoginBlock {
  left: 20px;
}
.creerUnLivreRegistrationBlockAcept {
  position: absolute;
  left: 15px;
  bottom: 20px;
  width: 430px;
  height: 107px;
}
.creerUnLivreRegistrationBlockLine1,
.creerUnLivreRegistrationBlockLine2 {
  position: absolute;
  bottom: 55px;
  left: 0;
  width: 155px;
  height: 3px;
  background: #838386;
}
.creerUnLivreRegistrationBlockLine2 {
  left: auto;
  right: 0;
}
.creerUnLivreLoginBlockMail {
  position: relative;
  float: left;
  left: 0;
  top: 0;
  width: 205px;
  height: 70px;
  margin-right: 18px;
}
.creerUnLivreLoginBlock input {
  background: #343436;
  border: none;
  width: 205px;
  height: 30px;
  color: #000;
  font-size: 12px;
  margin-top: 5px;
  padding-left: 10px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.creerUnLivreLoginBlockPassword {
  position: relative;
  float: left;
  left: 0;
  top: 0;
  width: 205px;
  height: 70px;
}
.creerUnLivreLoginBlockPassword a:link,
.creerUnLivreLoginBlockPassword a:visited {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #e01d6e;
  font-size: 10px;
  text-decoration: none;
}
.inscriptionBannerFrstLogin {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 320px;
  height: 140px;
  border-top: solid 1px #272726;
  padding: 15px 15px 0;
}
.inscriptionBannerFrstLogin h2 {
  font-family: ITCAvantGardeGothicStdMedium;
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
  text-align: left;
  color: #FFF;
}
.inscriptionBannerFrstLogin input {
  position: relative;
  float: right;
  right: 40px;
  background: #343436;
  border: none;
  width: 157px;
  height: 30px;
  color: #000;
  font-size: 12px;
  margin-top: 10px;
  padding-left: 10px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.inscriptionBannerFrstInput {
  position: relative;
  float: left;
  width: 100%;
}
.inscriptionBannerFrstLogin h3 {
  position: relative;
  float: left;
  left: 0;
  top: 18px;
  font-family: ITCAvantGardeGothicStdMedium;
  font-weight: 400;
  text-transform: uppercase;
  text-align: left;
  font-size: 13px;
  color: #cdcdcf;
}
.inscriptionBannerFrstInput a:link,
.inscriptionBannerFrstInput a:visited {
  position: relative;
  float: left;
  left: 115px;
  top: 35px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #e01d6e;
  font-size: 10px;
  text-decoration: none;
  *width: 100px;
}
.inscriptionBannerFrstOk {
  position: relative !important;
  cursor: pointer !important;
  display: block !important;
  float: left !important;
  left: 193px!important;
  top: -12px !important;
  width: 32px!important;
  height: 31px !important;
  padding-top: 3px !important;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif !important;
  text-align: center !important;
  color: #FFF !important;
  font-size: 10px !important;
  text-decoration: none !important;
}
.inscriptionBannerFrstOk:hover {
  text-decoration: none !important;
}
.InscriptionCheckboxTitle {
  margin-top: 10px;
  line-height: 14px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif !important;
  color: #000 !important;
  font-size: 12px !important;
}
.inscriptionRights {
  position: relative;
  /*top:35px;*/
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif !important;
  font-size: 12px!important;
  color: #000 !important;
  text-align: center;
}
.winlogo {
  width: 30%;
  padding-left: 30px;
  padding-top: 7px;
  padding-bottom: 7px;
  margin: 0 auto;
  text-align: left;
  background: url("../images/windows.png?v=201510141204") no-repeat left;
}
.inscriptionRights a:link,
.inscriptionRights a:visited {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif !important;
  font-size: 12px!important;
  color: #e01d6e !important;
  text-decoration: none;
}
.inscriptionRights a:hover {
  color: #000 !important;
  text-decoration: none;
}
.jlb_class,
.jlb_classSmall {
  z-index: 1000;
  position: relative;
  border: 1px solid #cdcdcf;
  width: 540px;
  height: 30px;
  margin: 0;
}
.jlb_classSmall {
  width: 285px;
  z-index: 1000;
}
.jlb_class a,
.jlb_classSmall a {
  width: 530px;
  height: 22px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #838386;
  text-decoration: none;
  background: url("../images/listBox.png?v=201510141204") no-repeat 100% 100%;
  display: block;
  margin: 0;
  padding: 8px 0 0 10px !important;
}
.jlb_class ul,
.jlb_classSmall ul {
  display: none;
  position: absolute;
  left: -1px;
  width: 100%;
  border: 1px solid #cdcdcf;
  background: #FFF;
  z-index: 1000;
  margin: 0;
  padding: 0;
}
.jlb_class li,
.jlb_classSmall li {
  display: block;
  z-index: 1000;
  cursor: pointer;
  width: 530px;
  height: 22px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #838386;
  background: #FFF;
  padding: 8px 0 0 10px;
}
.jlb_classSmall li {
  width: 275px;
  background: #FFF;
  z-index: 1000;
}
.jlb_class li:hover,
.jlb_classSmall li:hover {
  background-color: #cdcdcf;
  color: #000;
  text-decoration: none;
}
.jlb_class img,
.jlb_classSmall img {
  border: 0;
}
.checkbox {
  width: 19px;
  height: 25px;
  background: url("../images/checkboxes.png?v=201510141204") no-repeat;
  display: block;
  clear: left;
  float: left;
  padding: 0 5px 0 0;
}
.radio {
  width: 19px;
  height: 25px;
  background: url("../images/radiobuttons.png?v=201510141204") no-repeat;
  display: block;
  clear: left;
  float: left;
  padding: 0 5px 0 0;
}
.styled {
  display: none;
}
.logintelContainer a:link,
.logintelContainer a:visited {
  position: relative;
  left: 0;
  top: -15px;
  color: #838386;
  font-size: 12px;
  text-decoration: none;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.logintelContainer a:hover {
  color: #e01d6e;
  text-decoration: none;
}
.Adressesaccept {
  position: relative;
  top: -10px;
  left: 0;
  float: left;
  width: 100%;
  height: 106px;
}
.Adresseline1 {
  position: absolute;
  top: 20px;
  width: 225px;
  height: 107px;
  background: url("../images/calcLine.png?v=201510141204") no-repeat;
  *top: 20px;
}
.Adresseline2 {
  position: absolute;
  top: 20px;
  right: 0;
  width: 225px;
  height: 107px;
  background: url("../images/calcLine.png?v=201510141204") no-repeat;
  *top: 20px;
}
.commandeContent {
  position: relative;
  float: left;
  left: 0;
  top: 0;
  width: 910px;
  height: 100%;
  background: #FFF;
  margin: 15px 0 0;
  padding: 30px 15px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  behavior: url(/content/PIE.htc);
}
.commandeContentWithBG {
  position: relative;
  float: left;
  left: 0;
  top: 0;
  width: 432px;
  height: 100%;
  background: url("../images/bannerBG.jpg?v=201510141204") no-repeat;
  margin: 15px 0 0;
  padding: 30px 15px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  behavior: url(/content/PIE.htc);
}
.commandeAlbumWithBG {
  position: relative;
  overflow: hidden;
  float: left;
  left: 0;
  top: 15px;
  width: 434px;
  height: 352px;
  padding: 30px 15px 15px;
  margin-bottom: 5px;
  text-align: center;
  background: url("../images/albumBG.jpg?v=201510141204") repeat-y;
  box-shadow: rgba(0, 0, 0, 0.5) 3px 3px 15px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 3px 3px 15px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 3px 3px 15px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  behavior: url(/content/PIE.htc);
}
.commandeAlbumWithoutBG {
  position: relative;
  float: left;
  left: 15px;
  top: 15px;
  width: 434px;
  height: 352px;
  padding: 30px 15px 15px;
  margin-bottom: 5px;
  background: #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  behavior: url(/content/PIE.htc);
}
.commandeAlbumDescription {
  height: 135px;
  padding-top: 15px;
  color: #000;
  font-weight: 400;
  font-size: 12px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  line-height: 16px;
}
.commandeContentHalf {
  position: relative;
  float: left;
  top: 15px;
  left: 0;
  width: 432px;
  height: 100%;
  padding: 40px 15px 30px;
  margin-bottom: 15px;
  background: #FFF;
  text-align: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  behavior: url(/content/PIE.htc);
}
.halfLeft {
  margin-right: 15px;
}
.halfLast {
  margin-bottom: 5px;
}
.bannerH4 {
  color: #000000;
  font-size: 20px;
  margin: 0;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  z-index: 1;
}
.bannerStrong {
  font-family: ITCAvantGardeGothicStdMedium;
  font-weight: 700;
  padding-top: 10px;
}
.bannerLight {
  font-family: ITCAvantGardeGothicStdBook;
  font-weight: 400;
  padding-top: 4px;
}
.bannerH5 {
  color: #000000;
  font-family: ITCAvantGardeGothicStdBook;
  font-weight: 400;
  font-size: 12px;
  margin: 0;
  padding: 6px 0 14px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  z-index: 1;
}
.commandeContentHeader {
  position: relative;
  float: left;
  top: 0;
  left: 0;
  width: 100%;
  padding-bottom: 5px;
}
.commandeContentHeaderWithMargin {
  margin: 10px 0 0 0;
}
.adressesBlock {
  position: relative;
  float: left;
  top: 0;
  left: 0;
  width: 310px;
}
.painmentUL li {
  display: inline;
  margin: 0 5px 0 5px;
}
.adressesBlock p {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #848483 !important;
  margin-bottom: 20px;
  left: 0 !important;
}
.tauxCagnotte {
  position: relative;
  float: left;
  top: 0;
  left: 0;
  background: #000;
  width: 140px;
  height: 80px;
  padding: 10px;
  text-align: center;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #FFF;
}
.tauxCagnotte ul li {
  margin: -2px 0 -2px 0;
  line-height: 22px;
}
.tauxCagnotteUpper {
  text-transform: uppercase;
}
.tauxCagnotte21 {
  font-family: 'AvantGardeDemiRegular';
  font-size: 21px;
  color: #00b5 f;
  font-weight: normal;
}
.promoCodeUl {
  position: relative;
  float: left;
  top: -2px;
  left: 10px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #838386;
}
.promoCodeUl li {
  display: inline;
}
.commandeContentHeaderBlack,
.ModalHeaderBlack {
  position: absolute;
  top: 0;
  left: 0;
  width: 574px;
  padding: 25px 12px 12px 12px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  behavior: url(/content/PIE.htc);
}
.ModalHeaderBlack {
  width: 916px;
}
.widthOfRightBlock {
  width: 302px;
}
.paddingWithHeaderBlack {
  padding-top: 70px !important;
}
.commandeContentHeaderSeparator {
  position: relative;
  float: left;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #000;
  margin: 5px 0 13px;
}
.commandeContentLeftBottomSeparator {
  position: relative;
  float: left;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #000;
  margin: 15px 0;
  *margin: 18px 0 18px 0;
}
.commandeContentLeftSeparator {
  position: relative;
  float: left;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #CDCDCF;
  margin: 15px 0;
}
.commandeContentHeader h1 {
  position: relative;
  float: left;
  left: 0;
  top: 0;
  font-family: ITCAvantGardeGothicStdMedium;
  font-size: 21px;
  text-transform: uppercase;
  color: #000;
  font-weight: 400;
}
.commandeContentHeader h2,
.adressesBlock h2 {
  position: relative;
  float: right;
  right: 0;
  top: 0;
  font-family: ITCAvantGardeGothicStdBook;
  font-size: 14px;
  line-height: 21px;
  color: #000;
  font-weight: 400;
}
.adressesBlock h2 {
  float: left;
  left: 0;
}
.print:link,
.print:visited {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif !important;
  font-size: 12px !important;
  color: #E01D6E !important;
  text-decoration: none !important;
  text-transform: none !important;
  padding: 0 0 0 20px;
  margin: 0 10px 0 0;
  background: url("../images/print.png?v=201510141204") left no-repeat;
}
.print:hover {
  color: #000 !important;
  text-decoration: none;
  background: url("../images/printBlack.png?v=201510141204") left no-repeat;
}
.DemiBlue {
  font-family: 'AvantGardeDemiRegular' !important;
  font-size: 27px !important;
  line-height: 27px !important;
  color: #00b5f8 !important;
  font-weight: normal !important;
}
.DemiBlue18 {
  text-align: right;
  line-height: 19px;
  font-weight: normal !important;
  font-size: 18px !important;
}
.commandeContentHeader h2 a:link,
.commandeContentHeader h2 a:visited {
  font-family: ITCAvantGardeGothicStdBook;
  font-size: 14px;
  text-decoration: none;
  color: #DD006C;
  font-weight: 400;
}
.commandeContentHeader table,
.commandeAdresseContent table {
  position: relative;
  float: left;
  left: 0;
  top: 0;
  width: 100%;
  border: none;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #848483;
  font-weight: 700;
}
.td1 {
  width: 255px;
}
.td1_with_padding {
  width: 230px;
  padding-left: 50px;
}
.td2 {
  width: 138px;
}
.td3 {
  width: 148px;
}
.td4 {
  width: 57px;
}
.td5 {
  width: 59px;
}
.td6 {
  width: 86px;
}
.td7 {
  width: 58px;
}
.td8 {
  width: 72px;
}
.td9 {
  width: 450px;
}
.td10 {
  width: 375px;
}
.minHeight {
  min-height: 522px;
}
.parrainerHeight {
  height: 522px !important;
}
.commandesTable {
  color: #000 !important;
  font-weight: normal !important;
  width: 100% !important;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #848483;
  font-weight: 700;
}
.commandesTable tr td {
  padding: 15px 0 10px 0;
  border-bottom: 1px solid #cdcdcf;
}
.trCHead {
  color: #848483;
}
.trCHead td {
  padding: 10px 0 0 0 !important;
  border: none !important;
}
.trCNoBorder td {
  border: none !important;
}
.tdC1,
.tdC2,
.tdC3 {
  width: 180px;
}
.tdC4 {
  width: 170px;
}
.tdC5 {
  width: 65px;
}
.tdC6 {
  width: 135px;
}
.commandeContentOneProduit {
  position: relative;
  float: left;
  top: 0;
  left: 0;
  width: 100%;
  margin: 15px 0;
  min-height: 85px;
}
.commandeContentOneProduit img,
.OneProduitImgBlock {
  position: relative;
  float: left;
  top: 0;
  left: 0;
}
.OneProduitImgNonAct {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: url("../images/verifWhite.png?v=201510141204") repeat;
}
.OneProduitImgNonAct span {
  z-index: 10;
  position: relative;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #FFF;
  background: #E01D6E;
  padding: 2px 15px 2px 15px;
  margin-right: 4px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  behavior: url(/content/PIE.htc);
}
.commandeContentOneProduitInf,
.commandeRightOneProduitInf {
  position: absolute;
  top: 0;
  left: 135px;
  /*width:140px;*/
  padding: 5px 15px 0;
}
.commandeRightOneProduitInf {
  position: relative;
  float: right;
  top: 0;
  left: 10px;
  width: 150px;
  padding: 5px 0 0;
}
.commandeContentOneProduitInf h1,
.commandeRightOneProduitInf h1,
.commandepopUpMenuMiddle h1,
.adressesBlock h1 {
  font-family: AvantGardeDemiRegular;
  font-size: 14px;
  color: #000;
  font-weight: 400;
  margin-bottom: 10px;
}
.commandeRightOneProduitInf h2 {
  position: relative;
  float: left;
  top: 5px;
  left: 0;
  font-family: ITCAvantGardeGothicStdBook;
  font-size: 14px;
  color: #666;
  font-weight: 400;
  margin-bottom: 10px;
}
.commandeRightOneProduitInf h3 {
  position: relative;
  float: right;
  top: 5px;
  right: 10px;
  font-family: AvantGardeDemiRegular;
  font-size: 14px;
  color: #000;
  font-weight: 400;
  margin-bottom: 10px;
}
.commandeContentOneProduitInf p,
.commandeRightOneProduitInf p {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000;
  font-weight: 400;
  line-height: 14px;
}
.commandeContentOneProduitInf span,
.commandeRightOneProduitInf span,
.commandepopUpMenuMiddle span {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #848483;
  font-weight: 400;
  line-height: 14px;
}
.commandeContentOneProduitInf a:link,
.commandeContentOneProduitInf a:visited,
.commandeRightOneProduitInf a:link,
.commandeRightOneProduitInf a:visited {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-decoration: none;
  color: #dd006c;
  font-weight: 700;
  line-height: 12px;
}
.commandeContentOneProduitFinition {
  position: absolute;
  left: 360px;
  top: 0;
  width: 280px;
  height: 100%;
  margin-right: 10px;
}
.commandeContentOneProduitFinition p {
  margin: 5px 0 0 0;
  line-height: 16px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000;
}
.paddingForCommandeContentOneProduitFinition {
  width: 200px;
  padding-left: 25px;
  left: 360px;
}
.commandeContentOneProduit3Spin {
  position: absolute;
  left: 690px;
  top: 0;
  width: 65px;
  height: 100%;
  margin-right: 20px;
}
.commandeContentOneProduitUnite {
  position: absolute;
  top: 0;
  left: 575px;
  width: 55px;
  height: 100%;
}
.commandeContentOneProduitRemise p {
  position: relative;
  float: left;
  top: 40px;
  left: 0;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #00b5f8;
  margin-left: 15px;
}
.commandeContentOneProduitTotal p {
  position: relative;
  float: left;
  top: 38px;
  left: 0;
  font-family: AvantGardeDemiRegular;
  font-size: 14px;
  color: #000;
  /*margin-left:15px;*/
}
.commandeContentOneProduitCross {
  position: absolute;
  display: block;
  float: right;
  top: 33px;
  right: 0;
  width: 19px;
  height: 19px;
  background: url("../images/icon-sprite.png?v=201510141204") no-repeat center;
  background-position: 0 -71px;
  margin-right: 0px;
}
.commandeContentOneProduitCross:hover {
  /*background:url(../images/crossHover.png) no-repeat center*/
}
.commandeContentOneProduitCrossDelete {
  background: url("../images/icon-sprite.png?v=201510141204") no-repeat center;
}
.commandeContentOneProduitCrossDelete:hover {
  background: url("../images/cross.png?v=201510141204") no-repeat center;
}
.commandeContentSeparator {
  position: relative;
  float: left;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #cdcdcf;
  margin: 5px 0;
}
.commandeContentSeparator.bold {
  height: 2px;
  background-color: #8d8d8f;
  margin-bottom: 20px;
}
.commandepopUpMenu {
  position: absolute;
  display: none;
  top: 100px;
  left: -75px;
  width: 295px;
  height: auto;
  z-index: 1000;
}
.commandepopUpMenu2 {
  position: absolute;
  display: none;
  top: 0px;
  left: 150px;
  width: 315px;
  height: auto;
  z-index: 1000;
}
.commandepopUpMenu3 {
  position: absolute;
  display: none;
  top: -30px;
  left: 100px;
  width: 295px;
  height: auto;
  z-index: 1000;
}
.commandepopUpMenu4 {
  position: absolute;
  display: none;
  top: 20px;
  left: 100px;
  width: 295px;
  height: auto;
  z-index: 1000;
}
.commandepopUpMenuTop {
  position: relative;
  top: 0;
  left: 0;
  height: 12px;
  width: 295px;
  background: url("../images/popUpMenuBg3.png?v=201510141204") no-repeat;
}
.commandepopUpMenuTop3 {
  position: relative;
  top: 0;
  left: 0;
  height: 12px;
  width: 295px;
  background: url("../images/popUpMenuBgTop295.png?v=201510141204") no-repeat;
}
.commandepopUpMenuTop2 {
  position: relative;
  top: 0;
  left: 0;
  height: 12px;
  width: 330px;
  background: url("../images/popUpMenuBgTop.png?v=201510141204") no-repeat;
}
.commandepopUpMenuMiddle {
  position: relative;
  top: 0;
  left: 0;
  height: auto;
  width: 270px;
  background: url("../images/popUpMenuBg4.png?v=201510141204") repeat-y;
  /*background: url("../images/popUpMenuBg6.png") no-repeat scroll left center transparent;*/
  padding: 25px 20px 0;
}
.commandepopUpMenuMiddleW290 {
  width: 290px;
  background: url("../images/popUpMenuBgMiddle.png?v=201510141204") repeat-y;
}
.commandepopUpMenuMiddle h1 {
  margin-bottom: 5px !important;
}
.commandepopUpMenuMiddle h4 {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 12px !important;
  line-height: none !important;
  text-decoration: none;
  color: #dd006c;
}
.commandepopUpMenuMiddle ul {
  margin-top: -10px;
  left: -2px;
  width: 100%;
}
.commandepopUpMenuMiddle ul li {
  line-height: 25px;
  *line-height: 6px;
}
.commandepopUpMenuBottom {
  position: relative;
  top: 0;
  left: 0;
  height: 10px;
  width: 295px;
  background: url("../images/popUpMenuBg5.png?v=201510141204") no-repeat;
}
.commandepopUpMenuBottom2 {
  position: relative;
  top: 0;
  left: 0;
  height: 10px;
  width: 330px;
  background: url("../images/popUpMenuBgBottom.png?v=201510141204") no-repeat;
}
.commandeContentFooter {
  position: relative;
  float: left;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.commandeContentFooter .accept {
  margin-top: 20px;
}
.commandeAlbumFooter {
  position: relative;
  float: left;
  left: 0;
  top: 0;
  width: 100%;
}
.commandeAlbumFooterText {
  padding-top: 10px;
  color: #000;
  font-family: ITCAvantGardeGothicStdMedium;
  font-size: 12px;
  text-align: center;
}
.addLivre:link,
.addLivre:visited {
  position: relative;
  float: left;
  left: 0;
  top: 0;
  width: 160px;
  height: 20px;
  font-family: ITCAvantGardeGothicStdMedium;
  font-size: 14px;
  text-decoration: none;
  text-align: right;
  color: #000;
  background: url("../images/plus.png?v=201510141204") no-repeat 9px 9px;
  line-height: 1.5;
  padding-bottom: 12px;
  padding-top: 12px;
  padding-right: 12px;
  margin-top: 15px;
  margin-bottom: 15px;
  color: White;
  background-color: #ff1771;
  border-radius: 22px;
}
.commandeContentFooter p {
  position: relative;
  float: left;
  top: -2px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000;
}
.commandeContentFooter p input {
  width: 180px;
  height: 30px;
  margin-left: 15px;
  border: 1px solid #cdcdcf;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #838386;
  padding: 0 0 0 10px;
}
.commandeContentFooter p span {
  position: absolute;
  /*display:none;*/
  float: left;
  left: 98px;
  top: 40px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #838386;
}
.checkCode {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  background: url("../images/arrCircle.png?v=201510141204") no-repeat center;
}
.checkCode:hover {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  background: url("../images/arrCircleHover.png?v=201510141204") no-repeat center;
}
.ligneLine {
  position: relative;
  float: left;
  top: 0;
  left: 0;
  width: 100%;
  height: 33px;
  margin: 20px 0 -20px 0;
  background: #e5e5e5;
}
.ligneLine ul {
  position: relative;
  margin: 7px auto;
  width: 570px;
  font-family: 'ITCAvantGardeGothicStdBook';
  font-size: 14px;
  color: #000;
}
.ligneLine ul li {
  display: inline;
}
.attentionLine {
  position: relative;
  float: left;
  top: 0;
  left: 0;
  width: 910px;
  height: 105px;
  margin: 30px 0 -20px 0;
  background: url("../images/attention.png?v=201510141204") no-repeat;
}
.attentionLine p {
  position: absolute;
  /*left:28%;*/
  top: 40%;
  font-family: 'ITCAvantGardeGothicStdBook' !important;
  font-size: 14px !important;
  color: #000 !important;
  text-align: center;
  width: 910px;
}
.commandeContentFooterTotal,
.commandeContentLeftTotal {
  position: relative;
  float: right;
  right: 0;
  top: 0;
  width: 225px;
  height: 100%;
}
.commandeContentFooterTotal h1,
.commandeContentLeftTotal h1 {
  font-family: AvantGardeDemiRegular;
  font-size: 18px;
  color: #000;
  font-weight: normal !important;
  margin-top: 25px;
}
.commandeContentFooterTotal h2,
.commandeContentLeftTotal h2 {
  font-family: AvantGardeDemiRegular;
  font-size: 14px;
  color: #848483;
  font-weight: normal !important;
  margin-bottom: 20px;
}
.commandeContentFooterTotal h3,
.commandeContentLeftTotal h3 {
  font-family: AvantGardeDemiRegular;
  font-size: 14px;
  font-weight: normal !important;
  color: #00b5f8;
  margin-bottom: 20px;
}
.commandeContentFooterTotal h4,
.commandeContentLeftTotal h4 {
  font-family: AvantGardeDemiRegular;
  font-size: 14px;
  font-weight: normal !important;
  color: #000;
  margin-top: 30px;
}
.commandeContentFooterTotalL,
.commandeContentLeftTotalL {
  position: relative;
  float: left;
  top: 0;
  left: 0;
  width: 145px;
  height: 100%;
}
.commandeContentLeftTotalL {
  width: 190px;
}
.commandeContentFooterTotalR {
  position: relative;
  float: left;
  top: 0;
  left: 0;
  width: 80px;
  height: 100%;
}
.commandeContentFooterRndBtn,
.commandeContentFooterRndBtn2 {
  position: relative;
  top: 25px;
  left: 380px;
  z-index: 1;
  clear: both;
  display: block;
  padding-top: 35px;
  width: 149px;
  height: 105px;
  background: url("../images/bannerRndBtn.png?v=201510141204") no-repeat center;
  *top: 0px;
}
.commandeContentFooterRndBtn2 {
  top: 0;
  left: 220px;
}
.commandeContentFooterRndBtn p,
.commandeContentFooterRndBtn2 p {
  position: relative!important;
  top: 20px!important;
  left: 0!important;
  margin-top: 0!important;
  z-index: 10;
  width: 149px;
  color: #FFF !important;
  text-align: center!important;
  text-transform: uppercase;
  font-size: 11px!important;
  font-family: ITCAvantGardeGothicStdMedium !important;
}
.commandeContentFooterRndBtn h1,
.commandeContentFooterRndBtn2 h1 {
  position: relative;
  top: 20px;
  left: 0;
  z-index: 10;
  width: 149px!important;
  color: #FFF !important;
  text-align: center;
  text-transform: uppercase;
  font-size: 15px;
  font-family: AvantGardeDemiRegular;
}
.compteContainer {
  position: relative;
  float: left;
  left: 0;
  top: 0;
  width: 940px;
  height: 100%;
  background: #FFF;
  margin: 15px 0 0 0;
  padding-top: 15px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  behavior: url(/content/PIE.htc);
}
.paddingForInnerContainers {
  padding-top: 0 !important;
}
.paddingForInnerLeft {
  padding-right: 0 !important;
}
.paddingForInnerRight {
  padding-left: 0 !important;
  width: 305px !important;
  height: 480px !important;
}
.wideBlackseparator {
  position: relative;
  float: left;
  left: 0;
  margin-top: 30px;
  width: 100%;
  height: 1px;
  background: #000;
}
.wideBlackseparatorBottom {
  position: absolute !important;
  bottom: -179px !important;
}
.commandeAdresseContent {
  position: relative;
  float: left;
  left: 0;
  top: 0;
  width: 568px;
  height: 100%;
  background: #FFF;
  margin: 15px 0 0;
  padding: 30px 15px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  behavior: url(/content/PIE.htc);
}
.commandeAdresseContent p {
  padding-bottom: 5px;
  color: #000;
  font-size: 14px;
  font-family: ITCAvantGardeGothicStdMedium;
  margin: 15px 0 0;
}
.commandeAdresseListBox {
  width: 275px !important;
}
.commandeAdresseContent h4 {
  position: relative;
  float: left;
  left: 0;
  top: 0;
  color: #000;
  font-size: 11px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  z-index: 0;
  padding: 5px 0 10px;
}
.commandeAdresseContent h4 span.checkbox {
  position: relative;
  top: -5px;
}
.commandeAdresseContent input,
.Aidearticle input {
  margin-top: 5px;
  padding-left: 10px;
  width: 265px;
  height: 30px;
  border: #cdcdcf 1px solid;
  color: #838386;
  font-size: 12px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.Aidearticle input {
  width: 529px;
}
.add-or-edit-address-modal input {
  margin-top: 5px;
  padding-left: 10px;
  width: 287px;
  height: 30px;
  border: #cdcdcf 1px solid;
  color: #838386;
  font-size: 12px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  background-color: #ffffff !important;
}
.add-or-edit-address-modal span.checkbox {
  position: relative;
  top: -5px;
}
.add-or-edit-address-modal select {
  margin-top: 5px;
  padding-left: 10px;
  width: 297px;
  height: 30px;
  border: #cdcdcf 1px solid;
  color: #838386;
  font-size: 12px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.add-or-edit-address-modal input.fullwidth {
  width: 593px;
}
.add-or-edit-address-modal table td {
  padding: 5px 5px 15px 5px;
}
.add-or-edit-address-modal .field-validation-error {
  position: relative !important;
  left: 0 !important;
  top: 0 !important;
}
.containerFullWidth {
  position: relative;
  float: left;
  left: 0;
  top: 0;
  width: 100%;
}
.commandeAdresseLeftInput,
.commandeAdresseRightInput {
  position: relative;
  /*z-index:1000;*/
  float: left;
  top: 0;
  left: 0;
}
.afterListbox {
  z-index: 0;
}
.commandeAdresseRightInput {
  float: right;
  right: 0;
}
.commandeAdresseSeparator {
  position: relative;
  top: 0;
  left: 0;
  float: left;
  width: 100%;
  height: 1px;
  border-top: #969289 dotted 1px;
  z-index: 0;
  margin: 20px 0 15px;
}
.commandeAdresseRightBlock {
  position: relative;
  float: left;
  left: 15px;
  top: 0;
  width: 296px;
  height: 100%;
  background: #FFF;
  margin: 15px 0 0;
  padding: 30px 15px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  behavior: url(/content/PIE.htc);
}
.commandeAdresseRightBlock p {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #848483;
  word-spacing: -2px;
  line-height: 14px;
  width: 102%;
}
.inputOnPannier,
.textAreaOnPannier {
  background: #343436;
  border: none;
  width: 267px;
  height: 30px;
  color: #000;
  font-size: 12px;
  margin-top: 10px;
  padding-left: 10px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.textAreaOnPannier {
  height: 90px;
  width: 257px;
  max-width: 257px;
  max-height: 90px;
  min-width: 257px;
  min-height: 90px;
  padding: 10px;
}
.commandeAdresseRightBlock p span {
  font-family: 'ITCAvantGardeGothicStdMedium';
  font-size: 14px;
  color: #FFF;
  font-weight: normal;
}
.commandeAdresseRightBlock img {
  position: relative;
  float: left;
  left: 0;
  top: 0;
}
.contactemailInput,
.contacttelephoneInput,
.loginemailInput,
.logintelephoneInput {
  margin-bottom: 20px;
  padding-left: 10px;
  width: 250px;
  height: 30px;
  border: #cdcdcf 1px solid;
  color: #838386;
  font-size: 12px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.creezFormatTitile a:hover,
.commandeContentHeader h2 a:hover,
.commandeContentOneProduitInf a:hover,
.commandeRightOneProduitInf a:hover {
  text-decoration: none;
  color: #000;
}
.creerUnLivreRegistrationBlock h1,
.creerUnLivreLoginBlock h1,
.creerUnLivreRegistrationBlock h2,
.creerUnLivreLoginBlock h2,
.creerUnLivreRegistrationBlock h3,
.creerUnLivreLoginBlock h3 {
  font-family: ITCAvantGardeGothicStdMedium;
  font-weight: 400;
  text-transform: uppercase;
  text-align: center;
  font-size: 21px;
  color: #FFF;
}
.creerUnLivreRegistrationBlock h2,
.creerUnLivreLoginBlock h2 {
  font-family: ITCAvantGardeGothicStdBook;
  line-height: 23px;
}
.creerUnLivreRegistrationBlock h3,
.creerUnLivreLoginBlock h3 {
  font-family: ITCAvantGardeGothicStdMedium;
  text-align: left;
  font-size: 13px;
  color: #cdcdcf;
}
.creerUnLivreRegistrationBlock p,
.creerUnLivreLoginBlock p {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-weight: 400;
  text-transform: none;
  text-align: left;
  margin-top: 2px;
  line-height: 20px;
  font-size: 12px;
  color: #cdcdcf;
}
.creerUnLivreRegistrationBlockLine,
.creerUnLivreLoginBlockLine {
  position: relative;
  float: left;
  width: 100%;
  height: 1px;
  background: #838386;
  margin: 18px 0;
}
.icoBg {
  position: relative;
  float: left;
  top: -15px;
  left: -15px;
  width: 462px;
  height: 188px;
  background: url("../images/icoBG.png?v=201510141204") no-repeat center;
}
.fileIco {
  position: relative;
  display: block;
  float: left;
  top: 30%;
  left: 42%;
  width: 65px;
  height: 24px;
  padding-top: 50px;
  background: url("../images/FileIco.png?v=201510141204") no-repeat top;
}
.fileIco:link,
.fileIco:hover,
.fileIco:visited {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #FFF;
  text-decoration: none;
  text-align: center;
}
.jlb_classSmall a,
.commandeContentLeftTotal {
  width: 275px;
}
.commandeContentOneProduitUnite p,
.commandeContentOneProduitOpt p {
  position: relative;
  float: left;
  top: 40px;
  left: 0;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000;
  margin-left: 15px;
}
.commandeContentOneProduitOpt,
.commandeContentOneProduitRemise,
.commandeContentOneProduitTotal {
  position: absolute;
  top: 0;
  left: 630px;
  width: 60px;
  height: 110px;
}
.commandeContentOneProduitRemise {
  left: 775px;
}
.commandeContentOneProduitTotal {
  left: 835px;
  width: 70px !important;
}
.commandeContentOneProduitQuante {
  left: 690px;
}
.addLivre:hover {
  background-color: #000000;
}
.commandeAdresseContent span {
  color: #DD006C;
}
.commandesLink:link,
.commandesLink:visited,
.commandesSLink:link,
.commandesSLink:visited {
  display: inline-block;
  font-family: 'ITCAvantGardeGothicStdBook';
  font-weight: normal;
  font-size: 18px;
  color: #e01d6e;
  text-decoration: none;
  background: url("../images/cornerLeftPink.png?v=201510141204") no-repeat left;
  padding: 0 0 0 15px;
}
.simpleText {
  font-family: 'ITCAvantGardeGothicStdBook';
  font-weight: normal;
  font-size: 14px;
}
.fontSize14 {
  font-size: 14px !important;
}
.parrainageUl li {
  display: inline-block;
  /*This is IE7 hack: IE has problems with display: inline-block*/
  zoom: 1;
  *display: inline !important;
}
.commandesLink:hover {
  color: #000;
  text-decoration: none;
  background: url("../images/cornerLeftBlack.png?v=201510141204") no-repeat left;
}
.commandesSLink:link,
.commandesSLink:visited {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 12px;
  background: url("../images/tinyArrow.png?v=201510141204") no-repeat right;
  padding: 0 5px 0 0;
}
.SlinkMarginLeft {
  margin-right: 15px;
}
.commandesSLink:hover {
  color: #000;
  text-decoration: none;
  background: url("../images/tinyArrowBlack.png?v=201510141204") no-repeat right;
}
.commandesSLinkStart {
  color: #ffffff;
  background-color: #dd006c;
  text-decoration: none;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 12px;
  padding: 2px 20px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  position: absolute;
  bottom: 10px;
}
.commandesSLinkStart:hover {
  background-color: #000000;
}
.commandesSLinkWIthBottom:link,
.commandesSLinkWIthBottom:visited {
  background: url("../images/tinyArrowBottom.png?v=201510141204") no-repeat right;
  padding: 0 10px 0 0;
}
.commandesSLinkWIthBottom:hover {
  background: url("../images/tinyArrowBottomBlack.png?v=201510141204") no-repeat right;
}
.UlForEditing {
  position: relative;
  float: left;
  left: 0;
  top: 0;
  margin-top: 10px;
  display: block;
  color: #000;
  font-family: 'AvantGardeDemiRegular';
  font-size: 14px;
  width: 100%;
}
.UlForEditing li {
  display: inline-block;
  /*This is IE7 hack: IE has problems with display: inline-block*/
  zoom: 1;
  *display: inline !important;
  margin: 0 5px 0 0;
}
.commandeContentHeader p {
  position: relative;
  float: left;
  left: 0;
  top: 5px;
  line-height: 20px;
  font-family: 'ITCAvantGardeGothicStdBook';
  color: #838386;
  font-weight: normal;
  font-size: 14px;
}
.paddingForLI {
  margin: 30px 0 30px 0;
}
.paddingSecTitle {
  margin: 20px 0 0 0;
}
.changingPassword {
  position: relative;
  /*display:none;*/
  float: left;
  left: 0;
  top: 0;
  width: 100%;
  margin: 10px 0 61px 0;
}
.changingPassword p {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #000;
  font-weight: normal;
  font-size: 12px;
  /*margin:0 0 10px 0;*/
}
.changingPassword input {
  padding-left: 10px;
  width: 275px;
  height: 30px;
  border: #cdcdcf 1px solid;
  color: #838386;
  font-size: 12px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.validerPass:link,
.validerPass:visited {
  position: relative;
  float: left;
  left: 0;
  top: 0;
  margin: 20px 0 0 0;
  font-family: 'AvantGardeDemiRegular';
  font-size: 14px;
  text-decoration: none;
  color: #E01D6E;
  padding: 0 12px 0 0;
  background: url("../images/cornerLeftPink.png?v=201510141204") no-repeat 225px 2px;
}
.validerPass:hover {
  color: #000;
  background: url("../images/cornerLeftBlack.png?v=201510141204") no-repeat 225px 2px;
}
.acheter {
  position: absolute !important;
  left: auto !important;
  right: 0px !important;
  top: -20px !important;
  font-family: 'ITCAvantGardeGothicStdBook' !important;
  font-size: 18px !important;
  font-weight: normal !important;
  padding-right: 15px !important;
  background: url("../images/cornerLeftPink.png?v=201510141204") no-repeat 170px 4px !important;
}
.acheter:hover {
  background: url("../images/cornerLeftBlack.png?v=201510141204") no-repeat 170px 4px !important;
}
.envoyerMes {
  font-family: 'ITCAvantGardeGothicStdMedium' !important;
  padding-right: 15px !important;
  float: right !important;
  right: 0 !important;
  background: url("../images/cornerLeftPink.png?v=201510141204") no-repeat 145px 2px !important;
}
.envoyerMes:hover {
  color: #FFF !important;
  background: url("../images/cornerLeftPinkHover.png?v=201510141204") no-repeat 145px 2px !important;
}
.validerPass span {
  z-index: 1 !important;
}
.validerPass input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: none;
  border: none;
  cursor: pointer;
  z-index: 1000 !important;
}
.radioOnChangePass {
  position: relative;
  display: block;
  float: left;
  left: 0;
  top: 0;
  width: 100%;
}
.radioOnChangePass p {
  position: relative;
  float: left;
  left: 0;
  top: 0;
  width: 100%;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #E01D6E;
}
.trCHead a {
  color: #848483;
  text-decoration: none;
}
.trCHead th {
  border: medium none !important;
  padding: 10px 0 0 !important;
  text-align: left !important;
}
.fontTrebuchet {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif !important;
  text-align: center;
  font-size: 12px;
}
.pleft8 {
  padding-left: 8px;
}
.left14 {
  left: 14px;
  line-height: 85px;
  min-height: 85px;
}
.commandeContentOneProduit .left14 a.album-slider {
  display: inline-block;
  vertical-align: middle;
}
.left145 {
  left: 145px;
}
/*pupop window blocks */
.dialog-block {
  background-color: #ffffff;
  margin-top: 5px;
  margin-bottom: 12px;
  border-radius: 4px;
  padding: 15px;
  padding-bottom: 0px;
  font-family: AvantGardeDemiRegular;
}
.dialog-block-title {
  margin-bottom: 12px;
}
.dialog-block-item {
  width: 150px;
  height: 90px;
  display: inline-block;
  margin-bottom: 3px;
  vertical-align: top;
}
.dialog-block-item-separator {
  width: 1px;
  height: 90px;
  display: inline-block;
  background: #cdcdcf;
  margin-bottom: 3px;
}
.item-description-first,
.item-description-second {
  font-size: 11px;
  text-align: center;
  line-height: 1.4;
}
.item-description-second {
  cursor: pointer;
}
.item-price {
  text-align: center;
  line-height: 2;
}
.item-price,
.item-description-second {
  color: #dd006c;
}
.dialog-block-item .item-check {
  background: #000000;
  color: #ffffff;
  padding-top: 0px;
  padding-bottom: 1px;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
  font-size: 10px;
  font-weight: bold;
  font-family: AvantGardeDemiRegular;
  margin-top: 8px;
}
.dialog-block-item .item-check label {
  position: relative;
  top: -2.5px;
}
/* START DIALOG */
.start-dialog-block,
.start-dialog-block-separator {
  height: 362px;
  display: inline-block;
  margin-top: 5px;
  margin-bottom: 10px;
}
.start-dialog-block-separator {
  width: 10px;
}
.start-dialog-block {
  width: 224px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  vertical-align: top;
  text-align: center;
  font-family: "ITCAvantGardeGothicStdMedium";
}
.start-dialog-panier-top {
  margin-top: 25px;
  font-size: 78px;
}
.start-dialog-panier-middle {
  margin-top: 2px;
  font-size: 20px;
}
.start-dialog-panier-bottom {
  font-size: 11px;
  margin-top: 8px;
}
.start-dialog-block.first-block {
  background: #ffffff url("../images/painerStart1.png?v=201510141204");
  background-position: bottom;
  background-repeat: no-repeat;
}
.start-dialog-block.second-block {
  background: #ffffff url("../images/painerStart2.png?v=201510141204");
  background-position: bottom;
  background-repeat: no-repeat;
}
/* finitions tooltip */
.tooltip-content {
  min-height: 30px;
  border-radius: 15px;
  padding: 15px;
  background: #ffffff;
  box-shadow: 0 0 10px black;
}
.error .tooltip-content {
  background: #dd006c;
  color: white;
}
.error .picture-arrow:after {
  background: #dd006c;
}
.wizard-tooltip {
  border-radius: 15px !important;
  z-index: 101 !important;
}
.tooltip-content-text {
  width: 176px;
  vertical-align: top;
  font-size: 10.5px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  line-height: 1.4;
}
.tooltip-content-text-title {
  font-weight: bold;
  margin-bottom: 5px;
}
.tooltip-content-text a {
  text-decoration: none;
  font-weight: bold;
  color: #dd006c;
}
.tooltip-content-image {
  float: right;
  width: 180px;
  text-align: right;
  vertical-align: middle;
}
.tooltip-content-image img {
  height: 150px;
}
#paidcardreload {
  cursor: pointer;
  text-decoration: underline;
  font-size: 14px;
}
.order-verification {
  width: 100%;
  float: left;
  margin-top: 10px;
  font-family: ITCAvantGardeGothicStdMedium;
  color: #e01d6e;
  font-size: 12px;
}