/* Correction of differents plugins */

.rsContent { }

.royalSlider > .rsContent {
	visibility: hidden; 
	/* or display:none depending on your needs... */
}

.rsMinW, .rsMinW .rsOverflow, .rsMinW .rsSlide, .rsMinW .rsVideoFrameHolder, .rsMinW .rsThumbs {
  background: #fff;
  color: #FFF;
}

.rsMinW .rsBullets { width:100%;}


.FeedLayout__wrapper{ padding:12px!important;}



/* Form */

/*font*/
.oseo-form-wrapper label.big-label{ font-size:1.2em;}
.oseo-form-wrapper h3{ font-size:2em;}

/*exam*/
.oseo-form-wrapper input.box, .oseo-form-wrapper div.box{ min-width: 100px; min-height:100px;}
.oseo-form-wrapper input.box:hover, .oseo-form-wrapper div.box:hover{cursor:pointer; border-color:#14c7a2;}

/*date*/
.oseo-form-wrapper div.box{ width:140px; height: 70px; min-height:70px;}
.oseo-form-wrapper div.box .inner .center .name{ display:none;}

/*inpud sendform*/
.oseo-form-wrapper button.submit:hover, .oseo-form-wrapper input.submit:hover, .oseo-form-wrapper .oseo-button:hover{
	top: 20px  ; text-decoration:none; cursor:pointer;
    -webkit-box-shadow: 0px 0px 0px 0px #14c7a2; 
    box-shadow: 0px 0px 0px 0px #14c7a2;
}



/* Gravity Form */	


.gform_title{ display:none;}
.gform_wrapper{ display:inline-block; width:100%; /*margin-left: 2.5%;*/ font-size:14px;}
.post-content div.gform_wrapper{width:100%;  margin:0 auto; /*padding: 18px 18px 52px;*/}

.page-id-29 .post-content{ padding:0;}


.gform_wrapper .field_sublabel_above .ginput_complex.ginput_container label, .gform_wrapper .field_sublabel_above div[class*="gfield_date_"].ginput_container label, .gform_wrapper .field_sublabel_above div[class*="gfield_time_"].ginput_container label, .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label, .gform_wrapper .field_sublabel_below div[class*="gfield_date_"].ginput_container label, .gform_wrapper .field_sublabel_below div[class*="gfield_time_"].ginput_container label{ font-size:1em;} 


.gform_wrapper textarea.medium,
.gform_wrapper .top_label li.gfield.gf_left_half input.large, .gform_wrapper .top_label li.gfield.gf_left_half input.medium, .gform_wrapper .top_label li.gfield.gf_left_half select.large, .gform_wrapper .top_label li.gfield.gf_left_half select.medium, .gform_wrapper .top_label li.gfield.gf_right_half input.large, .gform_wrapper .top_label li.gfield.gf_right_half input.medium, .gform_wrapper .top_label li.gfield.gf_right_half select.large, .gform_wrapper .top_label li.gfield.gf_right_half select.medium{ 		
	width:100%; background-color:#e7e7e7;
	line-height:1.8em; border: none;
}

.gform_wrapper textarea.medium{width:99.5%;}

.gform_wrapper .top_label li.gfield.gf_right_half{ width:49%;}


	/* Error */
	.gform_wrapper ul.gform_fields li.gfield.gfield_error + li.gfield.gfield_error{ margin-top:0;}
	
	.gform_wrapper .gfield_error .gfield_label{ color:#901e1e;}
	.gform_wrapper .gfield_error .gfield_label .gfield_required{color:#901e1e;}
	.gform_wrapper .gfield_required{ color:#333;}
	
	.gform_wrapper div.validation_error{ border:none; padding:0; color: #901e1e; font-size: 1em; line-height:1.4em;}
	
	.gform_wrapper .top_label .gfield_error{ width:99.25%;}
	
	.gform_wrapper li.gfield.gfield_error.gfield_contains_required{ margin:0;}
	.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description, .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper li.gfield.gfield_error.gfield_contains_required fieldset legend.gfield_label, .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label{ margin-left:0;}
	
	.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning{ 
		border:none; margin-bottom:0;
		background-color:none; background-color:transparent;
	}
	
	.gform_wrapper li.gfield.gfield_error .ginput_container input.medium,
	.gform_wrapper li.gfield.gfield_error .ginput_container textarea.medium { background-color:#fafafa; color:#000;}
	
	.validation_message{ display:none;}
	.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper li.gfield_html{ max-width:100%;}
	.gform_wrapper .top_label .gfield_error input.large, .gform_wrapper .top_label .gfield_error select.large, .gform_wrapper .top_label .gfield_error textarea.textarea{ width:100%;}
	
	.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label{ margin-top:0.4em;}
	
	.gform_wrapper .top_label li.gfield.gfield_error.gf_left_half, .gform_wrapper .top_label li.gfield.gfield_error.gf_right_half{ width:49%; !important}
	.gform_wrapper .top_label li.gfield.gfield_error.gf_left_half, .gform_wrapper .top_label li.gfield.gfield_error.gf_right_half {
    width: 49% !important;
}
	.gform_wrapper li.gfield_error input[type="email"], .gform_wrapper li.gfield_error input[type="number"], .gform_wrapper li.gfield_error input[type="password"], .gform_wrapper li.gfield_error input[type="tel"], .gform_wrapper li.gfield_error input[type="text"], .gform_wrapper li.gfield_error input[type="url"], .gform_wrapper li.gfield_error textarea{ border:none;}
	
	
	.gform_wrapper ul.gfield_checkbox li input[type="checkbox"]:checked + label, 
.gform_wrapper ul.gfield_radio li input[type="radio"]:checked + label{ font-weight:normal;}

.gform_wrapper.gravity-theme .gfield input[type="checkbox"], .gform_wrapper.gravity-theme .gfield input[type="radio"]{ height: 25px; width: 25px;}

	
	.gform_wrapper input[type="email"], .gform_wrapper input[type="number"], .gform_wrapper input[type="password"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="text"], .gform_wrapper input[type="url"]{padding: 0.5em;}
	.gform_wrapper textarea{padding: 0.5em 0.5em 0.5em 0.5em;}
	
	.gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]){padding: 0.5em 0.5em 0.5em 0.5em;background-color:#e7e7e7;}
	
	
	.gform_confirmation_wrapper {
		/*background-color: #e3e6e4;*/
    	clear: both;
    	float: left;
    	/*margin: 35px 0px 0px 0px;*/ letter-spacing:0.1em; line-height:1.2em;
    	padding: 30px 0;
    	text-align: center;
    	width: 90%; padding-left:5%;padding-right:5%;
		font-weight:700;
		/*border-top:7px solid #f9f9f9;*/ font-size:18px;
	}
	
	.gform_wrapper .top_label .gfield_label{ font-weight:normal; font-size: 1.2em;}
	.gform_footer{ text-align:right;}
	.gform_wrapper div.validation_error{ font-weight:normal;}
	
	.gform_wrapper input{ border:none;}
	.gform_wrapper select{ 
			border:0; background-color:#e7e7e7;
		  /*-webkit-appearance: none;
		  -webkit-border-radius: 0px;
		  -moz-appearance: none;
		  appearance: none;
		  /*background: url('../images/ArrowDown_Form.png') no-repeat 97% 50% #ffffff;*/
		  /*background-size: 11px 7px;*/padding: 0.5em 0.5em 0.5em 0.5em; margin-top:11px; height: 35px;
	}
	
.gform_wrapper .gfield_checkbox li label, 
.gform_wrapper .gfield_radio li label{font-size: 1.2em; max-width: 100%; margin-right: 15px; margin-left: 5px;}

.gform_wrapper ul.gfield_checkbox li input[type="checkbox"], .gform_wrapper ul.gfield_radio li input[type="radio"]{
    width:25px!important; height: 25px;
}

.gform_wrapper .gfield_checkbox li, .gform_wrapper .gfield_radio li{ display: inline-block;}

@media screen and (max-width: 900px) {
    .gform_wrapper .gfield_checkbox li, .gform_wrapper .gfield_radio li{ width: 33%;}
}
@media screen and (max-width: 780px) {
    .gform_wrapper .gfield_checkbox li, .gform_wrapper .gfield_radio li{ width: 50%;}
}
@media screen and (max-width: 650px) {
    .gform_wrapper .gfield_checkbox li, .gform_wrapper .gfield_radio li{ width: 100%;}
}


	.gform_footer .gform_button {
		border:0;
		padding:10px; text-align: right;
		font-weight: normal;
		font-style: normal;
		float:right; margin-top:15px; color:#000;
		font-size:1.3em; letter-spacing:0.05em;
		
	}
	.gform_wrapper ul.gform_fields li.gfield{ padding-right:0;}
	/*input, textarea{ background-color:#e7e7e7;}*/
	
	.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type="submit"]{ margin:0 3px 0 0; font-size:12px;}
	

/*
.HomeButton ul li{
    text-align: center;
    margin-left: auto;
    margin-right: auto
}*/
.gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type="submit"], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type="submit"]{
    text-decoration: none;
    color: white;
    /*min-width: 215px;*/
    display: inline-block;
    background: #1de0b8;
    position: relative;
    top: 0px;
    padding: 20px 35px 30px 35px;
    font-size: 24px;
    border-radius: 3px;
   /* -webkit-box-shadow: 0px 10px 0px 0px #14c7a2; 
    box-shadow: 0px 10px 0px 0px #14c7a2;
    transition: all 0.2s;*/
    margin-bottom: 20px;
}
.gform_wrapper .gform_footer input.button:hover,
.gform_wrapper .gform_footer input[type="submit"]:hover, 
.gform_wrapper .gform_page_footer input.button:hover, 
.gform_wrapper .gform_page_footer input[type="submit"]:hover{
   /* top: 20px  ;*/ text-decoration:none; cursor:pointer;
   /* -webkit-box-shadow: 0px 0px 0px 0px #14c7a2; 
    box-shadow: 0px 0px 0px 0px #14c7a2;*/
}
.gform_wrapper.gravity-theme .gform_footer, .gform_wrapper.gravity-theme .gform_page_footer{text-align: right;
display: inline;}



/* form cours */
.ginput_container .CheckBoxes{ margin-right: 25px; font-size:1em;width: 45%; display: inline-block; vertical-align: top;}
.CheckBoxes input{ width: 25px; height: 25px;}
.CheckBoxes {}

.reactive-cours.relative{ display:inline-block; width: 100%;}


@media screen and (max-width: 1180px) {
    .ginput_container .CheckBoxes{ width: 30%; }
}
@media screen and (max-width: 850px) {
    .ginput_container .CheckBoxes{ width: 45%; margin-right: 2%; }
}
@media screen and (max-width: 530px) {
    .ginput_container .CheckBoxes{ width: 90%; display: grid;}
}




/* Button */
/****************************************************************************************************************************************
/***************************************************************************************************************************************/

.hosform-form-wrapper .section-form.Choice{ width: 100%!important; margin:0 auto; margin-bottom: 40px; } 
.hosform-form-wrapper .section-form.Choice .AlignCenter{ text-align:center;}
.hosform-form-wrapper .section-form.Choice .Button{ display: inline-block; margin: 0 20px;border:1px solid #000; } 
.hosform-form-wrapper .section-form.Choice .Button a{color:#000!important;}

.hosform-form-wrapper .section-form.Choice .Button:hover{ border:1px solid #F1D955; } 
.hosform-form-wrapper .section-form.Choice .Button:hover > a{ color:#000!important; }

@media screen and (max-width: 1090px) {
    .hosform-form-wrapper .section-form.Choice{ width:100%;  }
	.hosform-form-wrapper .section-form.Choice .Button{ margin-bottom: 15px;}
}



.info-warning.info-small{ margin-bottom:15px;}

/* Search */
#search-form,
.hosform-form-wrapper .section-form .candidat{ width:50%; margin:0 auto;}

#search-form #search-form{ width:100%;}
.hosform-form-wrapper .section-form{ padding-bottom:15px;}

#search-form .ginput_container input#search{ 
	border-bottom:1px solid #000; background-color:transparent!important; 
	font-size: 1em; background-image: url("../images/searchref.png");
	 background-repeat: no-repeat; background-position: right; padding:10px 10px 10px 0px!important;
}
#search-form .ginput_container input#search:focus{ outline:none;}

@media screen and (max-width: 1090px) {
    .hosform-form-wrapper .section-form .candidat{ width:100%; margin-bottom: 75px; text-align: center; }
}





/* Toggle Button */
/****************************************************************************************************************************************
/***************************************************************************************************************************************/
.page-template-calendrier .hosform-form-wrapper .gfield{ position: relative; background-color:#f1f5f8; padding:10px;}

.SwitchDescription{ position: absolute; left: 12px; top:-57px;}
.box-day .Course{ color:#ed672b; clear:both;}
.box-day .CourseDate{ width:100%;}

.hosform-form-wrapper .CheckBoxes label{ margin-left:30px; font-weight: 700; position: absolute; padding-top:5px;}
@media screen and (max-width: 530px) {
	.hosform-form-wrapper .CheckBoxes label{ margin-left:70px; }
}

.hosform-form-wrapper label{ padding-bottom:0;}
.hosform-form-wrapper .CheckBoxes .CatDescription{ clear: both;display: inline-block; margin-bottom: 15px; width:70%;padding-left:70px; /*width: 100%;*/ font-style:italic; color:#868686; FONT-SIZE:0.9EM; line-height: 1.2em;}
.hosform-form-wrapper .CheckBoxes .CatDescription.hidden {
  display: none;
}
 
.hosform-form-wrapper .CheckBoxes input[type="radio"], .hosform-form-wrapper .CheckBoxes input[type="checkbox"] {
	-webkit-appearance: none;
	-webkit-tap-highlight-color: transparent;
	position: relative;
	border: 0;
	outline: 0;
	cursor: pointer;
	margin: 7px;
} 


/* To create surface of toggle button */

.hosform-form-wrapper .CheckBoxes input[type="radio"]:after, .hosform-form-wrapper .CheckBoxes input[type="checkbox"]:after {
	content: '';
	width: 50px;
	height: 20px;
	display: inline-block;
	background: rgba(196, 195, 195, 0.55);
	border-radius: 18px;
	clear: both;
}


/* Contents before checkbox to create toggle handle */

.hosform-form-wrapper .CheckBoxes input[type="radio"]:before, .hosform-form-wrapper .CheckBoxes input[type="checkbox"]:before {
	content: '';
	width: 25px;
	height: 25px;
	display: block;
	position: absolute;
	left: 0;
	top: -3px;
	border-radius: 50%;
	background: rgb(255, 255, 255);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
}


/* Shift the handle to left on check event */

.hosform-form-wrapper .CheckBoxes input[type="radio"]:checked:before, .hosform-form-wrapper .CheckBoxes input[type="checkbox"]:checked:before {
	left: 25px;
	box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.6);
}

.hosform-form-wrapper .CheckBoxes input[type="radio"]:checked:after, .hosform-form-wrapper .CheckBoxes input[type="checkbox"]:checked:after {
	background: #F1D955;
}


/* Transition for smoothness */

.hosform-form-wrapper .CheckBoxes input[type="radio"],
.hosform-form-wrapper .CheckBoxes input[type="checkbox"],
.hosform-form-wrapper .CheckBoxes input[type="radio"]:before,
.hosform-form-wrapper .CheckBoxes input[type="checkbox"]:before,
.hosform-form-wrapper .CheckBoxes input[type="radio"]:after,
.hosform-form-wrapper .CheckBoxes input[type="checkbox"]:after,
.hosform-form-wrapper .CheckBoxes input[type="radio"]:checked:before,
.hosform-form-wrapper .CheckBoxes input[type="checkbox"]:checked:before,
.hosform-form-wrapper .CheckBoxes input[type="radio"]:checked:after, /* Ajoutez une virgule ici */
.hosform-form-wrapper .CheckBoxes input[type="checkbox"]:checked:after {
	transition: ease .3s;
	-webkit-transition: ease .3s;
	-moz-transition: ease .3s;
	-o-transition: ease .3s;
}


/* Tab Courses */
/****************************************************************************************************************************************
/***************************************************************************************************************************************/
.ui-widget.ui-widget-content{ border:0;}

.hosform-form-wrapper .of-row{ margin:0!important; padding:5px 0;}

#tabs{ background-color:transparent;}
#tabs h2{  text-align: left;}
#tabs ul{ padding: 0; background-color: transparent; border: 0; font-size: 12px;}


.ui-tabs .ui-tabs-panel{ padding-left:0; padding-right: 0; min-height:320px;}

#tabs .ui-tabs .ui-tabs-nav li{ color:#fff; border:none!important;}
.Module div.box.box-large ul{ margin:0;}

.ui-state-default, 
.ui-widget-content 
.ui-state-default, 
.ui-widget-header 
.ui-state-default, 
.ui-button, 
html .ui-button.ui-state-disabled:hover, 
html .ui-button.ui-state-disabled:active{ border:none!important;}

.hosform-form-wrapper .pagination .of-row .col-4.text-center{ padding-top:8px;}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor{ font-weight:normal;}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor:hover{ color:#000;}

.hosform-form-wrapper button.submit, .hosform-form-wrapper input.submit{ border: 1px solid #000; color:#000;}
.hosform-form-wrapper button.submit:hover, .hosform-form-wrapper input.submit:hover{ border: 1px solid #F1D955; color:#000;}




.hosform-big-space a.hosform-button{ border: 1px solid #000!important; color:#000;}
/*
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, 
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{ color:#000;}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a{ color:#fff;}

.hosform-form-wrapper button.submit, .hosform-form-wrapper input.submit, .hosform-form-wrapper .hosform-button{color:#000!important;}
.hosform-form-wrapper button.submit.complete, .hosform-form-wrapper input.submit.complete, .hosform-form-wrapper .hosform-button.complete{ color:#fff!important;}*/

/*
.ui-state-active, 
.ui-widget-content 
.ui-state-active, 
.ui-widget-header 
.ui-state-active, 
a.ui-button:active, 
.ui-button:active, 
.ui-button.ui-state-active:hover{ border:none!important; background-color:#ed672b!important; color:#fff;}

.ui-state-default, 
.ui-widget-content 
.ui-state-default, 
.ui-widget-header 
.ui-state-default, 
.ui-button, 
html .ui-button.ui-state-disabled:hover, 
html .ui-button.ui-state-disabled:active{ border:none!important;background-color:transparent!important;}

.ui-tabs .ui-tabs-nav li:hover > a{ color:#fff!important;}
.ui-tabs .ui-tabs-nav li a:hover{ color:#fff; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active, .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-tabs-active a:hover{background-color:#ed672b!important; color:#fff!important;}
*/









/*

.ui-state-default a, 
.ui-state-default a:link, 
.ui-state-default a:visited, 
a.ui-button, 
a:link.ui-button, 
a:visited.ui-button, 
.ui-button{color:#000;background-color: transparent !important;}




.ui-tabs .ui-tabs-panel{ padding:25px 0 0 0;}
.ui-tabs .ui-tabs-nav li{ margin-bottom:2px; border:none!important;}
.ui-tabs .ui-tabs-nav li a.complete{background-color:#ed672b!important; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active{ border:none!important;background-color:#ed672b;  }
.ui-tabs .ui-tabs-nav li.ui-tabs-active a{background-color:#ed672b; color:#fff; }

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	background-color:#ed672b;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{ background-color:transparent;}

.ui-state-default a:hover{color:#fff;}
.ui-state-default a:hover{background-color:#ed672b!important;}

/*.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{ border:none;background-color:#ed672b; }*
/

.info-warning{ font-size:18px; font-weight: bold;}
.info-small{ font-size:16px; font-weight:normal; margin-bottom: 15px;}

.ui-widget-content{background-color:transparent!important;}

*/

/*
.hosform-form-wrapper button.submit, .hosform-form-wrapper input.submit, .hosform-form-wrapper .hosform-button{background-color:transparent;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{background-color: #fad1bf;   }*/

/*
.ui-state-disabled , .ui-widget-content .ui-state-disabled , .ui-widget-header .ui-state-disabled { border:none!important; border-bottom:5px solid #ccc;}
.ui-state-disabled a, .ui-widget-content .ui-state-disabled a, .ui-widget-header .ui-state-disabled a{ background-color:transparent!important; border:none!important; }

.hosform-form-wrapper button.submit.complete, 
.hosform-form-wrapper input.submit.complete, 
.hosform-form-wrapper .hosform-button.complete{
	background-color:#ed672b; color:#fff; 
}



/* calendar */
/****************************************************************************************************************************************
/***************************************************************************************************************************************/
.hosform-form-wrapper input.box, .hosform-form-wrapper div.input-box, .hosform-form-wrapper div.box{border-width: 1px;transition: background-color 0.3s ease-in-out;}
.hosform-form-wrapper input.box:hover, .hosform-form-wrapper div.input-box:hover, .hosform-form-wrapper div.box:hover{background-color:#F1D955; color:#000; }


/* Toggle Button */
/****************************************************************************************************************************************
/*************************************************************************************************************************************** /

.CheckBoxes input[type="radio"], .CheckBoxes input[type="checkbox"] {
	-webkit-appearance: none;
	-webkit-tap-highlight-color: transparent;
	position: relative;
	border: 0;
	outline: 0;
	cursor: pointer;
	margin: 7px;
} 


/* To create surface of toggle button * /

.CheckBoxes input[type="radio"]:after, .CheckBoxes input[type="checkbox"]:after {
	content: '';
	width: 50px;
	height: 20px;
	display: inline-block;
	background: rgba(196, 195, 195, 0.55);
	border-radius: 18px;
	clear: both;
}


/* Contents before checkbox to create toggle handle * /

.CheckBoxes input[type="radio"]:before, .CheckBoxes input[type="checkbox"]:before {
	content: '';
	width: 25px;
	height: 25px;
	display: block;
	position: absolute;
	left: 0;
	top: -3px;
	border-radius: 50%;
	background: rgb(255, 255, 255);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
}


/* Shift the handle to left on check event * /

.CheckBoxes input[type="radio"]:checked:before, .CheckBoxes input[type="checkbox"]:checked:before {
	left: 25px;
	box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.6);
}

.CheckBoxes input[type="radio"]:checked:after, .CheckBoxes input[type="checkbox"]:checked:after {
	background: #16a085;
}


/* Transition for smoothness * /

.CheckBoxes input[type="radio"],
.CheckBoxes input[type="checkbox"],
.CheckBoxes input[type="radio"]:before,
.CheckBoxes input[type="checkbox"]:before,
.CheckBoxes input[type="radio"]:after,
.CheckBoxes input[type="checkbox"]:after,
.CheckBoxes input[type="radio"]:checked:before,
.CheckBoxes input[type="checkbox"]:checked:before,
.CheckBoxes input[type="radio"]:checked:after, /* Ajoutez une virgule ici * /
.CheckBoxes input[type="checkbox"]:checked:after {
	transition: ease .3s;
	-webkit-transition: ease .3s;
	-moz-transition: ease .3s;
	-o-transition: ease .3s;
}


.CheckBoxes + label{ margin-left:35px;}


/* Custom Color */

.red:checked:after {
	background: #dc281e;
}

.blue:checked:after {
	background: #396afc;
}
 
.orange:checked:after {
	background: #fc4a1a;
}

.purple:checked:after {
	background: #f953c6;
}





/*
@supports (-webkit-appearance: none) or (-moz-appearance: none) {
    .CheckBoxes input[type=checkbox] {
      --active: #275EFE;
      --active-inner: #fff;
      --focus: 2px rgba(39, 94, 254, .3);
      --border: #BBC1E1;
      --border-hover: #275EFE;
      --background: #fff;
      --disabled: #F6F8FF;
      --disabled-inner: #E1E6F9;
      -webkit-appearance: none;
      -moz-appearance: none;
      height: 21px;
      outline: none;
      display: inline-block;
      vertical-align: top;
      position: relative;
      margin: 0;
      cursor: pointer;
      border: 1px solid var(--bc, var(--border));
      background: var(--b, var(--background));
      transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
    }
    .CheckBoxes input[type=checkbox]:after {
      content: "";
      display: block;
      left: 0;
      top: 0;
      position: absolute;
      transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
    }
    .CheckBoxes input[type=checkbox]:checked {
      --b: var(--active);
      --bc: var(--active);
      --d-o: .3s;
      --d-t: .6s;
      --d-t-e: cubic-bezier(.2, .85, .32, 1.2);
    }
    .CheckBoxes input[type=checkbox]:disabled {
      --b: var(--disabled);
      cursor: not-allowed;
      opacity: 0.9;
    }
    .CheckBoxes input[type=checkbox]:disabled:checked {
      --b: var(--disabled-inner);
      --bc: var(--border);
    }
    .CheckBoxes input[type=checkbox]:disabled + label {
      cursor: not-allowed;
    }
    .CheckBoxes input[type=checkbox]:hover:not(:checked):not(:disabled) {
      --bc: var(--border-hover);
    }
    .CheckBoxes input[type=checkbox]:focus {
      box-shadow: 0 0 0 var(--focus);
    }
    .CheckBoxes input[type=checkbox]:not(.switch) {
      width: 21px;
    }
    .CheckBoxes input[type=checkbox]:not(.switch):after {
      opacity: var(--o, 0);
    }
    .CheckBoxes input[type=checkbox]:not(.switch):checked {
      --o: 1;
    }
    .CheckBoxes input[type=checkbox] + label {
      display: inline-block;
      vertical-align: middle;
      cursor: pointer;
      margin-left: 4px;
    }

    .CheckBoxes input[type=checkbox]:not(.switch) {
      border-radius: 7px;
    }
    .CheckBoxes input[type=checkbox]:not(.switch):after {
      width: 5px;
      height: 9px;
      border: 2px solid var(--active-inner);
      border-top: 0;
      border-left: 0;
      left: 7px;
      top: 4px;
      transform: rotate(var(--r, 20deg));
    }
    .CheckBoxes input[type=checkbox]:not(.switch):checked {
      --r: 43deg;
    }
    .CheckBoxes input[type=checkbox].switch {
      width: 38px;
      border-radius: 11px;
    }
    .CheckBoxes input[type=checkbox].switch:after {
      left: 2px;
      top: 2px;
      border-radius: 50%;
      width: 17px;
      height: 17px;
      background: var(--ab, var(--border));
      transform: translateX(var(--x, 0));
    }
    .CheckBoxes input[type=checkbox].switch:checked {
      --ab: var(--active-inner);
      --x: 17px;
    }
    .CheckBoxes input[type=checkbox].switch:disabled:not(:checked):after {
      opacity: 0.6;
    }
  }

  .CheckBoxes * {
    box-sizing: inherit;
  }
  .CheckBoxes *:before,
  .CheckBoxes *:after {
    box-sizing: inherit;
  }
*/




/*
.CheckBoxes input[type="checkbox"] {
    visibility: hidden;
    display: none;
  }

  .CheckBoxes .toggle {
    position: relative;
    display: block;
    width: 40px;
    height: 20px;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transform: translate3d(0, 0, 0);
  }
  .CheckBoxes .toggle:before {
    content: "";
    position: relative;
    top: 3px;
    left: 3px;
    width: 34px;
    height: 14px;
    display: block;
    background: #9A9999;
    border-radius: 8px;
    transition: background 0.2s ease;
  }
  .CheckBoxes .toggle span {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    display: block;
    background: white;
    border-radius: 10px;
    box-shadow: 0 3px 8px rgba(154, 153, 153, 0.5);
    transition: all 0.2s ease;
  }
  .CheckBoxes .toggle span:before {
    content: "";
    position: absolute;
    display: block;
    margin: -18px;
    width: 56px;
    height: 56px;
    background: rgba(79, 46, 220, 0.5);
    border-radius: 50%;
    transform: scale(0);
    opacity: 1;
    pointer-events: none;
  }

  .CheckBoxes #exampleUniq:checked + .toggle:before {
    background: #947ADA;
  }
  .CheckBoxes #exampleUniq:checked + .toggle span {
    background: #4F2EDC;
    transform: translateX(20px);
    transition: all 0.2s cubic-bezier(0.8, 0.4, 0.3, 1.25), background 0.15s ease;
    box-shadow: 0 3px 8px rgba(79, 46, 220, 0.2);
  }
  .CheckBoxes #exampleUniq:checked + .toggle span:before {
    transform: scale(1);
    opacity: 0;
    transition: all 0.4s ease;
  }*/