/* polices */
body.lambrequinbody #left_column{
	display:none !important;
}
body.lambrequinbody #center_column{
	width:100% !important;
}
body.lambrequinbody .newstyle{
	padding:15px;
	box-shadow:rgba(0, 0, 0, 0.17) 0px 5px 13px
}
/* for dev mode block+black
	for prod none + white */
#formhtmlcopy{
	display:none !important;
}
.pricewhite{
	color: white !important;
}
/* champs */
span.spaninput {
    display: block;
    width: 100%;
    padding: 3px 20px;
    height: 46px;
    background: transparent;
    font-size: 15px;
    background-color: #fafafa;
    border: 1px solid #e3e3e3;
    outline: none;
}
.form-control{
	font-weight:500;
}

/* taille police bas */
.size20{
	font-size:8px;
	line-height: 9px;
}
.size25{
	font-size:13px;
	line-height: 14px;
}
.size30{
	font-size:18px;
	line-height: 19px;
}
.size35{
	font-size:23px;
	line-height: 24px;
}
.size20 img{
	height:8px;
	width:auto;
}
.size25 img{
	height:13px;
	width:auto;
}
.size30 img{
	height:18px;
	width:auto;
}
.size35 img{
	height:23px;
	width:auto;
}
/* style */
.nextstep{
	margin-bottom:15px;
}
.newstyle fieldset:disabled{
	display:none;
}
.newstyle fieldset:disabled input,.newstyle fieldset:disabled select{
	cursor:not-allowed;
}
.newstyle fieldset.forced{
	display:block;
}
.newstyle h3{
	font: 600 18px/22px "Montserrat", sans-serif;
    color: #fff;
    background: var(--color-primary);
    text-transform: uppercase;
    padding: 14px 5px 17px 20px;
}
.lambrequinbody iframe{
	max-width:100%;
}
#lambrequin .form-group{
	margin-left: -10px;
	margin-right:-10px;
	margin-bottom:15px;
	flex-wrap: wrap;
	display:flex;
}
#lambrequin .btn-primary{
	padding-top:13.5px;
	padding-bottom:13.5px;
}
/*
#lambrequin .form-group:before, #lambrequin .form-group:after {
			content: '';
	    display: table;
	    width: 0;
	    height: 0;
}
#lambrequin .form-group:after{
	clear: both;
}*/
#lambrequin label{
	text-align:left;
	padding-top:13px;
	padding-bottom:0;
	font-weight:bold;
}
#lambrequin div.radio span,#lambrequin div.checker span {
    border: 1px solid #000;
}
#lambrequin table label:not(.lnw){
	text-align:left;
	width:100%;
}
#lambrequin a:not(.btn){
	color:blue;
	text-decoration:underline;
}
#lambrequin th{
	white-space:nowrap;
}
#lambrequin th.del{
	width:50px;
}
#lambrequin .prices,.totalht,.totaltissu,.totalhtpuissance,.totalhttable{
	text-align:right;
}
#couleurstissuvideo{
	display:none;
}
.helpme{
	margin-left: 10px;
	border-radius: 10px;
	width: 20px;
	height: 20px;
	line-height: 21px;
	text-align: center;
	background: grey;
	color: #fff;
	display: inline-block;
}
.fakelabel{
	color:#333;
	font-weight:bold;
	margin-top:7px;
}
.zoneindicator{
	color:red;
}

.colors .checkbox-inline{
	width:20%;
	margin:0;
	padding-left:0;
	float:left;
}
.colors .checkbox-inline img{
	border:1px solid #333;
}
.gauche,.droite{
	width:auto;
	float:left;
 	height:auto;
	max-width:50%;
	width:200px;
	position:relative;
}
.gauche img,.droite img{
 width:100%;
 height:auto;
}
.gauche:after{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 117px 80px 0 0;
	border-color: #fff transparent transparent transparent;
}
.borderg{
	content: '';
	    position: absolute;
	    top: 0;
	    left: 72px;
	    width: 8px;
	    height: 9px;
	    /* background-color: red; */
	    border-bottom-left-radius: 5px;
	    border-top-left-radius: 5px;
	    z-index: 1;
	    border: 1px solid #000;
	    border-right: 0 none;
}
.droite:after{
	content:'';
	position:absolute;
	top:0;
	right:0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 80px 117px 0;
	border-color: transparent #fff transparent transparent;
}
.borderd{
	content: '';
	    position: absolute;
	    top: 0px;
	    right: 72px;
	    width: 8px;
	    height: 9px;
	    /* background-color: red; */
	    border-bottom-right-radius: 5px;
	    border-top-right-radius: 5px;
	    z-index: 1;
	    border: 1px solid #000;
	    border-left: 0 none;
}
.droite{
	float:right;
}
.containersim{
	display: block;
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	padding:15px 15px 70px;
	border:1px solid #000;
	width:100%;
	position:relative;
}
.simulateur{
	width:400px;
}
.ct{
	width:100%;
	float:left;
	position:relative;
}
.bas{
	height:30px;
	border:1px solid #000;
	border-top:0 none;
	margin:1px;
	margin-top:0;
	position:relative;
	padding:0 5px;
}
.fourreau{
	height:5px;
	position:absolute;
	left:2px;
	right:1px;
	bottom:0;
	z-index:1;
	border-top: 1px dashed #000;
}
.middles{
	float:left;
	display:none;
	background-image:url(/lambrequin/img/bande.png);
	background-size:auto auto;
}
.zone{
	position:absolute;
	height:100%;
	border-right:1px solid #000;
	border-left:1px solid #000;
	text-align:center;
	left:5px;
	white-space: nowrap;
}
.zone:not(.zonemarge):not(.zonecentered):not(.zonelibre){
	min-width:50px;
}
.zone.video{
	border-right:0;
        overflow: hidden;
}

.zone.video>div{
	border:1px solid #000;
	justify-content:center;
	font-size:15px;
        overflow: hidden;

}
.smallep{
	font-size:13px;
}
.videodivtissuvideo{
	border: 0 none !important;
}
.videodivvideo{
    background:#fff;
}
.zone.video>div>span{
    animation : slide 5s linear infinite;
    display:block;
}
@keyframes slide {
  0% {
    transform: translatex(0%)
  }

  100% {
    transform: translatex(100%)
  }
}
.zone>div.brvideo{
	border-radius:6px;
}
.zone.zonelibre{
	min-width:5px;
}
.zone.ztissuvideo{
	display:flex;
}
.zone.ztissuvideo>div{
	height:18px;
	line-height:18px;
	margin:auto 0;
	font-size: 14px;
	width:100%;
}
.textwhitedefault{
	color:#FEF6E1;
}
.zone>div{
	height:calc(100% - 3px);
	display:flex;
	align-items: center;
}

.zone p{
	position:absolute;
	left:50%;
	transform:translate(-50%,0);
	bottom:-30px;
	width:40px;
	font-size:12px;
	text-align:center;
	content:attr(data-z);
	font-family:Arial;
	color:#000;
	margin:0;
}
.zone.zonelibre:after{
	writing-mode: vertical-rl;
	    text-orientation: upright;
	    width: 19px;
	    letter-spacing: -3px;
	    font-size: 8px;
	    bottom: -50px;
}
.removetr{
	cursor:pointer;
	margin-top: 9px;
  display: block;
}
.hidezone{
	position:absolute;
	bottom:5px;
	right:5px;
	z-index:99;
}
/*  toile < 400 */
.toile.small .gauche:after,.toile.small .droite:after{
	display:none;
}
.toile.small *{
	background-color:transparent !important;
}
.toile.small .borderd,.toile.small .borderg{
	display:none;
}
.nogrid .zone{
	border-color:transparent;
}
.nogrid .zone:after{
	display:none;
}
.texteinput{
	min-width:50px;
	max-width:180px;
}
.pth3{
	margin-top:13px;
	float:left;
}
/* verso */
#versocontainer{
	display:none;
}
#versocontainer .gauche:after{
	border-width: 81px 0 0 60px;
	border-color: transparent transparent transparent #fff;
	top:auto;
	bottom:0;
}

#versocontainer .droite:after{
	border-width: 0 0 82px 60px;
	border-color: transparent transparent #fff transparent;
	top:auto;
	bottom:0;
}
#versocontainer .simulateur{
	width:520px;
}
#versocontainer .bas{
	margin:0 auto;
	width:400px;
}
#versocontainer .fourreau{
	left:60px;
	right:60px;
}
#versocontainer .middles{
	display:block;
	width:120px;
	height:86px;
	background-size: auto 86px;
}
.validerecto{
	display:none;
}
/* */
.tablemine{
	margin-top:15px;
	border:1px solid #000;
	max-width:100%;
}
.tablemine td,.tablemine th{
	background:#fff;
}
.tablemine input:readonly,.tablemine input:readonly{
	background:#fff;
}
.tablemine .selected td,.tablemine tbody tr:hover td{
	color:#fff;
}
#lambrequin [hidden]{
	display: none !important;
}
#tablepose .selected td,#tablepose tbody tr:hover td{
	background:#000;
}
#tableaffiliation .selected td,#tableaffiliation tbody tr:hover td{
	background:#000;
}
#tablerecto,#tableverso{
	margin-top:15px;
	border:1px solid #000;
	max-width:100%;
}
#tablerecto td,#tablerecto th,#tableverso td,#tableverso th{
	background:#fff;
}
#tablerecto input[readonly],#tableverso input[readonly]{
	background:#fff;
	border-color:transparent;
}
/* firefox */
.mt15{
	margin-top:15px;
}
.mb15{
	margin-bottom:15px;
}
.del{
	width:100px;
}
.versocontainer{
	display:none;
}
.uptd{
	margin-right:5px;
}
.mr15{
	margin-right:15px;
}
.pr10{
	padding-right:5px;
}
.infoth{
	width:250px;
}
.w100{
	width:100px;
}
#mypolice,#tissuchoisic{
	display:none;
}
#prestataireposeprice{
	text-align:right;
}
.progress-div{border:#000 1px solid;padding:5px 0px;margin:10px 0px;border-radius:4px;text-align:center;max-width:500px;display:none}
.progress-bar{background-color:#bccc51;height:20px;color:#FFFFFF;width:0%;-webkit-transition:width .3s;-moz-transition:width .3s;transition:width .3s;max-width:500px}
#lambrequin .input-group{
	width:200px;
	float:right;

}
#lambrequin .input-group .form-control{
	text-align:right;
}
#couleursfournisseur,#othersmaker{
	display:none;
	margin-bottom:50px;
}
#tablecouleursfournisseur tbody td,#tablecouleurstissuvideo tbody td{
	color:#fff;
	text-shadow: 1px 1px 1px #000;
}
#prestatairecontainer,#affiliationcontainer{
	display:none;
}
#prestatairecontainer.show,#affiliationcontainer.show{
	display:block;
}

#prestatairecontainer .bootstrap-table,#affiliationcontainer .bootstrap-table{
	margin-bottom:30px;
}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*="col-"] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group .form-control:focus {
  z-index: 3;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  line-height: 46px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
  height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  line-height: 30px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
  height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #ccc;

}
.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}
.input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group-addon:first-child {
  border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group-addon:last-child {
  border-left: 0;
}
#testbrowser{
	font-family: 'arialbd';
	font-size:20px;
	display:inline;
	color:red;
}
.tablestotal{
	font: 600 18px/22px "Montserrat", sans-serif;
    color: #fff;
		width:100%;
    text-transform: uppercase;
		margin-bottom: 2rem;
}
.tablestotal tr{
	padding-bottom: 2rem;
	background: var(--color-primary);
}
.tablestotal td{
	padding: 14px 5px 17px 20px;
	font-weight: 600;
}
#etape0 label{
	font-weight:bold;
	margin-bottom:15px;
}

@media print{
	body{
		-webkit-print-color-adjust: exact;
	}

}
#googlefontgroup{
	display:none;
}