#QRCode
			{
				position: absolute;
				bottom: 12.0%;
				right: 1%;
				width: 8.0%;
				height: auto;
				background: rgba(255,255,255,0.4);
				z-index: 12;
			}

#QRCodeSDR
			{
				position: absolute;
				top: 13.0%;
				right: 0;
				width: 5.8%;
				height: auto;
				background: rgba(255,255,255,0.4);
				z-index: 12;
			}

html
	{
		border: 0;
		background-color: transparent;
		width: 100%;
		height: 100%;
		font-family: tha, helvetica, Arial, Verdana, sans-serif;
		font-size: 3vh; /* les dimensions des éléments bénéficiant des unités vw (width), vh (height), vmin et vmax */
		color: white;
	}

body
	{
		  margin: 0

	}

mark
	{
		background-color: white;
		color: red;
	}

a
	{
		text-decoration: none;
		color: white;
		background-color: transparent;
	}

a:visited
	{
		text-decoration: none;
		color: #F5F6CE;
		background-color: #700000;
	}

a:hover, a:focus, a:active
	{
		text-decoration: none;
		background: none;
	}

@font-face
	{
		font-family: 'tha';
		src:	url("./fonts/scrpt12n.eot");					/* pour IE <= 6 */
		src:	url("./fonts/scrpt12n.eot?#iefix") format('embedded-opentype'), /* ie 7 et 8 */
			url("./fonts/scrpt12n.woff") format("woff"),			/* pour Firefox, Chrome*/
			url("./fonts/scrpt12n.ttf") format('truetype'),			/* pour Safari et Opéra*/
			url("./fonts/scrpt12n.svg") format('svg');			/* pour iPhone, iPad */
		font-stretch : normal;
		font-weight : normal;
		font-style : normal;
	}
	
#vieweragendas
	{
		position: absolute;
		top: 15%;
		left: 0;
		width: 100%;
		height: 78%;
		border: 0;
	}

#viewerSDR
	{
		position: absolute;
		top: 16%;
		left: 0;
		width: 100%;
		height: 80%;
		border: 0;
	}

.fbpage
	{
		position: absolute;
		text-decoration: none;
		text-align: center;
		right:10%;
		left:10%;
		bottom: 8.5%;
		color: white;
		border-radius: 20%;
		background-color: #050505;
		background-color: rgba(5, 5, 5, 0.3);
	}
	
.ytpage
	{
		position: absolute;
		text-decoration: none;
		text-align: center;
		right:10%;
		left:10%;
		bottom: 8.5%;
		color: white;
		border-radius: 20%;
		background-color: #050505;
		background-color: rgba(5, 5, 5, 0.3);
	}

.txtagendas
	{
		position: absolute;
		text-decoration: none;
		text-align: center;
		right:20%;
		left:20%;
		top: 11.0%;
		color: white;
		border-radius: 20%;
		background-color: #050505;
		background-color: rgba(5, 5, 5, 0.3);
	}

.TexteNotreEntrepriseEquipe
	{
		position: absolute;
		text-decoration: none;
		text-align: center;
		right:10%;
		left:10%;
		bottom: 8.5%;
		color: white;
		border-radius: 20%;
		background-color: #050505;
		background-color: rgba(5, 5, 5, 0.3);
	}

.TexteNotreEntrepriseConcept
	{
		position: absolute;
		text-decoration: none;
		text-align: center;
		right:10%;
		left:10%;
		bottom: 8.5%;
		color: white;
		border-radius: 20%;
		background-color: #050505;
		background-color: rgba(5, 5, 5, 0.3);
	}

.TexteNosTarifs
	{
		position: absolute;
		text-decoration: none;
		text-align: center;
		right:10%;
		left:10%;
		bottom: 8.5%;
		color: white;
		border-radius: 20%;
		background-color: #050505;
		background-color: rgba(5, 5, 5, 0.3);
	}


.gps-panel {
    position: absolute;
    top: 15%;
    left: 63%;
    right: 0.1%;
    height: 60%;

    display: grid;
    grid-template-columns: 1fr 2px 1fr;
    gap: 0;

    color: white;
    background: rgba(5, 5, 5, 0.55);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);

    border-radius: 26px;
    border: 1px solid rgba(255, 255, 255, 0.22);
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.45);

    z-index: 10;
    overflow: hidden;
}

.gps-column {
    padding: 1.5vh 1.5vw;
    box-sizing: border-box;
    overflow-y: auto;
}

.gps-column h2 {
    margin: 0 0 2vh 0;
    text-align: center;
    font-size: 3.0vh;
    color: #ffffff;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.8);
}

.gps-separator {
    background: linear-gradient(
        to bottom,
        transparent,
        rgba(255,255,255,0.65),
        transparent
    );
}

.gps-content {
    text-align: center;
    font-size: 2.6vh;
}

.gps-section-title {
    margin-top: 0;
    margin-bottom: 2vh;
}

.gps-links-list,
.gps-apps-list {
    display: flex;
    flex-direction: column;
    gap: 1.4vh;
}

.gps-links-list a,
.gps-apps-list a {
    display: flex;
    align-items: center;
    gap: 1vw;

    padding: 1.4vh 1.4vw;

    color: white;
    text-decoration: none;
    background: rgba(255, 255, 255, 0.13);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 18px;

    transition: transform 0.22s ease, background 0.22s ease, box-shadow 0.22s ease;
}

.gps-links-list a:hover,
.gps-apps-list a:hover {
    transform: translateY(-3px);
    background: rgba(255, 255, 255, 0.24);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.35);
}

.gps-app-icon {
    font-size: 3.2vh;
    min-width: 3.8vh;
    text-align: center;
}

.gps-apps-list strong {
    display: block;
    font-size: 2.4vh;
}

.gps-apps-list em {
    display: block;
    margin-top: 0.3vh;
    font-size: 1.65vh;
    font-style: normal;
    opacity: 0.82;
}

@media (max-width: 800px) {
    .gps-panel {
        top: 10%;
        left: 47%;
        right: 0.5%;
        height: 55%;
        grid-template-columns: 1fr;
        grid-template-rows: auto 2px auto;
    }

    .gps-separator {
        background: linear-gradient(
            to right,
            transparent,
            rgba(255,255,255,0.65),
            transparent
        );
    }
}