.Description h3 {
    box-sizing: border-box;
    font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight:800;
    color:#3f3f3f;
    margin-top:0px;
    margin-bottom:42px;
    font-size:3em;
    text-transform:uppercase;
}

.Description p {

    color: #333333;
    font-family:Verdana, sans-serif;
    font-size:12px;
    line-height:17.1429px;
    text-align:justify;
}

.marginTop {
    margin-top: 40px;
}

.paddingLeftRight {
    padding-left: 80px;
    padding-right: 80px;
}

.mainContainer {
    max-width: 1020px;
    padding: 0px;
    margin-right: auto;
    margin-left: auto;
}

.firstElement p {
    color: #333333;
    font-family:Raleway;
    line-height:20px;
}

.firstElement h4 {
    box-sizing: border-box;
    font-family:Raleway;
    font-size:5.14em;
    line-height:1.2em;
    color:#333333;
}

.newCol {
    margin-top: 0px;
    padding: 0px;
    border-style:dashed;
    border-width:1px;
    background-repeat: no-repeat;
    background-position: center;
    background-size:cover;
}

.newColInsideContainer {
    margin-top: 0px;
    padding:0px;
    border-style:dashed;
    border-width:1px;
}

.AddRow {
     margin-top: 5px;
}

#parametrization6tm h1 {
    cursor: default;
}

.containerColumn {
    margin:0px;
    background-color:inherit;
    min-height: inherit;
    height: inherit;
}

.divElement {
    height: 85px;
    width: 80px;
    background-image: linear-gradient(white 1px,#fcfbfa 1px,#e8ebed);
    margin-top: 15px;
    margin-left: 15px;
    display:inline-block;
    vertical-align: top;
    box-shadow: inset 0 1px 1px rgba(255,255,255,.3),0 1px 4px 1px transparent,0 2px 2px rgba(0,0,0,.1);
}

.ui-state-default.ui-corner-top {
    background:#cbd4db;
}


.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: none;
    background: #eeeff0;
    font-weight: bold;
}


.ui-tabs .ui-tabs-nav li {
    border: none;
    margin: 0 0 -2px 0;
    padding: 0 0 2px 0;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -2px;
    padding-bottom: 2px;
    margin-left:-3px;
    padding-left:3px;
}

.li.ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active.ui-state-focus {
    border:none;
}

.containerRow {
    margin-top:15px;
    padding:0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size:cover;
}

.containerRowInsideContainer {
    margin-top:0px;
    padding:0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size:cover;
}

.sliderRow, .sliderRowInsideContainer {
    position:absolute;
    padding-left:0px;
    width:100%;
    padding-right:0px;
}

.divElement span:before {
    padding: 12px;
    display:block;
}

.img-with-text {
    text-align: center;
    display:inline-block;
    vertical-align:top;
    width: 125px;
    height: 140px;
    border: 1px solid #000000;
    background: #fcfbfa;
    margin-top: 15px;
    margin-left: 15px;
}

.img-with-text img {
    width: 120px;
    min-height: 80px;
}

.img-with-text div {
    min-height: 70px;
    border-bottom: 1px solid #000000 !important;
}

.img-with-text  p {
    padding-top:5px;
}

.actionButton {
    text-align: center;
    cursor:pointer;
    margin-top:40px;
    padding-left: 5px;
}

.columnOptions {
    position: absolute;
    top: -23px;
    cursor: pointer;
}

.videoWrapper {
    position: relative;
}

.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: inherit;
}

.ui-sortable-placeholder {
     margin-left: 0 !important;
}

.ui-slider-horizontal {
    height: .8em;
}

.ui-state-hover {
     /* Surcharge jqueryUI */
    font-weight: normal;
}

.sliderRow .ui-widget-content, .sliderRowInsideContainer .ui-widget-content  {
    /* Surcharge jqueryUI */
    border: none;
    background: none;
    color: none;
}

.k-block, .k-widget {
    /* Surcharge kendo */
    background-color:inherit;
}

.k-tool {
    margin-top: 5px;
}

.k-state-active, .k-state-active:hover {
    background-color: inherit;
}

.k-widget {
    color:initial;
}

.glyphicon {
    margin-top:7px;
}

.popover  {
    cursor:pointer;
    max-width: 300px !important;
}

.popover a {
    color: GrayText;
}

.editor6tm {
    display: flex;
    height: 100vh;
    overflow: hidden;
    position: relative;
    width: 100%;
    cursor: auto;
}

editor6tmPreview {
    cursor: auto;
}

.columnOptions div {
    padding-right:0px;
}

.sortableRow {
    margin:0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size:cover;
}

.sortableElementMove {
    background-color:#fec762 !important;
}

.notSortableElementMove {
    background-color:inherit !important;
}

#draggableElementMove {
    background-color:orange !important;
}

.editorRow {
    margin:0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size:cover;
}

.jsEditor-row, .jsEditor-col, .jsEditor-container {
    background-repeat: no-repeat;
    background-position: center;
    background-size:cover;
}

#selectable .ui-selecting { background: #FECA40; }
#selectable .ui-selected { background: #F39814; }

#selectable {
    width: 100%;
    overflow-y: auto;
}

.rowEdit {
    display:block;
    width:100%;
    margin:0px;
    padding:0px;
    overflow-y: auto;
    overflow:hidden;
    min-height : 44px;
    border: 1px solid #cccccc;
}

.parentElementMove {
}

.gridRowEdit {
    margin-bottom : 3px;
    background-color : #fff;
}

.columnEdit, .columnEditUnSelectable {
    float: left;
    margin:0px;
    padding:0px;
    min-height : 44px;
    overflow:hidden;
    background-color: #fff;
    border: 1px solid #cccccc;
}

.celluleGridParam {
    float: left;
}

.gridCustomize {
    width : 100%;
    min-height: 800px;

}

#parametrization6tm, #gridElement {
    overflow-y: auto;
    overflow-x: hidden;
    height: auto;
}
/*Entirely optional – just wanted to remove the scrollbar on WebKit browsers as I find them ugly*/
#parametrization6tm::-webkit-scrollbar, #gridElement::-webkit-scrollbar {
    display: none;
}
/*  parametrization6tm is set sizes while the Middle is set to flex one so it occupies all remaining space. This could be set as a width too, perhaps using calc.*/
#parametrization6tm {
    width: 351px;
    background:#eeeff0;
    overflow-x: hidden;
}

#gridElement {
    flex: 1;
}

#dropElementHere {
    position:relative;
    top:400px;
    height: 140px;
    width: 100%;
    text-align: center;
}

#tabAddContent {
    overflow-x: hidden;
}

#draggableElement {
    overflow-x: hidden;
}

#parametrization6tmTab {
    overflow-x: hidden;
    margin-top: -4px;
    margin-left: -4px;
    margin-right: -4px;
    min-height:100%;
}

#parametrization6tmTab .ui-widget-header {
    border: 1px solid #cbd4db;
    background: #cbd4db;
    height: 42px;
}

#parametrization6tmTab .ui-state-default a {
    color: #373c44;
}

#draggableElement div, #draggableTemplate div {
    border: 1px solid #bac3ca;
    cursor:  pointer;
}

#tabAddContent h2 {
    border-bottom: solid;
    cursor: default;
}

#editor-container0 {
    min-height: 100vh;
    padding-left: 40px;
}

.button span {
    margin-top:10px;
    background-color: #373c44;
    text-align:center;
}

a.buttonAction {
    color: #f4f4f4;
    background: #4aaaa5;
    font-weight: bold;
    margin-left: 5px;
    margin-top: 50px;
    font-family: Arial,sans-serif;
    border-radius: 4px;
    border: solid 0 #e3edf4;
    border-bottom: 2px solid #3a9a95;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-top:40px;
    padding: 10px 25px 10px 25px;
    cursor:pointer;
    /* border-radius: 4px; */
}
label.radio-inline,
label.checkbox-inline {
  background-color: #bbbbbb;
  cursor: pointer;
  font-weight: 400;
  margin-bottom: 10px !important;
  margin-right: 2%;
  margin-left: 0;
  padding: 10px 10px 10px 30px;
}

label.radio-inline.checked,
label.checkbox-inline.checked {
  background-color: #4aaaa5;
  color: #fff !important;
  text-shadow: 1px 1px 2px #000 !important;
}

.checkbox-inline + .checkbox-inline,
.radio-inline + .radio-inline {
  margin-left: 0;
}

.columns label.radio-inline,
.columns label.checkbox-inline {
  min-width: 190px;
  vertical-align: top;
  width: 30%;
}

.additional-info-wrap {
  display: inline-block;
  margin: 0 2% 0 0;
  min-width: 190px;
  position: relative;
  vertical-align: top;
  width: 30%;
}

.additional-info-wrap label.checkbox-inline,
.additional-info-wrap label.radio-inline {
  width: 100% !important;
}

.additional-info-wrap .additional-info {
  background-color: #266c8e;
  clear: both;
  color: #fff !important;
  margin-top: -10px;
  padding: 0 10px 10px;
  text-shadow: 1px 1px 2px #000 !important;
  width: 100%;
}

.InfoPratique ul li {
    padding-left: 25px;
    font-size: 1.4em;
    text-align: left;
    margin-bottom: 25px;
    background: url("/Content/css/images/puce-orange.png") left 5px no-repeat;
    list-style: none;
}

.BandeauTop{
    background-color: rgba(0, 0, 0, 0.4);
}