/* En tête */
header h1,header img
{
	text-align:center;
	color:#FFFFFF;
	font-size:45px;
	letter-spacing:25px;
	text-shadow: 0px 0px 6px #000000;
}

.examen
{
	position:fixed;
    background-attachment: scroll, fixed;
    background-color: rgb(100, 88, 98);
    background-image: url("images/overlay2.png"), url("images/banner.jpg");
    background-size:  auto, cover;
    background-position: 0% 0%, 50% 100%;
    background-repeat: repeat, no-repeat;
	z-index:999;
	padding:10px;
}

.examen a
{
	color:rgba(220,220,220,1);
}

.menutest a.selected
{
	color:rgba(240,240,240,0.9);
	border-bottom:4px solid rgba(240,240,240,0.9);
}

video#bgvid
{
	transition: 1s opacity;
}

video { 
	position: fixed;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index:-1;
	transform: translateX(-50%) translateY(-50%);
	background: url('banniere.jpg') no-repeat;
	background-size: cover;
	transition: 1s opacity;
}

header
{
	width:100%;
	top:0px;
	left:0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	background:rgba(0,0,0,0);
}

.scroll img
{
	width:25%;
}

.scroll:hover,.stats:hover
{
	color:rgba(0,0,0,0);
	background:rgba(0,0,0,0);
}

.scroll:focus,.stats:focus
{
	color:rgba(0,0,0,0);
	background:rgba(0,0,0,0);
}

.MenuNiveau1 a
{
	margin:0px;
	padding-left: 3%;
	padding-right: 3%;
	padding-top:10px;
	padding-bottom:10px;
	color:rgba(15,15,15,1);
	text-transform:uppercase;
	display:inline-block;
	text-decoration:none;
}

section .button, article .button
{
	border:1px solid rgba(15,15,15,1);
	padding-left: 3%;
	text-transform:uppercase;
	text-decoration:none;
	padding-right: 3%;
	padding-top:15px;
	padding-bottom:15px;
	color:rgba(15,15,15,1);
	background:rgba(230,230,230,1);
}

section .button:hover
{
	color:rgba(97,155,199,1);
	border:1px solid rgba(97,155,199,1);
	background:rgba(15,15,15,1);
}

article .button:hover
{
	color:rgba(222,97,21,1);
	border:1px solid rgba(222,97,21,1);
	background:rgba(15,15,15,1);
}

.menutest a
{
	color:rgba(240,240,240,0.6);
	border-bottom:4px solid rgba(232,28,79,0);
	text-transform:uppercase;
	text-decoration:none;
	padding-top:30px;
	padding-bottom:30px;
	padding-left:2.5%;
	padding-right:2.5%;
	margin:0px;
}

.menutest
{
	margin:0px;
	background-color:rgba(255,255,255,1);
}

.menutest a:hover
{
	border-bottom:4px solid rgba(240,240,240,0.6);
	color:rgba(255,255,255,0.8);
}

.MenuNiveau1 ul
{
	margin:0px;
}

.MenuNiveau1 li
{
	display:inline;
	margin-left:1px;
	margin-right:1px;
	margin:0px;
	
}

.MenuNiveau1
{
	width:100%;
	position:fixed;
	margin:0px;
	text-align:center;
    background-attachment: scroll, fixed;
    background-color: rgb(100, 88, 98);
    background-image: url("images/overlay2.png"), url("images/banner.jpg");
    background-size:  auto, cover;
    background-position: 0% 0%, 50% 100%;
    background-repeat: repeat, no-repeat;
	z-index:999;
}

.MenuNiveau2
{
	width:100%;
	position:fixed;
	margin:0;
	text-align:center;
	z-index:998;
}

.MenuNiveau2 a
{
	color:rgba(230,230,230,1);
	background:rgba(0,0,0,0);
}

.MenuNiveau2 a:hover
{
	background:rgba(232,28,79,0.9);
	color:rgba(255,255,255,1);
}

.premierpalier *
{
	display:none;
}

.premierpalier:hover .MenuNiveaurss
{
	display:inline;
	width:100%;
	position:absolute;
	left:0;
	margin:0px;
	text-align:center;
	background-color:rgba(230,230,230,0.9);
}

.premierpalier:hover .MenuNiveau2
{
	display:inline;
	width:100%;
	position:absolute;
	left:0;
	margin-top:48px;
	text-align:center;
	background:rgba(33,33,33,0.5);
}
.premierpalier:hover ul li, .premierpalier:hover ul a
{
	padding:15px;
	margin:0;
}

.scrollable
{
}

.scrollable_cfa
{
	background:url(cfafond.jpg) 50% 0 no-repeat fixed;
}

.scrollable_taf
{
	background:url(taffond.jpg) 50% 0 no-repeat fixed;
}

.scrollable_solo
{
	background:url(solofond.jpg) 50% 0 no-repeat fixed;
}

.scrollable_culture
{
	background:url(culturefond.jpg) 50% 0 no-repeat fixed;
}
.scrollable_moi
{
    background-attachment: scroll, scroll, scroll, scroll, scroll, fixed;
    background-color: rgb(100, 88, 98);
    background-image: url("images/light-tl.svg"), url("images/light-tr.svg"), url("images/light-br.svg"), url("images/light-bl.svg"), url("images/overlay2.png"), url("images/banner.jpg");
    background-size: 25em, 25em, 25em, 25em, auto, cover;
    background-position: 0% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 0%, 50% 100%;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat, no-repeat;
	color:rgba(230,230,230,1)
}

.first
{
	color:white;
	background:rgba(255,255,255,1);
	height:1200px;
}

.first td img
{
	border:1px solid black;
	border-radius:1000px;
}

.third
{
	text-align:center;
	color:white;
	background:url(fond2.jpg) fixed center no-repeat;
}
.third table
{
	margin-left:25%;
	width:50%;
}

.third td img
{
	border:1px solid black;
	border-radius:1000px;
	transition-duration:3s;
}

.third td img:hover
{
	border:1px solid black;
	border-radius:10px;
	transition-duration:0.2s;
}

aside
{
	position:fixed;
	width:15%;
	overflow:auto;
	height:100%;
	top:0;
	background-color:rgba(240,240,240,1);
	background-image:url("images/overlay2.png");
}

aside:hover
{
}

aside:hover *
{
}

aside *
{
	list-style:none;
	text-decoration:none;
	color:rgba(15,15,15,1);
	padding-left:3px;
	padding-top:15px;
	padding-bottom:15px;
	width:100%;
	overflow:hidden;
}

aside ul
{
	width:100%;
	margin-left:0px;
}

aside ul li
{
	width:100%;
	margin-left:0px;
	border-right:4px solid rgba(150,150,130,0);
}

aside ul li:hover
{
	border-right:4px solid rgba(150,150,130,1);
	color:rgba(150,150,130,1);
}

aside ul li.selected
{
	border-right:4px solid rgba(150,150,130,1);
}

aside ul li.selected a
{
	color:rgba(150,150,130,1);
}

.logo
{
	padding-top:100px;
	padding-bottom:10px;
	text-align:center;
	color:black;
	text-shadow: 0 0 3px #333333;
	background:rgba(0,0,0,0);
	transition-duration:3s;
}

.logo2
{
	text-align:center;
	color:black;
	text-shadow: 0 0 3px #333333;
	position: relative;
	height:1200px;
	transition-duration:3s;
}

.logo3
{
	text-align:center;
	color:black;
	text-shadow: 0 0 3px #333333;
	background:rgba(0,0,0,0.5);
	position: relative;
	height:1200px;
	transition-duration:3s;
}

.logo4
{
	text-align:center;
	color:black;
	text-shadow: 0 0 3px #333333;
	background:rgba(0,0,0,0.5);
	position: relative;
	height:1200px;
	transition-duration:3s;
}

.logo5
{
	text-align:center;
	color:black;
	text-shadow: 0 0 3px #333333;
	background:rgba(0,0,0,0.5);
	position: relative;
	height:1200px;
	transition-duration:3s;
}
.logo6
{
	text-align:center;
	color:black;
	position: relative;
	height:550px;
	transition-duration:3s;
}

.carre
{
	margin-top:-125px;
	float:left;
	margin-left:6%;
	width:250px;
	height:250px;
	background:white;
	border-radius:15px;
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,1);
}

.carre img
{
	border-radius:15px;
	width:100%;
	height:100%;
	padding:8px;
}

.logo h1,.logo2 h1
{
	letter-spacing:25px;
}

/* Corps */
*,
*:after,
*::before
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body
{
	margin:0;
	background-position:center;
	background-attachment:fixed;
}
/* Sections */
section
{
    background-attachment: scroll, scroll, scroll, scroll, scroll;
	background-color:rgba(240,240,240,1);
    background-image: url("images/dark-tl.svg"), url("images/dark-tr.svg"), url("images/dark-br.svg"), url("images/dark-bl.svg"), url("images/overlay2.png");
    background-size: 25em, 25em, 25em, 25em, auto;
    background-position: 0% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 0%;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat;
	padding:1em;
	width:100%;
	margin-left:0;
}

img
{
	width:58%;
}

.formation *
{
	text-align:center;
}

section p,.third p,.second p,.first p
{
	width:50%;
	margin-left:25%;
	color:black;
	font-size:18px;
}

article h4,article p
{
	width:70%;
	margin-left:15%;
	margin-right:15%;
	font-size:19px;
}

.code
{
	text-align:left;
	width:50%;
	padding:20px;
	margin-left:25%;
	background:url(fondtransbf.png);
	color:#F7BE81;
	border:1px solid #F7BE81;
	box-shadow: 0px 0px 8px rgba(30,30,30,1);
}
.valeur
{
	text-align:justify;
	color:#F58A7C;
	width:50%;
	margin-left:25%;
	background:url(fondtransbf.png);
	border:1px solid #F58A7C;
	padding:20px;
	box-shadow: 0px 0px 8px rgba(30,30,30,1);
}

.astuce
{
	text-align:justify;
	color:#81BEF7;
	width:50%;
	margin-left:25%;
	background:url(fondtransbf.png);
	border:1px solid #81BEF7;
	padding:20px;
	cursor:url(images/aerowedge_help.cur), pointer;
	box-shadow: 0px 0px 8px rgba(30,30,30,1);
}

.astuce table
{
	text-align:justify;
	color:rgba(150,150,150,1);
}
.reponse
{
	text-align:justify;
	color:#A9F5A9;
	width:50%;
	margin-left:25%;
	border:1px solid #A9F5A9;
	padding:20px;
	background:url(fondtransbf.png);
	box-shadow: 0px 0px 8px rgba(30,30,30,1);
}

.poeme
{
	text-align:center;
	color:rgba(34,34,34,1);
	width:50%;
	margin-left:25%;
	transition-duration:0.6s;
	padding:20px;
}

.red
{
	color:#d64b38;
}

.google
{
	color:#ff977a;
	padding:10px;
	text-align:center;
	width:56%;
	margin-left:22%;
}

.commentaire
{
	position: relative;
	background:rgba(255,255,255,1);
	border: 1px solid rgba(20,20,20,1);
	color:rgba(20,20,20,1);
}

.separation
{
	font-family:"Ubuntu";
	width:100%;
	margin-left:0;
	margin-top:0;
    background-attachment: scroll, fixed;
    background-color: rgb(100, 88, 98);
    background-image: url("images/overlay2.png"), url("images/banner.jpg");
    background-size:  auto, cover;
    background-position: 0% 0%, 50% 100%;
    background-repeat: repeat, no-repeat;
	z-index:999;
	color:rgba(255,255,255,1);
	padding:20px;
	text-align:center;
	margin-bottom:0;
}

article
{
	margin-top:0;
	padding:1em;
	width:100%;
	background:rgba(255,255,255,1);
	margin-left:0;
}
li
{
	text-align:justify;
	width: 80%;
	margin-left:10%;
}
ul
{
	text-align:justify;
	width: 55%;
	margin-left:22%;
}
article p
{
	text-align:justify;
	width: 70%;
	margin-left:15%;
	font-size: 16px;
	padding:20px;
	background:rgba(34,34,34,1);
}

.tuto
{
	margin-top:30px;
	width:50%;
	margin-left:25%;
}

.tuto caption
{
	margin-top:10px;
	margin-bottom:10px;
	font-family:"Ubuntu";
	color:black;
	font-size:40px;
}

.tuto td
{
	padding:15px;
}
/* Titres */
h1
{
	font-family:hacker;
	font-weight:normal;
	text-align:center;
	margin:0px;
	padding:5px;
	text-transform:uppercase;
}

h2
{
	color:rgba(20,20,20,1);
	padding:5px;
	text-shadow: 0 0 3px #EEEEEE;
}

section h2,section h4,.first h2,.first h4,.second h2,.second h4,.third h2,.third h4
{
	font-family:"Ubuntu";
	font-size:30px;
	letter-spacing:5px;
	width:52%;
	margin-left:23%;
	margin-top:0px;
	color:rgba(20,20,20,1);
	padding:5px;
	text-align:left;
}

h3
{
	text-align:center;
	color:rgba(170,170,170,1);
	padding:5px;
	border-top:1px black solid;
	text-shadow: 0 0 3px #EEEEEE;
	text-transform:uppercase;
}

article h4
{
	color:#000000;
	text-transform:uppercase;
	text-align:left;
	border-top:solid 1px black;
	padding-top:15px;
}

/* Liens */
section ul li
{
	padding:10px;
}

div a,section a,.separation a
{
	color:rgba(15,15,15,1);
	text-transform:uppercase;
	text-decoration:none;
	padding:10px;
	border-bottom:4px solid rgba(232,28,79,0);
}

a:hover
{
	color:rgba(150,150,130,1);
}

aside a:hover
{
	background:rgba(150,150,130,0);
}

a:focus
{
	transition-duration:0.1s;
}

/* Pied de page */
footer
{
	text-align:center;
	text-transform:uppercase;
	color:rgba(15,15,15,1);
	margin:0px;
	padding:5px;
	background-color:rgba(240,240,240,1);
	background-image:url("images/overlay2.png");
}
/* Formulaire */
input:focus,textarea:focus
{
	box-shadow: 1px 1px 2px #616161;
}

table
{
	text-align:left;
	color:rgba(34,34,34,1);
	width:80%;
	margin-left:10%;
	transition-duration:0.6s;
	font-size:19px;
}
section table
{
	text-align:left;
	width: 50%;
	color:rgba(34,34,34,1);
	margin-left:25%;
	font-size:19px;
	transition-duration:0.6s;
}

article table
{
	color:black;
}

/* Erreurs */

.h1erreur
{
	text-align:center;
}

.perreur
{
	text-align:center;
}

/* Général */
html
{
	cursor:url(images/aerowedge.cur), pointer;
}

html a
{
	cursor:url(images/aerowedge_link.cur), pointer;
}

*
{
	transition-duration:0.2s;
	text-align:justify;
	font-family:Ubuntu, Verdana;
}
/* latin */
@font-face
{
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu'), url(http://fonts.gstatic.com/s/ubuntu/v7/sDGTilo5QRsfWu6Yc11AXg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face
{
	font-family:"fine";
	src:url("Police/CaviarDreams.ttf");
}
@font-face
{
	font-family:"hacker";
	src:url("Police/basictitlefont.ttf");
}
@font-face
{
	font-family:"alien";
	src:url("Police/alienleague.ttf");
}
/* Média Queries */
@media all and (max-width: 1350px)
{
	.carre
	{
		display:none;
	}
	.logo6
	{
		text-align:center;
		color:black;
		position: relative;
		height:200px;
		transition-duration:3s;
	}
}	

@media all and (max-width: 1024px)
{
	h2, section h2,section p, article p, .commentaire, ul, li,.code,.astuce,.valeur,.reponse,section ul, section ol
	{
		margin-left:2%;
		width: 96%;
	}
	.first p,.second p,.third p,.first h2,.second h2,.third h2,.tuto
	{
		text-align:justify;
		margin-left:20%;
		width:75%;
	}
	.scroll img
	{
		width:45%;
	}
	section h4,article h4
	{
		margin-left:2%;
		width: 96%;
	}
	.google
	{
		margin-left:2%;
		width: 96%;
	}
	img
	{
		width:90%;
	}
	aside
	{
		width:18%;
	}
	aside a,aside li,aside ul
	{
		margin:0;
		padding-left:3px;
		padding-top:15px;
	}
	.logo h1,.logo2 h1,header h1
	{
		letter-spacing:15px;
	}
	.examen
	{
		position:relative;
		text-align:center;
	}

}
@media all and (max-device-width: 650px)
{
	.scrollable
	{
		background:url(banniere.jpg) fixed center no-repeat;
	}
	.logo2
	{
		height:1080px;
	}

	.logo3
	{
		height:1080px;
	}

	.logo4
	{
		height:1080px;
	}

	.logo5
	{
		height:1080px;
	}
	video
	{
		display:none;
	}
	.logo h1,.logo2 h1
	{
		letter-spacing:25px;
	}
}