.kit-body-wrap .clickable {
	cursor: pointer;
}

.kit-body-wrap .uppercase {
	text-transform: uppercase;
}

.kit-body-wrap .bold {
	font-weight: bold !important;
}

.kit-body-wrap .italic {
	font-style: italic !important;
}

.kit-body-wrap .hide {
	display: none !important;
}

.kit-body-wrap .inline {
	display: inline;
}

.kit-body-wrap .no-border {
	border: none;
}

.kit-body-wrap .bordered-dashed {
	border: 1px dashed #a8a8a8;
}

.kit-body-wrap .upper {
  text-transform: uppercase;
}

.kit-body-wrap .overflow-hidden {
	overflow: hidden;
}

.kit-body-wrap .no-margin {
	margin: 0 !important;
}

.kit-body-wrap .no-padding {
	padding: 0 !important;
}

.kit-body-wrap a.no-decoration {
	text-decoration: none;
}

.kit-body-wrap .underline {
	text-decoration: underline;
}

.kit-body-wrap .float-left {
	float: left;
}

.kit-body-wrap .float-right {
	float: right;
}

.kit-body-wrap .no-color {
	color: #606060 !important;
}

.kit-body-wrap .color-speedmedia-blue {
	color: #0AABD3;
}

.kit-body-wrap .background-grey {
	background: #EFEFEF;
}

.kit-body-wrap .color-grey-light {
	color: #a8a8a8;
}

.kit-body-wrap .color-blue-interaction {
	color: #055C70;
}

.kit-body-wrap .page-layout-wrap .font-red {
	color: red;
}

.kit-body-wrap .color-light-grey {
	color: lightgray;
	cursor: default;
}

.kit-body-wrap .small-infos {
	font-size: 0.8rem;
	color: #a8a8a8;
}

.kit-body-wrap .alert-color {
	color: #a00000 !important;
}

.kit-body-wrap .padding-3 {
	padding: 0.1875rem;
}

.kit-body-wrap .padding-5 {
	padding: 0.3125rem;
}

.kit-body-wrap .padding-12 {
	padding: 0.75rem;
}

.kit-body-wrap .padding-20 {
	padding: 1.25rem !important;
}

.kit-body-wrap .padding-t-4 {
	padding-top: 0.25rem;
}

.kit-body-wrap .padding-t-5 {
	padding-top: 0.3125rem;
}

.kit-body-wrap .padding-t-8 {
	padding-top: 0.5rem;
}

.kit-body-wrap .padding-t-12 {
	padding-top: 0.75rem;
}

.kit-body-wrap .padding-t-16 {
	padding-top: 1rem;
}

.kit-body-wrap .padding-t-20 {
	padding-top: 1.25rem;
}

.kit-body-wrap .padding-t-32 {
	padding-top: 2rem;
}

.kit-body-wrap .padding-b-3 {
	padding-bottom: 0.1875rem;
}

.kit-body-wrap .padding-b-12 {
	padding-bottom: 0.75rem;
}

.kit-body-wrap .padding-b-16 {
	padding-bottom: 1rem;
}

.kit-body-wrap .padding-b-32 {
	padding-bottom: 2rem;
}

.kit-body-wrap .padding-tb-3 {
	padding-top: 0.1875rem;
	padding-bottom: 0.1875rem;
}

.kit-body-wrap .padding-tb-5 {
	padding-top: 0.3125rem;
	padding-bottom: 0.3125rem;
}

.kit-body-wrap .padding-tb-12 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.kit-body-wrap .padding-tb-16 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.kit-body-wrap .padding-tb-20 {
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
}

.kit-body-wrap .padding-tb-32 {
	padding-top: 2rem;
	padding-bottom: 2rem;
}

.kit-body-wrap .padding-r-0 {
	padding-right: 0;
}

.kit-body-wrap .padding-l-0 {
	padding-left: 0;
}

.kit-body-wrap .padding-l-5 {
	padding-left: 0.3125rem;
}

.kit-body-wrap .padding-l-24 {
	padding-left: 1.6rem;
}

.kit-body-wrap .padding-r-12 {
	padding-right: 0.75rem;
}

.kit-body-wrap .padding-lr-12 {
	padding: 0 0.75rem;
}

.kit-body-wrap .padding-lr-16 {
	padding: 0 1rem;
}

.kit-body-wrap .margin-3 {
	margin: 0.1875rem !important;
}

.kit-body-wrap .margin-6 {
	margin: 0.3750rem !important;
}

.kit-body-wrap .margin-12,
.kit-body-wrap div.row.margin-12 {
	margin: 0.75rem;
}

.kit-body-wrap .margin-t-6 {
	margin-top: 0.3750rem !important;
}

.kit-body-wrap .margin-t-10 {
	margin-top: 0.6250rem !important;
}

.kit-body-wrap .margin-t-12 {
	margin-top: 0.75rem !important;
}

.kit-body-wrap .margin-t-16 {
	margin-top: 1rem !important;
}

.kit-body-wrap .margin-t-24 {
	margin-top: 1.5rem !important;
}

.kit-body-wrap .margin-t-28 {
	margin-top: 1.75rem !important;
}

.kit-body-wrap .margin-b-0 {
	margin-bottom: 0;
}

.kit-body-wrap .margin-b-6 {
	margin-bottom: 0.3750rem;
}

.kit-body-wrap .margin-b-12 {
	margin-bottom: 0.75rem;
}

.kit-body-wrap .margin-b-16 {
	margin-bottom: 1rem;
}

.kit-body-wrap .margin-b-32 {
	margin-bottom: 2rem;
}

.kit-body-wrap .margin-tb-12 {
	margin-top: 0.75rem !important;
	margin-bottom: 0.75rem !important;
}

.kit-body-wrap .margin-tb-24 {
	margin-top: 1.5rem !important;
	margin-bottom: 1.5rem !important;
}

.kit-body-wrap .margin-r-6 {
	margin-right: 0.3750rem !important;
}

.kit-body-wrap .margin-lr-12 {
	margin-left: 0.75rem !important;
	margin-right: 0.75rem !important;
}

.kit-body-wrap .margin-l-56 {
	margin-left: 3.5rem;
}

.kit-body-wrap .red {
	color: #ff5656;
}

.kit-body-wrap .green {
	color: #43AC6A;
}

.kit-body-wrap .orange {
	color: #f08a24;
}

.kit-body-wrap .small-clear {
	clear: both;
}

.kit-body-wrap input.no-style {
	outline : none; 
	border : none; 
	background : inherit;
}

.kit-body-wrap a.close-reveal-modal {
	z-index: 5;
}

.kit-body-wrap a.button-2-little,
.kit-body-wrap button.button-2-little {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	display: inline-block;
	margin-bottom: 20px;
	padding: 0.3rem;
	text-transform: uppercase;
	font-size: 0.65rem
}

/** Switch **/
.kit-body-wrap .switch label {
    background: #ff5656 none repeat scroll 0 0;
	width: 65px;
	cursor: pointer;
}

.kit-body-wrap .switch input:checked + label {
    background: #43AC6A none repeat scroll 0 0;
}

body.kit-body-wrap .switch{
	margin-bottom: 0;
	height: 50px;
}

/* -- icons -- */

.kit-body-wrap [class*="icon-"].size-16 {
  font-size: 16px;
}

.kit-body-wrap [class*="icon-"].size-18 {
  font-size: 18px;
}

.kit-body-wrap [class*="icon-"].size-20 {
  font-size: 20px;
}

.kit-body-wrap [class*="icon-"].size-24 {
  font-size: 24px;
}

.kit-body-wrap [class*="icon-"].size-28 {
  font-size: 28px;
}

.kit-body-wrap [class*="icon-"].size-32 {
  font-size: 32px;
}

.kit-body-wrap [class*="icon-"].size-40 {
    font-size: 40px;
}

.kit-body-wrap [class*="icon-"].size-48 {
    font-size: 48px;
}

.kit-body-wrap [class*="icon-"].vcenter:before {
  vertical-align: middle;
}

/* Checkbox et radio bouton */


/* MEDIA QUERIES
--------------------------------------- */

/* Affichage tablette */

@media only screen and (min-width: 640px) {
  .kit-body-wrap .small-clear {
    clear: none;
  }

  .kit-body-wrap .medium-clear {
    clear: both;
  }
}

/* Affichage desktop */

@media only screen and (min-width: 1024px) {
  .kit-body-wrap .small-clear {
    clear: none;
  }

  .kit-body-wrap .medium-clear {
    clear: none;
  }

  .kit-body-wrap .large-clear {
    clear: both;
  }
}