@media (min-width: 992px) and (max-width: 1200px) {
    
    #confirm-delete,#myModalError {
       margin-top:200px;    
    }
    
    #ListeLangue{
        width:200px;
        position:absolute; 
        right:-250px; 
        top:70px;
    }
/* Commun */	

	#LibPage {
		font-size		: 20pt; 
		margin-top		: 50px
	}
	
	.TexteZone{
		font-size		: 10.5pt; 
	}

	.MsgError	 {
		font-size:14px;
	}
	
/* identification */	
	

	
	#LibIdentifier {
		font-size		: 15pt; 
		font-family		: Montserrat-Regular; 
		color			: #fff;
		margin-top		: 80px
	}
	
    #LibIdentifier_Zing {
		font-size		: 15pt; 
		font-family		: Montserrat-Regular; 
		color			: #fff;
		margin-top		: 10px
	}
    
	.BtnOrange,.BtnBleu,.BtnBlanc,.BtnBlancR {
		font-size		: 14px;
		width			: 300px; 
		margin-top		: 14px;
		padding			: 10px ;
	}

	#LogoAuthentification {
		position:absolute;
		left 	: 100px;
		margin-top		 : 10px;
		width			 : 120px;
	}

	#ImgMaison {
		width			: 300px;
		margin-left:700px;
	}
	#ImgPersonnage {
		width			: 70px;
		margin-left:700px;
	}
	.blockA {
		display			: inline-block; 
		width			: 300px; 
	}	
.blockB {
		margin-top:20px;
		 margin-left:100px; margin-right:100px;
	}
	.Interligne80 {
			margin-top		: 80px;
	}
	#OV3_nom,#OV3_prenom,#OV3_log,#OV3_prefixe,#OV3_pwd,#OV3_repwd,#OV3_ref,#OV3_mail,#OV3_remail {
		padding			: 5px;
		font-size		: 14px;
	}
	
	#LibMotPassePerdu,#LibPwdVisible {
		font-size		: 12pt; 
		font-family		: ArcherPro-Semibold; 
	}
	
	.LibRetour {
		font-family		: ArcherPro-Medium;
		font-size		: 16px;
	}
	
/* Wait */

	.ImgChargement {
		width			: 100px;
		padding-top 	: 40px; 
	}
	
	#waittxt {
		font-size		: 16pt; 
		font-family		: ArcherPro-Medium; 
		color			: #fff;
	}
	
/* Welcome */

	#welcometxt {
		font-size		 : 35px; 
		color			 : #0a6465; 
		margin-top		 : 250px; 
	}
	
/* Attente */

	#attentetxt {
		font-size		 : 35px; 
		color			 : #0a6465; 
		margin-top		 : 100px; 
	}	

/* AUTH demande de code */	
	.AuthTexte {
		font-family		: ArcherPro-Medium; 
		font-size		 : 16px; 
		color			 : #ffffff; 
		line-height 	: 25px;
	}	
	
	
/*	Accueil */	

	

	.MENU1 {
		height			: 70px;
	}		
		
	#btn_MonService,#btn_SeDeconnecter {
		top				: 18px;
		right			: 20px;
	}
		
	.MENU2 {
		height		: 60px;
	}
	
	.z2Horloge {
		font-size		: 15px;
		top 			: 85px;
		left			: -30px; 
		width			: 300px;
	}
	
	#z2Message {
		font-size	: 20px;
		top 		: 5px;
		line-height : 25px;
	}
	
	#Pastille_Notif {
		background-size : 100% 100%;
		position		: absolute;
		top				: 180px;
		left			: 32%;
	}
	#Pastille_Notif>img {
		width		: 90px;
	}
	
	#Pastille_Alerte{
		background-size : 100% 100%;
		position		: absolute;
		text-align		: center;
		top 			: 160px;
		width			: 100%;
	}
	#Pastille_Alerte>img{
		width			: 120px;
	}
	#z2Soleil {
		right		: 18px; 			
		top			: 85px; 
	}
	#z2Soleil>a>img {
		width		: 30px;
	}
	
	#z2ActivDesactiv {
		right		: 45px; 	
		top			: 85px;
	}
	#z2ActivDesactiv>img {
		width		: 45px;
	}

	#BulleLevel {
		right:30px; 
		top:120px; 
	}
	
	
	#BulleSecuServ {
		right:80px; 
		top:120px; 
	}
	
	.MENU3 {
		height		: 60px;
	}
	
	.MENU3_col1{
		width		: 18%;
	}
	
	.btn_ActiviteJournaliere_txt,.btn_Sortie_txt,.btn_ActivitePiece_txt,.btn_DernNotif_txt {
		font-size		 : 12pt; 
		text-overflow: clip ellipsis;
		 
	}
	
	#Bulle_Events {
		width			 : 250px;
		height			 : 190px ; 
		font-size		 : 8pt; 
		font-family		 : ArcherPro-Medium;
		text-align		 : left;
		background-size	 : 100% 100%;
		background-image : url(../images/commun/Bulle_web.png);
		position		 : absolute;
		top				 : 150px;
		right			 : 100px;
	}
	#TitreBulle_Events {
		font-size		 : 10pt; 
		font-weight		 : bold;
		margin-bottom	 : 0px;
	}
	
	.PieceImg,#DIVImgPiece {
		height:350px;

	}
	.PieceImg-xs {
		height:350px;
		margin-left		:-60px;
	}
	
	#ImgOUTSIDE {
		display		: none;
	}
	
	#ImgOUTSIDE-xs {
		display		: none;
		height		: 10px;
	}
	
	#PieceTitre	{
		top			: 100px;
		font-size	: 30px;
	}
	#PieceMessage {
		top			: 95px;
		font-size	: 18px;
	}
		
	#LigneBasBleu {
		bottom		: 26px;
		height		: 21px;
	}	
	
	#Div_Cartes {
		top			: -28px;
	}
	
/*	Services */	
	#btn_Accueil {
	margin-bottom	: 8px; 
	//	left	 	: 10px;
	}

	#btn_NotifPerso 		{ width: 200px; }
	#btn_NotifPerso_fleche 	{ transform: translate(80px, 0px); }
	#btn_ADService 			{ width: 160px;}
	#btn_ADService_fleche 	{ transform: translate(55px, 0px); }
	#btn_ADSecurite 		{ width: 165px;}
	#btn_ADSecurite_fleche  { transform: translate(60px, 0px); }
	#btn_MonProfil 			{ width: 80px;}
	#btn_MonProfil_fleche 	{ transform: translate(25px, 0px); }
	#btn_Contact 			{ width: 80px;}
	#btn_Contact_fleche 	{ transform: translate(25px, 0px); }

	.btn_NotifPerso_txt, .btn_ADSecurite_txt, .btn_ADService_txt, .btn_MonProfil_txt, .btn_Contact_txt {
		font-size	: 9px;
	}
	
	#btn_NotifPerso , #btn_MonProfil , #btn_Contact {
		margin-top	: 15px; 
	}

	#div_btn_accueil {
		position		: absolute; 
		top				: 75px; 
		left			: 150px
	}
	
	.btn_MonService_txt,.btn_SeDeconnecter_txt {
		font-size	: 4px;
	}
	
	.btn_Accueil_txt,.btn_AccueilM3_txt {
		font-size	: 18px;
	}
	
	
	
	#btn_MonService_fleche {
		transform: translate(0px, -3px);
	}
/*
	#btn_ADService_fleche {
		transform: translate(10px, 0px);
	}
*/

/* Notification */	
	.ImgPlus {
		margin-top	: 10px;
		width 		: 30px;
	}
	.ImgSupp {
		width 		: 30px;
	}

/* Mon Profil */

	#LibMail {
		font-size		: 18px; 
		color			: #ffffff;
		line-height		: 35px
	}	
	
	#LibTel {
		font-size		: 18px; 
		color			: #ffffff;
		line-height		: 17px
	}

	/**/
	#btn_AccueilM3{
		left		: 80px;
	}
	
/* Activite journaliere */	
	#btn_ActiviteJournaliere {
		margin-top :15px;
		width 	: 200px;
		//top 	: 165px;
		//left	: 80px;
	}
	
	.LibGraph {
		font-size		: 25pt; 
		
	}
	
	#SVG_chrono {
			height:300px;
			padding-top:15px;
	}
	.btn_chevron {
		margin-top		: 10px;
		margin-bottom	: 20px;
		width			: 14px;
	}
	.LibChrono_Date {
		font-size		: 12px;
		margin-top		: 10px;
	}
	#LibChrono_Hier{
		font-size		: 18px;
		margin-bottom	: 10px;
	}
	
/* Sorties */	
	.SVGHisto {
	padding-left:60px; padding-top:15px; padding-bottom:50px; padding-right:20px;
	}
	.LabelArr {
		font-size		: 10px;
	}

	#btn_Sortie {
		width 	: 120px;
	//	top 	: 	165px;
	//	left	:	300px;
	}	
	
	
/* Activite par pièce  */	
	#btn_ActivitePiece {
		width 	: 200px;
	//	top 	: 	165px;
	//	left	:	450px;
	}
	
	.LibGraph {
		font-size		: 25pt; 
	}
	
	.TpsPasse {
		font-size		: 10pt; 
	}
	
	.btn_Semaine_txt,.btn_Mois_txt,.btn_Année_txt,.PosXTexte {
		font-size		 : 8pt; 

		
	}
	.BoutonGraph {
		width			 : 80px;
	}
	
	#btn_ActiviteJournaliere_fleche,.PosXTexte_ActiviteJournaliere,#btn_ActivitePiece_fleche,.PosXTexte_ActivitePiece,#btn_DernNotif_fleche,.PosXTexte_DernNotif	{
		transform: translate(-15px,0px);
		-ms-transform: translate(-15px,0px); /* IE 9 */
		-webkit-transform: translate(-10px,0px); /* Safari and Chrome */
		-o-transform: translate(-15px,0px); /* Opera */
		-moz-transform: translate(-15px,0px); /* Firefox */
	}
	
	#btn_Sortie_fleche,.PosXTexte_Sortie {
		transform			: translate(-15px,0px);
		-ms-transform		: translate(-15px,0px); /* IE 9 */
		-webkit-transform	: translate(-15px,0px); /* Safari and Chrome */
		-o-transform		: translate(-15px,0px); /* Opera */
		-moz-transform		: translate(-15px,0px); /* Firefox */
	}
	
	.PosXFleche,.PosXTexte  {
		transform: translate(-35px,0px);
		-ms-transform: translate(-35px,0px); /* IE 9 */
		-webkit-transform: translate(-35px,0px); /* Safari and Chrome */
		-o-transform: translate(-35px,0px); /* Opera */
		-moz-transform: translate(-35px,0px); /* Firefox */
	}
	
	
	
	
/* Dernières notifications  */	
	#btn_DernNotif {
		width 	: 200px;
	//	top 	: 	165px;
	//	left	:	670px;
	}
	
	#ImgDernNotif {
		width 			: 50px;
	}
	
/* footer */	

	#logo_tlgkf {
		top 		: 20px;
		left 		: 20px;
		height		: 20px;
	}
	#logo_tk {
		top 		: 10px;
		right 		: 10px;
		height		: 30px;
	}
	
/*
-----------------------	
*/	
	
	
	
	
	
	
	
	
		#authentification{
			osition		 : absolute;
			width			 : 100%;
			height			 : 100%;
			background-color : #ff4512;
			z-index			 : 99999;
		}
		
	
	
		
		
		#LibPage {
		font-size		: 20pt; 
		/* font-family		: ArcherPro-Semibo;  */
		color			: #000;
		margin-top		: 20px
		}
	
		
	

		
	
		
		#ImgMail {
			width			: 35px;
		}
	
		
	
	
	
	
	
		
		

	
	/*	Accueil MD */

	
	
	
	

		
		
		
		.PieceImg-OutSite {
			margin-right : 40px;
			height:230px;
		}
	
		
		.z2HorlogeXS {
			position	: absolute; 
			font-family	: Montserrat-Regular;
			color		: #fff;
			font-size	: 12px;
			top			: 80px; 
			left		: 10px; 
			z-index		: 10;
		}
		
	
		
		#mnuMobile {
			font-family	: Montserrat-Regular;
			font-size	: 14px;
			top			: 60px;
		}
			
		#btn_XS {
			z-index	 	: 0;
			position 	: relative; 
			width	 	: 100%;
			font-size	: 3.5px;
			fill		: #ffffff;
		}
	
	/*	Accueil */	
	
	
	/*	4 x Box */
		.BoiteTitre {
			
			font-size	: 10x;
		}	
	
		#Hier_sorties,#Hier_activite_piece {
			font-size	: 14pt;
		}
		
		
		#BoiteSorties,#BoiteActiviteJournaliere,#BoiteActivitePiece,#BoiteDernieresNotifs {
			height:150px;
		}
		
		.ImgActiviteJournaliere {
			height		: 100px;
		}
		
		.ChiffreSortie {
			line-Height	: 60px;
			font-size	: 60pt;
		}
		
		.ImgSortie {
			width		: 60px;
		}
		
		.ChiffreActivitePiece {
			line-Height	: 40px;
			font-size	: 14pt;
		}
		
		.BodyDernieresNotifs {
			line-Height			: 20px;
			font-size	: 10pt;
			margin-left	: 2px;
		}
			
		
		.ImgDernieresNotifs {
			top			: 60px; 
			right		: 20px;
			width		: 40px;
		}	
		
	
	
	#LibDisponible {
		font-size		: 12px; 
		color			: #000;
		line-height		: 17px
	}
	

#debug {
			left	: 150px; 
			top 	: 15px;
		}
		.panel-heading { /* OTONO-ME */
			padding: 2px 4px;
		}
		
		.Interligne20 {
			margin-top		: 10px;
		}	
		
		.Interligne40 {
			margin-top		: 40px;
		}
		
	}