.modal-header, .color-modal{
	background-color:grey;
	color:white;
}
.colorthumbs>img{
	border:1px black solid;
}
.background{
	width:100%;
	background-color:lightgrey;
	max-width:1000px;
	max-height:750px;

}

.modal{
	width:100%;
}
.modal-backdrop{
	width:100%!important;
}


.montexte{
	// width:auto!important;
	position: fixed!important;
	top:50!important;
	display: inline-block!important;
}
.ui-widget-content {
    border: 1px dotted #ddd!important;
    background: transparent!important; 
    color: black;
    top:15px;
}
.ui-resizable-se {
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 0 16px 16px;
  border-color: transparent transparent #AAA transparent;
  background: none;
}
.bounds{
	height:750px;
	overflow: auto;
}
span.size{
	font-size: 100%;	
}
label.labelradio{
  display: block;
  position: relative;
  font-weight: 300;
  font-size: 1.35em;
  padding: 25px 25px 25px 60px;
  margin: -20px auto;
  height: 30px;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.25s linear;
}


input#metre, input#centimetre{
  position: unset;
    visibility: visible;
}

input#metre[type=radio]:checked ~ label, input#centimetre[type=radio]:checked ~ label {
    color: black;
}



ul li .check{
  display: block;
  position: relative;
  border: 5px solid #AAAAAA;
  border-radius: 100%;
  height: 25px;
  width: 25px;
  top: -5px;
  left: 20px;
	z-index: 5;
	transition: border .25s linear;
	-webkit-transition: border .25s linear;
}

ul li:hover .check {
  border: 5px solid #FFFFFF;
}

ul li .check::before {
  display: block;
  position: relative;
	content: '';
  border-radius: 100%;
  height: 15px;
  width: 15px;
  top: 0px;
	left: 0px;
  margin: auto;
	transition: background 0.25s linear;
	-webkit-transition: background 0.25s linear;
}

input[type=radio]:checked ~ .check {
  border: 5px solid #0DFF92;
}

input[type=radio]:checked ~ .check::before{
  background: #0DFF92;
}

input[type=radio]:checked ~ label{
  color: #0DFF92;
}
li{
	list-style-type: none;
}
pre.typo{
	overflow: visible;
		// border:black 1px dotted!important;

}


.color-picker {
  display: inline-block;
  margin: auto;
  margin-bottom: 15px;
  padding: 20px;
  height: 228px;
}
.color-picker:after {
  display: table;
  content: '';
  clear: both;
}
.color-picker > div {
  float: left;
  position: relative;
}
.color-picker > div:not(:first-child) {
  margin-left: 10px;
}
.color-picker .color-palette, .color-picker .color-slider, .color-picker .color-current {
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.color-picker canvas {
  display: block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.color-picker .selector {
  position: absolute;
  background: #fff;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  border-radius: 100%;
  border: 2px solid #fff;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.color-picker .color-current {
  width: 100px;
  height: 50px;
  background: #f00;
}

.inl-bl {
    display: inline-block;
}



.draggable {
  min-width: 50px;
  min-height: 50px;
  background: transparent;
  // border: 1px dotted #AAA;

}

.ui-resizable-se {
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 0 16px 16px;
  border-color: transparent transparent #AAA transparent;
  background: none;
  width:auto;
}


.ui-resizable {
    position: absolute!important;
}
#color-input {
  display: none;
}
#color-label {
  margin-left: 15px;
  position: absolute;
  height: 30px;
  width: 50px;
} 
#color-input:checked ~ #color-picker {
  opacity: 1;
}
#color-picker {
  position: absolute;
  left: 70px; 
  background-color: white;
  height: 150px;
  width: 185px;
  border: solid 1px #ccc;
  opacity: 0;
  padding: 5px;
}
canvas:hover {
  cursor: crosshair;
}
#drop {
  min-height: 150px;
  width: 250px;
  border: 1px solid blue;
  margin: 10px;
  padding: 10px;
}

.drag-prev{
	// width:100px!important;
	max-height:750px;
}
img{
	border:0px!important;
}
.control {
  background-color: #f0f1f1;
  margin: 10px 0;
  padding: 10px;
  text-align: left;
}

.ui-slider {
  margin: 5px 0;
}
.accordion > a {
  text-align: center;
  border-radius: 10px;
  font-size: 1.5em;
  display: block;
  padding: 5px;
  background-color: black;
  color: white;
  text-decoration: none;
  margin-top: 1px;
}

.accordion > a:hover {
  background-color: #d01010;
}

.accordion > a:active {
  background-color: red;
}

.accordion > a:target {
  background-color: red;
}

.accordion > div {
  overflow: hidden;
  background-color: white;
  height: 0;
  transition: height 0.5s, padding 0.5s;
  text-align: center;
  padding: 0px 5px;
  background-color: silver;
  border-radius: 10px;
}

.accordion > a:target + div {
  height: auto;
  padding: 5px;
  margin: 1px 0;
}
.envois{
    position: absolute!important;
    top: 0px!important;
    right: 150px!important;
}
.fini, .fini2{
      height: 100px!important;
    width: 100px!important;
    border-radius: 50px!important;
}
.optionradio{
  visibility: visible!important;
}
.boxshadow{
  box-shadow: 0px 5px 10px grey;
  margin-bottom:15px;
  padding-bottom:15px;
  height:100px;
}
.modal-title{
 background-color: grey;
    color: white; 
}
.thumb1, .thumb2, .thumb3 {
  max-height:100px;
  overflow: hidden;
  width:240px;
}
.thumb_choix{
  padding-bottom:10px;
}
input.inputclasthumb[type=radio]:checked ~ label{
  color: orange;
}
.thumbnail{
  height:200px;
}
.choix_opt{
      position: absolute;
    bottom: 30px;
    left: 25px;
}