/*
 * Adapter le context de l'application de la variable --logo-etat-url
 * (par défaut "optimmo2")
 *
 * Les textes des titres sont :
 * - soit issus de la variable --logo-title, paramétrée par défaut avec la variable --app-title
 * - soit issus de la variable --main-title, paramétrée par défaut avec la variable --app-title
 * - soit paramétrés dans le code "svg" pour les variables ayant pour valeur "url('data..."
 *   (Position, couleur et opacité sont définis par svg dans ces cas)
 */

:root {
	--app-title: "Application de production";	
	--logo-title: var(--app-title);
	--page-background-url: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="200" width="450"><text x="0" y="25" transform="translate(0, 180) rotate(-33)" style="fill:black; font-weight:bold; font-size:2em; font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;">Application de production</text></svg>');
	/*--main-title: var(--app-title);
	--main-title-logo: "";*/
	--main-title: "";
	--main-title-logo: var(--logo-client-url);
	/*--logo-client-url: url('/optimmo2/static/optimmo/daucy_white_logo-39a5633f9bcdfcaff23443d51a2ec0e6.png');*/
	--logo-client-url: url('/optimmo2/static/optimmo/eureden_white_logo-57e69023dfc6abf9768058a7ba62a3ba.png');
	--dark-title-url: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="100" width="300"><text x="35" y="34" style="fill-opacity:0.4; fill:black; font-weight:bold; font-size:1.4em; font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;">Application de production</text></svg>');
	--light-title-url: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="100" width="300"><text x="35" y="34" style="fill-opacity:0.75; fill:white; font-weight:bold; font-size:1.4em; font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;">Application de production</text></svg>');
	--logo-etat-url: url('/optimmo2/resolve_image/fonds/logo-etat');
	--logo-etat-title-url: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="36" width="162"><text x="35" y="34" style="fill-opacity:0.4; fill:black; font-weight:bold; font-size:0.70em; font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;">Application de production</text></svg>');
}

/*
 * Insertion d'un titre :
 * - sous le logo Optimmo en page d'authentification et de choix de société (#cadre_logo::after)
 * - sous le logo Optimmo en page d'accueil (.id-cadre-logo::after)
 *
 * Le texte du titre est issu de la variable --logo-title
 */

/*
#cadre_logo::after, .id-cadre-logo::after {
	display: block;
	position: relative;
	content: var(--logo-title);
	font-weight: bold;
	opacity: 0.8;
}

#cadre_logo::after {
	height: 8px;
	font-size: 128%;
	top: -10px;
	left: 80px;
}

.id-cadre-logo::after {
	height: 6px;
	font-size: 65%;
	top: -5px;
	left: 40px;
}
*/

/*
 * Insertion d'un titre en filigrane (texte en biais), au choix :
 * - sur toutes les pages (body::before)
 * - sur les pages d'authentification, de choix de société et d'accueil
 *   (body#index-page::before, body#environnement-page::before, #optimmo-frame::before)
 *
 * Le texte du filigrane est paramétré dans le code "svg" de la variable --page-background-url
 */

/*body::before {*/
/*
body#index-page::before, body#environnement-page::before, #optimmo-frame::before {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	content: "";
	background-image: var(--page-background-url);
	opacity: 0.1;
}
*/

/*
 * Insertion d'un titre en partie droite du bandeau du haut :
 * - pour la page d'authentification et de choix de société (#main-navbar)
 * - pour la page d'accueil (.id-main-navbar)
 *
 * Le texte du titre est issu de la variable --main-title
 * L'image du titre (le cas échéant) est issu de --main-title-logo
 * - Adapter l'attribut width pour gérer la largeur affichable du logo
 */

#main-navbar, .id-main-navbar {
	postion:relative;
}

#main-navbar::after {
	height: 70px;
	/*height: 52px;*/
}

.id-main-navbar::after {
	height: 40px;
	/*height: 48px;*/
}

#main-navbar::after, .id-main-navbar::after {
	position: absolute;
	right: 12%;
	background-image: var(--main-title-logo);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	width: 200px;
	line-height: 54px;
	content:  var(--main-title);
	white-space: nowrap;
	font-weight: bold;
	font-size: 165%;
	text-align: right;
	color: rgba(255,255,255,0.9);
}

/*
 * Variante désactivée (Utilisation d'une image-texte "svg")
 *
 * Insertion d'un titre en partie droite du bandeau du haut :
 * - pour la page d'authentification et de choix de société (#main-navbar)
 * - pour la page d'accueil (.id-main-navbar)
 *
 * Le texte du titre est paramétré dans le code "svg" de la variable --light-title-url
 */

/*
#main-navbar, .id-main-navbar {
	background-image: var(--light-title-url);
	background-repeat: no-repeat;
}

#main-navbar {
	background-position: bottom 230% left 90%;
}

.id-main-navbar {
	background-position: top left 90%;
}
*/

/*
 * Insertion d'un titre :
 * - au dessus du menu d'accueil
 *
 * Le texte du titre est issu de la variable --logo-title
 */

/*
#optimmo-frame-cadre-gauche::before {
	position: relative;
	left: 10%;
	content:  var(--logo-title);
	font-weight: bold;
	font-size: 165%;
	opacity: 0.5;
}
*/

/*
 * Désactivé (Utilisation d'une image-texte "svg")
 *
 * Insertion d'un titre :
 * - au dessous du menu d'accueil
 *
 * Le texte du titre est paramétré dans le code "svg" de la variable --dark-title-url
 */

/*
#optimmo-frame-cadre-gauche {
	background-image:  var(--dark-title-url);
	background-position: bottom;
	background-repeat: no-repeat;
}
*/

/*
 * Insertion d'un titre :
 * - sous le logo Optimmo des états
 *
 * Il faut adapter le context de l'application dans la variable --logo-etat-url
 *
 * Le texte du titre est paramétré dans le code "svg" de la variable --logo-etat-title-url
 */

/*
img[src$="logo-etat"] {
	background-image: var(--logo-etat-url);
	background-repeat: no-repeat;
	content: var(--logo-etat-title-url);
}
*/