div.logo15 {
		--logo_h: 15px;
		--logo_l: calc(var(--logo_h)*8);
	}
	div.logo14 {
		--logo_h: 14px;
		--logo_l: calc(var(--logo_h)*8);
	}
	div.logo8 {
		--logo_h: 8px;
		--logo_l: calc(var(--logo_h)*8);
	}
	div.logo7 {
		--logo_h: 7px;
		--logo_l: calc(var(--logo_h)*8);
	}
	div.logo4 {
		--logo_h: 4px;
		--logo_l: calc(var(--logo_h)*8);
	}
	div.logo {
		display: flex;
		padding: var(--logo_h);
		/* border: 1px solid black; */
		width: calc(var(--logo_h)*26.5);
		height: calc(var(--logo_h)*7);
	}
	div.logo_carre {
		flex-flow: column;
		width: calc(var(--logo_h)*10);
		height: calc(var(--logo_h)*10.5);
	}
	
	div.logo_bg_noir {background-color: black;}
	div.logo_bg_blanc {background-color: white;}
	div.logo_bg_bleu_dark {background-color: var(--ism-bleu-dark);}
	
	div.logo_barre1 {
		height: calc(var(--logo_h)*2);
		width: var(--logo_l);
		margin-bottom: var(--logo_h);
		/* border: 1px solid black; */
	}
	div.logo_barre2 {
		height: calc(var(--logo_h)*2);
		width: var(--logo_l);
		/* border: 1px solid black; */
	}
	div.logo div.logo_textes {
		margin-left: calc(var(--logo_h)/2);
		/* border: 1px solid black; */
	}
	div.logo.logo_carre div.logo_textes {
		margin-left: 0;
		margin-top: var(--logo_h);
	}
	div.logo div.logo_texte1 {
		line-height: 5px;
		width: calc(var(--logo_l)*2);
		height: calc(var(--logo_h)*2);
		margin-bottom: var(--logo_h);
		/* border: 1px solid black; */
		padding: 0;
	}
	div.logo.logo_carre div.logo_texte1 {
		line-height: 5px;
		width: var(--logo_l);
		height: var(--logo_h);
		margin-bottom: calc(var(--logo_h)/2);
		/* border: 1px solid black; */
		padding: 0;
	}
	div.logo div.logo_texte2 {
		line-height: 5px;
		width: calc(var(--logo_l)*2);
		height: calc(var(--logo_h)*2);
		/* border: 1px solid black; */
		padding: 0;
	}
	div.logo.logo_carre div.logo_texte2 {
		line-height: 5px;
		width: var(--logo_l);
		height: var(--logo_h);
		/* border: 1px solid black; */
		padding: 0;
	}
	div.logo div.logo_texte1 img {
		width: calc(var(--logo_l)*2);
		height: calc(var(--logo_h)*2);
	}
	div.logo.logo_carre div.logo_texte1 img {
		width: var(--logo_l);
		height: var(--logo_h);
	}
	div.logo div.logo_texte2 img {
		width: calc(var(--logo_l)*2);
		height: calc(var(--logo_h)*2);
	}
	div.logo.logo_carre div.logo_texte2 img {
		width: var(--logo_l);
		height: var(--logo_h);
	}
	
	div.barre_bleu div.logo_barre1 {background-color: var(--ism-bleu-dark);}
	div.barre_bleu div.logo_barre2 {background-color: var(--ism-bleu-dark);}
	div.barre_orange div.logo_barre1 {background-color: var(--ism-orange-medium);}
	div.barre_orange div.logo_barre2 {background-color: var(--ism-orange-medium);}