.fleche_g {
    display : inline-block;
    height : 0;
    width : 0;
    border-top : 6px solid transparent;
    border-right : 25px solid ;
    border-bottom : 6px solid transparent;

}

.fleche_d{
    display : inline-block;
    height : 0;
    width : 0;
    border-top : 6px solid transparent;
    border-left : 25px solid ;
    border-bottom : 6px solid transparent;
}


.moncercle{
	clear: both;
	position:relative;
	top:4px;
	margin-right : 10px;
	border-radius:50%;
	width:10px;
	height:10px;
	border:0px solid #679403;
}


.Transm_Msg{
    font-style: italic;

}


/* LG Normal*/

.ChiffreActivitePiece,#Hier_activite_piece {
	color 		: #445a5c;
	font-family : ArcherPro-Light;
}


.ChiffreActivitePiece {
	line-Height	: 20px;
	font-size	: 16pt;
}

#Hier_sorties,#Hier_activite_piece {
	font-size	: 14pt;
}



.BoiteTitre {
	font-size	: 20px;
}

#BoiteSorties,#BoiteActiviteJournaliere,#BoiteActivitePiece,#BoiteDernieresNotifs {

    padding:1px;
	background: #FFF;
}
.ChiffreSortie,#Hier_sorties,.BoiteTitre {
	color 		: #4ec18f;
	font-family	: ArcherPro-Light;
}

.input_col1,.input_col3,.input_col4 {
    text-align: center;
	border:0px;
	background:transparent;
}

/* Pas limite de 1450 => 1600 */

@media screen and (min-height: 100px) and (max-height: 800px) {
    #ResultUtils {
        height: 60vh;
    }
}
@media screen and (min-height: 800px) and (max-height: 1000px) {
    #ResultUtils {
        height: 70vh;
    }
}
@media screen and (min-height: 1000px) and (max-height: 2000px) {
    #ResultUtils {
        height: 70vh;
    }
}

/* NOTE > 1300*/
@media screen and (min-width: 1600px) {
    #Marge_BO {
        margin-left:90px;
    }
    #div_fg {
        width:20px;
    }
    .TransmDate {
        font-family: Roboto-Regular;
        font-size:0.8em;
        text-align: right;
        color:#999999;
    }

    .TransmDateO {
        font-family: Roboto-Regular;
        font-size:0.8em;
        text-align: right;
        color:#FFF;
        opacity:0.7;
        right: 40px;
    }

    .Transmligne1 {
        font-family: ArcherPro-Semibold;
        font-size:1.2em;

    }
    .Transmligne2 {
        font-family: Roboto-Regular;
        font-size:0.9em;
    }

    .Tableth {
        font-family: Roboto-Regular;
        font-size:13.8px;
        background: transparent;
    }
	.btn_chevron_l {

        margin-top:8px;
        margin-left:8px;
		width			: 15px;
	}
    .btn_chevron_r {

        margin-top:8px;
        margin-right:8px;
        width			: 15px;
    }
    .chevron_rond {
        margin:10px;
        border:1px solid #ccc;
        width: 40px;
        height: 40px;
        border-radius: 20px;
        background: #FFF;
    }


	.txt18 {
        font-family: Montserrat-Regular;
        font-size: 0.8em;

	}

	.txt13 {
        font-family: Montserrat-Regular;
        font-size: 1.0em;
	}

	.txt10 {
		font-size:10px;
	}

	#picto_alerte,#ImgDernNotif {
		width:80px;
	}

	#TitreBulle_Events {
		font-size		 : 14pt;
		font-weight		 : bold;
		padding-left     : 20px;
        line-height      : 3em;
	}

    #TitreBulle_Events_small {
        font-size		 : 10pt;
        font-weight		 : bold;
        padding-left     : 20px;
        line-height      : 3em;
    }
	#Bulle_Eventsxx {
		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;
        left			 : 50px;
        top 			 : 50px;
	}
	#Bulle_Events2 {
        width            : 300px;

        text-align		 : left;
		width			 : 300px;
		font-size		 : 9pt;
		font-family		 : ArcherPro-Medium;
		ackground-size	 : 100% 100%;
		margin-left		 : 2%;

	}
    .BulleMarginTopSolo {
        margin-top       : 30px;
    }
	#LstEvents {
        padding-top:10px;
		margin-left:20px;
	}

	#PieceTitre	{
        position:relative;
		top			: 130px;
		font-size	: 35px;
	}
	#PieceMessage {
        position:relative;
		top			: 130px;
		font-size	: 18px;
	}

	#ImgMaison {
		height:400px;
	}

	.ImgSortie {
		width		: 50px;
	}
	.ChiffreSortie {
		line-Height	: 30px;
		font-size	: 30pt;
	}

	#Cartes {
margin-right: 50px;
        top:-300px;
		width:240px;
		position:relative;
		bottom:0px;
		/*right:50px;*/
		float: right;
	}
/* Marine */
	#MyBtbDropdown1,#MyBtbDropdown2,#ColT8,#ColT10 { /*font-size: 11px;*/ }
	#myTable,#MyTd { font-size: 11px;}
	#ColT1,.input_col1  { width:140px; }
	#ColT1_2,.input_col1  { width:140px; }
	#ColT2  { width:140px; }
	#ColT2_2,.input_col3  { width:140px; }
	#ColT3,.input_col3  { width:140px; }
	#ColT4,.input_col4  { width:100px; }
	#ColT4_2 { width:100px; }
	#ColT5  { width:100px; }
	#ColT6  { width:140px; }
	#ColT6_2  { width:100px; }
	#ColT7  { width:140px; }
	#ColT7_2{ width:320px; }
	#ColT8  { width:90px; }
	#ColT8_2  { width:90px; }
	#ColT10 { width:80px; }
	#Himg {width:45px;}
	#Timg {
		width:15px;
	}

	#ResultUtils {
		/*height: 80vh;*/
	}

}
/* NOTE entre 1000 && 1300*/


@media screen and (min-width: 1000px) and (max-width: 1600px) {
    #new_mesure {
        display:none;
    }
    #ImgTrans {
        width:70%;
    }
    #Marge_BO {
        margin-left:70px;
    }
    #div_fg {
        width:10px;
    }
    .TransmDate {
        font-family: Roboto-Regular;
        font-size:0.8em;
        text-align: right;
        color:#999999;
    }
    /* ATTENTION : modifié pour un ZOOM 150% Sandrine */
    .TransmDateO {
        font-family: Roboto-Regular;
        font-size:0.7em;
        text-align: right;
        color:#FFF;
        opacity:0.7;
        op:12px;
        right: 10px
    }
    .Transmligne1 {
        font-family: ArcherPro-Semibold;
        font-size:0.9em;

    }
    .Transmligne2 {
        font-family: Roboto-Regular;
        font-size:0.8em;
    }

    .Tableth {
        font-family: Roboto-Regular;
        font-size:1em;
        background: transparent;
    }

	.btn_chevron {
		margin-top		: 10px;
		margin-bottom	: 20px;
		width			: 20px;
	}

    .btn_chevron_l {
        margin-top:8px;
        margin-left:8px;
        width			: 15px;
    }
    .btn_chevron_r {
        margin-top:8px;
        margin-right:8px;
        width			: 15px;
    }




	.txt18 {
        font-family: Montserrat-Regular;
        font-size: 0.8em;
	}

	.txt13 {
        font-family: Montserrat-Regular;
        font-size: 1.3em;
	}

	.txt10 {
		font-size:10px;
	}

	#picto_alerte ,#ImgDernNotif{
		width:80px;
	}

	#TitreBulle_Events {
		font-size		 : 12pt;
		font-weight		 : bold;
		padding-left     : 10px;
        line-height      : 2em;
	}
    #TitreBulle_Events_small {
        font-size		 : 10pt;
        font-weight		 : bold;
        padding-left     : 20px;
        line-height      : 3em;
    }

	#Bulle_Eventsxx {
		text-align		 : left;
		width			 : 300px;
		height			 : 200px ;
		font-size		 : 9pt;
		font-family		 : ArcherPro-Medium;
		background-size	 : 100% 100%;
		/*background-image : url(../images/commun/Bulle_webss.png);*/
		position		 : absolute;
		left			 : 50px;
		top 			 : 50px;
	}

	#Bulle_Events2 {
        width            : 250px;
        text-align		 : left;
        font-size		 : 9pt;
        font-family		 : ArcherPro-Medium;
        margin-left		 : 10px;
	}
    .BulleMarginTopSolo {
        margin-top       : 5px;
    }
	#LstEvents {
        padding-top:5px;
		margin-left:10px;
	}

	#PieceTitre	{
        position:relative;
		top			: 110px;
		font-size	: 35px;
	}
	#PieceMessage {
        position:relative;
		top			: 110px;
		font-size	: 18px;
	}

	#ImgMaison {
		height:400px;
	}

	.ImgSortie {
		width		: 50px;
	}
	.ChiffreSortie {
		line-Height	: 30px;
		font-size	: 30pt;
	}

	#Cartes {
        /*
        top:750px;
		width:240px;
		position:absolute;
		bottom:0px;
		right:50px;*/

        margin-right: 10px;
        top:-300px;
        width:240px;
        position:relative;
        bottom:0px;
        /*right:50px;*/
        float: right;
	}
/* BV */
	#MyBtbDropdown1,#MyBtbDropdown2,#ColT8,#ColT10 { /*font-size: 10px;*/ }
	#myTable,#MyTd { font-size: 10px;}
	#ColT1,.input_col1  { width:100px; }
	#ColT1_2,.input_col1  { width:140px; }
	#ColT2  { width:100px; }
	#ColT2_2,.input_col3  { width:140px; }
	#ColT3,.input_col3  { width:100px; }
	#ColT4,.input_col4  { width:80px; }
	#ColT4_2 { width:80px; }
	#ColT5  { width:100px; }
	#ColT6  { width:100px; }
	#ColT6_2  { width:70px; }
	#ColT7  { width:120px; }
	#ColT7_2{ width:200px; }
	#ColT8  { width:100px; }
	#ColT8_2  { width:80px; }
    #ColT8_8  { width:120px; }
	#ColT10 { width:50px; }
	#Himg {width:35px;}
	#Timg {
		width:15px;
	}

	#ResultUtils {
		/*height: 420px;*/
	}
}
/* NOTE < 1000 */
@media screen and (max-width: 1000px) {
    #new_mesure {
    display:none;
    }


    #ImgTrans {
        width:40%;
    }
    #Marge_BO {
        margin-left:70px;
    }
    #div_fg {
        width:10px;
    }


    .TransmDateO {
        font-family: Roboto-Regular;
        font-size:0.7em;
        text-align: right;
        color:#FFF;
        opacity:0.7;
        op:15px;
        right: 5px;
    }


    .Tableth {
        font-family: Roboto-Regular;
        font-size:1em;
        background: transparent;
    }

	.btn_chevron {
		margin-top		: 10px;
		margin-bottom	: 20px;
		width			: 20px;
	}

    .btn_chevron_l {
        margin-top:8px;
        margin-left:8px;
        width			: 15px;
    }
    .btn_chevron_r {
        margin-top:8px;
        margin-right:8px;
        width			: 15px;
    }


	.txt18 {
        font-family: Montserrat-Regular;
        font-size: 0.7em;
	}
	.txt13 {
        font-family: Montserrat-Regular;
        font-size: 1.0em;
	}

	.txt10 {
		font-size:9px;
	}

	#picto_alerte,#ImgDernNotif {
		width:60px;
	}

    #divtablo {

        /*
        overflow-x:auto;
        overflow-y:auto;
        height:400px;*/
        /*height: 100vh;*/
    }

	#TitreBulle_Events {
		font-size		 : 10pt;
		font-weight		 : bold;
        padding-left     : 10px;
	}

    #TitreBulle_Events_small {
        font-size		 : 8pt;
        font-weight		 : bold;
        padding-left     : 20px;
        line-height      : 3em;
    }
	#Bulle_Eventsxx {
		text-align		 : left;
		width			 : 300px;
		height			 : 200px ;
		font-size		 : 9pt;
		font-family		 : ArcherPro-Medium;
		background-size	 : 100% 100%;
		/*background-image : url(../images/commun/Bulle_webss.png);*/
		position		 : absolute;
		left			 : 10px;
		top 			 : 10px;
	}

	#Bulle_Events2 {
        width            : 250px;

        text-align		 : left;
        font-size		 : 9pt;
        font-family		 : ArcherPro-Medium;
        ackground-size	 : 100% 100%;
        margin-left		 : 10px;
	}
    .BulleMarginTopSolo {
        margin-top       : 5px;
    }

	#LstEvents {
        padding-top:5px;
		margin-left:10px;
	}

	#PieceTitre	{
        position:relative;
		margin-top	: 230px;
		font-size	: 20px;
	}

	#PieceMessage {
        position:relative;
		margin-top  : 3px;
		font-size	: 13px;
	}

	#ImgMaison {
		height:200px;
	}

	.ImgSortie {
		width		: 30px;
	}

	.ChiffreSortie {
		line-Height	: 20px;
		font-size	: 20pt;
	}

	#Cartes {
		margin-right:20px;
		margin-left:20px;
		margin-top:20px;
		z-index:999;

	}


	#MyBtbDropdown1,#MyBtbDropdown2,#ColT8,#ColT10 { /*font-size: 11px;*/ }
	#myTable,#MyTd { font-size: 11px;}
	#ColT1,.input_col1  { width:100px; }
	#ColT1_2,.input_col1  { width:180px; }
	#ColT2  { width:100px; }
	#ColT2_2,.input_col3  { width:180px; }
	#ColT3,.input_col3  { width:100px; }
	#ColT4,.input_col4  { width:100px; }
	#ColT4_2 { width:80px; }
	#ColT5  { width:100px; }
	#ColT6  { width:100px; }
	#ColT6_2  { width:70px; }
	#ColT7  { width:120px; }
	#ColT7_2{ width:200px; }
	#ColT8  { width:80px; }
	#ColT8_2  { width:70px; }
    #ColT8_8  { width:100px; }
	#ColT10 { width:50px; }
	#Himg {width:25px;}
	#Timg {
		width:10px;
	}

	#ResultUtils {
		/*height: 300px;*/
	}
}


/*---------------------------------------------------------*/
/*---------------------------------------------------------*/
/*---------------------------------------------------------*/


@media (min-width: 1500px) {



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

	}
	
	.ImgDernieresNotifs {
		top			: 80px; 
		right		: 20px;
		width		: 60px;
	}
	
}
	
/* LG */	
@media screen and (min-width: 1200px) and (max-width: 1500px) {

	#Bulle_Eventsxx {
		text-align		 : left;
		width			 : 260px;
		height			 : 200px ; 
		font-size		 : 8pt;
		font-family		 : ArcherPro-Medium;
		background-size	 : 100% 100%;
		/*background-image : url(../images/commun/Bulle_webss.png);*/
		position		 : absolute;
		left			 : 20px;
		top 			 : 130px;
	}

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

	}
	
	.ImgDernieresNotifs {
		top			: 90px; 
		right		: 20px;
		width		: 50px;
	}
	
	.BoiteTitre {
			font-size	: 15px;
	}
}	


@media (min-width: 1200px) {


/* Commun */	
	
	#LibPage {
		font-size		: 25pt; 
		margin-top		: 50px
	}
	
	.TexteZone{
		color:#000;
		font-size		: 11pt; 
	}

	.MsgError	 {
		font-size:14px;
	}	
	
/*	Identification */
	
	#LogoAuthentification {
		margin-top		 : 50px;
		width			 : 200px;	
	}

	#LibIdentifier {
		font-size		: 15pt; 
		font-family		: Montserrat-Regular; 
		color			: #fff;
		margin-top		: 50px
	}
	
	.BtnOrange,.BtnBleu,.BtnBlanc,.BtnBlancR {
		/*font-size		: 18px;*/
        font-size: 1vw;
		width			: 350px; 
		margin-top		: 30px;
		padding			: 14px ;
	}
	
	#ImgMaison {
		/*width			: 350px;*/
	}
	#ImgPersonnage {
		width			: 80px;
	}
	
	.blockA {
		display			: inline-block; 
		width			: 350px; 
	}
	.blockB {
		margin-top:20px;
		 margin-left:100px; margin-right:100px;
	}
	
	.Interligne80 {
		margin-top		: 80px;
	}
	
	#OV3_log,#OV3_pwd,#OV3_repwd,#OV3_ref {
		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; 
	}

/*	Accueil */	

	.logoOtonome {
		width		: 90px;
		margin-left	: 20px; 
		margin-top	: 20px;
	}

	
	
	#btn_MonService,#btn_SeDeconnecter {
		top		 	: 28px; 
	}
		
	.MENU2 {
		height		 : 70px;
	}
	
	
	
	.z2Horloge {
		font-size		: 16px;
		top 			: 110px;
		left			: 8%; 
		width			: 300px;
	}
	
	#z2Message {
		font-size	: 22px;
		top 		: 8px;
		line-height : 30px;
	}
	
	#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;
	}
	
	#BulleLevel {
		right:50px; 
		top:70px;
	}
	
	.MENU3 {
		height		 : 70px;
	}	
	
	.MENU3_col1{
		width:22%;;
	}
	
	
	.btn_ActiviteJournaliere_txt,.btn_Sortie_txt,.btn_ActivitePiece_txt,.btn_DernNotif_txt {
		font-size		 : 14pt; 
	}
	


	
	
	.PieceImg-xs {
		height:400px;
		margin-right:70px;
		}
	
	#ImgOUTSIDE-xs {
		display		: none;
		height		: 10px;
	}
	

	
	#LigneBasBleu {
		bottom		: 28px;
		height		: 21px;
	}	
	
	#Div_Cartes {
		top			: -28px;
	}

/* Services */	

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

	
	 #btn_NotifPerso , #btn_MonProfil , #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_MonService_txt,.btn_SeDeconnecter_txt {
		font-size	: 4px;
	}
	
	.btn_Accueil_txt,.btn_AccueilM3_txt {
		font-size	: 20px;
	}
	
	.btn_NotifPerso_txt,.btn_MonProfil_txt,.btn_Contact_txt {
		font-size	: 12px;
	}

/* 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		: 27px
	}

	
/**/
	#btn_AccueilM3{
		margin-bottom:0px;
		
	}
	
/* Activite journaliere */	
	#btn_ActiviteJournaliere {
		margin-top :20px;
		//left	:	150px;
	}
	
	.LibGraph {
        font-family: Montserrat-Regular;
		font-size		: 1.0em;
	}
	
	.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;
	}
	


	.LibChrono_Date {
		font-size		: 1.2em;
		margin-top		: 10px;
	}
	#LibChrono_Hier{
        font-family: Montserrat-Regular;
		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 */
	
		


		

	}



/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {

}

/*  Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {


}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {

}

@media (min-width: 1200px) and (max-width: 1399.98px) {

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1400px) {

}