html, body{
	margin:0;
	padding:0;
	font-family: 'Lato', sans-serif;76

	z-index:1;
}
a {
	text-decoration:none;
	
}
h1 {
	margin:0;
	padding:15px;
}

.inscrisToi{
	color:white;
	text-decoration:underline;
}
.inscrisToi:hover{
	color:white;
	text-decoration:none;
}

.colorBlack, .colorNoir{
	color:black;
}

.Erreur{
	
	text-align:center; position:fixed; z-index:10000; font-size:22px; width:100%; left:0; top:10%; color:white; background:red;
}
.Success{
	
	text-align:center; position:fixed; font-size:22px; width:100%; left:0; top:10%; color:white; background:green;z-index:10000;
}
.btnConnect{
	font-weight:bold;
	color:white;
	font-size:40px;
	display:inline-block;
	padding:15px;
	text-decoration:underline;
}
.backgroundLogoPunk{
	background-image:url('../medias/photos/fly&theTox-logo1.jpg');
}
.logoContener{
	text-align:center;
	font-family: 'Shrikhand', cursive;
	color:white!important;
	font-size:30px;
	background:rgb(35,35,35);
}
.parallax-mirror{
	
}
#menu {
	display:block;
	position:relative;
	top:0;
	width:100%;
	background:black;
	color:white;
	text-align:center;
	z-index:10000;
}
#menu .menuLiens, h1, h2 {
		font-family: 'Shrikhand', cursive;
	/* font-family: 'Permanent Marker', cursive; */
}
#menu .menuLiens{
	display:inline-block;
	text-transform:uppercase;
	padding: 10px 15px;
		color:white;

}
#sectionAccueil h1{
	font-size: 50px;
	line-height: 50px;
	text-shadow:rgba(0,0,0,0.5) 5px 5px 5px;
	margin-bottom:0;
	color:#CC340A;
}

#sectionAccueil .titrePage span {
	
	text-shadow:rgba(0,0,0,0.5) 5px 5px 5px;
}
#sectionAccueil{
	overflow:hidden;
	min-height:800px;
	width:100%;

}
.backgroundNico1{
	background-image:url('../medias/photos/nico-couleur-2.jpg');
	background-size:cover;
	background-repeat:no-repeat;
	
}
.backgroundNico1:after{
	content:'';
	background-image:url('../medias/photos/pattern.png');
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
.sectionTexte{
	padding:50px;
}
.albumContener {
	width: 70%;
margin: auto;
}
.albumContener .box{
	
	display:inline-block;
	text-align:center;
	margin:25px;
}
.albumContener .imgContener{
	display:inline-block;
	width:350px;
	height:350px;
	background:grey;
	position:relative;
}
.albumContener a {
	overflow:hidden;
}
.albumContener h2 {
margin:0;
font-weight:normal;
font-size:20px;
color:#888;
}
.albumContener .box:hover h2{
	color:#FFE400;
}
.filtrePlay{
	top:0;
	left:0;
	bottom:0;
	right:0;
	background-image: url('../medias/photos/pattern.png');
	transition:ease all 0.3s;
	opacity:0;
	z-index:2;
}
.play{
	width:62px;
	z-index:3;
}
.albumContener .box:hover .filtrePlay{
	opacity:1;
}
.albumContener .imgContener .imgPochette{ 
	display: block;
	position: absolute;
	left: -10000%;
	right: -10000%;
	top: -10000%;
	bottom: -10000%;
	margin: auto auto;
	min-width: 1000%;
	min-height: 1000%;
	-webkit-transform: scale(0.1);
	transform: scale(0.1);
	transition: ease all 0.2s;
	transform:scale(0.1);
	transform-origin:center;
	transition:ease all 0.3s;	
}
.imgContener:hover .imgPochette{
transform:scale(0.11);	
}
.interSection{
	height:400px;
	position:relative;
}
.interSection h1{
	font-size:100px;
	color:#FFE400;
}
.pageAlbum{
}
#page-nico-jeunesse #sectionAccueil{
	height:1070px;
}
#page-nico-jeunesse #accueilSec2{
	padding:50px;
}
.columnText{
	 -webkit-column-count: 3; /* Chrome, Safari, Opera */
  -moz-column-count: 3; /* Firefox */
  column-count: 3;
   -webkit-column-width:100px;
  -moz-column-width:100px;
  column-width:100px;
}
.columnText2{
	  -webkit-column-count: 3; /* Chrome, Safari, Opera */
  -moz-column-count: 3; /* Firefox */
  column-count: 3;
	line-height:0;
   -webkit-column-gap: 0px;
   -moz-column-gap: 0px;
   column-gap: 0px;
}
.columnText2 img{
	width: 100% !important;
  height: auto !important;
}
.intersect-1{
	height:400px;
}
#backgroundImg11{
	background-image:url('../medias/photos/montage-live-fly-and-the-tox.jpg');
	background-size:cover;
	background-attachment:fixed;
}
#pageGroupeFlyAndTheTox  h1{
	
}

#timeLine{
	height:200px;
}

.timeStamp{
	padding:20px; 
	width:100px;
	background:rgb(230,230,230);
	text-align:center;
}
.lineTime{
	width:150px;
	margin:auto;
	height:3px;
	background:rgb(230,230,230);
	transform:rotate(90deg);
	transform-origin:(50% 5%);
	
}
.dateDot{
	width:15px;
	height:15px;
	border-radius:100%;
	background:black;
	
}

/* Page album */

#pageMagicShoes .titreAlbum, #pageMagicShoes li.playing a, #pageMagicShoes li.playing {
	color:#f03e3b;
}
#pageMagicShoes li.playing{
	background:transparent;
	border-bottom:1px solid #f03e3b;
}
#pageMagicShoes .audiojs{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4c4c4c+0,595959+12,666666+25,474747+39,2c2c2c+50,000000+51,111111+60,2b2b2b+76,1c1c1c+91,131313+100;Black+Gloss+%231 */
background: rgb(76,76,76); /* Old browsers */
background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
}
.backgroundOldWhite{
	background:#fffaed
}
.backgroundRED{
	background:#ac506b;
}
/* fly and the tox theme */
.backgroundBlack{
	background:black;
	background-color: white;
}
.backgroundFadBlack{
	background:rgb(35,35,35);
	background-color: white;
}
.backgroundRedSumac{
	background-color:#592622;
	background-color: white;
}
.backgroundRedSumac2 {
    background-color: #68110a;
    background-color: white;
}
.backgroundYellow{
	background:#ebc70f;
}

/* learning-to-fly theme */

.backgroundBlue {
	background:white;
}
.backgroundOrange {
	background:#F86E16;
}
.colorOrange{
	color:#F86E16;
}
.backgroundMaron{
	background:#A48E3C;
}
.backgroundBleuNuit{
	background:#0B2121;
}
.ruban1 {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 112px;
	height: 20px;
	transform: rotate(45deg);
	top: 21px;
	right: -28px;
}
.ruban2 {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50px;
    height: 36px;
    transform: rotate(45deg);
    top: -15px;
    right: -21px;
}
/* formulaires */
.cgvChekbox{
	font-weight:normal!important;
	font-size:15px;
	display:inline-block;
	margin-top:15px;
	
}
label{
	font-family: 'Shrikhand', cursive;
	font-weight: 300;
	color:white;
	font-size:25px;
}
input[type=text], input[type=password], input[type=email], input[type=submit]{
	display:block;
	width:250px;
	padding: 10px 5px;
	border:1px solid #CC340A;
	border-radius: 5px;
	background: rgba(4, 4, 4, 0.5);
	transition:ease all 0.3s;
	color:rgb(240,240,240);

}
input:focus{
background: rgb(255,255,255);
color:rgb(0,0,0);
border-color: #FFE401;
}
input:focus + .control-label
{
    background-color:purple;
    color: #FFE400;
}
.control-label{
	position:relative;
	top:-68px;
}
input[type=submit] {
	
	margin-top: 20px;
	background:white;
	font-size:22px;
	color:#CC340A;
	box-sizing: border-box
	transition:ease all 0.23s;
	font-family: 'Shrikhand', cursive;
}
input[type=submit]:hover {
	background: #CC340A;
	color:white;
}
#btnEnregistrerNote{
	width:auto!important;
	margin-top: 5px!important;
	background:black!important;
	font-size:16px!important;
	padding: 5px 10px!important;
		font-family: 'Raleway', sans-serif; 
	color:white!important;
	box-sizing: border-box!important;
	transition:ease all 0.23s!important;
}


/* Rating Star Widgets Style */
.rating-stars .stars {
  list-style-type:none;
  padding:0;
  
  -moz-user-select:none;
  -webkit-user-select:none;
}
.rating-stars .stars .star {
  display:inline-block;
  
}

/* Idle State of the stars */
.rating-stars .stars .star .fa {
  font-size:2.5em; /* Change the size of the stars */
  color:#ccc; /* Color on idle state */
}

/* Hover state of the stars */
.hover .fa:hover {
  color:#FDD13D!important;
}

/* Selected state of the stars */
.selected .fa {
  color:#FFBF00!important;
}

.leCode {
	background:#CC340A9C!important;
	color:#fff!important;
}
.leCode:focus {
	color:#CC340A;
	background:#232323;
}
#formulaireBlock{
	width: 375px;
	margin: auto;
	position: relative;
	margin-top: 150px;
	margin-bottom: 50px;
	z-index: 10;
	
	padding: 15px;
	background: rgba(0,0,0,0.5);
	display: inline-block;
	border-radius: 20px;
	left: 10%;
}
#formulaireBlockInscription{
	width: 600px;
	margin: auto;
	position: relative;
	margin-top: 150px;
	margin-bottom: 50px;
	z-index: 10;
	z-index:5;
	padding: 15px;
	background: rgba(0,0,0,0.5);
	display: inline-block;
	border-radius: 20px;
	left: 10%;
}
#formulaireBlockInscription .innerForm{
	width:45%;
	display:inline-block;
	vertical-align:top;
	margin:10px;
}
/* bandeau avec profil utilisateur  */
#profilBar{
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	
	-moz-box-direction: row;
    -webkit-box-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flexbox-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
	
	  -webkit-box-pack: justify;
    -webkit-justify-content: center;
    -ms-flex-pack: justify;
    -moz-box-pack: justify;
    justify-content: center;
	
	  -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	background:#FFE400;
}
#profilBar h1, #profilBar h2, #profilBar a, #profilBar .separateurVertical{
	color:#232323;
	font-weight:300;
	display:inline-block;
	vertical-align:middle;
	margin:15px;
	padding:0;
	padding:0;
	
}
#profilBar span{
	color:#a22c2c;
	font-weight:300;
}
#profilBar a{
	text-decoration:underline;
}
.btnNoir{
	color:black!important;
	border-radius:5px!important;
	display:inline-block!important;
	padding:1px 5px!important;
	font-weight:500;
	text-decoration:none!important;
	border: 1px solid #232323;
}
/* pageAlbum.css */
	body { color: #666; font-family: sans-serif; line-height: 1.4; }
	 main{
		 padding:0 0 0px 0;
	 }
	
	#wrapper input[type=button]{
	  border: none;
	  padding: 5px 10px;
	  text-decoration: none;
	  margin: 4px 2px;
	  cursor: pointer;
	  border-radius:5px;
	  font-size:15px;
	  border:3px solid rgba(51,53,56,0.5);
	  width:initial;
	}
	#toggle{
		background:#FFE400;
		color:black;
	}
	.infoNoSleep{
		font-size:15px; 
		font-style:italic;
	}
	 .pochetteContener {
		 
		 width:460px;
	 height:460px;
	 position:relative;
	 }
	 .pochette, .cd{
		 position:absolute; 
		 top:0;
		 left:0; 
		 width:460px;
		 height:460px;
		 transition:ease-out all 0.3s;
	 }
	 .cassette{
		 top:70px;
		  position:absolute; 
		  width:460px;
		   
		 left:0; 
		  transition:ease-out all 0.3s;
	 }
	 .pochette{
		 z-index:2;
	 }
	  .cd{
		 z-index:1;
	 }
	 .pochetteContener:hover .cd{
		 transform:rotate(360deg);
		 left:350px;
	 }
	  .pochetteContener:hover .cassette{
		  left:350px;
	  }
        h1 { font-size: 1.6em; padding: 14px 2px 12px; margin: 0px; }
        h1 em { font-style: normal; color: #999; }
        a { color: #888; text-decoration: none; }
        #wrapper { width: 460px; margin: 40px auto; }

        ol { 
		padding: 0px; 
		margin: 0px; 
		list-style: decimal-leading-zero inside; 
		color: #ccc; 
		width: 460px; 
		border-top: 1px solid #ccc; 
		font-size: 0.9em; 
		font-family: 'Permanent Marker', cursive; 
		}
		
        ol li { 
		position: relative; 
		margin: 15px 0px; 
		padding:0 15px; 
		border-bottom: 1px solid #ccc; 
		cursor: pointer; 
		}
        ol li a { 
		display: inline-block; 
		text-indent: -3.3ex; 
		padding: 0px 0px 0px 20px; 
		margin-left: 20px;
		}
		
        li.playing { 
		color:#e1bd05; 
		text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); 
		background:rgb(65,65,65); 
		border-bottom:1px solid #e1bd05; 
		}
        li.playing a { 
		color:#ebc70f; 
		}
        li.playing:before { 
		display: inline-block; 
		content: '♬'; 
		width: 14px; 
		height: 14px; 
		padding: 3px; 
		line-height: 14px; 
		margin: 0px; 
		position: absolute; 
		left: -24px; 
		top: 9px; 
		color: #000; 
		font-size: 13px; 
		text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); 
		margin-right:10px;
		}
		.themeColorLearningTofly  li.playing{
			color:#F86E16;
			background:#003966;
			border-bottom: 1px solid #F86E16;
		}
		.themeColorLearningTofly li.playing a {
			color:#F86E16;
		}
		.themeBluesDuMonde  li.playing{
			color:white;
			background:black;
			border-bottom: 1px solid white;
		}
		
		.themeBluesDuMonde li.playing a {
			color:black !important;
		}
.themeBluesDuMonde a {
	color:black!important;
}
        #shortcuts {z-index:100;position:fixed;bottom: 0px; width: 100%; color: #666; font-size: 0.9em; margin: 60px 0px 0px; padding: 20px 20px 15px; background: rgba(40, 40, 40, 1); }
        #shortcuts div {  margin: 0px auto; }
        #shortcuts h1 { font-size:1.3em;display:inline-block; vertical-align:middle;margin: 0px 15px; padding:0px; }
        #shortcuts p { display:inline-block; vertical-align:middle;margin: 0px 15px; }
        #shortcuts em { font-style: normal; background: #d3d3d3; padding: 3px 9px; position: relative; left: -3px;
            -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;
            -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); -o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); }

        @media screen and (max-device-width: 480px) {
            #wrapper { position: relative; left: -3%; }
            #shortcuts { display: none; }
        }

        .credit {
            text-align: center;
        }
		.titreAlbum{
			font-family: 'Permanent Marker', cursive;
			margin-bottom:0;
			padding-bottom:0;
		}
		.infoAlbum{
			margin-top:0;
	font-size:14px;
}
.faceAB{
	color:black;
	font-family: 'Shrikhand', cursive;
}
#pageFlyandTheTox .audiojs .progress{
	background:#ebc70f;
}
#pageMagicShoes #audiojs_wrapper0 {
	margin-bottom:25px;
}
#pageMagicShoes ol {
	border:none;
}
#pageMagicShoes .audiojs .progress{
	background:#f03e3b;
}
#pageLiveDansLeSud {
	
}
#pageLiveDansLeSud .titreAlbum{
	color:#cea328;
}
#pageLiveDansLeSud .audiojs{
	background:#eb3223;
}
#pageLiveDansLeSud .audiojs .progress{
	background:black;
}
#pageLiveDansLeSud li.playing {
	background:#cea328;
	color:#eb3223;
}
#pageLiveDansLeSud li.playing a{
	color:#eb3223;
}
#pageLiveDansLeSud ol ,#pageLiveDansLeSud li a{
	color::#cea328;
}


@media only screen and (max-width: 900px) {
	#profilBar{
		display:block!important;
		text-align:center!important;
	}
	#profilBar a{
		display:block!important;
	}
	#profilBar h1, #profilBar h2, #profilBar a, #profilBar .separateurVertical{
	font-size:15px!important;
	display:block!important;
	margin:5px!important;
	}
	#profilBar .separateurVertical{
		display:none!important;
	}
	
	.cassette{
		display:none;
	}
	.pochetteContener{
		width:300px;
		height:300px;
		margin:auto;
	}
	.pochette, .cd{
		width:300px;
		height:300px;
	}
	#shortcuts{
		display:none;
	}
	#shortcuts h1, #shortcuts p {
		display:block;
		margin: 10px 0;
		margin
		
	}
	.albumContener {
    width: 100%;
    margin: auto;
	text-align:center;
	}
	
	.interSection h1 {
    font-size: 50px;
    color: #FFE400;
	}
	.backgroundNico1 {
    background-image: url('../medias/photos/nico-couleur-2.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
	}
	#formulaireBlock{
		
		display:block!important;
		margin: 50px auto!important;
		left:0!important;
	}
}
 footer{
		padding:50px;
		 background:#232323;
		 position:relative;
		 z-index:10;
		 text-align:center;
	 }
footer p{
  
  margin:0;
  }
  
  .credit{
	  font-family: 'Shrikhand', cursive;
	  font-weight:300;
  }
  
  /* loader */
  .loaderContener{
	  position:absolute;
	  top:0;
	  left:0;
	  bottom:0;
	  right:0;
	  background:black;
	  z-index:100;
	  opacity:0;
	    animation: fadeIn1 5s ease;

  }
  .lds-facebook{
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-facebook div {
  display: inline-block;
  position: absolute;
  left: 8px;
  width: 16px;
  background: #fff;
  animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.lds-facebook div:nth-child(1) {
  left: 8px;
  animation-delay: -0.24s;
}
.lds-facebook div:nth-child(2) {
  left: 32px;
  animation-delay: -0.12s;
}
.lds-facebook div:nth-child(3) {
  left: 56px;
  animation-delay: 0;
}
@keyframes lds-facebook {
  0% {
    top: 8px;
    height: 64px;
  }
  50%, 100% {
    top: 24px;
    height: 32px;
  }
}
@keyframes fadeIn1 {
  0% {
    opacity:1;
  }
    25% {
    opacity:1;
  }
 100% {
   opacity:0;
  }
}
.lds-heart {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
  transform: rotate(45deg);
  transform-origin: 40px 40px;
}
.lds-heart div {
  top: 32px;
  left: 32px;
  position: absolute;
  width: 32px;
  height: 32px;
  background: #fff;
  animation: lds-heart 1.2s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
}
.lds-heart div:after,
.lds-heart div:before {
  content: " ";
  position: absolute;
  display: block;
  width: 32px;
  height: 32px;
  background: #fff;
}
.lds-heart div:before {
  left: -24px;
  border-radius: 50% 0 0 50%;
}
.lds-heart div:after {
  top: -24px;
  border-radius: 50% 50% 0 0;
}
@keyframes lds-heart {
  0% {
    transform: scale(0.95);
  }
  5% {
    transform: scale(1.1);
  }
  39% {
    transform: scale(0.85);
  }
  45% {
    transform: scale(1);
  }
  60% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(0.9);
  }
}

@media screen and (max-width:900px){
	#wrapper, #wrapper ol, #wrapper h1, #wrapper p {
		width:95%;
		margin:auto;
		
	}
	#wrapper{
		text-align:center;
	}
	#wrapper ol{
		text-align:left;
	}
	#wrapper ol li {
		padding:15px 0;
		font-size:21px;
	}
	#wrapper ol li a{
		font-size:21px;
	}
	.audiojs {
		max-width:100%;
		margin:auto;
		position: fixed!important;
		bottom: 0 !important;
		left:0!important;
		z-index: 10000!important;
		height:initial;
		text-align:center;
		margin-bottom:0!important;
		
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	
	-moz-box-direction: row;
    -webkit-box-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flexbox-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
	}
	.audiojs .play-pause {
    width: 50px;
	height:40px;
	padding:0;
	}
	.audiojs .play {
    background: url("../medias/photos/play.png");
	background-repeat:no-repeat;
	background-position:center, center;
	background-size:25px;

	}
	.audiojs .pause {
	
	background: url("../medias/photos/pause.png");
	background-repeat:no-repeat;
	background-position:center, center;
	background-size:25px;
	}
	.audiojs .loaded {
		height:15px;
	}
	.audiojs .scrubber {
		width:255px;
		height:15px;
		margin-top:12px;
		margin-bottom:12px;
	}
	.audiojs .time {
		height:40px;
		box-sizing:border-box;
	}
	#profilBar{
		margin-top:-103px;
		animation-name: profilTop;
		animation-duration: 0.5s;
		animation-timing-function: ease;
		transition:ease all 0.3s;
	}
	@-webkit-keyframes profilTop{ from { margin-top:0; } to {  margin-top:-103px; }  }
        @keyframes profilTop{ from { margin-top:0; } to {  margin-top:-103px; }  }
	.pageAlbum #profilBar{
		margin-top:-86px;
		animation-name: profilTop2;
		animation-duration: 0.5s;
		animation-timing-function: ease;
		transition:ease all 0.3s;
	}
	@-webkit-keyframes profilTop2{ from { margin-top:0; } to {  margin-top:-86px; }  }
        @keyframes profilTop2{ from { margin-top:0; } to {  margin-top:-86px; }  }
		
	
	#profilBar:hover{margin-top:0px;}
	
	#formulaireBlockInscription .innerForm {
    display:block;
 
    margin: 10px;
	}
	#formulaireBlockInscription{
		text-align:left;
		width:90%;
		margin:150px auto;
		left:0;
		
		display:block;
	}
	#toggle {
    margin:15px auto!important;
	}
	#formulaireBlockInscription .innerForm {
		width:100%;
		display:block;
		
	}
}