@media screen and (min-width: 200px) and (max-width: 460px)   {
    
    #confirm-delete,#myModalError {
       margin-top:100px;    
    }
    #ListeLangue{
      width:200px; osition:relative; display:inline-block; 
        
    }
    .styled select {
  
    }
    
    .ImgDernieresNotifs {
		/*top			: 100px; */
			right		: 20px;
			width		: 35px;
			bottom			: -10px;
		}	

		.BodyDernieresNotifs {
		padding :0px;
		margin : 0px;
			line-Height			: 10px;
			font-size	: 11px;
			margin-left	: 0px;
			overflow : hidden; 
			text-overflow : ellipsis; 
		/*color:#ff0000;*/
		}
		#CarteNotifXS2 {
			border:1px solid #00000;
		}
		
}


@media screen and (min-width: 460px) and (max-width: 768px)   {
  #ListeLangue{
      width:200px; osition:relative; display:inline-block; 
        
    }
.ImgDernieresNotifs {
		/*top			: 100px; */
			right		: 20px;
			width		: 60px;
			bottom			: -10px;
		}	

		.BodyDernieresNotifs {
		/* color:#00ff00; */
		padding :0px;
		margin : 0px;
			line-Height			: 15px;
			font-size	: 11px;
			margin-left	: 2px;
			overflow : hidden; 
			text-overflow : ellipsis; 

		}
		#CarteNotifXS2 {
			border:1px solid #00000;
		}
		
}

@media (max-width: 768px) {
	
	
	
/* Commun */	
/*
#myModalError .modal-dialog {
  width: 85%;
}
*/
	input::-webkit-input-placeholder {
	font-size:9pt;
	
	}
	.Interligne60 {
		margin-top		: 5px;
	}
	
	.Interligne80 {
		margin-top		: 20px;
	}
	
	#LibPage {
		font-size		: 12pt; 
		margin-top		: 20px;
		
		}	
	
	.TexteZone{
		font-size		: 9pt; 
	}
	
	.MsgError	 {
		font-size:9px;
	}
	
/* identification */	
	#authentification{
			position		 : absolute;
			width			 : 100%;
			height			 : 100%;
			background-color : #ff4512;
			z-index			 : 99999;
	}
		
	#LogoAuthentification {
		margin-top		 : 10px;
		width			 : 120px;	
	}
	
	#LibIdentifier {
		font-size		: 12pt; 
		font-family		: Montserrat-Regular; 
		color			: #fff;
		margin-top		: 5px
	}
	#LibIdentifier_zing {
		font-size		: 12pt; 
		font-family		: Montserrat-Regular; 
		color			: #fff;
		margin-top		: 5px
	}	
	.BtnOrange,.BtnBleu,.BtnBlanc,.BtnBlancR {
		font-size		: 14px;
		width			: 200px; 
		margin-top		: 14px;
		padding			: 10px ;
	}
	
	#ImgMaison {
		width			: 200px;
	}
	#ImgPersonnage {
		width			: 50px;
	}
	
	.blockA {
		display		: inline-block; 
		width		: 200px; 
	}
	
	.Interligne80 {
		margin-top		: 30px;
	}

	#OV3_nom,#OV3_prenom,#OV3_log,#OV3_prefixe,#OV3_pwd,#OV3_repwd,#OV3_ref,#OV3_mail,#OV3_remail {
		padding			: 5px;
		font-size		: 14px;
		height			: 30px;
	}	
	
	#LibMotPassePerdu,#LibPwdVisible {
		font-size		: 12pt; 
		font-family		: ArcherPro-Semibold; 
	}
	
	#Btn_Identifier_Valide,#Btn_PwdPerdu_Valide,#Btn_CreeMonCompte_Valide {
		font-size		: 8.5pt; 
		
	}
	
	.LibRetour {
		font-family		: ArcherPro-Medium;
		font-size		: 16px;
	}
	
/* Wait */

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

	#welcometxt {
		font-size		 : 20px; 
		color			 : #0a6465; 
		margin-top		 : 180px; 
	}		

/* Attente */

	#attentetxt {
		font-size		 : 22px; 
		color			 : #0a6465; 
		margin-top		 : 10px; 
		line-height		 : 30px;
	}
	
/* AUTH demande de code */	
	.AuthTexte {
		font-family		: ArcherPro-Medium; 
		font-size		 : 12px; 
		color			 : #ffffff; 
		line-height 	: 25px;
	}
	
/*	Accueil */	

	.PieceImg,#DIVImgPiece {
		height:200px;
	}	
	
	.MENU2 {
			height		: 60px;
		}
		
	.z2HorlogeXS {
		color		: #fff;
		font-size	: 12px;
		top			: 80px; 
		left		: 10px; 
		z-index		: 10;
	}
	
	#z2MessageXS {
		position:relative;
		top 		: 55px;
		left		: 80px;
		font-size	: 15px;
		color:#f54225;
		line-height : 20px;
	}
	
	#Pastille_Notif {
		font-weight		: bold;
		position		: relative;
		top				: 5px;
		left			: 10px;
	}
	#Pastille_Notif>img {
		width		: 60px;
	}
	
	#Pastille_Alerte{
		position		: relative;
		top				: 5px;
		left			: 10px;
	}
	#Pastille_Alerte>img{
		width			: 60px;
	}
	
	#z2Soleil {
		right		: 18px; 			
		top			: 80px; 
	}
	#z2Soleil>a>img {
		width		: 20px;
	}

	#z2ActivDesactiv {
		right		: 35px; 	
		top			: 80px;
	}
	#z2ActivDesactiv>img {
		width		: 30px;
	}

	#BulleLevel {
		font-size:11px;
		right:30px; 
		top:105px; 
	}
	
	#BulleSecuServ {
		font-size:11px;
		right:10px; 
		top:105px; 
	}
	
	#Bulle_Events {
		top:-20px;
		text-align		 : left;
		width			 : 300px;
		height			 : 200px ; 
		font-size		 : 9pt; 
		font-family		 : ArcherPro-Medium;
		background-size	 : 100% 100%;
		background-image : url(../images/commun/Bulle.png);
		display : inline-block; 
		position:relative;
		
	}
	#TitreBulle_Events {
      
		font-size		 : 10pt; 
		font-weight		 : bold;
		margin-bottom	 : 0px;
	}
		
	#LigneBasBleu {
		bottom		: 18px; /*36*/ 
		height		: 16px;
	}

/* Mon Profil */

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

	
/* Activite journaliere */	
	
	.TpsPasse {
		font-size		: 7pt; 
	}
	
	#SVG_chrono {
			eight:300px;
			padding-top:15px;
	}
	.LibGraph {
		font-size		: 11pt; 
	}
	
	.LibGraph > img {
		width:40px;
		height:40px;
	}
	.btn_Semaine_txt,.btn_Mois_txt,.btn_Année_txt {
			font-size		 : 8pt; 
	}
	
	.BoutonGraph {
		width			 : 70px;
	}
	
	.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;
	}
	
	.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 */
	}

/* Sorties */	
	.SVGHisto {
	padding-left:40px; padding-top:15px; padding-bottom:50px; 
	}
	.LabelArr {
		font-size		: 8.5px;
	}

	
/* Dernières notifications  */	

	#ImgDernNotif {
		width 			: 60px;
	}		
	
/* footer */	

	#logo_tlgkf {
		top 		: 20px;
		left 		: 20px;
		height		: 14px;
	}
	#logo_tk {
		top 		: 10px;
		right 		: 10px;
		height		: 25px;
	}	
	
/*
-----------------------	
*/	
	
	
	
	
	
	
	
	
		
	
	
	

		
	

	
	
		
	
		
		#ImgMail {
			width			: 35px;
		}
		
		
	
		
	
	
		
	
/*	Accueil XS */
		

		
		#PieceTitre	{
			top			: 65px;
			font-size	: 20px;
		}
		#PieceMessage {
		
			top			: 58px;
			font-size	: 12px;
		
		
		}

		.PieceImg-xs,#DIVImgPiece {
			height:200px;
		}
	
			
		
		
		
		
		
		
		
		
		
		
		
		#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 */	
		#Div_Cartes {
			top			: -22px;
		}
		
		
	
		.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;
		}
		
		
		
		
	/* Assistance */		
	#LibMail {
		font-size		: 16px; 
		color			: #ffffff;
		line-height		: 35px
	}	
	
	#LibTel {
		font-size		: 16px; 
		color			: #ffffff;
		line-height		: 17px
	}	
	
	#LibDisponible {
		font-size		: 12px; 
		color			: #000;
		line-height		: 17px
	}
	
	/*	Histogramme */
	
	
	/* Notification */	
		.ImgPlus {
			margin-top	: 10px;
			width 		: 20px;
		}
		.ImgSupp {
			width 		: 20px;
		}
		

		html {
			overflow	: visible; 
		}
		
		#debug {
			left	: 150px; 
			top 	: 10px;
		}
	
		.MENU1 {
			height			: 70px;
		}
		.panel-heading { /* OTONO-ME */
			padding: 2px 4px;
		}
		
		.Interligne20 {
			margin-top		: 10px;
		}	
		
		.Interligne40 {
			margin-top		: 40px;
		}
	
		
	}