body {
	color: black;
	background-color: #FFFFFF;
	font-family: verdana;
}

div.logo {
	height: 32px;
	width: 160px;
	display: flex;
	align-items: center;
}

div.menu-bar {
	background-color: #FFFFFF;
	height: 3px;
	width: 26px;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 5px;
	margin-bottom: 5px;
}

li.fluid-list {
	list-style-type: square;
}

li.fluid-list::marker {
	color: #077F8B;
}

span.en-avant {
	font-weight: 600;
}

div.fluid-bouton {
	background-color: #077F8B;
	color: #FFFFFF;
	font-weight: 600;
	height: 24px;
	padding-left: 2px;
	padding-right: 2px;
	align-content: center;
	cursor: pointer;
}

div.bouton-petit {
	width: 16px;
}

div.bouton-moyen {
	width: 128px;
}

a.fluid-lien {
	text-decoration: none;
}

div.article {
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
	font-size: small;
}

div.entete-article {
	display: flex;
}

div.section {
	background-color: #077F8B;
	color: #FFFFFF;
	height: 24px;
	margin-top: 16px;
	margin-bottom: 16px;
	padding-left: 12px;
	align-content: center;
	font-weight: 800;
}

div.conteneur-article {
	display: flex;
	margin-bottom: 6px;
}

div.marqueur-article {
	width: 3px;
	margin-right: 9px;
	background-color: #7ECCC7;
}

div.titre-article {
	text-align: left;
	font-size: large;
	font-weight: 600;
	color: #077F8B;
	width: calc(100% - 100px);
	background-color: #FFFFFF;
	border: 1px;
}

div.date-article {
	text-align: right;
	width: 100px;
}

div.corps-article {
	display: flow;
}

div.centree {
	align-content: center;
}

@media (min-width: 840px) {
	div.entete {
        	position: absolute;
		top: 4px;
		width: calc(100% - 12px);
	        display: flex;
		height: 32px;
	}

	div.menu {
		display: flex;
		width: 100%;
		max-width: 1080px;
		content-align: center;
	}

	div.burger {
		display: none;
	}

	ul.navbar {
		display: flex;
	        height: 100%;
		margin-top: 0px;
	        margin-left: 4px;
		margin-right: 4px;
	        padding: 0;
        	list-style: none !important;
		justify-content: space-between;
	}

	ul.navbar li {
		width: 24%;
		color: #FFFFFF;
		background-color: #077F8B;
		align-content: center;
		text-align: center;
	}

	ul.navbar a {
		color: #FFFFFF;
		text-decoration: none;
		font-weight: 800;
	}

	div.corps {
		margin-top: 64px;
		margin-left: 160px;
		max-width: 1080px;
	}

	div.elt-article {
		width: 100%;
		display: flex;
		margin-top: 3px;
		margin-bottom: 3px;
	}

	div.colonne-article-normale {
		display: block;
		width: 50%;
		margin-left: 2px;
		margin-right: 2px;
		padding: 0px;
	}

	div.colonne-article-large {
		display: block;
		width: 70%;
		margin-left: 2px;
		margin-right: 2px;
		padding: 0px;
	}

	div.colonne-article-petite {
		display: block;
		width: 30%;
		margin-left: 2px;
		margin-right: 2px;
		padding: 0px;
	}

	
}

@media (min-width: 1024px) {
	div.cvtheque {
		width: 100%;
		display: flex;
		margin-top: 3px;
		margin-bottom: 3px;
	}

	div.fiche-cv {
		display: block;
		margin-top: 4px;
		margin-left: 0px;
		margin-right: 4px;
		padding-left: 2px;
		padding-right: 2px;
		width: calc(50% - 12px);
		border: #077F8B;
		border-style: solid;
	}

	div.formation {
		width: 100%;
		display: flex;
		margin-top: 3px;
		margin-bottom: 3px;
	}

	div.module-formation {
		display: flex;
		margin-top: 4px;
		margin-left: 0px;
		margin-right: 4px;
		padding-left: 2px;
		padding-right: 2px;
		width: calc(50% - 12px);
		border: #077F8B;
		border-style: solid;
		border-width: thin;
		border-left-width: medium;
	}
}

@media (max-width: 1024px) {
	div.cvtheque {
		width: 100%;
		display: flow;
		margin-top: 3px;
		margin-bottom: 3px;
	}

	div.fiche-cv {
		display: block;
		margin-top: 4px;
		margin-left: 0px;
		margin-right: 4px;
		padding-left: 2px;
		padding-right: 2px;
		width: 100%;
		border: #077F8B;
		border-style: solid;
	}

	div.formation {
		width: 100%;
		display: flow;
		margin-top: 3px;
		margin-bottom: 3px;
	}

	div.module-formation {
		display: flex;
		margin-top: 4px;
		margin-left: 0px;
		margin-right: 4px;
		padding-left: 2px;
		padding-right: 2px;
		width: 100%;
		border: #077F8B;
		border-style: solid;
		border-width: thin;
		border-left-width: medium;
	}
}


@media (max-width: 840px) {
	div.entete {
        	position: absolute;
		top: 4px;
	        display: flex;
		width: calc(100% - 12px);
	}

	div.menu {
		display: flow;
		width: 100%;
		content-align: right;
		text-align: -webkit-right;
		background-color: #FFFFFF;
	}

	div.burger {
		display: flow;
		width: 32px;
		height: 32px;
		background-color: #077F8B;
		align-content: center;
		cursor: pointer;
	}

	ul.navbar {
		display: flow;
		width: 220px;
		list-style: none !important;
		justify-content: center;
	}

	ul.navbar li {
		width: 100%;
		color: #FFFFFF;
		background-color: #077F8B;
		align-content: center;
		text-align: center;
		margin-top: 2px;
		margin-bottom: 2px;
	}

	ul.navbar a {
		color: #FFFFFF;
		text-decoration: none;
		font-weight: 800;
	}

	div.corps {
		margin-top: 64px;
		margin-left: 20px;
	}

	div.elt-article {
		display: flow;
	}

	div.colonne-article-normale {
		display: block;
		width: 100%;
	}

	div.colonne-article-large {
		display: block;
		width: 100%;
	}

	div.colonne-article-petite {
		display: block;
		width: 100%;
	}
}