.only_mobile, .only-mobile { display : none;}

body div p label:hover {  background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2);}

.l80 { width:80%; margin:0 auto; }       
.l65 { width:70%; margin:0 auto; } 
.l100 { width:100%; margin:0 auto; }    
.table-form {
	margin: 30px auto;
  
}

h1 img {
    transform: translateX(-17px);
}

h2 {
 
  letter-spacing: 1px;
}

.envoimail {
  font-size: 18px;
}

.cr label { min-width:270px; text-align:right;  }
.cr .crlocaux { margin-top:1em }
.cr .crlocaux label { min-width:0px;   }
.cr .crlocaux label:hover, .pdp div.champlibre > p label:hover { box-shadow:none;  }
.rab .quantinter label { min-width: 100px;   }



.rab .quantinter { transform: translateX(14%); }
.rab .produitinter { transform: translateX(-29%); }
.rab .materielinter { transform: translateX(-22%); margin-bottom:1.8em }
.rab .materielinter textarea { max-width:350px; height:3em; min-height:0 }

body form .infosg h3  {  padding-top: 10px;}
body .table-form div > div.lactivite:last-of-type { margin-bottom: 30px}
body .table-form div > div.lactivite {  flex-wrap:wrap; padding-right: 0; color: #0C2B86; }
body .table-form div > div.lactivite p { margin-top:0.6em }
body .table-form div > div.lactivite label { padding-left: 3.5em;  padding-right: 2.2em; border:none;  }
div.lactivite input[type="checkbox"]:checked + label {box-shadow: 0 0 3px rgba(0,0,0,0.5); }
div.lactivite input[type="checkbox"] {  top: 2em;}

.cr div > div.expandable p label:hover { box-shadow:none; }
.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); padding:10px; box-sizing: border-box; margin-bottom:20px }
.cr div > div.ajoutphoto .upimages:last-of-type { border:none; padding-bottom: 0 !important; margin-bottom: 0}
.cr div > div.ajoutphoto .upimages p { width:50%; 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; margin-left: 2em; cursor:pointer; }

.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:hover { background:#555 ; }

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}
.rab div { text-align:center; }
.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;
}

body div.rab p label:hover {
  background: none;
  box-shadow: none;
}

.pdp .flex { display:flex; flex-wrap:nowrap; padding-right:3em;  }
.pdp .flex h4 { width:60%; 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:70%; 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;}

.pdp div.expandable > div > div.expandable div { display: flex; align-content: stretch; border-bottom: 2px dotted rgba(255,255,255,0.2); padding-left: 5px}
.pdp div.expandable > div > div.expandable:last-of-type div { border:none; }
.pdp div.expandable > div > div.expandable div label { padding-left:2.2em; }
body .pdp div.expandable > div > div.txtareas div label { display: inline-block;
  background: none !important;
  color: #fff;
  box-shadow: none !important; }

.pdp div div div > p input[type="checkbox"] {
transform: translateY(-50%);
  top: 50%;
}

.pdp div.expandable > div > div.expandable  p.jereconnais { text-align:center; border-bottom: 2px dotted rgba(255,255,255,0.2); margin: 0 auto 10px;
  display: block; padding-bottom : 10px;
  width: 98%; }
.pdp div.expandable > div > div.expandable  p.jereconnais span:before { content:"\2714"; display:inline-block; padding-right:0.75em;  }