*{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:1900px;
	margin:auto;
	display:flex;
}

.ConteneurExterne
{
	width:98%;height:1850px;
	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 #############*/

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

.photo_coord
{
	/*background:grey;
	background:rgba(0,0,255,0.1);*/
	width:97%;height:300px;
	display:flex;
	justify-content:space-around;align-items:center;
}

.photo
{
	background:url("images/Boussole-B240.png");
	/*background:red;*/
	/*width:260px;height:260px;*/width:240px;height:240px;
}
.coord
{
	/*background:yellow;*/
	background:rgba(0,0,200,0.1);
	width:80%;height:250px;
	display:flex;
	color:grey;font-size:1.8rem;
	padding:10px 0 10px 0;
}
.coord ul
{
	/*background:pink;*/
	margin:auto;
	width:90%;
	list-style:none;
}
.coord ul strong
{
	font-size:1.8rem;
	color:grey;
}

.coord li
{
	/*background:blue;*/
	text-align:center;
	display:block;margin-top:3px;
}

h1
{
	/*background:red;*/
	/*background:rgba(0,0,255,0.1);*/
	font-family:Fredricka;
	width:80%;height:35px;
	text-shadow:50px 10px 2px grey;text-align:center;
	color:silver;font-size:2rem;
}

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


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

.ConteneurInterne
{
	background:rgba(255,0,0,0.2);
	width:95%;height:1000px;
	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;
	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:800px;
	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;
}

.sec_inf
{
	/*background:blue;*/
	width:95%;height:650px;
	display:flex;align-items:center;
}

.A
{
	/*background:maroon;*/
	width:20%;height:600px;
	display:flex;flex-direction:column;justify-content:space-between;
}

.A1,.A2,.A3
{
	/*background:pink;*/
	background:rgba(0,0,128,0.2);
	/*width:20%;*/height:170px;
	/*border-top:4px solid maroon;border-bottom:4px solid maroon;border-left:4px solid maroon;*/
	font-size:1.8rem;
	display:flex;flex-direction:column;justify-content:space-around;
}

.A1 p
{
	/*background:blue;*/
	text-align:center;color:rgba(128,0,128);
}
.A2 p
{
	/*background:blue;*/
	text-align:center;color:black;
}
.A3 p
{
	/*background:blue;*/
	text-align:center;color:rgba(128,0,128);
}

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

.inf
{
	/*background:maroon;*/
	/*background:rgba(0,0,128,0.2);*/
	width:80%;height:90%;
	margin:auto;
	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 (min-width:1200px)and (max-width:1420px)
{
	.photo
	{
		background:url("images/Boussole-B210.png");
		/*width:240px;height:240px;
		width:220px;height:220px;*/
		width:210px;height:210px;
	}
}

@media all and (min-width:1040px)and (max-width:1199px)
{
	/*## Partie HEADER ###*/
	.photo
	{
		display:none;
	}
	
	.coord
	{
		margin:auto;
		font-size:1.7rem;
	}
	
	h1
	{
		font-size:1.7rem;
	}

	/*### Partie SECTION ###*/
	.n1
	{
		font-size:1.4rem;
	}
	
	.n2
	{
		font-size:1.5rem;
	}
	
	.n2:hover
	{
		background:rgba(0,0,0,0.85);
	}
	/*
	.int_nav
	{
		background:url('images/Network4.png');
		
	}
	*/
	.A1,.A2,.A3
	{
		font-size:1.6rem;
	}
	
	.B
	{
		font-size:1.45rem;
	}
	
	.pp
	{
		font-size:1.5rem;
	}
}

@media all and (max-width:1039px)
{
	body
	{
		min-width:860px;
	}
	/*## Partie HEADER ###*/
	.photo
	{
		display:none;
	}
	
	.coord
	{
		margin:auto;
		font-size:1.65rem;
	}
	
	h1
	{
		font-size:1.5rem;
	}

	/*### Partie SECTION ###*/
	.n1
	{
		font-size:1.1rem;
	}
	
	.men_exp
	{
		background:rgba(128,0,128,0.2);
		box-shadow:6px 6px 8px black inset,-6px -6px 8px black inset;
	}
	
	.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;
		
	}
	*/
	.A1,.A2,.A3
	{
		font-size:1.45rem;
	}
	
	.B
	{
		font-size:1.35rem;
	}
	
	.pp
	{
		font-size:1.4rem;
	}
}