.table-form div > div { flex-wrap: wrap;}

body { background:#fff url(images/bg_body_small.jpg) top left repeat-y ;  padding-left: 15px;}

.table-form div.lesinfos {
  font-size: 16px;
  text-align: right;
  padding-right: 6em;
  box-sizing: border-box;
}

.table-form div#typediag { padding-right:0; text-align:center; }
.table-form div#infos { padding-right:10em } 
.table-form #infosClient p { display:block; padding-right: 20%; }
.table-form div > p { min-width: 20%; }

.table-form div > p.score {
  bottom: 74px;
}
.table-form div > p.score {
  display: block;
  width: 4.5em;
  position: absolute;
  right: 0em;
  top: 10px;
  bottom: 0;
  text-align: center;
  font-weight: 700;
  padding-top: 1.5em;
  min-height: 2em;
  text-align: center;
  padding: 1.5em 5px 5px;
  min-width: 0;
}

.table-form input[type="radio"] {
  top: 2.1em;
}

.table-form div .observations { margin-top:14px }

.scoreTotal {  width: 50%;}

.legscore {  width: 88%;}

.legscore h3 { margin-bottom:10px }

.cr div > div { flex-wrap: wrap; }

.cr div > p {
  margin: 15px auto;
  width: 90%;
  padding: 0;
}

body .cr h2 { font-1size: 24px }

body .cr h3 {  fon1t-size: 16px; }

.smallinput {
width: 5em;
  height: 1.5em;
  font-size: 20px;
  text-align: center;
  letter-spacing: 2px;
}


.cr div > div.ajoutphoto { display:block; }

.cr div > div.ajoutphoto .upimages { display:flex; flex-grow:1; width:100%; border-bottom:2px dotted rgba(0,0,0,0.1);  box-sizing: border-box;  }
.cr div > div.ajoutphoto .upimages:last-of-type { border:none; padding-bottom: 0 !important; margin-bottom: 0}
.cr div > div.ajoutphoto .upimages p { width:100%; text-align:left; position: relative; }
.cr div > div.ajoutphoto .upimages p:first-of-type {
  transform: translateY(27%);
}
.cr div > div.ajoutphoto .upimages p label { display:inline-block; font-size: 18px; min-height: 0; background: #1668CB; border: none;
    text-align: left; min-width: 0;
  margin-bottom: 7px;
  color: #fff;}

.cr div > div.ajoutphoto .upimages p label:hover { background: #1668CB!important; box-shadow: none!important;}
.cr div > div.ajoutphoto  .upimages p input { font-size:16px;  cursor:pointer; margin-left: 20px; }

.viderchamp { font-size:0;  }

.viderchamp {transform: scale(0.7);
  position: absolute;
  right: 32px;
  top: 6px;
  width: 32px;
  height: 32px;
  opacity: 0.3;
  cursor: pointer;
}
.viderchamp:hover {
  opacity: 1;
}
.viderchamp:before, .viderchamp:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 33px;
  width: 2px;
  background-color: #333;
}
.viderchamp:before {
  transform: rotate(45deg);
}
.viderchamp:after {
  transform: rotate(-45deg);
}

.cr div > div.ajoutphoto .upimages { display:none; opacity: 0}



body .cr div > div.ajoutphoto .onemorephoto { display: block; text-align: left;
  
  padding-left: 4em; }
body .cr div > div.ajoutphoto .onemorephoto span { display:inline-block; position: relative; transform: translateX(27%);
  background:#999; color: #fff; padding:5px 15px 5px 1.6em; border-radius:6px; cursor:pointer;
font-size:18px  }


body .cr div > div.ajoutphoto .onemorephoto span:before { content: '\002B'; position: absolute; left: 8px; top : 0px; font-size:150% }


.cr div > div.ajoutphoto .upimages p textarea { height:3em; min-height: 0; width: 100%; margin-bottom: 10px}



.lesprecos, .rab, .pdp {  width: 76%; }
.pdp::before {  font-size: 55px;}

.rab div { text-align:center; }
.rab:before {  width: 55px; height: 55px;}
.rab div p { text-align:left; display: inline-block;
  position: relative;
  align-content: stretch;
  padding: 0 10px;}
.rab label {
  min-width: 270px; 
  text-align: right;
  display: inline-block;
  min-height: none;
  align-content: center;
  margin-top: 1.2em;
  padding: 5px 1em 5px 1em;
  cursor: pointer;
  border: none;
  background: none;
}
.rab .materielinter { text-align:right; }
.rab .materielinter label { min-width:0; margin-bottom:20px }
.rab .materielinter textarea { max-width:350px; height:3em; min-height:0;  }
.rab .produitinter { transform: translateX(-6%); }

.pdp .flex { display:flex; flex-wrap:nowrap; padding-right:2em;  }
.pdp .flex h4 { width:67%; flex-grow:0; flex-shrink:0; padding-right: 1em;}
.pdp div.flex > p label {align-content: flex-start;
  min-height: 10px; }
.pdp .sousblocpdp {padding-bottom: 15px;  border-bottom: 1px solid rgba(255,255,255,0.2); }

.pdp .encolonne { display: flex; flex-direction:column;  }
.pdp .encolonne p { width:80%; margin : 10px auto;}
.pdp .encolonne strong { display:inline; }
.pdp .encolonne label { text-align:left; }

.pdp div.champlibre { text-align:right; padding-right:3em; }
.pdp div.champlibre > p label { padding:0 1em 0 0; background:none; border:none; color:#fff; display:inline-block; font-size:16px }
.pdp div.champlibre > p textarea {  width: 316px;}

body .pdp div.expandable > div > div.txtareas div label {
  display: inline-block;
  background: none !important;
  color: #fff;
  box-shadow: none !important;
}

body .pdp div.expandable > div > div.txtareas div textarea { max-width:100% }