/* EDIGRAINS CSS */

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { display: none; }

@font-face 
{
        font-family: "Myriad Pro";
        src: url('fonts/MyriadPro.eot');
        src: url('fonts/MyriadPro.otf') format('truetype'),
             url('fonts/MyriadPro.woff') format('woff'),
             url('fonts/MyriadPro.eot?#iefix') format('embedded-opentype'),
             url('fonts/MyriadPro.svg#MyriadPro') format('svg');
        font-weight: normal;
        font-style: normal;
}

* {
-ms-overflow-style: -ms-autohiding-scrollbar;
}

* a img{
	text-decoration:none;
	outline:none;
	border:none;
}

ul, ol {
	margin: 0;
	padding: 0;
}

sup{
	line-height: initial;
    font-size:0.8em;
}

div[contenteditable='true'],
span[contenteditable='true'] {
	cursor: pointer;
}

p, a , td {
	outline-width: 2px;
}

.sortable_placeholder {
	border: 1px solid red;
}

.ui-state-default {
	border: 3px dashed #bababa;
}

#accordion .ui-state-default {
	border: none;
}

a {
	text-decoration: none;
	color: inherit;
}

a[disabled] {
	opacity: 0.3;
}

body {
	overscroll-behavior-y: none;
	margin:0;
	padding: 0;
	font-family: "Myriad Pro";
	outline: none;
}


/* @-moz-document url-prefix()
{
    [data-type="mdp"] *{
    	letter-spacing: -0.0194em;
    }
} */

@media (min-width: 850px){
	::-webkit-scrollbar {
			height: 9px;
			width: 8px;
	}
	 

	::-webkit-scrollbar-track {

	    -webkit-border-radius: 1px;
	    border-radius: 1px;
	}
	 

	::-webkit-scrollbar-thumb {
	    -webkit-border-radius: 1px;
	    background: rgba(100,100,100,0.8);
	    border-radius: 1px; 
	     
	}
	::-webkit-scrollbar-thumb:window-inactive {
		background: rgba(240,240,240,0.5); 
	}

}

input[type=checkbox].css-checkbox {
		display:none;
}


input[type=checkbox].css-checkbox + label.css-label {
	padding-left:20px;
	height:15px; 
	display:inline-block;
	line-height:15px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:15px;
	vertical-align:middle;
	cursor:pointer;
}

input[type=checkbox].css-checkbox:checked + label.css-label {
	background-position: 0 -15px;
}
						
.css-label{
	background-image:url(img/dark-check.png);
}

.tiny {
	font-size: 16px !important;
	color: #4D4D4D;
}

.tiny2 {
	font-size: 20px !important;
	color: #4D4D4D;
}


.small {
	font-size: 24px !important;
	color: #4D4D4D;
}

.medium {
	font-size: 32px !important;
	color: #4D4D4D;
}
.large {
	font-size: 64px !important;
	color: #4D4D4D;
}

.nav-large {
	font-size: 50px !important;
	color: #4D4D4D;
}


.textCKE {
	overflow: hidden;
}

.textCKE p{
	margin:0;
}

.textCKE ol , .textCKE ul{
	padding-left: 40px;

}

.textCKE ul li , .textCKE ol li {
	background-color: transparent !important;
	color: inherit;
	margin: 0;
	float: none;
	height: auto;
	width: auto;
	cursor: text;
}


.textCKE ul li:hover , .textCKE ol li:hover {
	background-image: none !important;

}

.textCKE ul li::after , .textCKE ol li::after{
	content: '';

} 

.textCKE.placeholder, .textCKE.placeholder:before {
	color: #c2c2c2 !important;
}


.mode-freehand {
	position: absolute !important;
	
}


 

@media screen and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) , only screen and (max-width: 760px), only screen and (max-device-width: 760px) {
	
	.no-margin{margin-left: 0 !important; margin-right:0 !important;}
	.width100{ }
	.mode-freehand{position: initial !important;display: inline-block;width: 100%;}
	.mdc-width-auto-in-mobile {
		width: auto !important;
		max-width: 100%;
		margin-left:auto !important;
		margin-right:auto !important;
	}
}

@media handheld, only screen and (max-width: 760px), only screen and (max-device-width: 760px) {
	.no-margin{margin-left: 0 !important; margin-right:0 !important;}
	.width100{}	
	.mode-freehand{position: initial !important;display: inline-block;width: 100%;}
}

.mobile .mdc-hide-in-mobile {
	display: none !important;
}

.mobile .mdc-width-auto-in-mobile {
	width: auto !important;
	max-width: 100%;
	margin-left:auto !important;
	margin-right:auto !important;
	position: inherit !important;
}

.flowplayer.fixed-controls .fp-controls {
	bottom: 0px !important;
}

.flowplayer.fixed-controls .fp-time em {
	bottom: 5px !important;
}


	 

			body , html, .mdp12 , #global {
				height: 100%;
			}

			.mdp12{
				background-size: cover;
				background-position: center center;
				transform: translateZ(0);
			}



			#global {
				margin: 0 auto;
				display: -webkit-box;
				display: -webkit-flex;
				display: -moz-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				-webkit-flex-direction: column;
			    -moz-box-orient: vertical;
			    -moz-box-direction: normal;
				-ms-flex-direction: column;
				flex-direction: column;
		        -ms-flex-align: center;
		        -webkit-align-items: center;
		        -webkit-box-align: center;
		        -moz-box-align: center;
	            align-items: center;
	            -ms-flex-pack: center;
	            -webkit-justify-content: center;
	            -webkit-box-pack: center;
	            -moz-box-pack: center;
	            justify-content: center;
			}



			#top-head {
				width: 870px;
				height: 50px;
				min-height: 50px;
				margin: 0 auto;
				overflow: auto;
				/*-webkit-overflow-scrolling: touch;*/
				padding-top: 5px;
				border-radius: 5px;
				padding-top: 5px;
			}

	 
	 
			.mdp12 .back_main {
				width: 870px;
				margin: 0 auto;
				padding: 0;
			}

			.mdp12 .cplogo{
				float: left;
				height: 40px;
			}
			.mdp12 .cplogo img{
				height: 100%;
			}
			
			

			.mdp12 .box  {
			 
				
				overflow-y: auto;
				overflow-x: hidden;
				/*-webkit-overflow-scrolling: touch;*/
				float: left;
				 
				display: inline-block;
				width: 290px;
				height: 231px;
			 
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				background: rgba(255, 255, 255, 0.41);
	 

			}

			.mdp12 .line1 {
				overflow: hidden;
				height: 462px;
				/* background: #fcfcfc; */
				background-size: 100% auto;
				width: 100%;

			}






			.mdp12 #main {
				width: 598px;
				height: 448px;
				border: 1px solid #ddd;
				float: left;
				background-color: #fff;
				border-radius: 4px;
			}
			.mdp12 .bottom-area{
				width: 598px;
				height: 10px;
				border: 1px solid #ddd;
				float: left;
				background-color: #fff;
				border-radius: 4px;

			}
			
			.mdp12  #main_content {
				height: 405px;
				padding: 20px 20px;
				overflow: auto;
				/* -webkit-overflow-scrolling: touch; */
			}

			.mdp12  #main_module {
				display: inline-block;
				line-height: 44px;
				font-size: 20px;
				padding: 0 15px;
				float: right;
				box-sizing: border-box;
			}
		
			.mdp12 #main_number {
				 
				padding: 0px 10px;
				vertical-align: top;
				height: 50px;
				overflow: hidden;
				font-size: 20px;
				min-width: 20px;
				text-align: center;
				background: #FCFCFC;
			}

			.mdp12 #main_title {
				padding: 0px 10px;
				vertical-align: top;
				height: 50px;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
				font-size: 20px;
				 -ms-flex: 1 1 0.000000001px;
			     -webkit-flex: 1;
			     -webkit-box-flex: 1;
			     -moz-box-flex: 1;
			     flex: 1;
			     -webkit-flex-basis: 0.000000001px;
			     -ms-flex-preferred-size: 0.000000001px;
			     flex-basis: 0.000000001px;
				 
				overflow: hidden;
			}

			.mdp12 #main_title.nowrap{
				white-space: normal;
				line-height: 25px;
				font-size: 18px;
			}

	 

			.mdp12 #title {
				height: 30px;
				font-size: 16px;
				line-height: 30px;
				vertical-align: middle;
				width: 100%;
				background: #2D2D2D;
				border-radius: 4px;
				margin-top: 5px;
				margin-bottom: 4px;
				-webkit-box-shadow: 0px 0px 5px #000;
				        box-shadow: 0px 0px 5px #000;
			
			}




			.progBar{
				float: left;
				background: #cae5f8;
				width: 200px;
				border-radius: 5px;
				height: 4px;
				overflow: hidden;
				margin-top: 25px;
			}

			.progBar_value{
				height: 4px;
			}

			.progBar_nbr {
				float: left;
				margin-left: 10px;
				line-height: 50px;
				font-weight: 600;
				min-width: 50px;
				text-align: center;

			}



			#navigation_slider{
				float: right;
				height: 50px;
				line-height: 50px;
				margin: 0px 10px;
			}



			#section_right {
				width: 51%;
				height: 50px;
				vertical-align: top;
				float: right;
				text-align: center;
				margin-right: 10px;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				-ms-flex: 1 1 0.000000001px;
				    -webkit-flex: 1;
				    -webkit-box-flex: 1;
				    -moz-box-flex: 1;
				    flex: 1;
				    -webkit-flex-basis: 0.000000001px;
				    -ms-flex-preferred-size: 0.000000001px;
				    flex-basis: 0.000000001px;
				    -ms-flex-align: center;
				    -webkit-align-items: center;
				    -webkit-box-align: center;
				    -moz-box-align: center;
				    align-items: center;
				    display: -ms-flexbox;
				    display: -webkit-flex;
				    display: flex;
				    -ms-flex-direction: row;
				    -webkit-flex-direction: row;
				    flex-direction: row;


			}


			.mdp12 .header{
				height: 50px;
				min-height: 50px;
				line-height: 50px;
				-ms-flex-align: center;
				-webkit-align-items: center;
				-webkit-box-align: center;
				-moz-box-align: center;
				align-items: center;
				display: -ms-flexbox;
				display: -webkit-flex;
				display: flex;
				-ms-flex-direction: row;
				-webkit-flex-direction: row;
				flex-direction: row;

				border-bottom-style: solid;
				    
			}

			.mdp12 .header div {
				display: inline-block;
			}
			.mdp12 .header .btn{

				width: 50px;
				height: 50px;
				text-align: center;
				float: right;
				cursor: pointer;
				
			}

			.mdp12 .header .btn i {
				line-height: 50px;

				
			}

			
			.full-width {
				width: 100% ! important;
			}

			

			.mdp12 #picto-area{
				height: 50px;
				width: 50px;
				float: left;
			}

			.mdp12 #picto-area img {
				width: 100%;
				height: 100%;
			}

			.mdp12 .watermark{
				width: 870px;
				height: 20px;
				margin: 0 auto;			
			}

			.mdp12 #waterlogo{
				height: 13px;
				width: auto;
				float: right;
				margin-top: 5px;
			}

			.mdp12 #waterlogo img{
				height: 100%;
				width: auto;
			}


			#navigation-footer{
				width: 870px;
				height: 50px;
				line-height: 50px;
				margin: 0 auto;
				min-height: 50px;
				border-top-width: 1px;
				border-top-style: solid;
    			border-top-color: #f7f7f7;
				display: -ms-flexbox;
				display: -webkit-flex;
				display: flex;
				-ms-flex-direction: row;
				-webkit-flex-direction: row;
				flex-direction: row;
				 
			}

			 

			#navigation-footer .button-nav > div {
				display: inline-block;
				    width: 50px;
				    height: 50px;
				    line-height: 50px;
				    text-align: center;
			}

			#navigation-footer .button-nav{
				height: 100%;
				line-height: 50px;
				padding: 0 10px;

			}


			#navigation-footer .button-nav .btn-next {

				float: left;
				position: relative;
				overflow: hidden;
		
			}

			#navigation-footer .button-nav .btn-previous {
				float: left;
				
				position: relative;
				overflow: hidden;

				
			}

			#navigation-footer .button-nav i {
				 
				line-height: 51px;
				font-weight: 600;
				 
			}

			#navigation-footer .button-nav i:hover{
				 
			}

			#navigation-footer .nav-btn{
				cursor: pointer;
			}

			#navigation-footer .nav-btn.btn-next[disabled], 
			#navigation-footer .nav-btn.btn-previous[disabled],
			.mdp12 .nav-group .arrow[disabled] {
			    opacity: 0.5;
			    pointer-events: none;
			}

		 

	 
			 
 

			.feed-notice{
				width: 40px;
				height: 46px;
				float:left;
				display:none !important;	
				text-align:center;	
				line-height:40px;	
				cursor: pointer;
				border-right: 1px solid #FFF;
			}

			.feed-notice i {
				color:#f39c12 !important;
				transition:All 0.2s ease;
				-webkit-transition:All 0.2s ease;
				-moz-transition:All 0.2s ease;
				-o-transition:All 0.2s ease;

			}

			.feed-notice i:hover{
				-ms-transform:scale(1.2,1.2);
				    transform:scale(1.2,1.2);
				-moz-transform:scale(1.2,1.2);
				-webkit-transform:scale(1.2,1.2);

			}




	/* ribbon style */
			.icon-mirror {
				transform: scale(-1, 1);
			}


	/*================================== Modèles Classes ================================================================== */

	.sixbox #box1{width: 290px;}
	.sixbox #box2{width: 290px;}
	.sixbox #box3{width: 290px;}
	.sixbox #box4{width: 290px;}
	.sixbox #box5{width: 290px;}
	.sixbox #box6{width: 290px;}

	.fourbox #box1{width: 50%;}
	.fourbox #box2{width: 50%;}
	.fourbox #box3{width: 50%;}
	.fourbox #box4{width: 50%;}
	.fourbox #box5{display: none;}
	.fourbox #box6{display: none;}

	.ThreeCol #box1{width: 290px;height: 466px;}
	.ThreeCol #box2{width: 290px;height: 466px;}
	.ThreeCol #box3{width: 290px;height: 466px;}
	.ThreeCol #box4{display: none;}
	.ThreeCol #box5{display: none;}
	.ThreeCol #box6{display: none;}

	.OneRow2box #box1{width: 870px;}
	.OneRow2box #box2{width: 435px;}
	.OneRow2box #box3{width: 435px;}
	.OneRow2box #box4{display: none;}
	.OneRow2box #box5{display: none;}
	.OneRow2box #box6{display: none;}


	.OneRow3box #box1{width: 870px;}
	.OneRow3box #box2{width: 290px;}
	.OneRow3box #box3{width: 290px;}
	.OneRow3box #box4{width: 290px;}
	.OneRow3box #box5{display: none;}
	.OneRow3box #box6{display: none;}


	.OneCol4box #box1{width: 580px;}
	.OneCol4box #box2{width: 290px;}
	.OneCol4box #box3{width: 290px;}
	.OneCol4box #box4{width: 290px;}
	.OneCol4box #box5{width: 290px;}
	.OneCol4box #box6{display: none;}

	.FourBox1Col #box1{width: 290px;}
	.FourBox1Col #box2{width: 580px;}
	.FourBox1Col #box3{width: 290px;}
	.FourBox1Col #box4{width: 290px;}
	.FourBox1Col #box5{width: 290px;}
	.FourBox1Col #box6{display: none;}


	.OneCol2box #box1{width: 580px; height: 466px;}
	.OneCol2box #box2{width: 290px;}
	.OneCol2box #box3{width: 290px;}
	.OneCol2box #box4{display: none;}
	.OneCol2box #box5{display: none;}
	.OneCol2box #box6{display: none;}
	
	.TwoBoxOneCol #box1{width: 290px;}
	.TwoBoxOneCol #box2{width: 580px; height: 466px; float: right;}
	.TwoBoxOneCol #box3{width: 290px;}
	.TwoBoxOneCol #box4{display: none;}
	.TwoBoxOneCol #box5{display: none;}
	.TwoBoxOneCol #box6{display: none;}

	.OneColfull #box1{width: 870px;height: 466px;}
	.OneColfull #box2{display: none;}
	.OneColfull #box3{display: none;}
	.OneColfull #box4{display: none;}
	.OneColfull #box5{display: none;}
	.OneColfull #box6{display: none;}


	.TwoRow1box #box1{width: 580px;}
	.TwoRow1box #box2{width: 290px;}
	.TwoRow1box #box3{width: 870px;}
	.TwoRow1box #box4{display: none;}
	.TwoRow1box #box5{display: none;}
	.TwoRow1box #box6{display: none;}

	.OneBoxTwoRow #box1{width: 290px;}
	.OneBoxTwoRow #box2{width: 580px;}
	.OneBoxTwoRow #box3{width: 870px;}
	.OneBoxTwoRow #box4{display: none;}
	.OneBoxTwoRow #box5{display: none;}
	.OneBoxTwoRow #box6{display: none;}

	.TwoRow2box #box1{width: 580px;}
	.TwoRow2box #box2{width: 290px;}
	.TwoRow2box #box3{width: 580px;}
	.TwoRow2box #box4{width: 290px;}
	.TwoRow2box #box5{display: none;}
	.TwoRow2box #box6{display: none;}

	.TwoBoxTwoRow #box1{width: 290px;}
	.TwoBoxTwoRow #box2{width: 580px;}
	.TwoBoxTwoRow #box3{width: 290px;}
	.TwoBoxTwoRow #box4{width: 580px;}
	.TwoBoxTwoRow #box5{display: none;}
	.TwoBoxTwoRow #box6{display: none;}

	.TwoRow #box1{width: 870px;}
	.TwoRow #box2{width: 870px;}
	.TwoRow #box3{display:none;}
	.TwoRow #box4{display:none;}
	.TwoRow #box5{display:none;}
	.TwoRow #box6{display:none;}

	.Equal #box1{width: 50%;height: 466px;}
	.Equal #box2{width: 50%;height: 466px;}
	.Equal #box3{display:none;}
	.Equal #box4{display:none;}
	.Equal #box5{display:none;}
	.Equal #box6{display:none;}


	.TwoCol #box1{width: 580px;height: 466px;}
	.TwoCol #box2{width: 290px;height: 466px;}
	.TwoCol #box3{display:none;}
	.TwoCol #box4{display:none;}
	.TwoCol #box5{display:none;}
	.TwoCol #box6{display:none;}

	.ColTwo #box1{width: 290px;height: 466px;}
	.ColTwo #box2{width: 580px;height: 466px;}
	.ColTwo #box3{display:none;}
	.ColTwo #box4{display:none;}
	.ColTwo #box5{display:none;}
	.ColTwo #box6{display:none;}


	.TwoRow1col #box1{width: 580px;}
	.TwoRow1col #box2{width: 290px;height: 466px;float: right;}
	.TwoRow1col #box3{width: 580px;}
	.TwoRow1col #box4{display:none;}
	.TwoRow1col #box5{display:none;}
	.TwoRow1col #box6{display:none;}

	.OneColTwoRow #box1{width: 290px; height: 466px;}
	.OneColTwoRow #box2{width: 580px;}
	.OneColTwoRow #box3{width: 580px;}
	.OneColTwoRow #box4{display:none;}
	.OneColTwoRow #box5{display:none;}
	.OneColTwoRow #box6{display:none;}

	.box-hide{display: none !important;}

	.mdp12 .icon-box1,.mdp12 .icon-box2,.mdp12 .icon-box3,.mdp12 .icon-box4,.mdp12 .icon-box5,.mdp12 .icon-box6 {
		
		font-family: 'edifont';
		    speak: none;
		    font-style: normal;
		    font-weight: normal;
		    font-variant: normal;
		    text-transform: none;
		    line-height: 1;
		    -webkit-font-smoothing: antialiased;
		    -moz-osx-font-smoothing: grayscale;
	}

	.mdp12 .icon-box1:before ,.mdp12 .icon-box2:before ,.mdp12 .icon-box3:before ,.mdp12 .icon-box4:before ,.mdp12 .icon-box5:before ,.mdp12 .icon-box6:before {
	content: "\e6b5";
	}

	* [layout][center], * [layout][center-center] {
	    -ms-flex-align: center;
	    -webkit-align-items: center;
	    -webkit-box-align: center;
	    -moz-box-align: center;
	    align-items: center;
	}
	* [layout][center-justified], * [layout][center-center] {
	  -ms-flex-pack: center;
	  -webkit-justify-content: center;
	  -webkit-box-pack: center;
	          -moz-box-pack: center;
	       justify-content: center;
	}

	* [layout][horizontal] {
	    -ms-flex-direction: row;
	    -webkit-flex-direction: row;
	    -webkit-box-orient: horizontal;
	    -webkit-box-direction: normal;
	    -moz-box-orient: horizontal;
	    -moz-box-direction: normal;
	    flex-direction: row;
	}

	* [layout][vertical] {
	  -ms-flex-direction: column;
	  -webkit-flex-direction: column;
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: normal;
	          -moz-box-orient: vertical;
	          -moz-box-direction: normal;
	       flex-direction: column;
	}

	* [layout][horizontal], * [layout][vertical] {
	    display: -ms-flexbox;
	    display: -webkit-flex;
	    display: -webkit-box;
	    display: -moz-box;
	    display: flex;
	}
	* [flex] {
	    -ms-flex: 1 1 0.000000001px;
	    -webkit-flex: 1;
	    -webkit-box-flex: 1;
	    -moz-box-flex: 1;
	    flex: 1;
	    -webkit-flex-basis: 0.000000001px;
	    -ms-flex-preferred-size: 0.000000001px;
	    flex-basis: 0.000000001px;
	}

	.splash-screen{
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}

	.splash-screen .loader-text{
		text-align: center;
		font-family: Arial;
		font-size: 1.5em;
		margin: 0 1em;
	}
	.splash-screen .loader-img{
		text-align: center;
	}
	.splash-screen .loader-img img{
		max-width: 45%;

	}

	.backward{
		position: fixed;
		top: 6px;
		left: 6px;
		z-index: 5;
		padding: 10px;
		box-shadow: 2px 2px 0 1px rgba(0, 0, 0, 0.14);
		cursor: pointer;
	}

	@media handheld, only screen and (max-height: 30em), only screen and (max-device-height: 30em){
		.splash-screen{
			 
		}
		.splash-screen .loader-img{
			
		}

		.splash-screen .loader-text{
			margin-top: 1em;
		}

		.loader{
			 display: none;
		}

		.loader.l4{
			position: fixed;
			left: 0;
			right: 0;
			top: 0;
			margin: 0;
		}
	}

/*====================== animations Loader==================*/
.loader {
   
  font-size: 20px;
  margin: 100px auto;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;

}

.loader.l1{
	-webkit-animation: dotspinner 1.3s infinite linear;
	animation: dotspinner 1.3s infinite linear;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
}
@-webkit-keyframes dotspinner {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}
@keyframes dotspinner {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}

/*============= Loader 2 ==================*/

.loader.l2:before,
.loader.l2:after,
.loader.l2 {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: linedots 1.8s infinite ease-in-out;
  animation: linedots 1.8s infinite ease-in-out;
}
.loader.l2 {
  font-size: 10px;
  margin: 80px auto;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader.l2:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader.l2:after {
  left: 3.5em;
}
.loader.l2:before,
.loader.l2:after {
  content: '';
  position: absolute;
  top: 0;
}
@-webkit-keyframes linedots {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes linedots {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}

/*============= Loader 3 ==================*/

.loader.l3 {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em; 
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: circular 1.1s infinite linear;
  animation: circular 1.1s infinite linear;
}
.loader.l3,
.loader.l3:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
@-webkit-keyframes circular {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes circular {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/*============= Loader 4 ==================*/
.loader.l4, .loader.l4:before {
  height: 3px;
  width: 100%;
  border-radius: 0;
}
.loader.l4 {
   
  display: -webkit-flex;
  display: flex;
}
.loader.l4:before {
   
  content: '';
  -webkit-animation: running-progress 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
  animation: running-progress 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
@-webkit-keyframes running-progress {
  0% { margin-left: 0px; margin-right: 100%; }
  50% { margin-left: 25%; margin-right: 0%; }
  100% { margin-left: 100%; margin-right: 0; }
}
@keyframes running-progress {
  0% { margin-left: 0px; margin-right: 100%; }
  50% { margin-left: 25%; margin-right: 0%; }
  100% { margin-left: 100%; margin-right: 0; }
}









	/*================================== Modèles Classes ================================================================== */






	/*================================== RESPONSIVE MPD ================================================================== */



	@media screen and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) , only screen and (max-width: 47.500em), only screen and (max-device-width: 47.500em) {
		/*body{
				background:url(img/bg760.jpg) no-repeat;
				
		}*/

		body{
			padding:0px; 
		}

		.mdp12{
			background-image: none !important;
			background: #ffffff !important;
		}

		.img1 img {
			position: inherit !important;
		}

		.img1 .div-container {
                        display: inline-block !important;
                }

		.mdp12:not(.mdp12_in_mobile) .clz2{
			transform: translateZ(0);
		}
                .mdp12:not(.mdp12_in_mobile) .box >*{
			transform: translateZ(0);
		}

		.mdp12 .has-pre-zone .clz2 .cloze-container{
			top: 100px;
		}
		.mdp12 .has-pre-message .clz2 .cloze-container{
			
		}
		.mdp12 .has-pre-zone.has-pre-message .clz2 .cloze-container{
			top: 124px;
		}
		#global{
			width: 100%;
			height: 100%;
			display: -webkit-box;
			display: -webkit-flex;
			display: -moz-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			-webkit-flex-direction: column;
		    -moz-box-orient: vertical;
		    -moz-box-direction: normal;
			-ms-flex-direction: column;
			flex-direction: column;
	        -ms-flex-align: center;
	        -webkit-align-items: center;
	        -webkit-box-align: center;
	        -moz-box-align: center;
            align-items: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            -webkit-box-pack: center;
            -moz-box-pack: center;
            justify-content: center;
			/* position: fixed;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0; */
			background-image: none !important;
			background-color: #fff;
		}

		#global .back_main{
			padding: 0;
			margin: 0;
			width: 100%;
			-webkit-box-flex: 1;
			-webkit-flex: 1;
			   -moz-box-flex: 1;
			    -ms-flex: 1;
			        flex: 1;
	   		overflow: auto;
			/*-webkit-overflow-scrolling: touch;*/
	   	}

		#global #main{width: 100%;}

		#global #top-head{width: 100%;height: auto;text-align: center;}

		.mdp12 #main_module{margin-right: 0 !important;line-height: initial;}

		.mdp12 .box{
			 
			height: auto !important;
			width: 100vw !important;
			margin: 0;
		}
		

		.watermark{
			bottom: 83px;
			height: auto !important;
		    text-align: center;
		    position: fixed;
		    left: -71px;
		    width: 150px !important;
		    z-index: 5;
			transform: rotate(-90deg);
			-webkit-transform: rotate(-90deg);
			-ms-transform: rotate(-90deg);
			-moz-transform: rotate(-90deg);
		}
		.mdp12 #waterlogo {float: none;height: 10px;}

		#navigation-footer{width: 100%;position: fixed;left:0;right:0;bottom: 0px;z-index: 10;}

		#navigation-footer .button-nav{
			-ms-flex: 1 1 0.000000001px;
			-webkit-flex: 1;
			-webkit-box-flex: 1;
			-moz-box-flex: 1;
			flex: 1;
			-webkit-flex-basis: 0.000000001px;
			-ms-flex-preferred-size: 0.000000001px;
			flex-basis: 0.000000001px;
		}

		.mdp12 .line1{box-sizing: border-box;overflow:auto;height: 100%; padding-bottom: 106px; padding-top: 50px;}
		
		@supports (-webkit-overflow-scrolling: touch) {
			.mdp12 .line1 {
				height: auto !important;
			}
		}

		.ie .mdp12 .line1{
			overflow:initial !important;
		}

		.mdp12 .can-responsive .score .btn-score{line-height: 40px;}
		.mdp12 .can-responsive .score .check-score{}
		.mdp12 .can-responsive .score .score-number{height: 100%;line-height: 50px;}
		.mdp12 #main_title{}
		#section_right.mobile{
			  
			 width: 60px;
			 height: 60px;
 
			 margin: 0;
			 -ms-flex: 0 0 0.000000000px;
			     -webkit-flex: 0;
			     -webkit-box-flex: 0;
			     -moz-box-flex: 0;
			     flex: 0;
			     -webkit-flex-basis: 0.000000000px;
			     -ms-flex-preferred-size: 0.000000000px;
			     flex-basis: 0.000000000px;
		}

		.mobile.stay-responsive{
			position: fixed;
			bottom: 55px;
			right: 20px;
			z-index: 5;
		}

		.mdp12 .txt1 .textCKE,
		.mdp12 .img1 .img-c
		{
	           margin-top: 0 !important;
		}
                .mdp12 .img1 .img-c{
                     text-align: center ;
                 }

		.mdp12 .img1 .align-left .div-container{
			text-align: left;
		}

		.mdp12 .img1 .align-right .div-container{
			text-align: right;
		}

		.mdp12 .txt1 .textCKE {
			padding: 0px 8px !important;
		}

		.mdp12 .ins1 {
			width: -webkit-calc(100% - 40px) !important;
			width: -moz-calc(100% - 40px) !important;
			width: calc(100% - 40px) !important;
		}

		.mdp12 .ins1 .zone-text {
			margin: 0 !important;
		}

		.mdp12 .vdo1 .flowplayer .fp-ratio {
			width: 100% !important;
			padding-bottom: 0 !important;
			margin-left: 0 !important;
		}

		.mdp12 .mda1 .video {
			width: 100% !important;
			margin-left: 0 !important;
			padding-bottom: 56.25% !important;
		}

		.mdp12 .line1.mobile{
			 
		}

		.mdp12.is_cloze .line1.mobile{
			padding-top: 130px;
		}

		.mdp12 .line1.mobile .vdo1_full_grain {
			top: 50%;
			left: 0;
			right: 0;
			-webkit-transform: translateY(-50%);
			   -moz-transform: translateY(-50%);
			    -ms-transform: translateY(-50%);
			        transform: translateY(-50%);
			width: 100%;
			border-radius: 0;
			border: none;
			z-index: 2;
		}


		.eg-mdc {
		    margin-left: 20px !important;
		    margin-right: 20px !important;
		    margin-top: 10px !important;
		}

		#section_right .eg-mdc {
		    margin-top: 0px !important;
		}

		.mdp12 .lightbox .contenu .data .vdo1_full_grain{
			margin-top: 0 !important;
			position: initial !important;
			width:100% !important;
		}

		.mdp12 .lightbox .contenu .data .vdo1{
			margin-top: 0 !important;
		}

		.mdp12 .lightbox .contenu .data .vdo1 .close-full{
			display: none !important;
		}

		.mdp12 .imgmap2{
			width: auto !important;
			margin-left: 0 !important;
			margin-right: 0 !important;
		}

	 



	}

	@media handheld, only screen and (max-width: 37.5625em), only screen and (max-device-width: 37.5625em) {

		.progBar{}
		.progBar_nbr{color: #FFFFFF;}
		
		.mdp12 #main_title{}
		.feed-notice{display: block !important;}
		.TwoCol #box2{display: none;}
		.line1.mobile.TwoCol #box2{
			display: block !important;
		}


	}

	@media handheld, only screen and (max-height: 26.25em), only screen and (max-device-height: 26.25em){
		.pre-zone{
			/* position: fixed;
			right: 0;
			top: 80px;
			z-index: 5;
			bottom: 50px;
			width: 35px; */
			/* background: none !important; */
			padding: 0;
		}

		.mdp12 .line1{}

		.mdp12 .has-pre-zone .clz2 .cloze-container , .mdp12 .has-pre-zone.has-pre-message .clz2 .cloze-container{
			top: 50px !important;
		}

		.pre-zone .toggle{
			-webkit-box-shadow: 0 1px 5px #C30E2E !important;
			        box-shadow: 0 1px 5px #C30E2E !important;
		}
		.pre-message{display: none;}
		.pre-buttons .toggle{
			margin:5px 0;
		}
		.back_main{
			 
		}
	}


	 

	@media handheld, only screen and (max-width: 20.938em), only screen and (max-device-width: 20.938em) {
	.mdp12 #main_title {}


	}

	.top-bar {
		height: 50px;
		width: 100%;
		min-height: 50px;
		z-index: 6;
		background: #fff;
		position: fixed;
		left: 0;
		top: 0;
	}

	.top-bar .titre-du-grain{
		text-align: center;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		font-size: 15px;
	}
	.top-bar .titre-du-grain.nowrap{
		white-space: normal;
	}

	.top-bar .screen-progress{
		background: #eee;
		height: 3px;
		overflow: hidden;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
	}

	.top-bar .screen-progress .progress-value{
		opacity: 0.3;
		height: 100%;
		-webkit-transition: width 0.2s ease;
		-moz-transition: width 0.2s ease;
		transition: width 0.2s ease;
	}

	.top-bar .menu{
		padding: 5px;
		cursor: pointer;
		z-index: 3;
	}

	.top-bar .menu i{
		font-size: 24px;
	}

	.top-bar .logo{
		height: 40px;
		padding: 5px;
	}

	.top-bar .logo img{
		width: auto;
		height: auto;
		max-width: 100%;
		max-height: 100%;
	}

	.top-bar .nav-group .screen-counter{
		font-size: 16px;
		font-weight: 600;
	    height: 20px;
	    line-height: 20px;
	    display: block;
	    padding: 3px 3px;
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%,-50%);
	    -webkit-transform: translate(-50%,-50%);
	    -ms-transform: translate(-50%,-50%);
	    border-radius: 3px;
	    margin-top: 7px;
	}

	.top-bar .nav-group{
		z-index: 12;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		text-align: center;
		line-height: 50px;
		box-shadow: 0 -2px 10px 0 rgba(0, 0, 0, 0.1);
	}

	.top-bar .nav-group .arrow{
		width: 50px;
		height: 50px;
		display: inline-block;
		border-radius: 0 50px 0 0;
		cursor: pointer;
		text-align: center;
		margin: 0;
		float: left;
	}

	.top-bar .nav-group .arrow.right{
		float: right;
		border-radius: 50px 0 0 0;
		padding-right: 0;
	}

	.top-bar .nav-group .arrow.right i {
	    margin-right: -15px;
	}

	.top-bar .nav-group .arrow i{
		line-height: 60px;
		font-size: 30px;
		    margin-left: -10px;
	}

	.pre-zone{
		margin-top: 50px;
		padding: 10px;
		text-align: center;
		width:100%;
		box-sizing: border-box;
	}

	.pre-buttons{
		
	}

	.pre-buttons .toggle{
		display: inline-block;
		background: #fff;
		width: 30px;
		height: 30px;
		border-radius: 50%;
		text-align: center;
		cursor: pointer;
		-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
		        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
	}

	.pre-buttons .toggle i{
		line-height: 30px;
	}

	.pre-message{
		font-size: 14px;
		    margin: 5px 0;
	}

	.menu-expand{
		position: fixed;
		top: 0;
		bottom: 0;
		background-color: #fff;
		-webkit-box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.29);
		box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.29);
		right: 30%;
		z-index: 14;
		left: 0;
		overflow: auto;
		/*-webkit-overflow-scrolling: touch;*/
	}

	.menu-expand .menu-info{
		padding: 10px 5px;
		text-align: center;
		font-size: 22px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		   -moz-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: center;
		-webkit-align-items: center;
		   -moz-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		height: 35px\9;
	}

	.menu-expand .menu-info .module-title{
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		   -moz-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		    text-align: left;
		    overflow: hidden;
		    float: left\9;
		    max-width: 80%\9;
	}

	.menu-expand .menu-info .screen-number{
		    font-size: 14px;
		    float: right\9;
	}
	.menu-expand .menu-info .screen-number i{
		display: block;
	}

	.menu-expand .titre-grain{
		border-bottom: 1px solid #F1F1F1;
		    padding: 5px;
		    display: -webkit-box;
		    display: -webkit-flex;
		    display: -moz-box;
		    display: -ms-flexbox;
		    display: flex;
		    -webkit-box-align: center;
		    -webkit-align-items: center;
		       -moz-box-align: center;
		        -ms-flex-align: center;
		            align-items: center;
		    min-height: 30px\9;
		    cursor: pointer;
	}

	.menu-expand .titre-grain.active{
		    background-color: rgba(0, 0, 0, 0.03);
	}
	.menu-expand .titre-grain .number{
		width: 30px;
		height: 30px;
		text-align: center;
		margin-right: 5px;
		line-height: 30px;
		float: left\9;
	}

	.menu-expand .titre-grain > div{
		 
	}

	.menu-expand .titre-grain .libelle{
	 
		-webkit-box-flex: 1;
	 
		-webkit-flex: 1;
	 
		   -moz-box-flex: 1;
	 
		    -ms-flex: 1;
	 
		        flex: 1;
		margin-top: 6px\9;
		float: left\9;
	}

	.shadowbox{
		position: fixed;
		top: 0;
		left: 70%;
		right: 0;
		bottom: 0;
		background: rgba(0,0,0,0.6);
		z-index: 13;
	}

	@-webkit-keyframes slideInLeft {
	  from {
	    -webkit-transform: translate3d(-100%, 0, 0);
	    transform: translate3d(-100%, 0, 0);
	    visibility: visible;
	  }

	  100% {
	    -webkit-transform: translate3d(0, 0, 0);
	    transform: translate3d(0, 0, 0);
	  }
	}

	@-moz-keyframes slideInLeft {
	  from {
	    -webkit-transform: translate3d(-100%, 0, 0);
	    -moz-transform: translate3d(-100%, 0, 0);
	         transform: translate3d(-100%, 0, 0);
	    visibility: visible;
	  }

	  100% {
	    -webkit-transform: translate3d(0, 0, 0);
	    -moz-transform: translate3d(0, 0, 0);
	         transform: translate3d(0, 0, 0);
	  }
	}

	@keyframes slideInLeft {
	  from {
	    -webkit-transform: translate3d(-100%, 0, 0);
	    -moz-transform: translate3d(-100%, 0, 0);
	         transform: translate3d(-100%, 0, 0);
	    visibility: visible;
	  }

	  100% {
	    -webkit-transform: translate3d(0, 0, 0);
	    -moz-transform: translate3d(0, 0, 0);
	         transform: translate3d(0, 0, 0);
	  }
	}

	.slideInLeft {
	  -webkit-animation-name: slideInLeft;
	  -moz-animation-name: slideInLeft;
	       animation-name: slideInLeft;
	}

	@-webkit-keyframes slideInRight {
	  from {
	    -webkit-transform: translate3d(100%, 0, 0);
	    transform: translate3d(100%, 0, 0);
	    visibility: visible;
	  }

	  100% {
	    -webkit-transform: translate3d(0, 0, 0);
	    transform: translate3d(0, 0, 0);
	  }
	}

	@-moz-keyframes slideInRight {
	  from {
	    -webkit-transform: translate3d(100%, 0, 0);
	    -moz-transform: translate3d(100%, 0, 0);
	         transform: translate3d(100%, 0, 0);
	    visibility: visible;
	  }

	  100% {
	    -webkit-transform: translate3d(0, 0, 0);
	    -moz-transform: translate3d(0, 0, 0);
	         transform: translate3d(0, 0, 0);
	  }
	}

	@keyframes slideInRight {
	  from {
	    -webkit-transform: translate3d(100%, 0, 0);
	    -moz-transform: translate3d(100%, 0, 0);
	         transform: translate3d(100%, 0, 0);
	    visibility: visible;
	  }

	  100% {
	    -webkit-transform: translate3d(0, 0, 0);
	    -moz-transform: translate3d(0, 0, 0);
	         transform: translate3d(0, 0, 0);
	  }
	}

	.slideInRight {
	  -webkit-animation-name: slideInRight;
	  -moz-animation-name: slideInRight;
	       animation-name: slideInRight;
	}

	.animated {
	  -webkit-animation-duration: 0.3s;
	  -moz-animation-duration: 0.3s;
	       animation-duration: 0.3s;
	  -webkit-animation-fill-mode: both;
	  -moz-animation-fill-mode: both;
	       animation-fill-mode: both;
	}

	.lightbox-shadow{
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(0, 0, 0, 0.8);
		z-index: 5;
	}
	.lightbox{
		position: absolute;
	    top: 50%;
	    left: 50%;
	    -webkit-transform: translate(-50%, -50%);
	            -moz-transform: translate(-50%, -50%);
	             -ms-transform: translate(-50%, -50%);
	         transform: translate(-50%, -50%);
	    background: #fff;
	    z-index: 15;
	    max-height: 80%;
	    width: 80%;
	    border-radius: 4px;
	    -webkit-box-shadow: 0 0px 9px 2px #000;
	            box-shadow: 0 0px 9px 2px #000;
	    display: -webkit-flex;
	    display: -ms-flexbox;
	    display: -webkit-box;
	    display: -moz-box;
	    display: flex;

	}

	.lightbox .contenu{
		position: relative;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: -webkit-box;
		display: -moz-box;
		display: flex;
		-webkit-flex: 1;
		    -ms-flex: 1;
		        -webkit-box-flex: 1;
		           -moz-box-flex: 1;
		        flex: 1;
	}

	.lightbox .contenu .light-off{
		position: absolute;
		top: -35px;
		right: -35px;
		color: white;
		background: #F00;
		font-size: 25px;
		cursor: pointer;
		text-align: center;
		display: block;
		width: 40px;
		height: 40px;
		
		border-radius: 50%;
	}

	.lightbox .contenu .light-off i {
		line-height: 40px;
	}

	.lightbox .contenu .data{
		overflow: auto;
		/*-webkit-overflow-scrolling: touch;*/
		width: 100%;
	}



	.animated.hinge {
	  -webkit-animation-duration: 2s;
	  -moz-animation-duration: 2s;
	       animation-duration: 2s;
	}
	 


	.lightbox .contenu .eg-mdc{
		margin-left: 0 !important;
		margin-right: 0 !important;
		margin-top: 0px !important;
		margin-bottom: 10px !important;
	}

	.lightbox .contenu .eg-mdc:last-child{
		margin-bottom: 0 !important;
	}

	.pre-buttons .toggle.disabled, .pre-buttons .toggle[disabled]{
		pointer-events: none;
		opacity: 0.6;
	}




		





		.img1 {
			position: relative;
			margin:auto;
			text-align: center;
		}

		.img1 .start-click{
			position: absolute;
			top: 10px;
			left: 10px;
			z-index: 6;
			border-radius: 50%;
			transform: translateZ(0);
		}
		.img1 .start-click i.pulseicon{
			 
		}

		.img1 .start-click .shadow{
			position: absolute;
			top: 0;
			left: 0;
			z-index: 6;
			border-radius: 50%;
			width: 25px;
			    height: 25px;
		}
		.img1 .start-click .shadow.animate{
			animation: img1_pulse 10s linear infinite;
			-webkit-animation: img1_pulse 10s linear infinite;
			-ms-animation: img1_pulse 10s linear infinite;
		}

		@keyframes img1_pulse{
			0%{
				transform: scale(0);
				opacity: 0;
			}
			5%{
				opacity: 1;
				transform: scale(2);
			}
			10%{
				opacity: 0;
				transform: scale(3);
			}
			
			100%{
				transform: scale(3);
				opacity: 0;
			}
		}

		@-webkit-keyframes img1_pulse{
			0%{
				-webkit-transform: scale(0);
				opacity: 0;
			}
			5%{
				opacity: 1;
				-webkit-transform: scale(2);
			}
			10%{
				opacity: 0;
				-webkit-transform: scale(3);
			}
			
			100%{
				-webkit-transform: scale(3);
				opacity: 0;
			}
		}

		@keyframes img1_pulseicon{
			0%{
				opacity: 0;	
			}
			5%{
				opacity: 0.5;
			}
			10%{
				opacity: 1;
			}
			12%{
				opacity: 0;
			}
			100%{
				opacity: 0;
			}
		}
		@-webkit-keyframes img1_pulseicon{
			0%{
				opacity: 0;	
			}
			5%{
				opacity: 0.5;
			}
			10%{
				opacity: 1;
			}
			12%{
				opacity: 0;
			}
			100%{
				opacity: 0;
			}
		}
		

		.img1 .start-click i{

		}

		.img1 img {
			width: 100%;
			left: 0px;
			display: block;
			margin-right: auto;
			margin-left: auto;
		}

		.img1 .onoffcheck{
			float: left;
		}

		.img1 .align-left{
			text-align: left;
		}

		.img1 .align-right{
			text-align: right;
		}

		

		.img1 .container{
			-webkit-perspective: 1000;
			-o-perspective: 1000;
			perspective: 1000;
			position: relative;
		}

		.img1 .div-container {
			display: inline;
		}

		.img1 .flipper{
		    -webkit-transition: 0.3s;
		      -webkit-transform-style: preserve-3d;
		      -moz-transition: 0.3s;
		      -moz-transform-style: preserve-3d;
		      -o-transition: 0.3s;
		      -o-transform-style: preserve-3d;
		      -webkit-transition: 0.3s;
		              transition: 0.3s;
		      -webkit-transform-style: preserve-3d;
		              transform-style: preserve-3d;
		      width: 100%;

		}

		.img1 .face {
			width: 100%;
			height: 100%;
			-webkit-backface-visibility: hidden;
			      backface-visibility: hidden;
		}

		.img1 .face.back {
		    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
            box-sizing:border-box;
            position: absolute;
			top: 0;
			left: 0;
			overflow-y: auto;
			overflow-x:hidden;
			display: none;
			backface-visibility: visible\0/;
		}

		.img1 .flipit {
		    -webkit-transform: rotateY(180deg);
		    transform: rotateY(180deg);
		    height: 100%;
		}

		.img1 .flipit .face.back {
		   display: block;
		}

		.img1 .return-img{
			position: absolute;
		    top: 0px;
		    right: 0px;
		    background: rgba(45, 45, 45, 0.70);
		    padding: 0px 3px;
		    border-radius: 3px;
		    z-index: 2;
		}

		.img1 .return-img .eg-actions{
			display: inline-block;
		    
		    z-index: 5;
		    cursor: pointer;
		    line-height: 20px;
		    text-align: center;
		    height: 20px;
		    width: 20px;
		    padding: 5px 0px 0px 0px;
		}
		.img1 .return-img .eg-actions i {
			color: #fff !important;
		}

		.img1.left .flipit img{
			margin-left: 0;
			margin-right: auto;
		}
		.img1.right .flipit img{
			margin-left: auto;
			margin-right: 0;
		}

		.img1.center .flipit img{
			margin-left: auto;
			margin-right: auto;
		}

		.img1.left .flipit .face.back{
			right: 0;
			left: auto;
		}
		.img1.right .flipit .face.back{
			left: 0;
			right:auto;
		}
		.img1.center .flipit .face.back{
			transform: rotateY(180deg) translateX(-50%);
			-webkit-transform: rotateY(180deg) translateX(-50%);
			-ms-transform: rotateY(180deg) translateX(-50%);
			backface-visibility: visible;
			right: 50% !important;
			left: auto;
			box-sizing: border-box;
			overflow-x: hidden;
		}

		.img1.fit .flipit .face.back{
			left: 0;
			right: 0;
			transform: rotateY(180deg) translateX(0);
			-webkit-transform: rotateY(180deg) translateX(0);
			-ms-transform: rotateY(180deg) translateX(0);
		}

		

@media screen and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) , only screen and (max-width: 900px), only screen and (max-device-width: 900px) {
	.img1 , .img1 .img-c , .img1 img{height: auto !important;}
	.img1 .face.back {overflow: visible;};
}

/* iPhone 6, 7, & 8 */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px) {
   .img1 .return-img{
      -webkit-transform: translate3d(0,0,0);
   }
}


	


		.txt1 {
			position: relative;
			/*margin: 15px 0px 20px 0px;*/
		}

		.txt1 .textCKE{
			border-radius: 5px;
			min-height: 20px;
		}

		.txt1 .border{
			border-width: 1px;
			border-style: solid;
		}

		.txt1 .combobox select{
			position: absolute;
			left: 3px;
			top: 25px;
		}
		
		.txt1 .no-animate {

		}



		.txt1.mode-freehand {
			position: absolute;
			min-width: 200px;
		}
		
		.txt1 .slide-from-right {
			position: absolute;
			left: -200px;
			width: 200px;
			opacity:0.8;
			box-shadow: 0px 0px 15px black;
			-webkit-transition: left 2s linear;
			-moz-transition: left 2s linear;
			-ms-transition: left 2s linear;
			-o-transition: left 2s linear;
			transition: left 2s linear;
		}

		.txt1 .slide-from-left {

		}

		.txt1 .libelle{float: left;color: #2d2d2d;margin-top: 6px;width: 60px;text-align: left;}
		
		.txt1 .freetxt a {
			color: blue;
			text-decoration: underline;
		}

		.txt1 div.freetxt {
			border: 1px solid #eee;
			margin: 0;
			padding: 2px 6px; 
			line-height: 34px;
			color: #222;
		}
		
		.txt1 div.txt-default {
			border-radius: 4px;
			background-color: #eee;
			min-height: 25px;
			outline: none;
		}

		.txt1 div.txt-bgless {
			border: none !important;
			background: none !important;
		}

		.txt1 div.txt-rounded {
			border-radius: 4px;
			background: none !important;
		}

		.txt1 .style1 , .txt1 .style2 , .txt1 .style3 , .txt1 .style4  , .txt1 .style5 {
			display: block;
			border-radius: 3px;
			font-size: 14px;
			padding: 3px 10px;
			cursor: pointer;
			border: 1px solid #eee;
		} 


		.txt1 .style1 {
			background-color: #008ac9;
			color: #FFF;
		}	

		.txt1 .style2 {
			background-color: #FFF;
			color: #008ac9;
		}

		.txt1 .style3 {
			background-color: #3e3e40;
			color: #FFF;
		}	

		.txt1 .style4 {
			background-color: #FFF;
			color: #3e3e40;
		}

		.txt1 .style5 {
			background-color: #3e3e40;
			color: #008ac9;
		}

		.txt1 .textCKE table{
            border-collapse: collapse;
            border-width: 1px;
            width: 100%;
        }

        .txt1 .textCKE table td{
            border: 1px solid;
        }

		


	


        .vdo1 .flowplayer .fp-help {
            display: none !important;
        }

        .vdo1 {
            position: relative;
            text-align: center;
            /*top: -17px;*/
            margin: 0px;

        }

        .vdo1 .vdo-shadowbox {
            display: none;
        }

        .line1.mobile .vdo-shadowbox.is-full {
            display: block;
            position: fixed;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background: rgba(0, 0, 0, 0.5);
            z-index: 1;
        }

        .vdo1_full_grain {
            margin-top: 2px !important;
            position: fixed !important;
            /*height: 100% !important;*/
            z-index: 200;
            top: 0px;
            left: 2%;
            right: 2%;
            bottom: 2%;
            border: 1px solid #000;
            border-radius: 4px;
            box-shadow: 0px 0px 19px 0px #5C5C5C;
            margin: 0 auto;
            width: 96%;
            height: 0 !important;
            padding-bottom: 48.25%;
            overflow: hidden;
            text-align: center;
            background: #FFF;
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
            background: -moz-linear-gradient(top, #ffffff 0%, #f1eeea 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFF), color-stop(100%, #F1EEEA));
            background: -webkit-linear-gradient(top, #FFF 0%, #F1EEEA 100%);
            background: -o-linear-gradient(top, #ffffff 0%, #f1eeea 100%);
            background: -ms-linear-gradient(top, #ffffff 0%, #f1eeea 100%);
            background: linear-gradient(to bottom, #FFF 0%, #F1EEEA 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1eeea', GradientType=0);
        }

        .vdo1_full_grain #vStream_4_wrapper {
            width: 100% !important;
            height: auto !important;

        }

        .vdo1 .voir-video {
            background: url('img/mdc-video-001-play.png') no-repeat;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            cursor: pointer;
            z-index: 9;
            display: none;

        }

        .vdo1 .close-full {
            font-size: 19px;
            line-height: 22px;
            position: absolute;
            top: 5px;
            right: 5px;
            z-index: 1000;
            width: 21px;
            height: 20px;
            background-color: rgba(0, 0, 0, 0.5);
            color: #FFF;
            cursor: pointer;
            border-radius: 30px;
            box-shadow: 0px 0px 5px #000;
            border: 1px solid #0065A8;
            color: #FFF;
            cursor: pointer;
            display: none;
        }

        @media handheld, only screen and (max-width: 760px), only screen and (max-device-width: 760px) {
            .vdo1 .close-full {
                top: 19px;
            }
        }

        .vdo1 .close-full:hover {

            border: 1px solid #2AC6EB;
            border-top: none;
            background: #fff;
            color: #000;

        }

        .vdo1 .videocontainer {
            height: auto;
            width: 94%;
            overflow: hidden;
            margin-left: auto;
            margin-right: auto;
        }

        .vdo1 .videocontainer center div {
            width: 100%;
            height: 0;
            padding-bottom: 56.25%;
            overflow: hidden;
            position: relative;
        }

        .vdo1 .videocontainer.r1 {
            padding-bottom: 100%;
        }

        .vdo1 .videocontainer center div iframe, .videocontainer center div embed, .videocontainer center div object {
            width: 100% !important;
            height: 100% !important;
            position: absolute;
            top: 0;
            left: 0;
        }

        .vdo1 div[id*='_jwpsrv'] {
            /*z-index: -1 !important;*/
            width: 0 !important;
            height: 0 !important;
        }

        

        .vdo1 .video-js {
            width: 100% !important;
            height: 0 !important;
            padding-top: 56.25% !important;
            margin: -1px !important;
            position: relative !important;
            background: none !important;
        }

        .vdo1 .video-js .vjs-tech {
            position: absolute;
            top: 0 !important;
            left: 0 !important;
            right: 0 !important;
            bottom: 0 !important;
            width: 100% !important;
            height: 100% !important;
        }

        .vdo1 .video-js .vjs-big-play-button {
            top: 50% !important;
            left: 50% !important;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);

        }

    


		.clz2 {
			position: relative;

		}

    .mobile .clz2.no-drag{
      padding-top: 0 !important;
    }

		

    .clz2 .trouspan {
      display: inline-block;
    }

		.clz2 .goodAnswer {
		   background: url('img/mdc-cloze-002-cloze-response-valid.png') center right no-repeat;
		   height: 20px;
		   width: 20px;
		   display: inline-block;
		}
		.clz2 .wrongAnswer {
		   background: url('img/mdc-cloze-002-cloze-response-invalid.png') center right no-repeat;
		   height: 20px;
		   width: 20px;
		   display: inline-block;
		}

		.clz2 .zone-text {
			min-height: 34px;
			margin-bottom: 5px !important;
		}

		.clz2 .question-enonce{
			color: #222;
			cursor: default;
      margin-top: 0px;
      margin: 0;
		}

		.clz2 .trous-reponse input{
			margin-left: 0;
			padding-left: 0;
			margin-right: 0;
			padding-right: 0;
      font-size: inherit;
      min-width: 60px;
		}

		.clz2 .trous-reponse input:disabled{
			background-color: white;
      border-radius: 3px;
		}

    .clz2 .cloze-container{
      width: 100%;
      height: auto;
      display: inline-block;
      vertical-align: top;
      margin-bottom: 10px;
      background-color: #ffffff;
    }

		.clz2 .cloze-question-text{
			min-height: 30px;
			height: auto;
			background-color: #EEEEEE;
			line-height: 23px;
			padding: 5px;
			font-size: 16px;
			color: #000000;
			border-radius: 4px;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			max-width: 100%;
			vertical-align: top;

		}

        .clz2 .cloze-question-text table{
            border-collapse: collapse;
            border-width: 1px;
            width: 100%;
        }

        .clz2 .cloze-question-text table td{
            border: 1px solid;
        }

    .clz2 .inline-block{
      float: left;
      width: 48%;
    }


    

		.clz2 .trous-reponse .apercuInput{
			width: auto;
			margin: 0;
			display: inline-block;
			border: thin solid black;
			background: white;
			white-space: nowrap;
		}

		.clz2 .trous-reponse select{
			 max-width: 160px;
       font-size: inherit;
		}



		.clz2 .cloze-txt-default {
			border-radius: 4px;
			background-color: #eee;
		}

    .clz2 .canvasColor .colorpicker{
      right: 0;
    }

    .clz2 .canvasColor input.pickerBar {
      height: 0px;
      top: 8px !important;
    }

    .clz2 .eg-toolbar .canvasColor input.pickerBar{
      height: 2px;
    }

    .clz2 .canvasColor .preview {
      float: none;
      position: absolute;
      top: 4px;
      right: 7px;
    }


    .clz2 .eg-toolbar .canvasColor .preview{
      right: 0;
      top: 2px;
    }

		.clz2 .cloze-txt-bgless {
			border: none !important;
			background: none !important;
		}

		.clz2 .cloze-txt-rounded {
			border-radius: 4px;
			background: none !important;
		}

		.clz2 .cloze-slide-from-right {
			position: absolute;
			left: -200px;
			width: 200px;
			opacity:0.8;
			box-shadow: 0px 0px 15px black;
			-webkit-transition: left 2s linear;
			-moz-transition: left 2s linear;
			-ms-transition: left 2s linear;
			-o-transition: left 2s linear;
			transition: left 2s linear;
		}

		.clz2 .cloze-slide-from-left {

		}

		.clz2 .cloze-no-animate{
		}

    .clz2 .input-color  , .clz2 .input-color .zone-hex , .clz2 .input{
      outline: none;
    }

		/* style drag and drop */
		.cloze-categories{
			min-width: 250px;
			max-width: 100%;
			width: 100%;
			padding: 0px 0px;
			min-height: 20px;
			display: inline-block;
			margin-bottom: 5px;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
      -moz-border-radius:5px;
      -webkit-border-radius:5px;
      border-radius:5px;

      border: 1px solid #B3B3B3;

		}

		.clozeCategoriesBorder{
	        			border: 1px solid #CCC;
      border-radius: 5px;


		}

		.cloze-categorie{
			padding: 4px 0px;
			min-height: 26px;
			line-height:26px;
			display: inline-table;
			text-align: left;
			width: 100%;

		}

		.cloze-categorie-label{
			display: table-cell;
			vertical-align: top;
			float: left;
			max-width: 100px;

		}
    .cloze-categorie-label span {
      color: #030303;
      text-align: left;
      font-size: 14px;
      padding: 2px 6px;
      display: inline-block;
      line-height: 18px;
    }

		.cloze-categorie-values{
			display: inline-block;/*table-cell;*/
			min-width: 60px;
      width: auto !important;
			float: left;
			word-wrap: break-word;
			margin-left: 5px;
			text-align: left !important;
			vertical-align: middle;
		}

		.cloze-categorie-values-drop-class{
			      background-color: rgba(0, 0, 0, 0.05) !important;
      -moz-box-shadow: inset 0px 0px 13px 2px #AAA;
      -webkit-box-shadow: inset 0px 0px 13px 2px #AAA;
      -o-box-shadow: inset 0px 0px 13px 2px #AAA;
      box-shadow: inset 0px 0px 13px 2px #AAA;
      filter:progid:DXImageTransform.Microsoft.Shadow(color=#AAA, Direction=NaN, Strength=13);

		}

		.cloze-categorie-values-no-drop-class{
			border: none;
		}

		.cloze-categorie-value ,  .clz2 .trou-glisse{
       margin: 0px 2px;
       display: inline-block;
        outline: none;
        text-align: center;
        text-decoration: none;
        font: 14px/100% Arial, Helvetica, sans-serif;
        padding: 6px;
        text-shadow: 0 1px 1px rgba(0,0,0,.3);
        -webkit-border-radius: .5em;
        border-radius: .5em;
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
        box-shadow: 0 1px 2px rgba(0,0,0,.2);

        color: #606060;
        border: solid 1px #B7B7B7;
        background: #FFF;
        background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EDEDED));
        background: -moz-linear-gradient(top, #fff, #ededed);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
        -webkit-transition: border 0.3s ease-in-out;
        -moz-transition: border 0.3s ease-in-out;
        -o-transition: border 0.3s ease-in-out;
        transition: border 0.3s ease-in-out;


}


.clz2 .trou-glisse{
  opacity: 0.7;
  border-color: #D00;
}



		.cloze-categorie-value:hover{
			cursor: move;
      background: #EDEDED;
      background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#DCDCDC));
      background: -moz-linear-gradient(top, #fff, #dcdcdc);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
      border: 1px solid #00B8FF ;
		}

		.clz2 .cloze-categ-bgcolor{

			display: table-cell;
			float: right;
      margin-right: 5px;
		}

    .clz2 .cloze-categ-bgcolor .free-picker{
      top: 5px;
    }

		.cloze-categ-bgcolor input{
	                  width: 41px;
        height: 22px;

        border: 1px solid #585858;
        border-radius: 3px;
		}
    .cloze-categ-bgcolor .colorview{
border: 1px solid;
    }
    .cloze-categ-bgcolor .icone-transparence{
top: 3px;
		}

		.cloze-draggable-text{
		  width: 13px;
			height: 13px;
			line-height: 13px;
      padding: 2px;
      border-radius: 2px;
      border: 1px solid #00B8FF;
      background: rgba(0, 0, 0, 0.44);
      color: #FFF;
			display: none;
			position: absolute;
			z-index: 999;
		}

    .cloze-draggable-text i {
      color: white !important;
      cursor: pointer;
    }

		.new-categ-div{
			width: 100%;
			text-align: left;
			display: inline-block;
            margin-bottom: 3px;
			border-top: thin solid #BCBCBC;
			padding-top: 3px;

			box-sizing: border-box;
			-moz-box-sizing: border-box;
		}

		.add-cloze-categ-button{

      background: #1D1D1D;
      cursor: pointer;
      margin-right: 5px;
      border-radius: 3px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      display: inline-block;
      width: 30px;
      height: 22px;
      text-align: center;
		}

    .add-cloze-categ-button i  {
      color: white;
      font-size: 10px !important;
    }

    .add-cloze-categ-button i:hover{
      color:#fcb442 !important;
    }



		.cloze-drag-drop-input{
			border: 1px dotted black;
			background: white;

			-webkit-user-select: none;  /* Chrome all / Safari all */
  			-moz-user-select: none;     /* Firefox all */
  			-ms-user-select: none;

      display: inline;
      text-align: center;
      padding-right: 120px;
		}

		.cloze-drag-drop-input:disabled{
			background: white;
		}

		.apercuClozeDrapDropInput{
			border: 2px dotted black;
      border-radius: 3px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
			background: white;
      min-height: 20px;
      display: inline-block;
      box-sizing: border-box;

		}

    .clz2 .trouRempli {
      padding-right: 22px !important;
      padding-left: 5px !important;
    }

    .clz2 .trouRempliChecked {
      padding-right: 9px !important;
      padding-left: 9px !important;
    }



		.apercuClozeDrapDropInput-hover{

 background-color: rgba(0, 0, 0, 0.01) !important;
      -moz-box-shadow: inset 0px 0px 8px 1px #AAA;
      -webkit-box-shadow: inset 0px 0px 8px 1px #AAA;
      -o-box-shadow: inset 0px 0px 8px 1px #AAA;
      box-shadow: inset 0px 0px 8px 1px #AAA;
      filter:progid:DXImageTransform.Microsoft.Shadow(color=#AAA, Direction=NaN, Strength=13);
}

		.categHorizQuestion{
			display: table-cell !important;
		}

		.categHorizWidth{
			width: auto;
			max-width: 250px;
		}

		.cloze-reset-answer{
      width: 16px;
      box-sizing: border-box;
      border: 1px solid #A6A6A6;
      height: 100%;
      min-height: 14px;
      position: absolute;
      right: 2px;
      top: 50%;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      cursor: pointer;
      text-align: center;
      line-height: 18px;
      background: #EEE;
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
      background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EEE), color-stop(100%,#CCC));
      background: -webkit-linear-gradient(top, #EEE 0%,#CCC 100%);
      background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
      background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
      background: linear-gradient(to bottom, #EEE 0%,#CCC 100%);

		}

.cloze-reset-answer:hover{
  background: #cccccc;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #cccccc 0%, #eeeeee 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(100%,#eeeeee));
background: -webkit-linear-gradient(top,  #cccccc 0%,#eeeeee 100%);
background: -o-linear-gradient(top,  #cccccc 0%,#eeeeee 100%);
background: -ms-linear-gradient(top,  #cccccc 0%,#eeeeee 100%);
background: linear-gradient(to bottom,  #cccccc 0%,#eeeeee 100%);

}


  .cloze-reset-answer i {
    font-size: 12px !important;
  text-shadow: 1px 0px 0px #FFFFFF;
  }


    .cloze-classic-zone{
      width: 100%;
      height: auto;
      display: inline-table;
      vertical-align: top;
      margin-bottom: 10px;

    }


    .delete-group{
      text-align: center;
      cursor: pointer;
      margin: 5px;
       float: right;

    }

    .delete-group i{
      color: #949494;

    }

    .clz2 .slider{
      width: 134px;
      height: 20px;
      position: relative;
      float: left;

    }

    .clz2  .slider .bar {
      width: 84px;
      height: 2px;
      background: #2D2D2D;
      position: relative;
      top: -1px;
      left: 0px;
      -webkit-border-radius: 40px;
      -moz-border-radius: 40px;
      border-radius: 40px;
    }

    .clz2 .slider .highlight {
      display: none;
    }

    .clz2 input[type="range"] {
      -webkit-appearance: none;
      background-color: #4E4E4E;
      height: 2px;
      width: 100px;
      position: absolute;
      left: 4px;
      top: 5px;
    }

    .clz2 input[type="range"]::-webkit-slider-thumb {
      -webkit-appearance: none;
      position: relative;
      top: 0px;
      z-index: 1;
      width: 11px;
      height: 11px;
      cursor: pointer;
      -webkit-border-radius: 40px;
      -moz-border-radius: 40px;
      border-radius: 40px;
      background-color:#2d2d2d;
    }

    .clz2 #editable-range{
      left: 89px;
      height: 12px;
    }

    .clz2 #rangevalue {
      color: #FFF;
      font-size: 10px;
      text-align: center;
      font-family: Arial, sans-serif;
      display: block;
      color: #FFF;
      position: absolute;
      padding: 1px 5px;
      border-radius: 2px;
      border: 1px solid #000;
      width: 18px;
      top: 0px;
      left: 136px;
    }

    .clz2 .marginRight{
      margin-right: 2%;
    }


    .clz2 .marginLeft{
      margin-left: 2%;
    }

    .clz2 .eg-toolbar-icones .ico-event{
      margin: 0px;
}

.clz2 .remove-style {
    line-height: 33px;
    margin: 0px 10px;
    display: inline-block;
    cursor: pointer;
    float: right;
    height: 26px;
    margin-left: 0;

}

.clz2 .remove-style i {
    color: red;

}

.clz2 .eg-toolbar table th, td {

text-align: left;
}

.clz2 .cloze-categ-bgcolor .default-settings-group label{
  display: none;
  line-height: 16px;
}

 .clz2 .default-settings-group, .general-screen-params{
  border: none;
 }

 .clz2 .default-settings-group .input{
    background: #FFF;
    border-radius: 10px;
    border: 1px solid #B8B8B8;
    width: 70px;
 }

 .clz2 .eg-toolbar .default-settings-group .input{
  width: 133px;
  border:none;
 }


  .clz2 .default-settings-group .input-color .zone-hex{
    border-radius: 10px;
    padding-left: 5px;
    border: none;
    height: 18px;
    width: 35px;
  }

  .clz2 .eg-toolbar .default-settings-group .input-color .zone-hex{
    width: auto;
  }

  .clz2 .default-settings-group .input-color .control {
    top: 12px;
    height: 20px;

  }

  .clz2 .cloze-categorie .input-color .control {
    top: 8px;
    right: 0px;
  }

  .clz2 .default-settings-group .canvasColor a.transp{

    margin-right: 6px;
  }


  .clz2 .eg-toolbar .default-settings-group .canvasColor a.transp{
    margin-right: 0;
  }


  .clz2 .row-trous{
      width: 200px;
  }

  .clz2 .big-container{
      max-height: 400px;
      overflow-y: auto;

  }

  .clz2 .area-trous{
    float:left;
  }

  .clz2 .placeholder-trous{
    background: #ECECEC;
    border: 1px solid #AEAEAE;
    color: #5E5E5E;
    padding: 2px;
    margin: 3px 0;
    text-align: center;
    border-radius: 9px;
    clear: both;
  }

@-moz-document url-prefix() {

  .clz2 .slider .bar{left:-9px;}

  .clz2 .cloze-categorie .input-color .control{
    top:7px;
    right: 0px;
  }

  .clz2 .canvasColor .preview {
    top: 5px;
  }


}




@media screen and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) , only screen and (max-width: 760px), only screen and (max-device-width: 760px) {

  .mobile .clz2 .cloze-container {
    position: fixed;
    top: 50px;
    left: 0;
    right: 0;
    margin: 0;
    overflow-x: auto;
    overflow-y: hidden;
    min-width: 100%;
    white-space: nowrap;
    z-index: 1;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.21);
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
  }

 .mobile .clz2 .cloze-categories{
  border: none;
  border-bottom: 1px solid #ddd;
  margin: 0;
  width: 100% !important;
  white-space: nowrap;
  min-width: initial;
  max-width: initial;
 }

 .mobile .clz2 .cloze-categorie{
  width: 100%;
  padding-bottom: 24px;
 }

  .mobile .clz2 .inline-block {float: initial;width: 100%;}

  .mobile .clz2 .trou-glisse.ui-draggable-dragging{
    position: fixed !important;

  }

  .mobile .clz2{
    
  }

  

}




	

			.scr1 {
				position: relative;
				margin: 0;
				text-align: center;
				-ms-flex: 1 1 0.000000001px;
				    -webkit-flex: 1;
				    -webkit-box-flex: 1;
				    -moz-box-flex: 1;
				    flex: 1;
				    -webkit-flex-basis: 0.000000001px;
				    -ms-flex-preferred-size: 0.000000001px;
				    flex-basis: 0.000000001px;
			}

			

		    .scr1 .slider{
		      width: 134px;
		      height: 20px;
		      position: relative;
		      float: left;

		    }

		    .scr1  .slider .bar {
		      width: 84px;
		      height: 2px;
		      background: #2D2D2D;
		      position: relative;
		      top: -1px;
		      left: 0px;
		      border-radius: 40px;
		    }

		    .scr1 .slider .highlight {
		      display: none;
		    }

		    .scr1 input[type="range"] {
		      -webkit-appearance: none;
		      background-color: #4E4E4E;
		      height: 2px;
		      width: 100px;
		      position: absolute;
		      left: 4px;
		      top: 5px;
		    }

		    .scr1 input[type="range"]::-webkit-slider-thumb {
		      -webkit-appearance: none;
		      position: relative;
		      top: 0px;
		      z-index: 1;
		      width: 11px;
		      height: 11px;
		      cursor: pointer;
		      border-radius: 40px;
		      background-color:#2d2d2d;
		    }

		    .scr1 #editable-range{
		      left: 89px;
		      height: 12px;
		    } 

		    .scr1 #rangevalue {
		      color: #FFF;
		      font-size: 10px;
		      text-align: center;
		      font-family: Arial, sans-serif;
		      display: block;
		      color: #FFF;
		      position: absolute;
		      padding: 1px 5px;
		      border-radius: 2px;
		      border: 1px solid #000;
		      width: 18px;
		      top: 0px;
		      left: 136px;
		    }

			.scr1 .score {
				margin: 0 auto;
				cursor: pointer;
				position: relative;
				min-height: 40px;

			}

			.scr1 .score .score-number{
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%,-50%);
				-webkit-transform: translate(-50%,-50%);
				-ms-transform: translate(-50%,-50%);
				min-width: 150px;
			}

			.scr1 .score-number .score-retry i{
				display: none;
			}


			.scr1 .score > div {
				display: inline-block;
			}

			.scr1 .score .btn-score{
				border-width: 1px;
				border-style: solid;
				cursor: pointer;
				text-align: center;
				padding:  0 8px;

			}

			.scr1 .score-number {
				margin-right: 10px;
				border-width: 1px;
    			border-style: solid; 
				height: 38px;
				width: auto;
				white-space: nowrap;
				padding:  0 8px;
				 
			}

			.scr1 .score .check-score{display: none;}

			.scr1 .score .check-score i {color:#EEEEEE;}
			/*.scr1 .score .check-score i:hover {color:white !important;}*/
		 

	.scr1 .dropdown-menu li {
		text-align: left;
	}

	.scr1 .dropdown-menu li span{
		display: inline-block;
		width: auto;
		height: 18px;
		min-width: 18px;
		text-align: center;
		margin-left: 5px;
		border-radius: 8px 1px 8px 8px;
		line-height: 18px;
		border: 1px solid #949494;
		-webkit-box-shadow: 4px -3px 0px #DADADA;
		        box-shadow: 4px -3px 0px #DADADA;
		font-size: 11px !important;
		padding: 0px 3px;

	}


	@-moz-document url-prefix() {

		.scr1 .slider .bar{left:-9px;}

	}


	@media screen and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) , only screen and (max-width: 760px), only screen and (max-device-width: 760px) {
		.mobile .can-responsive{
			width: auto !important;
			height: auto !important;
			position: initial !important;
		}
		.mobile .can-responsive .scr1 {
			width: auto;
			height: auto;
			margin: 0px !important;
			text-align: center;
		}
		.mobile .can-responsive .scr1 .score {
			width: 100% !important;
			height: 100% !important;
			min-width: auto !important;
			min-height: auto !important;
			margin: 0;
			   
		}
		.mobile .can-responsive .scr1 .score .btn-score {
			width: 100% !important;height: 100% !important;margin: 0px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size: 0.9em;
		}
		.mobile .can-responsive .scr1 .score .check-score{
		 	display: block;
		 	width: 100%;
		 	height: 100%;
		 	background: #2d2d2d;
		 	border-radius: 0;
		 	text-align: center;
		}

		.mobile .can-responsive .scr1 .score .check-score i {
			line-height: 45px;
			    margin: 0 10px;
		}
		.mobile .can-responsive .scr1 .score .hide-for-responsive{
			display: none;
		}
		.mobile .can-responsive .scr1 .score .show-for-responsive{
			display: inline-block !important;
		}
		.mobile .can-responsive .scr1 .score > div{
			float: left;
		}
		.mobile .can-responsive .scr1 .score .score-number {
			text-align: center;
			margin: 0;
			width: 100%;
			height: 100%;
			line-height: 45px;
			color: #FFF;
			font-size: 17px;
			padding: 0 5px;
		}
		 

	.stay-responsive .scr1 {
		margin: 0 !important;
		min-width: 60px;
		min-height: 60px;
	}
	.stay-responsive .scr1 .score {
		width: 100% !important;
		    height: 100% !important;
		    min-width: initial !important;
		    min-height: initial !important;
		    margin: 0;
		   
	}
	.stay-responsive .scr1 .score .btn-score {
		width: 100% !important;height: 100% !important;margin: 0px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size: 0.9em;
	}
	.stay-responsive .scr1 .score .check-score{
	 	display: block;
	 	width: 100%;
	 	height: 100%;
	 	line-height: 60px;
	 	background: #2d2d2d;
	 	border-radius: 50%;
	 	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.53);
	 	        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.53);
	 	text-align: center;
	}

	.stay-responsive .scr1 .score .check-score i {
		line-height: 60px;
	}
	.stay-responsive .scr1 .score .hide-for-responsive{
		display: none;
	}
	.stay-responsive .scr1 .score .show-for-responsive{
		display: inline-block !important;
	}
	.stay-responsive .scr1 .score > div{
		float: left;
	}
	.stay-responsive .scr1 .score .score-number {
		line-height: 60px !important;
		color: #FFF;
		width: 60px !important;
		min-width: auto !important;
		min-height: auto !important;
		height: 60px;
		padding: 0;
		margin: 0px !important;
		background: #2d2d2d;
		border-radius: 50% !important;
		-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.53);
		        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.53);
		text-align: center;
		    font-size: 17px;
		    top: 0;
		    left: 0;
		    z-index: 5;
		    transform: translate(0,0);
		    -webkit-transform: translate(0,0);
		    -ms-transform: translate(0,0);
		    
	}

	.mobile .scr1 .score .score-number {
		min-width: 60px !important;
		/* width: 180px; */
	}


/* 	ONLY MOBILE BOUTTON HORS ZONE SCORE */

	.mobile.stay-responsive .scr1 .score .score-number.show-retry{

		display: -webkit-box;
		   display: -ms-flexbox;
		   display: flex;
		   -webkit-box-orient:vertical;
		   -webkit-box-direction:normal;
		       -ms-flex-direction:column;
		           flex-direction:column;
	}

	.mobile.stay-responsive .scr1 .score .score-number.show-retry.with-score .score-label{
			/* -webkit-box-flex: 1;
		    -ms-flex: 1;
		    flex: 1;
		    line-height: normal;
		    font-size: 13px;
		    padding-top: 12px; */

		    font-size: 13px;
		    position: absolute;
		    left: 50%;
		    transform: translateX(-50%);
    		top: -8px;
	}

	.mobile.stay-responsive .scr1 .score .score-number.show-retry .score-retry{
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		line-height: normal;
	}

	.mobile.stay-responsive .scr1 .score .score-number.show-retry .score-retry i{
		  line-height: 60px;
		  display: block;  
	}

	.mobile.stay-responsive .scr1 .score .score-number.show-retry.with-score .score-retry i{
			margin-top: 10px;
	}



	.mobile.stay-responsive .scr1 .score .score-number .score-retry .legend{
		display: none;
	}


	 


	} 
		



		.qvf1 * {
			outline: none !important;
		}

		.qvf1 {
			position: relative;
			margin: 0px;
		}

		.qvf1 .question-items{
			display: table;
			width: 100%;
		}
		.qvf1 .fraction{
			font-size: 15px;
			display: table-cell;
			vertical-align: middle;

		}
		.qvf1 .fraction input{
			width: 100px;
			border: 1px solid #ccc;
			border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			-o-border-radius: 3px;
			-ms-border-radius: 3px;
			display: inline-block;
			background: #eee;
			margin: 0 auto;
			text-align: center;
		}

		.qvf1 .eg-events-list{
			display: table-cell;
			position: initial;
			vertical-align: middle;
			width: 65px;

		}


		.qvf1 .icons-list ul{
			 margin:0;
			 padding:0;
			 list-style-type:none;
			 text-align:center;
		}


		.qvf1 .icons-list li {
			 float:left;
			 margin:auto;
			 padding:0;
			 background-color:#FFF;
			
 		}


 		.qvf1 .icons-list li a {
			display: block;
			width: 19px;
			height: 17px;
			color: #FFF;
			text-decoration: none;
			padding: 0px 2px;
			border: 1px solid #1A1A1A;
			background: #464646;
			border-radius: 5px;
		}


		.qvf1 .icons-list  ul li ul {
			 display:none;
			 height: 80px;
			overflow: auto;
			width: 130px;
			padding: 10px;
		}


		.qvf1 .icons-list ul li:hover ul {
			 display:block;
			 background: #FFF;
			 z-index: 12;
			 border: 1px solid #DDD;
			 }

		.qvf1 .icons-list ul li:hover a {
			border-radius: 5px 5px 0px 0px;
		}	 

		.qvf1 .icons-list li:hover ul li {
			 padding: 2px;
			 }

		.qvf1 .whMarge {
			width: 25px;
			height: 25px;
			position: relative;
		}	

		.qvf1 .whMarge .icon-radio-unchecked{
			font-size: 1.5em;
		}

		.qvf1 .whMarge .icon-radio-unchecked + i {
			font-size: 1.2em !important;
			left: 2px;
			top: 2px;
		}



		.qvf1 .whMarge i{
			position: absolute;
			font-size: 1.3em;
			left: 0;
			top: 0;
			 
		} 

		.qvf1 .icons-list li ul {
			 position:absolute;
			 right: 15px;
			 }

		.qvf1 .icons-list li .radio-list {
			 position:absolute;
			 left: 154px;
			 }


		.qvf1 .icons-list li ul li i {
			cursor: pointer;
			font-size: 20px !important;
			padding: 2px;
			border: 1px solid transparent;
		}



		.qvf1  .selected-smiley {
			
			border: 1px solid #AAA !important;
			border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
		}

		.qvf1 .icons-list{
			float: left;
			margin: 4px 0px 0px 6px;
		}		


		.qvf1 .txtcolor {
			float: left;
		}

		.qvf1 .txtcolor input {
			width: 125px;
			margin-left: 4px;
		}



		.qvf1:hover .eg-control-panel {
			display: block;
		}
		.qvf1 .eg-control-panel {
			top: 0px;
		}
		.qvf1 .p {
			 
			line-height: 34px;
			color: #222;
			 min-height: 34px;
			font-size: 18px;
		}

		.qvf1 .addText{
			width: 120px;
			background: #464646 !important;
			border-radius: 4px;
			border: 1px solid #FFF;
			color: #FFF !important;
			outline: none;
			height: 25px;
			line-height: 25px;
			font-size: 13px;
			padding: 0px 5px;
		}

		.qvf1 .delElem {
			display: none;
			width: 20px;
			background-color: #000;
			color: #fff;
			text-align: center;
			line-height: 20px;
			border-radius: 3px;
			z-index: 4;
			cursor: pointer;
		}

		.qvf1 .question-line:hover .delElem {
			display: block ;
			

		}

		.qvf1 .btn-delete {
			display: table-cell;
			width: 25px;
		}


	    .qvf1 .slider{
	      width: 134px;
	      height: 20px;
	      position: relative;
	      float: left;

	    }

	    .qvf1  .slider .bar {
	      width: 84px;
	      height: 2px;
	      background: #2D2D2D;
	      position: relative;
	      top: -1px;
	      left: 0px;
	      -webkit-border-radius: 40px;
	      -moz-border-radius: 40px;
	      border-radius: 40px;
	    }

	    .qvf1 .slider .highlight {
	      display: none;
	    }

	    .qvf1 input[type="range"] {
	      -webkit-appearance: none;
	      background-color: #4E4E4E;
	      height: 2px;
	      width: 100px;
	      position: absolute;
	      left: 4px;
	      top: 5px;
	    }

	    .qvf1 input[type="range"]::-webkit-slider-thumb {
	      -webkit-appearance: none;
	      position: relative;
	      top: 0px;
	      z-index: 1;
	      width: 11px;
	      height: 11px;
	      cursor: pointer;
	      -webkit-border-radius: 40px;
	      -moz-border-radius: 40px;
	      border-radius: 40px;
	      background-color:#2d2d2d;
	    }

	    .qvf1 #editable-range{
	      left: 89px;
	      height: 12px;
	    } 

	    .qvf1 #rangevalue {
	      color: #FFF;
	      font-size: 10px;
	      text-align: center;
	      font-family: Arial, sans-serif;
	      display: block;
	      color: #FFF;
	      position: absolute;
	      padding: 1px 5px;
	      border-radius: 2px;
	      border: 1px solid #000;
	      width: 18px;
	      top: 0px;
	      left: 136px;
	    }





		.qvf1 .combobox{
			padding-top: 6px;
			height: 22px;
		}

		.qvf1 .combobox select {
			 
		}




		.qvf1 .question-line {
			position: relative;
			display: table-row;
			margin-top: 10px;
			vertical-align: top;
		}

		.qvf1 .question-graphics {
			display: table-cell;
			width: 47px;
			vertical-align: middle;
		}
		.qvf1 .question-text {
			min-width: 30px;
			width: 100%;
			text-align: left;
			vertical-align: middle;
			padding-left: 5px !important;
		}
		.qvf1 .question-image {
			display: table-cell;
			vertical-align: middle;
			 
			position: relative;
			cursor: pointer;
			width: 70px;
		}

		.qvf1 .icons-events {
			top:0px;
		}

		.qvf1 .question-correction {
			width: 34px;
			display: table-cell;
			vertical-align: middle;
			min-width: 35px;
			text-align: center;
		}


		.qvf1 .question-correction-inline {
			float: left;
			padding-left: 10px !important;
			padding-right: 5px;
			text-align: center;
		}



		.qvf1 .question-image span {
			position: absolute;
			background-color: #000;
			color: #fff;
			padding: 1px;
			border-radius: 4px;
			display: block;
			width: 15px;
			text-align: center;
			right: 3px;
			top: 3px;
			line-height: 15px;
			font-size: 12px;
		}

		.qvf1 .question-image img {
			max-height:130px;
			max-width: 70px;
		}

		.qvf1 .question_img_border{
			width: 70px;
			height: 70px;
			border: 1px solid #CCC;
		}

		.qvf1 .question_img_border_sel {
			border: 1px solid #00f;
		}

		.qvf1 .question_value {
			position: absolute;
			z-index: 3;
			text-align: center;
			display:  inline-block;
			width: 100%;
			height: 45px;
			line-height: 36px
		}

		.qvf1 .customRadio {
			position: relative;
			width: 30px;
			height: 30px;
			
			float: left;
			margin: 0px; 
		}

		.qvf1 .customRadio input[type="radio"] {
			position: absolute;
			width:30px;
			height:30px;
			margin: 0;
			padding: 0;
			opacity: 0;
			cursor: pointer;
			z-index: 2;
		}

		.qvf1 .customRadio input[type="radio"] + span {
			position: relative;
			display: inline-block;
			width: 30px;
			height: 30px;
			padding: 0;
			margin: 0;
			cursor: pointer;
			z-index: 1;
			
			text-align: center;
			line-height: 43px;
			color: #365a9d;
			font-size: 18px;
 
		 
			
		}

		.qvf1 .customRadio input[type="radio"] + span i {
			position: absolute;
			font-size: 1em;
			right: 6px;
			top: 6px;
			color: #aaa;
			
		}

		.qvf1 .customRadio input[type="radio"] + span i + i {
			font-size: 1em;
			right: 6px;
			top: 6px;
			color: #fe9d0f;
		}

		.qvf1 .customRadio:hover input[type="radio"] + span .icon-radio-unchecked{
		 	 color: #808080;
		}

		.qvf1 .customRadio input[type="radio"]:checked + span .icon-radio-unchecked,
		.qvf1 .customRadio:hover input[type="radio"]:checked + span .icon-radio-unchecked{
			 color: #7bccba;
		}

		.qvf1 .customRadio input[type="radio"]:disabled + span .icon-radio-unchecked,
		.qvf1 .customRadio:hover input[type="radio"]:disabled + span .icon-radio-unchecked {
			opacity: 0.5;
		}

		.qvf1 .customRadio input[type="radio"]:disabled:checked + span,
		.qvf1 .customRadio:hover input[type="radio"]:disabled:checked + span {
			 opacity: 0.5;
		}


.qvf1 .dropdown-menu li {
	text-align: left;
}

.qvf1 .dropdown-menu li span{
	display: inline-block;
	width: auto;
	height: 18px;
	min-width: 18px;
	text-align: center;
	margin-left: 5px;
	border-radius: 8px 1px 8px 8px;
	line-height: 18px;
	border: 1px solid #949494;
	box-shadow: 4px -3px 0px #DADADA;
	font-size: 11px !important;
	padding: 0px 3px;

} 


	.qvf1 .dropdown-menu li span r {
		font-size: 16px !important;
		vertical-align: sub;
	}

	.qvf1 .eg-toolbar-icones .ico-event{
	margin: 0px;
}


@-moz-document url-prefix() {

	.qvf1 .slider .bar{left:-9px;}

}