/*
	@import url(https://fonts.googleapis.com/css?family=Special+Elite);
	@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300i,400,400i,600,700);
	@import url(https://fonts.googleapis.com/css?family=Patrick+Hand);
*/
	@import url(https://fonts.googleapis.com/css?family=Josefin+Sans);
	
	/*2016-05-09 aa
	*/
	body {
		text-align:center;
        margin: 0;
        padding: 0;
		background-color: #f2f2f2;
		vertical-align: top;
		font-family:"Josefin Sans", sans-serif ;
    }
	p {
		margin:0;
		padding:1px 0 3px 0;
	}
	
	/*                  +-      selon maquette
	// grissouris       f2f2f2
	// grisconsigne     ced7e0
	// bleumarine       0d294b  0e3963
	//   " foncé        07192f  ////inutilisé
	//   " pale         75869d   /// gris pour tab pas actifs
	//   " grisé        0d294b
	// bleuclair        1a82cd 247bca
	// orange           f74f14 fd6907
	// range clair      ffa757
	*/
	
	.bg-orange { background-color:#fd6907; }

	.onglet-page-presentee {
		border-bottom:1px solid #f2f2f2 !important;
		background-color:#f2f2f2 !important; 
		/* margin-top:8px !important;*/
		height:36px !important;
		padding:6px 12px 3px 12px !important;
		color:#0e3963 !important;
	}
	.onglet-page:active {
		background-color:#fff2d5 !important; 
		color:#000 !important;
	}
	.onglet-page, .onglet-page:hover {
		text-decoration:none;
		border:1px solid #75869d;
		background-color:#75869d;
		color:#0e3963;
		margin:9px 0 0 18px;
		padding:3px 12px 1px 12px;
		display:inline-block;
		width:auto;
		height:31px;
		text-align:left;
		font-size:18px;
	    border-radius: 12px 12px 0 0;
	}
	.heightWHOLEBAR {
		z-index:9;
		text-align:center;
		position:fixed;
		top:0; left:0;
		width:100%;
		height:auto; 
		background-color:#0e3963;
		box-shadow: 0 -16px 20px 20px #f2f2f2; /*gris souris fond écran*/
	}
	.gris {
		color:#75869d;
	}
	.wFIXE {
		width:900px;
	}
	.col-100 {
		vertical-align:top;
		width:900px;
	}
	.col-66 {
		vertical-align:top;
		display:inline-block;
		width:600px;
	}
	.col-33 {
		vertical-align:top;
		display:inline-block;
		width:299px;
	}
	.margAUTO {
		margin:auto;
	}
	.heightBAR {
		height:52px; 
	}
	#WholePageTabsNav {
		display:inline-block;
		/*width:100%;
		 text-align:right;*/
		background-color:#0e3963; /*07192f; */
		vertical-align:bottom;
	}
	.middleHeaderTabs {
		display:inline-block;
		vertical-align:bottom;
	}
	.heightSUBBAR {
		text-align:left;
		height:44px; 
	}
	.middleplease {
		padding-top:1px;
		vertical-align:middle;
	}
	#userInfoLineLoginName {
		font-size:19px;
	}
	#waitSpinners {
		border:none;
		position:fixed; left:45%; top:4px;
		padding-top:6px;
		width: auto;
		color:#fff;
	}
	.myPetitAnimLoader {
		display:inline-block;
		width: 30px;
		height:30px;
		position: relative;
		top:0;
		padding-top: 6px;
		font-size:   12px;
		text-align: center;
		background:none;
	}
	
	
	.padding-for-navbar {
		padding-top:0;
	}
	.feuille {
		text-align:left;
		padding-top:68px;
		padding-bottom:168px;
		vertical-align:top;
	}
	.zoneselectmot {
		padding:24px 48px;
		background:#fff;
	}
	.contour-sytufra {
		margin:3px 0 0 3px;
	}
	.contour-aide-sytufra {
		margin:0 0 0 3px;
	}
	.inboxtext {
		padding:21px 0;
	}
	.insidepadding {
		padding:21px 16px;
	}
	.smallinboxtext {
		padding:8px 0;
	}
	.boite-titre-sytufra {
		height:auto;
		font-size:18px;
		color:#fff;
		padding:0 19px 0 27px;
		background-color:#fd6907;
	}
	.boite-consigne-sytufra {
		text-align:left;
		height:auto;
		font-size:18px;
		color:#000;
		padding:0 19px 0 27px;
		background-color:#ced7e0;
	}
	.boite-consigne-aide-sytufra {
		text-align:left;
		height:auto;
		font-size:18px;
		color:#000;
		padding:6px 19px 12px 150px;
		background-color:#ced7e0;
	}
	.boite-controleur-sytufra {
		text-align:right;
		line-height:1em;
		height:38px;
		font-size:18px;
		color:#fff;
		padding:3px 19px 0 27px;
		background-color:#101010;/*#0d294b; */
	}
	.boite-boutons-sytufra {
		/* margin-top:-2px;*/
		text-align:left;
		height:auto;
		font-size:18px;
		color:#fff;
		padding:0 19px 0 27px;
		background-color:#0e3963;
	}
	.topMoins4 {
		margin-top:-4px;
	}
	.sytufra_audio {
		width:740px;
	}
	.titre-consigne {
		font-size:19px;
		font-weight:600;
	}
	.boite-editor-sytufra {
		width:896px;
	}
	#transcription_fld {
		border-color:#ced7e0;
		padding: 36px 48px;
		font-size:21px;
		line-height:46px;
		min-height: 400px;
		font-family:"Josefin Sans", sans-serif;
		background: #fff url(../../app/ima/fond_pointillee_edit.png) no-repeat;
		background-attachment: local;
		
	   cursor: default;
	/*
	//background-origin: content-box;

	   -webkit-user-select: none;
	   -webkit-touch-callout: none;
	   -khtml-user-select: none;
	   -moz-user-select: none;
	   -ms-user-select: none;
	   -o-user-select: none;
	*/
	}
	.cadreerreur {
		border:1px solid #ff1600 !important;
	}
	.cadrenormal {
		border:1px solid #e9c000 !important;
	}
	.cadreespace {
		border:1px solid #d2dff2 !important;
	}
	.espacebtn {
		width:auto;
		height:28px;
		text-align:left;
		vertical-align:top;
	}
	.hiliteJAUNE {
		background: #fff url(../../app/ima/hiliteJAUNE4.png) no-repeat center 110%;/* 54 */
	}
	.hiliteCYAN {
		background: #fff url(../../app/ima/hiliteCYAN4.png) no-repeat center 170%;/* 70 */
	}
	.hiliteJAUNEtut {
		background: #fff url(../../app/ima/hiliteJAUNE3tut.png) no-repeat center -10%;
	}
	.hiliteCYANtut {
		background: #fff url(../../app/ima/hiliteCYAN3tut.png) no-repeat center 10%;
	}
	.justbig {
		font-size:30px;
	}
	.bigger {
		font-size:25px;
	}
	.bigmot {
		font-family:"Josefin Sans", sans-serif;
		font-size:24px;
		line-height:18px;
		border-bottom:2px dotted #aaa;
	}
	.restezensembles {
		display:inline-block;
		margin: 0;
		padding: 0;
		border: none;
		background:none;
	}
	.blck {
		display:inline-block;
		margin: 8px 0;
		padding:6px 1px;
		border:1px solid #fff;
		vertical-align:top;
		color:#000;
		cursor:pointer;
	}
	.erreursouligne {
		/*  #ff1600
		rouge erreur #8c0000
		*/
		border-bottom:2px dotted #fd6907   !important;
		zackground:#fff1ee !important;
	}
	.erreur {
		color:#fd6907 !important;
	}
	
	.__________________x__ {
	}
	.inacc-corr-bien {
		display:inline-block;
		text-align:left;
		width:180px;
		background:#fff;
		padding: 2px 12px;
		margin:2px 0;
		border:1px solid #ced7e0;
		border-radius:4px;
	}
	.table_stats_td {
		border-bottom:1px solid #fff;
	}
	.acodeerr {
		text-decoration:none;
		display:block; 
		background:#f2f2f2; 
		margin:0 1px 1px 0;
		font-size:12px;
		white-space: nowrap;
		padding:1px 3px;
	}
	.acodeerr:active {
		background-color:#fff !important; 
		color:#000 !important;
	}
	
	
	.alignleft {
		text-align:left !important;
	}
	.lignefine {
		border-bottom:1px solid #ced7e0;
	}
	.petit {
		font-size:12px;
		line-height:16px;
		white-space: nowrap;
	}
	.micDONE {
		/* gris consigne */
		color:#ced7e0 !important;
	}
	.micOPENED {
		/* marine officiel */
		color:#247bca !important;
	}
	.micTODO {
		/* orange consigne */
		color:#fd6907 !important;
	}
	.penTODO {
		/* cyan foncé  07b4ad   00a3ac  186abf  00818d  
		*/
		color:#186abf  !important;
	}
	.bleuBandeau {
		color:#0f4886;
	}
	.micro {
		font-size:20px;
	}
	.visibilityhidden {
	    visibility: hidden;
	}
	.pushabit {
		margin-left:11px; /*7px;*/
	}
	#moveablerecorder {
		height:auto;
		text-align:left;
		z-index:2;
		position:absolute;
	}
	#moveablerecorder_opaq {
		display:inline-block;
		color:#fff;
		background:#0e3963;
		padding:4px 4px;
		margin-right:4px;
	    border-radius: 6px 6px 6px 6px;
	}
	#moveableeditor {
		height:auto;
		text-align:left;
		color:#000;
		background:#0e3963;
		z-index:2;
		padding:7px 7px 1px 7px;
		position:absolute;
	    border-radius: 6px 6px 6px 6px;
	}
	#raisonnementeditor {
		font-size:18px;
		line-height:21px;
		font-family:"Josefin Sans", sans-serif ;
		width:100%;
		height:100%;
	}
	.uneBelleTableDeCorrection {
		position:absolute;
		left:910px;
	}
	.codeerreurexplic {
		text-align:left;
		font-size:13px;
		border-bottom:1px solid #f3f3f3;
		padding:1px 0;
	}
	.codeerreur {
		vertical-align:top;
		text-align:left;
		font-size:13px;
		border-bottom:1px solid #f3f3f3;
		padding:2px 5px;
	}
	#messageimportantpopup {
		z-index:99;
		text-align:left;
		position:fixed;
		left:33vw;
		top:30vh;
		width:33vw;
		/*
		min-height:20vh;
		*/
		padding:24px 38px 24px 38px;
		color:#fff;
		background:#fd6907;/*-- jaunasse pale #fffbe0  textcolor: #400---*/
		border:4px solid #ced7e0; 
	    border-radius: 6px;
		font-size:20px;
	}
	#messageimportantpopupSUPP {
		font-size:12px;
		padding:2px 4px;
		border:1px solid #ced7e0; 
		color:#ced7e0; 
		margin-top:12px;
	}
	.titreerreur {
		font-size:24px;
		color:#fffbe0;
		margin-bottom:12px;
	}
	
	
	
	.p_sessgrpvid {
		font-size:15px;
		font-weight:700;
		color:#0e3963;
		margin-top:6px;
		padding:2px 2px;
		border-bottom:1px solid #0e3963; /*bleu grand bandeau*/
	}
	.th_sessgrpvid {
		font-size:14px;
		color:#fff;
		background:#75869d;
		padding:3px 6px;
		vertical-align:top;
		border:1px solid #ced7e0;
	}
	.td_sessgrpvid {
		font-size:14px;
		color:#000;
		padding:3px 6px;
		vertical-align:top;
		border:1px solid #ced7e0;
	}
	.divspinner {
		height: 80px; 
		font-size:54px; 
		color:#92c5ff; 
		text-align:center;
		vertical-align:middle;
	}
	

	.ICI_____________tuteur {
	}
	.tut_zoneselectmot {
		padding:4px 8px;
		background:#fff;
	}
	.tut_bigmot {
		border-bottom:2px dotted #aaa;
	}
	.tut_moyen {
		font-weight:700;
		font-size:85%;
		line-height:85%;
	}
	.tut_petit {
		font-size:60%;
		line-height:85%;
		white-space: nowrap;
	}
	.tut_blck {
		display:inline-block;
		margin: 1px 0;
		padding:4px 1px;
		border:1px solid #fff;
		vertical-align:top;
		color:#667;
		cursor:pointer;
	}
	.role1 {
		color:#22a;
		font-weight:bold;
	}
	.role2 {
		color:#000;
	}
	.side_stats {
		/*
		display:inline-block;
		float:right;
		width: 37%;*/
	}
	.minWidthScreenHeight {
		min-height:100vh;
	}
	.padtopbot {
		padding-top:26px;
		padding-bottom:32px;
	}
	.side_transcript {
		/*width: 62%;
		min-height: 800px;*/
		height:80vh;
		overflow-y:scroll;
		font-size:18px;
		line-height:17px;
		font-family:"Josefin Sans", sans-serif;
		border-top:1px solid #247bca;
	}
	.titre_stats {
		padding-top:3px;
		color:#247bca;
	}
	.table_stats_th {
		color:#247bca;
	}
	.valeur_stats {
		font-family:"Josefin Sans", sans-serif ;
		padding:2px 5px;
		background:#f2f2f2;
		border-top:1px solid #247bca;
		zborder-top:1px solid #75869d;
		zborder-right:1px solid #75869d;
		text-align:right;
	}
	.nomtutoree {
		float:right;
		font-family:"Josefin Sans", sans-serif ;
		font-size:24px;
		margin-top:-5px;
	}
	

	.gras {
		font-weight:700;
		display:inline-block;
		width:120px;
	}
	.justegras {
		font-weight:700;
	}
	
	
	label {
		letter-spacing:1px;
		margin-top:4px;
		margin-bottom:1px;
		margin-left:3px;
		color:#0e3963; /*#5489D9;  marine grisé  */ 
		font-size:16px;
	}
	.biggerinput {
		font-size:18px;
		padding: 1px 14px;
		height:38px;
	}
	.biggersubmit {
		font-size:16px;
		padding: 6px 20px;
		margin-top:4px;
	}
	.ocrelabel {
		color:#0e3963; /*  000  #636553;*/
	}
	.blueinput {
		color:#247bca; /*#0039B8;*/
	}
	
	
	
	
	.nav1 {
		font-size:10px;
		line-height:11px;
	}
	.nav2 {
		text-align:left;
		padding-top:7px;
	}
	.signature {
		float:left;
		width:auto;
		height:auto;
		text-align:left;
	}
	.txtlogo {
		padding:3px 3px 0 0;
		font-size:32px;
		line-height:28px;
		font-weight:400;
		color:#fff;
	}
	.txtversion {
		position:relative;
		top:-1px;
		padding:0px 0 0 0;
		font-size:12px;
		line-height:12px;
		font-weight:400;
		color:#75869d;
	}
	.gros {
		font-size:19px;
		font-weight:normal;
	}
	.confort {
		margin:3px 12px 1px 5px;
		font-size:17px;
	}
	.toutadroite {
		float:right;
	}
	.adroite {
		display:inline-block;
		width:auto;
		margin:auto;
		margin-right:0;
	}
	.afterNav {
		clear: left;
	}
	.floatingcode {
		display:inline-block;
		width:62px;
		font-weight:bold;
		color:#666;		
		background-color:#fdfdfd; 
	}
	#floatinghelper {
		position:fixed;
		/*top:10%; right:18px;left:auto;bottom:auto;*/
		padding:5px;
		width:auto;
		max-width:60%;
		max-height:50%; /*88%; */
		background:#f0f0f0; 
		font-size:12px;
		line-height:13px;
		border:1px solid #d3d3d3;
	    border-radius: 6px 6px 6px 6px;
		overflow-y: auto;
		overflow-x: hidden;
	}
	}
	#floatingconfirmdelete {
	    position: absolute; /* Stay in place */
	    z-index: 3; /* Sit on top */
	    left: 5px;
	    top: 100px;
		padding:7px;
		width:290px;
		text-align:center;
		background:#f7f7f7; 
		border:1px solid #d3d3d3;
	    border-radius: 6px 6px 6px 6px;
	}
	
	

	
	.margin-bottom-sm {
		margin-bottom: 4px;
	}