.globalflex{
	display:flex;
	
}

.headernav{
	display:flex; 
	flex-direction:column;

	margin: auto;
	justify-content: space-around;
	flex-wrap: wrap;
	background-color: black;

	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;

}
/* MENU *********************************************************************************** */
ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: black;
}
li {
	float: left;
}
li a, .dropbtn {
	display: inline-block;
	color: white;
	/*font-weight: bold;*/
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
}
li a:hover, .dropdown:hover .dropbtn {
	background-color: #555;
}
li a:link{
	color : white;
}

li a:visited{
	color : #CCCCCC;
}
li.dropdown {
  display: inline-block;
}

/* DropDown Menu */
/*
.dropdown {
	position: relative;
	display: inline-block;
	color : white;
}
*/

.dropdown-content {
	display: none;
	position: absolute;
	background-color: black;
	min-width: 160px;
	z-index: 1;
}

.dropdown-content a {
	color: white;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	text-align: left;
}
.dropdown-content a:hover {
	background-color: #555;
}

.dropdown:hover .dropdown-content {
  display: block;
}

/* GENERAL ****************************************************************************** */
body {
	background-color: #CCCCCC;
	margin:0px;
}

.titreSection{
	width: 100%;
	text-align: center;
	color : white;
}

.soustitre{
	align-items: center;
	font-size : 18pt;
}
.engTxt{
	color : blue;
	font-style: italic;
}
.imgflex{
  width: 100%;
  height: auto;
}
/* LES SECTIONS ****************************************************************************** */
.blocSectionflex{
	display:flex; 

	justify-content: center;
	flex-direction:column;

	margin: auto;
	flex-wrap: wrap;

	width: 100%;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}
.blocArticleflex{
	display:flex;
	justify-content: center;
	flex-direction:column;
	margin: auto;
	flex-wrap: wrap;

	align-items:  flex-start;

	width: 100%;
}
.blocArticleTitreFlex{
	width: 100%;
	padding-top: 40px;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.blocArticleContenuLigneFlex{
	display:flex;
	align-items: stretch;

	justify-content: left;
	flex-direction:row;
	align-items:  flex-start;

	margin: auto;
	flex-wrap: wrap;

	width: 100%;
}
.blocArticleContenuLFlex{
	width: 380px;
	align-items: stretch;
	justify-content: right;
	padding: 10px;
}
.blocArticleContenuRFlex{
	max-width: 380px;
	align-items: stretch;
	justify-content: left;
	padding: 10px;
}
.blocArticleContenuQueTXT{
	align-items: stretch;
	width: 100%;
	padding: 10px;
}
.blocArticleContenuNotesFlex{
	align-items: stretch;
	width: 100%;
	padding: 10px;
	margin: 10px;
	background: #BBC;
}
/* GENERAL PAGES ****************************************************************************** */
.blocseparationtopflex{
	display:flex; 


	background-color: black;

	left: 0px;
	width: 100%;
	height: 5px;
	padding-bottom: 40px;
}
.blocseparationflex{
	display:flex;
/*
  display: block;
  margin-left: auto;
  margin-right: auto;
max-width: 780px;
*/

	background-color: #333;

	justify-content: center;
	align-items: center;
	text-align: center;

	width: 100%;
	padding-top: 80px;
	
}

.premierepageflex{
	display:flex; 
	
	flex-direction:column;

	margin: auto;
	justify-content: center;
	align-items: center;
	text-align: center;
	flex-wrap: wrap;

	width: 100%;
	max-width: 1200px;
	padding-bottom: 50px;
}

.galeriesflex{
	display:flex; 
	align-items: center;
	
	justify-content: space-around;
	flex-wrap: wrap;

	width: 100%;
	background: #CCCCCC; 
}

.footerflex{ 
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;

	margin: auto;
	color : white;
	background-color: black;
}
/* LES PAGES  OLD ****************************************************************************** */

.hometxtflex{
	width: 40%;
	padding-left: 5%;
	padding-right: 5%;
}
.notestechniques{
	margin: auto;
	padding: 2%;
	width: 79%;
	background: #BBC;
}
.titreblocflex{
	margin: auto;
	justify-content: center;
	flex-wrap: wrap;
	padding: 0%;
	width: 84%;
	/*background: #BBB;*/
}


.cvflex{
	display:flex; 
	flex-direction:column;
	align-items: center;
	
	justify-content: center;
	flex-wrap: wrap;

	left: 0px;
	marging: 20%;
	width: 100%;

	background: #CCCCCC; 

}

.collabflex{
	display:flex; 
	/* flex-direction:column; */
	align-items: center;
	
	justify-content: space-around;
	flex-wrap: wrap;

	width: 100%;
	background: #999999;
}
.techflex{
	display:flex; 
	/* flex-direction:column; */
	align-items: center;
	
	justify-content: space-around;
	flex-wrap: wrap;

	width: 100%;
	background: #CCCCCC;
}
.linksflex{
	display:flex; 
	flex-direction:column;
	align-items: center;
	
	justify-content: space-around;
	flex-wrap: wrap;

	width: 100%;

	background: #999999;
}
.downloadflex{
	display:flex; 
	flex-direction:column;
	align-items: center;
	
	justify-content: space-around;
	flex-wrap: wrap;

	width: 100%;

	background: #999999;
}

.contactflex{
	display:flex; 
	flex-direction:column;
	align-items: center;
	
	justify-content: space-around;
	flex-wrap: wrap;

	width: 100%;
	padding-bottom: 5%;

	background: #555555;
}




.miniimgflex{
  width: 30%;
  height: auto;
}