*{margin:0;padding:0;font-family:"Agency Fb";/*list-style:none;*/font-weight:normal;}
@font-face{font-family:Fredricka;src:url('polices/FrederickatheGreat-Regular.ttf')}
@font-face{font-family:Festive;src:url('polices/Festive-Regular.ttf')}
@font-face{font-family:Dancing;src:url('polices/DancingScript-VariableFont_wght.ttf')}
@font-face
{
font-family:"Agency Fb";
src:url('polices/agencyfb.eot') format('eot');
src:url('polices/agencyfb.eot') format('embedded-opentype'),url('polices/agencyfb.woff') format('woff'),url('polices/agencyfb.ttf') format('truetype'),url('polices/agencyfb.svg') format('svg');
}

html
{
	/*background:url("background/memphis-mini-dark.png");*/
	/*background:url("background/moulin_@2X.png");*/
	/*background:url("background/zwartevilt.png");*/
	/*background:url("background/tactile_noise_@2X.png");*/
	/*background:url("background/black_paper.png");*/
	/*background:url("background/curls.png");*/
	/*background:url("background/what-the-hex-dark.png");*/
	/*background:url("background/grey_wash_wall.png");*//*MAISON-DE-JEUNES*/
	/*background:url("background/spiration dark.png");*//*EFIB-POWER*/
	
	background:url("background/wood_1.png");/*FORMATIONS-COMPETENCES-INFORMATIONS COMPLEMENTAIRES*/
	
	/*width:100%;height:;*/
	display:flex;
}

body
{
	width:99%;height:1550px;
	margin:auto;
	display:flex;
}

.ConteneurExterne
{
	/*background:black;*/
	width:98%;height:1500px;
	margin:auto;
	display:flex;
	flex-direction:column;
	justify-content:space-around;
	align-items:center;
}

header,.ConteneurInterne,footer,.coord
{
	box-shadow:6px 6px 8px black inset,-6px -6px 8px black inset;
	border:4px double maroon;
}

/*########## 1.DEBUT HEADER #############*/


/*########## FIN HEADER #############*/


/*########## 2.DEBUT CONTENEUR #############*/

.ConteneurInterne
{
	background:rgba(255,0,0,0.2);
	width:95%;height:1100px;
	display:flex;justify-content:space-around;align-items:center;
}

	/*########## 2A.PARTIE MENU #############*/
nav
{
	/*background:blue;*/
	width:20%;height:800px;
	display:flex;flex-direction:column;justify-content:space-around;align-items:center;
	font-size:1.6em;
}

.menu
{
	/*background:black;*/
	width:90%;height:500px;
	display:flex;
}

.men1
{
	/*background:red;*/
	width:80%;height:500px;
	margin:auto;
	display:flex;flex-direction:column;justify-content:space-around;
	list-style:none;
}

.n1
{
	/*background:maroon;*/
	background:rgba(0,0,128,0.2);
	width:100%;height:80px;min-width:170px;
	box-shadow:6px 6px 8px black inset,-6px -6px 8px black inset;
	border:4px double maroon;
	display:flex;
	text-align:center;color:silver;
	/*Ajout*/
	position:relative;
	/*Fin Ajout*/
}

.n1:hover
{
	background:rgba(128,0,128,0.2);
	/*color:black;*/
}

.n1 span
{
	/*background:yellow;*/
	margin:auto;
}

.men_exp
{
	/*background:blue;*/
	display:none;
	background:rgba(0,0,128,0.2);
	box-shadow:6px 6px 8px black inset,-6px -6px 8px black inset;
	border:4px double maroon;
	list-style:none;
}

.n1:hover .men_exp
{
	width : 100% ;
	margin : auto ;
	display : flex ;
	flex-direction : column ;align-items:center;
	position : absolute ;
	top : 50% ; left : 100% ;
}

.n1 a,.n1 a:visited,.n1 a:focus,.n1 a:active
{
	text-decoration:none;
	color:silver;
}

.n2
{
	/*background:lime;*/
	font-size:1.8rem;
	width:90%;
	margin-top:15px;margin-bottom:15px;
	color:grey;
}

.n2:hover
{
	/*background:lime;*/
	background:rgba(0,0,0,0.2);
	border-bottom:4px double silver;
	color:silver;
}

.n2 a,.n2 a:visited,.n2 a:focus,.n2 a:active
{
	text-decoration:none;
	color:grey;
}
/* ############### AJOUT ########################### */	
.int_nav
{
	/*background:green;*/
	/*background:url('images/Network0.png');*/
	background:rgba(0,0,128,0.2);
	box-shadow:6px 6px 8px black inset,-6px -6px 8px black inset;
	width:70%;height:200px;
	/*###################*/
	display:flex;
}
.n3
{
	/*background:maroon;*/
	background:rgba(0,0,128,0.2);
	width:80%;height:60px;
	box-shadow:6px 6px 8px black inset,-6px -6px 8px black inset;
	border:4px double maroon;
	margin:auto;
	display:flex;
	text-align:center;color:silver;
}

.n3:hover
{
	background:rgba(128,0,128,0.2);
	/*color:black;*/
}

.n3 span
{
	margin:auto;
}
.n3 a,.n3 a:visited,.n3 a:focus,.n3 a:active
{
	text-decoration:none;
	color:silver;
}
/* ############### FIN AJOUT ########################### */	

	/*########## 2B.PARTIE SECTION #############*/
.sec_int
{
	/*background:grey;*/
	/*background:rgba(0,0,0,0.2);
	box-shadow:6px 6px 8px black inset,-6px -6px 8px black inset;
	border:4px double maroon;*/
	width:75%;height:1000px;
	display:flex;flex-direction:column;justify-content:space-around;align-items:center;
}

h2
{
	/*background:red;*/
	background:rgba(0,0,128,0.2);
	width:50%;height:50px;
	box-shadow:6px 6px 8px black inset,-6px -6px 8px black inset;
	border:4px double maroon;
	color:silver;font-size:1.7rem;
	display:flex;
}
h2 span
{
	margin:auto;
}

.B
{
	/*background:yellow;*/
	background:rgba(0,0,128,0.2);
	width:90%;height:850px;
	
	display:flex;
	font-size:1.6rem;color:silver;
}

.inf
{
	/*background:maroon;*/
	/*background:rgba(0,0,128,0.2);*/
	width:90%;height:95%;
	margin:auto;
	/*border-top:4px solid maroon;border-bottom:4px solid maroon;border-right:4px solid maroon;*/
	list-style-type:square;
	display:flex;flex-direction:column;justify-content:space-around;
}

.inf li
{
	/*background:blue;*/
	/*background:rgba(0,0,128,0.2);*/
	width:80%;
	margin:auto;
	
}

/*########## FIN CONTENEUR #############*/

footer
{
	background:rgba(0,0,255,0.1);
	width:95%;height:320px;
	display:flex;flex-direction:column;justify-content:space-around;align-items:center;
}

.pp
{
	/*background:blue;*/
	width:90%;height:180px;
	display:flex;justify-content:space-between;
	font-size:1.6rem;
}

.p1,.p3
{
	/*background:red;*/
	background:rgba(255,0,255,0.1);
	display:flex;
	width:32%;
	box-shadow:6px 6px 8px black inset,-6px -6px 8px black inset;
	border:4px double maroon;
	text-align:center;
	padding:5px 0 5px 0;
}

.pp p:hover
{
	background:rgba(255,0,0,0.1);color:black;
}
.pp p a:hover
{
	color:black;
}
.p1,.p3
{
		align-self:center;
}
.p2
{
	/*background:pink;*/
	display:flex;flex-direction:column;justify-content:space-between;
	width:30%;	
}
.p2A,.p2B
{
	/*background:pink;*/
	background:rgba(255,0,255,0.1);
	display:flex;
	width:100%;
	box-shadow:6px 6px 8px black inset,-6px -6px 8px black inset;
	border:4px double maroon;
	text-align:center;
	padding:5px 0 5px 0;
}

.pp p a{margin:auto;color:silver;text-decoration:none;}

.pp p a:visited,.pp p a:focus,.pp p a:active
{
	text-decoration:none;
	color:lime;
}
.p4
{
	/*background:red;*/
	width:95%;height:40px;
	display:flex;
	font-size:1.6rem;
	border-top:6px double lime;
	padding:3px;
	color:silver;
}

.p4 span
{
	/*background:yellow;*/
	/*width:95%;height:40px;*/
	margin:auto;
}
/* ##### RESPONSIVE ###### */

@media all and (max-width:1220px)
{
	.n1
	{
		font-size:1.4rem;
	}
	
	.n2
	{
		font-size:1.5rem;
	}
	
	.B
	{
		font-size:1.45rem;
	}
}

@media all and (max-width:1070px)
{
	/*### Partie SECTION ###*/
	.n1
	{
		font-size:1.2rem;
	}
	
	.n2
	{
		font-size:1.4rem;
	}
	
	.B
	{
		font-size:1.4rem;
	}
	
	.pp
	{
		font-size:1.5rem;
	}
}

@media all and (max-width:1030px)
{
	body
	{
		min-width:1020px;
	}
	
	/*### Partie SECTION ###*/
	.n1
	{
		font-size:1.1rem;
	}
		
	.n2
	{
		font-size:1.3rem;
		background:rgba(0,0,0,0.70);
	}
	/*
	.n2:hover
	{
		background:rgba(128,0,0,0.7);
	}
	
	.int_nav
	{
		display:none;
		
	}
	*/
	.B
	{
		font-size:1.3rem;
	}
	
	.pp
	{
		font-size:1.4rem;
	}
	
}