<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">:root {
  --vert: 			rgb(30, 96, 105);
  --violet: 		rgb(82, 18, 75);
  --violetclair:	rgb(118, 34, 118);
  --jaune:			rgb(237, 169, 22);
  --rouge:			rgb(209, 31, 39);
}

@font-face {
    font-family: 'Blooms';
    src: url('fonts/DearType-Blooms-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
	font-family: "estandard";
	src: url("fonts/Estandar-Regular.woff2") format("woff2");
}

@font-face {
	font-family: "avenir";
	src: url("fonts/AvenirNextCondensed-Regular.woff2") format("woff2");
}

@font-face {
	font-family: "avenir-medium";
	src: url("fonts/AvenirNextCondensed-Medium.woff2") format("woff2");
}

@font-face {
	font-family: "avenir-demibold";
	src: url("fonts/AvenirNextCondensed-DemiBold.woff2") format("woff2");
}

body {
	/* background-color: #bbb; */
	background-color: white;
	
	margin: 0;
}

.page-header,
.page-header h1 {margin-top:0;}

.bandeau {
	background-color: var(--violet);
	/* Fait avec une balise style pour les images alĂŠatoires. */
	/* background-image: url('img/DSC02857_rogne.jpg'); */
	height: 300px;
	background-repeat: no-repeat;
	background-size: cover;
}

.circle-logo {
	background: white;
	background-image: url('img/Logo_ESI_200_171.png');
	background-repeat: no-repeat;
	/* background-position: center; */
	background-position: 50% 25%;
	
	height: 300px;
	width: 300px;
	
	
	/* margin-left: auto; */
	/* margin-right: auto; */
	margin-left: 40px;

	border-radius: 150px;
	
	position: relative;
	top: 80px;
	
	
	-webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 1);
	-moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 1);
	box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 1);
	
	z-index: 2;
}

.bandeau_avant_baseline {
	background-color: white;
	height: 1px;

	position: relative;
	z-index: 1;

	box-shadow: 0px -5px 5px rgba(0, 0, 0, 0.4);
}

.bandeau_baseline {
	background-color: white;
	
	height: 60px;
	line-height: 60px;

	position: relative;
	z-index: 3;

	/* box-shadow: 0px -5px 3px rgba(0, 0, 0, 0.2); */
	
	text-align: center;
	
	text-align: left;
	padding-left: 80px;
}

.bandeau_baseline span#baseline {
	color: rgb(125,44,121);
	font-family: Blooms;
	font-size: 1.6em;
	letter-spacing: 2px;
}

#bandeau_menu {
	background-color: rgb(18,148,152);
		
	height: 56px;
	
	position: relative;
	z-index: 100;
}

#bandeau_menu.sticky {
	position: fixed;
	top: 0;
	width: 100%;
}

.page {
	top: 200px;
	min-height: 1200px;
	background-color: white;
	padding: 25px;
	
	margin-left: 20%;
	margin-right: 20%;
}

#footer {
	margin-top: 80px;
	
	height: 40px;
	line-height: 40px;
	
	text-align: center;
	background-color: rgb(217,216,214);
}

	#footer a:link, #footer a:hover, #footer a:active, #footer a: visited {
		color: color: var(--vert);
	} 

.titre {
	font-family: estandard;
	font-size: 2em;
	padding-top: 20px;
}

#bandeau_menu ul li ul li{
	position: relative;
	background-color: #171310;
	z-index: 999999;
	min-width: 300px;
	
	text-align: center;
}

h1 {
	font-family: "avenir-demibold";
	font-size: 2.0em;
	margin-top: 20px;
	margin-bottom: 10px;
}

h2 {
	font-family: "avenir-demibold";
	font-size: 1.5em;
	margin-top: 20px;
	margin-bottom: 10px;
}

h3 {
	font-family: "avenir-demibold";
	font-size: 1.25em;
	margin-top: 20px;
	margin-bottom: 10px;
}

.titre-pole01 {
	color: var(--vert);
}

.titre-pole02 {
	color: var(--jaune);
}

.titre-pole03 {
	color: var(--violet);
}

.titre-pole04 {
	color: var(--rouge);
}

.titre-pole05 {
	color: var(--bleu);
}

.titre-pole06 {
	color: var(--vertclair);
}

.indent-60 {
	padding-left: 60px;
}</pre></body></html>