/* xx-small // x-small // small // medium // large // x-large // xx-large */
/* font-size:1em; = taille medium */

/* background 	: color, attachment, repeat, position */
/* border		: width, color, size */

/* survol : a:hover // au moment du clic : a:active // visité : a:visited // sélectionné : focus */

/* padding : marge intérieure // margin : marge extérieure // les 2 en px*/

body /* attention à l'héritage !! */
{
	background-color: rgba(60,143,210,0.5);
	/* background-image: <a href="C:/Users/cleme/Documents/Site internet/home.html">url("C:/Users/cleme/Documents/Site internet/clementpozzi.png")</a>; */
	/* background-attachment: fixed; /* fixed // scroll  */
	/* background-repeat: no-repeat; */
	/* background-position: top right; */
	/* display: flex; */
	/* align-items: center; */
	min-width: 300px;							/* CHANGE SUIVANT LA RESOLUTION LARGE/SMALL*/
}

/* --------------------- FLEXBOX --------------------- */
.conteneur_general
{
	display: flex;
	flex-direction: column;
	
	justify-content: center;
	/* align-items: flex-start; */
	align-items: start;
	
	height: 85vh;
	min-height: 650px;
	
	/* border: 1px solid green; */
	border: none;
}

.contenu
{
	display: flex;
    flex-direction: column;						/* CHANGE SUIVANT LA RESOLUTION LARGE/SMALL*/
	justify-content: flex-end;
	
	/* width: 1806px; */
	width: 100%;								/* CHANGE SUIVANT LA RESOLUTION LARGE/SMALL*/
	
	margin-top: 10px;							/* CHANGE SUIVANT LA RESOLUTION LARGE/SMALL*/
	min-width: 300px;
	
	/* height: 70%; */
	min-height: 200px;
	
	/* border: 1px solid yellow; */
	border: none;
	/* visibility: hidden; */
}

header, footer
{
	/* border: 3px double; */
	border: 1px solid;
	border-color: rgb(6,56,115);
	background-color: rgba(240,240,240,1);
	/* background-color: white; */
	
	/* width: 1800px; */
	width: 100%;								/* CHANGE SUIVANT LA RESOLUTION LARGE/SMALL*/
	min-width:300px;							/* CHANGE SUIVANT LA RESOLUTION LARGE/SMALL*/
	height: 60px;
	overflow: hidden;
	
	display: flex;
	justify-content: center;
	align-items: center;
	
	/* overflow-y: hidden; */
	/* overflow-x: scroll; */
}

header h2, footer h2
{
	width: 24%;
	/* border: 1px solid red; */
	height: 70%;
	margin: 0px;
	
	display: flex;
	justify-content: center;
	align-items: center;
}

header h2:nth-child(-n+3), footer h2:nth-child(-n+3)
{
	border-right: 1px solid black;
}
/* header */
/* { */
	/* height: 70px; */
/* } */
footer
{
	margin-top: 10px;
}

nav
{
	/* display: inline-block; */
	/* float: left; */
	/* vertical-align: top; */
	
	/* border: 3px double white; */
	background-color: rgb(6,56,115);
	width: 100%;								/* CHANGE SUIVANT LA RESOLUTION LARGE/SMALL*/
	min-width: 300px;							/* CHANGE SUIVANT LA RESOLUTION LARGE/SMALL*/
	/* height: 180px;							 */
	height: 30%;								/* CHANGE SUIVANT LA RESOLUTION LARGE/SMALL*/
	min-height: 150px;
	
	/* vertical-align: middle; */
	/* padding-left: 20px; */
	
	display: flex;
	flex-direction: column;
	justify-content: top;
	align-items: center;
}

.titre_nav
{
	height: 30px;
	margin-top: 5px;
	
	font-weight: normal;
}

main
{
	display: flex;
	flex-direction: column;
	/* border: 3px double black; */
	background-color: rgba(6,56,115,0.2);
	width: 100%;
	min-width: 300px;
	height: 70%;
	min-height: 350px;
}
.rubriques
{
	display: flex;
	align-items: center;
	justify-content: center;
	
	width: 90%;
	/* min-width:100px; */
	height: 50px;									/* CHANGE SUIVANT LA RESOLUTION LARGE/SMALL*/
	
	border-top: 2px solid white;
	border-bottom: 2px solid white;
	
	margin: auto;
	margin-top: 15px;
	overflow: hidden;
}
main article
{
	/* border: 1px double blue; */
	background-color: rgba(240,240,240,1);
	padding: 12px;
	/* height: 480px; */
	height: 75%;
	overflow: auto;
	word-wrap: break-word;
	/* margin: auto; */
	width: 90%;
	font-family: Calibri, Arial, sans-serif;
	/* visibility: hidden; */
}
.experience_text
{
	font-size: 1.3em;
}

/* -------------------------------------------------------------- Titre avec logo -------------------------------------------------------------- */
.title_with_logo
{
	display: flex;
	flex-direction: row;
	height: 60px;
	
	/* border-bottom: 2px solid rgb(6,56,115); */
}
h1
{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 85%;
	/* min-width: 800px; */
	
	font-family: "Bahnschrift SemiBold", Arial, sans-serif;
	font-size: 2em;
	/* text-decoration: underline; */
	color: rgb(6,56,115);
	
	/* border: 2px solid black; */
}
.title_logo
{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	width: 15%;
	/* min-width: 100px; */
	
	/* border: 1px solid black; */
}

/* -------------------------------------------------------------- h2 -------------------------------------------------------------- */
h2
{
	font-family: Arial, sans-serif;
	color:black;
	text-align: center;
	font-size: 1.1em;							/* CHANGE SUIVANT LA RESOLUTION LARGE/SMALL*/
}
/* footer h2 */
/* { */
	/* font-size: 1.1em; */
/* } */

h2 a
{
	text-decoration: none;
	color:black;
}

h2 a:visited
{
	color:black;
	text-decoration: none;
}

h2 a:hover
{
	color:#1475E7;
	/* text-decoration: underline; */
	background-color: rgb(240,240,240);
}


@media screen and (min-width: 600px) and (max-width: 660px)
{
    h2
    {
		font-size: 1.1em;
		/* background-color:red; */
    }
}

@media screen and (max-width: 600px)
{
    h2
    {
		font-size: 1em;
		/* background-color: blue; */
    }
	header, footer
	{
		/* height: 40px; */
	}
}

/* -------------------------------------------------------------- h3 -------------------------------------------------------------- */
h3
{
	font-family: Arial, sans-serif;
	color:#F2F2F2;
	/* border: 1px white solid; */
	/* font-size: 1.3em; */
	font-size: 1.1em;
	
	margin-top:5px;									/* CHANGE SUIVANT LA RESOLUTION LARGE/SMALL*/
	margin-bottom:0px;								/* CHANGE SUIVANT LA RESOLUTION LARGE/SMALL*/
	/* background-color: rgb(6,56,115); */
}

h3 a
{
	text-decoration: none;
}

h3 a:visited
{
	color:#F2F2F2;
	text-decoration: none;
}

h3 a:hover
{
	color:rgb(6,56,115);
	background-color: #F2F2F2;
	/* text-decoration: underline; */
}

/* -------------------------------------------------------------- h4 -------------------------------------------------------------- */
h4
{
	font-family: Corbel, Calibri, sans-serif;
	color:black;
	/* border-bottom: 2px white double; */
	text-align: center;
	font-size: 1.4em;
}

@media screen and (max-width: 550px)
{
    h4
    {
		font-size: 1.2em;
    }
}

h4 a
{
	text-decoration: none;
}

h4 a:visited
{
	color:black;
	text-decoration: none;
}

h4 a:hover
{
	/* color:#1475E7; */
	text-decoration: underline;
}

nav li
{
	list-style-type: none;
}

/* -------------------------------------------------------------- logos et icones -------------------------------------------------------------- */

figure
{
	display: flex;
	flex-direction: column;
	
	justify-content: center;
	align-items: center;
	
	/* border: 1px solid black; */
}

.logo_entite
{
	/* height: 50px; */
	height: auto;
	width: auto;
}

/* .logo_logiciel */
/* { */
	/* height: 32px; */
	/* width: auto; */
/* } */

.equation_400px
{
	display: flex;
	/* border: 1px solid black; */
}

.equation_800px
{
	display: none;
}