/* ------------------------------------------------------------------------------- NOUVELLE CONFIGURATION -----------------------------------------------------------------------*/
    .checkbox-wrapper-8 .tgl {display: none;}
    .checkbox-wrapper-8 .tgl,
    .checkbox-wrapper-8 .tgl:after,
    .checkbox-wrapper-8 .tgl:before,
    .checkbox-wrapper-8 .tgl *,
    .checkbox-wrapper-8 .tgl *:after,
    .checkbox-wrapper-8 .tgl *:before,
    .checkbox-wrapper-8 .tgl + .tgl-btn {box-sizing: border-box;}
    .checkbox-wrapper-8 .tgl::-moz-selection,
    .checkbox-wrapper-8 .tgl:after::-moz-selection,
    .checkbox-wrapper-8 .tgl:before::-moz-selection,
    .checkbox-wrapper-8 .tgl *::-moz-selection,
    .checkbox-wrapper-8 .tgl *:after::-moz-selection,
    .checkbox-wrapper-8 .tgl *:before::-moz-selection,
    .checkbox-wrapper-8 .tgl + .tgl-btn::-moz-selection,
    .checkbox-wrapper-8 .tgl::selection,
    .checkbox-wrapper-8 .tgl:after::selection,
    .checkbox-wrapper-8 .tgl:before::selection,
    .checkbox-wrapper-8 .tgl *::selection,
    .checkbox-wrapper-8 .tgl *:after::selection,
    .checkbox-wrapper-8 .tgl *:before::selection,
    .checkbox-wrapper-8 .tgl + .tgl-btn::selection {background: none;}
    .checkbox-wrapper-8 .tgl + .tgl-btn {
        outline: 0;
        display: block;
        width: 150px;
        height: 30px;
        position: relative;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    .checkbox-wrapper-8 .tgl + .tgl-btn:after,
    .checkbox-wrapper-8 .tgl + .tgl-btn:before {
        position: relative;
        display: block;
        content: "";
        width: 50%;
        height: 100%;
    }
    .checkbox-wrapper-8 .tgl + .tgl-btn:after {left: 0;}
    .checkbox-wrapper-8 .tgl + .tgl-btn:before {display: none;}
    .checkbox-wrapper-8 .tgl:checked + .tgl-btn:after {left: 50%;}
    .checkbox-wrapper-8 .tgl-skewed + .tgl-btn {
        overflow: hidden;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transition: all 0.2s ease;
        font-family: sans-serif;
        background: #f7d570;
        margin-bottom: 0px;
        border-radius: 3px;
    }
    .checkbox-wrapper-8 .tgl-skewed + .tgl-btn:after,
    .checkbox-wrapper-8 .tgl-skewed + .tgl-btn:before {
        display: inline-block;
        transition: all 0.2s ease;
        width: 100%;
        text-align: center;
        position: absolute;
        line-height: 2em;
        font-weight: bold;
        color: #f00;
    }
    .checkbox-wrapper-8 .tgl-skewed + .tgl-btn:after {
        left: 100%;
        color: #fff;
        content: attr(data-tg-on);
    }
    .checkbox-wrapper-8 .tgl-skewed + .tgl-btn:before {
        left: 0;
        content: attr(data-tg-off);
    }
    .checkbox-wrapper-8 .tgl-skewed + .tgl-btn:active {background: #888;}
    .checkbox-wrapper-8 .tgl-skewed + .tgl-btn:active:before {left: -10%;}
    .checkbox-wrapper-8 .tgl-skewed:checked + .tgl-btn {background: #1c9f7a;}
    .checkbox-wrapper-8 .tgl-skewed:checked + .tgl-btn:before {left: -100%;}
    .checkbox-wrapper-8 .tgl-skewed:checked + .tgl-btn:after {left: 0;}
    .checkbox-wrapper-8 .tgl-skewed:checked + .tgl-btn:active:after {left: 10%;}
    
    
/* ------------------------------------------------------------------------------- ANCIENNE CONFIGURATION -----------------------------------------------------------------------*/

input[type="radio"].demo1 {
  display: none;
}
input[type="radio"].demo1 + label {
  padding: 0.3rem 0.5rem;
  border: 1px dashed #ccc;
}
input[type="radio"].demo1:checked + label {
  border: 1px solid #000;
}



/* checkbox curseur glissant ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
    .oui_non:after {content: 'Non'; }
    .oui_non:before {content: 'oui'; }
    .plein_vide:after {content: 'Vide'; }
    .plein_vide:before {content: 'Pein'; }
    
    
    .slideThree {
    	width: 100px;
    	height: 26px;
    	background: #67d0d0;
    	margin: auto;
    	z-index: 0;
    
    	/*-webkit-border-radius: 50px;
    	-moz-border-radius: 50px;*/
    	border-radius: 50px;
    	position: relative;
    
    	/*-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
    	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);*/
    	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
    }

    .slideThree:after {
    	font: 12px/26px Arial, sans-serif;
    	color: #000;
    	position: absolute;
    	right: 10px;
    	top:0px;
    	z-index: 0;
    	font-weight: bold;
    	text-shadow: 1px 1px 0px rgba(255,255,255,.15);
    }

    .slideThree:before {
    	font: 12px/26px Arial, sans-serif;
    	color: red;
    	position: absolute;
    	left: 10px;
    	z-index: 0;
    	font-weight: bold;
    }
    
    .slideThree label {
    	display: block;
    	width: 44px;
    	height: 20px;
    
    	/*-webkit-border-radius: 50px;
    	-moz-border-radius: 50px;*/
    	border-radius: 50px;
    
    	/*-webkit-transition: all .4s ease;
    	-moz-transition: all .4s ease;
    	-o-transition: all .4s ease;
    	-ms-transition: all .4s ease;*/
    	transition: all .4s ease;
    	cursor: pointer;
    	position: absolute;
    	top: 3px;
    	left: 3px;
    	z-index: 1;
    
    	/*-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
    	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);*/
    	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
    	background: #ffb300;
    
    	/*background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);*/
    	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
    }
    
    
    .slideThree input[type=checkbox]:checked + label {
    	left: 53px;
    }
    input[type="checkbox"], input[type="radio"].roundedOne {
        margin: 7px -2000px  0;
    }











/* Rcheckbox rond a voyant ---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* ROUNDED ONE */
    .roundedOne {
    	width: 28px;
    	height: 28px;
    	background: #fcfff4;
    
    	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
    	margin: 2px auto;
    
    	-webkit-border-radius: 50px;
    	-moz-border-radius: 50px;
    	border-radius: 50px;
    
    	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
    	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
    	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
    	position: relative;
    }
    
    .roundedOne label {
    	cursor: pointer;
    	position: absolute;
    	width: 20px;
    	height: 20px;
    
    	-webkit-border-radius: 50px;
    	-moz-border-radius: 50px;
    	border-radius: 50px;
    	left: 4px;
    	top: 4px;
    
    	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
    	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
    	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
    
    	background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
    	background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
    	background: -o-linear-gradient(top, #222 0%, #45484d 100%);
    	background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
    	background: linear-gradient(top, #222 0%, #45484d 100%);
    	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
    }
    
    .roundedOne label:after {
    	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    	filter: alpha(opacity=0);
    	opacity: 0;
    	content: '';
    	position: absolute;
    	width: 16px;
    	height: 16px;
    	background: #00bf00;
    
    	background: -webkit-linear-gradient(top, #00bf00 0%, #009400 100%);
    	background: -moz-linear-gradient(top, #00bf00 0%, #009400 100%);
    	background: -o-linear-gradient(top, #00bf00 0%, #009400 100%);
    	background: -ms-linear-gradient(top, #00bf00 0%, #009400 100%);
    	background: linear-gradient(top, #00bf00 0%, #009400 100%);
    
    	-webkit-border-radius: 50px;
    	-moz-border-radius: 50px;
    	border-radius: 50px;
    	top: 2px;
    	left: 2px;
    
    	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
    	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
    	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
    }
    
    .roundedOne label:hover::after {
    	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    	filter: alpha(opacity=30);
    	opacity: 0.3;
    }
    
    .roundedOne input[type=checkbox]:checked + label:after {
    	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    	filter: alpha(opacity=100);
    	opacity: 1;
    }