/* > 1300*/
@media screen and (min-width: 1450px) {
	#z2Message {font-size	: 22px;}
	.TexteActiveDesactive{font-size	: 14px;}
}
/* entre 1000 && 1300*/
@media screen and (min-width: 1000px) and (max-width: 1450px){
	#z2Message {font-size	: 20px;}

}
/* <1000 */
@media screen and (max-width: 1000px) {
	#z2Message {font-size	: 18px;}
}

	/* LG Normal*/

@media (min-width: 1500px) {
	#btn_NotifPerso 		{ width: 280px; }
	#btn_NotifPerso_fleche 	{ transform: translate(130px, 0px); }
	#btn_ADService 			{ width: 190px;}
	#btn_ADService_fleche 	{ transform: translate(80px, 0px); }
	#btn_ADSecurite 		{ width: 200px;}
	#btn_ADSecurite_fleche  { transform: translate(80px, 0px); }
	#btn_MonProfil 			{ width: 100px;}
	#btn_MonProfil_fleche 	{ transform: translate(30px, 0px); }
	#btn_Contact 			{ width: 100px;}
	#btn_Contact_fleche 	{ transform: translate(30px, 0px); }

	.btn_NotifPerso_txt, .btn_ADSecurite_txt, .btn_ADService_txt, .btn_MonProfil_txt, .btn_Contact_txt {
		font-size	: 12px;
	}
    
    #ListeLangue{
		position:absolute;
		width:200px;
        right:-300px;
        top:110px;
    }
    
    #Bulle_Events {
		text-align		 : left;
		width			 : 300px;
		height			 : 200px ; 
		font-size		 : 9pt; 
		font-family		 : ArcherPro-Medium;
		background-size	 : 100% 100%;
		background-image : url(../images/commun/Bulle_web.png);
		position		 : absolute;
		right			 : 250px;
	}
	
	.MENU3_col1_lg{
		width:18%;;
	}
	.MENU3_col2{

	}
	
	.ImgDernieresNotifs {
		top			: 90px; 
		right		: 20px;
		width		: 55px;
	}
	
		.BoiteTitre {
			font-size	: 20px;
		}
    
    .ChiffreActivitePiece {
		line-Height	: 40px;
		font-size	: 16pt; /*16*/
	}
}
	
/* LG */	
@media screen and (min-width: 1200px) and (max-width: 1500px) {

	#btn_NotifPerso 		{ width: 250px; }
	#btn_NotifPerso_fleche 	{ transform: translate(110px, 0px); }
	#btn_ADService 			{ width: 170px;}
	#btn_ADService_fleche 	{ transform: translate(65px, 0px); }
	#btn_ADSecurite 		{ width: 190px;}
	#btn_ADSecurite_fleche  { transform: translate(80px, 0px); }
	#btn_MonProfil 			{ width: 100px;}
	#btn_MonProfil_fleche 	{ transform: translate(30px, 0px); }
	#btn_Contact 			{ width: 100px;}
	#btn_Contact_fleche 	{ transform: translate(30px, 0px); }

	.btn_NotifPerso_txt, .btn_ADSecurite_txt, .btn_ADService_txt, .btn_MonProfil_txt, .btn_Contact_txt {
		font-size	: 12px;
	}


    #ListeLangue{
        width:200px;
        position:absolute; 
        right:-300px; 
        top:110px;
    }
	#Bulle_Events {
		text-align		 : left;
		width			 : 300px;
		height			 : 200px ; 
		font-size		 : 9pt; 
		font-family		 : ArcherPro-Medium;
		background-size	 : 100% 100%;
		background-image : url(../images/commun/Bulle_web.png);
		position		 : absolute;
		right			 : 80px;
		top:200px;
	}

		
	.MENU3_col1_lg{
		width:8%;;
	}
	.MENU3_col2{

	}
	
	.ImgDernieresNotifs {
		top			: 90px; 
		right		: 20px;
		width		: 50px;
	}
	
	.BoiteTitre {
			font-size	: 15px;
	}
    
    .ChiffreActivitePiece {
			line-Height	: 40px;
			font-size	: 12pt; /*16*/
	}
}	




@media (min-width: 1200px) {
/* Commun */	
	
    #confirm-delete,#myModalError {
       margin-top:200px;    
    }
    
	#LibPage {
		font-size		: 25pt; 
		margin-top		: 50px
	}
	
	.TexteZone{
		color:#000;
		font-size		: 11pt; 
	}

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


	#LibIdentifier {
		font-size		: 16pt;
		font-family		: Montserrat-Regular; 
		color			: #fff;
		margin-top		: 115px
	}
    #LibIdentifier_Zing {
		font-size		: 15pt; 
		font-family		: Montserrat-Regular; 
		color			: #fff;
		margin-top		: 0px
	}
	
	.BtnOrange,.BtnBleu,.BtnBlanc,.BtnBlancR {
		font-size		: 20px;
		width			: 350px; 
		margin-top		: 30px;
		padding			: 14px ;
	}

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

	#ImgMaison {
		width			: 350px;
		margin-left:850px;
	}
	#ImgPersonnage {
		width			: 80px;
		margin-left:850px;
	}
	
	.blockA {
		display			: inline-block; 
		width			: 350px; 
	}
	.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_pwd_old,#OV3_pwd_new,#OV3_repwd_new,#OV3_mail,#OV3_remail,#OV3_email_old,#OV3_email_new {
	
		padding			: 5px;
		font-size		: 16px;
	}
	
	#LibPwdVisible,#LibIdentifierTxt2 {
		font-size		: 14pt; 
		font-family		: ArcherPro-Semibold; 
	}
	
	.LibRetour {
		font-family		: ArcherPro-Medium;
		font-size		: 17px;
	}

/* Wait */

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


/* Welcome */

	#welcometxt {
		font-size		 : 40px; 
		color			 : #0a6465; 
		margin-top		 : 300px; 
	}

/* Attente */

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

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



	.MENU1 {
		height		: 90px;
	}
	
	#btn_MonService,#btn_SeDeconnecter {
		top		 	: 28px; 
	}
		
	.MENU2 {
		height		 : 70px;
	}
	
	
	
	.z2Horloge {
        text-align:left;
		font-size		: 16px;
		top 			: 110px;
		left			: 8%; 
		width			: 400px;
	}
	
	#z2Message {
		top 		: 0px;

		/*ine-height : 30px;*/
		/*height:70px;*/
		/*line-height:25px;  centrage vertical */
		
		
		 display: table-cell;
		vertical-align: middle;
	}
	/*
	#z2Message_int {
	display:inline-block;

		border:1px solid #00ff00; line-height:1.5
	}
	*/
	#Pastille_Alerte{
		background-size : 100% 100%;
		position		: absolute;
		text-align		: center;
		top 			: 180px;
		width			: 100%;
	}
	#Pastille_Alerte>img{
		width			: 120px;
	}
	
	#Pastille_Notif {
		background-size : 100% 100%;
		position		: absolute;
		top				: 200px;
		left			: 37%;
	}
	#Pastille_Notif>img {
		width		: 100px;
	}

	#z2Soleil {
		right		: 50px; 
		top			: 105px; 
	}
	#z2Soleil>img {
		width		: 40px;
	}

	#z2ActivDesactiv {
		right		: 100px; 	
		top			: 105px;
	}
	#z2ActivDesactiv>img {
		width		: 60px;
	}

	

	#BulleLevel {
		right:50px; 
		top:160px; 
	}
	
	#BulleSecuServ {
		right:100px; 
		top:160px; 
	}

	.MENU3 {
		height		 : 70px;
	}	
	
	.MENU3_col1{
		width:15%;;
	}
	
	
	.btn_ActiviteJournaliere_txt,.btn_Sortie_txt,.btn_ActivitePiece_txt,.btn_DernNotif_txt {
		font-size		 : 14pt; 
	}
	

	#TitreBulle_Events {
		
		font-size		 : 12pt; 
		font-weight		 : bold;
		margin-bottom	 : 0px;
	}
	
	.PieceImg,#DIVImgPiece {
	
		height:400px;
	}
	.PieceImg-xs {
		height:400px;
		margin-right:70px;
		}
	
	#ImgOUTSIDE-xs {
		display		: none;
		height		: 10px;
	}
	
	#PieceTitre	{
		top			: 100px;
		font-size	: 35px;
	}
	#PieceMessage {
		top			: 120px;
		font-size	: 18px;
	}
	
	#LigneBasBleu {
		bottom		: 28px;
		height		: 21px;
	}	
	
	#Div_Cartes {
		top			: -28px;
	}

/* Services */	
	#btn_Accueil {
	/*	margin-bottom	: 25px;*/
	}

	

	.btn_NotifPerso_txt, .btn_ADSecurite_txt, .btn_ADService_txt, .btn_MonProfil_txt, .btn_Contact_txt {
		font-size	: 12px;
	}
	
	#btn_NotifPerso , #btn_MonProfil , #btn_ADService, #btn_ADSecurite,  #btn_Contact {
		margin-top	: 25px; 
	}
	
	#btn_Accueil{
		position:relative;
	//	left		: 100px;
	}	
	#btn_NotifPerso {
	//	left	 	: 400px;
	}	
	#btn_MonProfil {
	//	left	 	: 800px;
	}
	#btn_Contact {
	//	left	 	: 990px;
	
	}
/*
	#btn_Contact_fleche {
		transform: translate(50px, 0px);
	   }*/
/*
	#btn_ADService_fleche {
	 transform: translate(100px, 0px);
	}
*/
 
	.btn_MonService_txt,.btn_SeDeconnecter_txt {
		font-size	: 4px;
	}
	
	.btn_Accueil_txt,.btn_AccueilM3_txt {
		font-size	: 20px;
	}
	


/* Notif perso */	
	.ImgPlus {
		margin-top	: 10px;
		width 		: 25px;
	}
	.ImgSupp {
		width 		: 25px;
	}

/* Mon Profil */	

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

	
/**/
	#btn_AccueilM3{
		margin-bottom:0px;
		
	}
	
/* Activite journaliere */
    #btn_ActiviteJournaliere,#btn_Sortie,#btn_ActivitePiece,#btn_DernNotif  {
		margin-top :20px;
	}
	
	.LibGraph {
		font-size		: 25pt; 
		
		

	}
	
	.TpsPasse {
		/*text-align:left;*/
		font-size		: 12pt; 
	}
	
	.btn_Semaine_txt,.btn_Mois_txt,.btn_Année_txt {
			font-size		 : 10pt; 
	}
	
	#SVG_chrono {
		height:600px;
		padding-top:20px;
	}
	
	.btn_chevron {
		margin-top		: 10px;
		margin-bottom	: 20px;
		width			: 20px;
	}
	.LibChrono_Date {
		font-size		: 15px;
		margin-top		: 10px;
	}
	#LibChrono_Hier{
		font-size		: 22px;
		margin-bottom	: 10px;
		
	}
	
/* Sorties */	
	.SVGHisto {
		padding-left:60px; padding-top:15px; padding-bottom:50px; padding-right:20px;
	}
	.LabelArr {
       
		font-size		: 12px;
	}

	#btn_Sortie {
	//	top 	: 	210px;
	//	left	:	400px;
	}	
/* Activite par pièce  */	
	#btn_ActivitePiece {
		//margin-top 	: 	50px;
		//left	:	570px;
	}
	
/* Dernières notifications  */	
	#btn_DernNotif {
	//	top 	: 	210px;
	//	left	:	820px;
	}
	
	#ImgDernNotif {
		width 			: 60px;
	}
	

	
/* footer */	

	#logo_tlgkf {
		top 		: 20px;
		left 		: 20px;
		height		: 20px;
	}
	#logo_tk {
		top 		: 10px;
		right 		: 10px;
		height		: 30px;
	}
	
	
/*
-----------------------	
*/		
		
		
		
		
		#debug {
			left	: 150px; 
			top 	: 30px;
		}
		html {
			/*overflow	: hidden; */
		}
	
		
	
	
		
	/*	Accueil */		

	
	/*	4 x Box */	
	
		
		
	
		
		
	
		
		
		.PieceImg-OutSite {
			margin-right : 63px;
			height:400px;
		}
		
		
	/*	Z1 */	

	
	/*	Z2 */	
		
		
	
		
	
		
		

		
	
		
	/*	Accueil LG */	

	
	

	/*	Accueil */
	
		
		#Hier_sorties,#Hier_activite_piece {
			font-size	: 14pt;
		}
		
		.ChiffreSortie {
			line-Height	: 80px;
			font-size	: 70pt;
		}
.BodyDernieresNotifs {
				line-Height			: 20px;
		font-size	: 10pt;
		margin-left	: 15px;
	}
	
	
		

	}