/* LOGO */

/* SUP LOGO */

#sup_logo
{
	position: absolute;
	z-index: 10;
	width: 300px;
	height: 200px;
	background-image: url('../../images/logo_font.png');
}

.img_normale_logo
{
	position: absolute;
	left: -10px;
	top: 0;
	width: 320px;
}

#block_rouge_logo
{
	position: absolute;
	left: 0;
	top: 0;
	width: 320px;
}

#rouge_fond
{
	position: absolute;
	z-index: 1;
}

#rouge_fond_t
{
	position: absolute;
	z-index: 3;
	top: 425px;
	left: 0;
}

#rouge_fond_b
{
	position: absolute;
	z-index: 3;
	top: 452px;
	left: 0;
}

#branche_gauche
{
	position: absolute;
	z-index: 4;
}

#branche_centre
{
	position: absolute;
	z-index: 5;
}

#rouge_top
{
	position: absolute;
	z-index: 6;
}

#branche_droite
{
	position: absolute;
	z-index: 7;
}

#rouge_bottom
{
	position: absolute;
	z-index: 8;
}

#white_left
{
	position: absolute;
	margin-left: -18px;
	z-index: 2;
}

#contours_blancs
{
	position: absolute;
	z-index: 9;
}

/* ANIMATION SUR ELEMENTS LOGO */

.block_rouge_logo
{
-webkit-animation:block_rouge_logo 1s 1;
-moz-animation:block_rouge_logo 1s 1;
-o-animation:block_rouge_logo 1s 1;
-ms-animation:block_rouge_logo 1s 1;
animation:block_rouge_logo 1s 1;
}

@-webkit-keyframes block_rouge_logo
{
0%      {-webkit-transform: rotate(0deg);left:-300px;}
100%     {-webkit-transform: rotate(0deg);}
}

@-moz-keyframes block_rouge_logo
{
0%      {-moz-transform: rotate(0deg);left:-300px;}
100%     {-moz-transform: rotate(0deg);}
}

@-o-keyframes block_rouge_logo
{
0%      {-o-transform: rotate(0deg);left:-300px;}
100%     {-o-transform: rotate(0deg);}
}

@-ms-keyframes block_rouge_logo
{
0%      {-ms-transform: rotate(0deg);left:-300px;}
100%     {-ms-transform: rotate(0deg);}
}

@keyframes block_rouge_logo
{
0%      {transform: rotate(0deg);left:-300px;}
100%     {transform: rotate(0deg);}
}

.branche_gauche
{
-webkit-animation:branche_gauche 1.5s 1;
-moz-animation:branche_gauche 1.5s 1;
-o-animation:branche_gauche 1.5s 1;
-ms-animation:branche_gauche 1.5s 1;
animation:branche_gauche 1.5s 1;
}

@-webkit-keyframes branche_gauche
{
0%      {-webkit-transform: rotate(0deg);top:-200px; left: -90px;}
90%      {-webkit-transform: rotate(0deg);top:-200px; left: -90px;}
100%     {-webkit-transform: rotate(0deg);top:0px;}
}

@-moz-keyframes branche_gauche
{
0%      {-moz-transform: rotate(0deg);top:-200px; left: -90px;}
90%      {-moz-transform: rotate(0deg);top:-200px; left: -90px;}
100%     {-moz-transform: rotate(0deg);top:0px;}
}

@-o-keyframes branche_gauche
{
0%      {-o-transform: rotate(0deg);top:-200px; left: -90px;}
90%      {-o-transform: rotate(0deg);top:-200px; left: -90px;}
100%     {-o-transform: rotate(0deg);top:0px;}
}

@-ms-keyframes branche_gauche
{
0%      {-ms-transform: rotate(0deg);top:-200px; left: -90px;}
90%      {-ms-transform: rotate(0deg);top:-200px; left: -90px;}
100%     {-ms-transform: rotate(0deg);top:0px;}
}

@keyframes branche_gauche
{
0%      {transform: rotate(0deg);top:-200px; left: -90px;}
90%      {transform: rotate(0deg);top:-200px; left: -90px;}
100%     {transform: rotate(0deg);top:0px;}
}

.branche_centre
{
-webkit-animation:branche_centre 1.7s 1;
-moz-animation:branche_centre 1.7s 1;
-o-animation:branche_centre 1.7s 1;
-ms-animation:branche_centre 1.7s 1;
animation:branche_centre 1.7s 1;
}

@-webkit-keyframes branche_centre
{
0%      {-webkit-transform: rotate(0deg);left:-195px; top:500px;}
90%      {-webkit-transform: rotate(0deg);left:-195px; top:500px;}
100%     {-webkit-transform: rotate(0deg);top:0px;}
}

@-moz-keyframes branche_centre
{
0%      {-moz-transform: rotate(0deg);left:-195px; top:500px;}
65%      {-moz-transform: rotate(0deg);left:-195px; top:500px;}
100%     {-moz-transform: rotate(0deg);top:0px;}
}

@-o-keyframes branche_centre
{
0%      {-o-transform: rotate(0deg);left:-195px; top:500px;}
65%      {-o-transform: rotate(0deg);left:-195px; top:500px;}
100%     {-o-transform: rotate(0deg);top:0px;}
}

@-ms-keyframes branche_centre
{
0%      {-ms-transform: rotate(0deg);left:-195px; top:500px;}
65%      {-ms-transform: rotate(0deg);left:-195px; top:500px;}
100%     {-ms-transform: rotate(0deg);top:0px;}
}

@keyframes branche_centre
{
0%      {transform: rotate(0deg);left:-195px; top:500px;}
65%      {transform: rotate(0deg);left:-195px; top:500px;}
100%     {transform: rotate(0deg);top:0px;}
}

.branche_droite
{
-webkit-animation:branche_droite 2s 1;
-moz-animation:branche_droite 2s 1;
-o-animation:branche_droite 2s 1;
-ms-animation:branche_droite 2s 1;
animation:branche_droite 2s 1;
}

@-webkit-keyframes branche_droite
{
0%      {-webkit-transform: rotate(0deg);top:-250px; left: -90px;}
90%      {-webkit-transform: rotate(0deg);top:-250px; left: -90px;}
100%     {-webkit-transform: rotate(0deg);top:0px;}
}

@-moz-keyframes branche_droite
{
0%      {-moz-transform: rotate(0deg);top:-250px; left: -90px;}
90%      {-moz-transform: rotate(0deg);top:-250px; left: -90px;}
100%     {-moz-transform: rotate(0deg);top:0px;}
}

@-o-keyframes branche_droite
{
0%      {-o-transform: rotate(0deg);top:-250px; left: -90px;}
90%      {-o-transform: rotate(0deg);top:-250px; left: -90px;}
100%     {-o-transform: rotate(0deg);top:0px;}
}

@-ms-keyframes branche_droite
{
0%      {-ms-transform: rotate(0deg);top:-250px; left: -90px;}
90%      {-ms-transform: rotate(0deg);top:-250px; left: -90px;}
100%     {-ms-transform: rotate(0deg);top:0px;}
}

@keyframes branche_droite
{
0%      {transform: rotate(0deg);top:-250px; left: -90px;}
90%      {transform: rotate(0deg);top:-250px; left: -90px;}
100%     {transform: rotate(0deg);top:0px;}
}

/* ANIMATION SUR BORDS GAUCHE LOGO CHUTE */

.rouge_fond_t
{
-webkit-animation:rouge_fond_t 3s 1;
-moz-animation:rouge_fond_t 3s 1;
-o-animation:rouge_fond_t 3s 1;
-ms-animation:rouge_fond_t 3s 1;
animation:rouge_fond_t 3s 1;
}

@-webkit-keyframes rouge_fond_t
{
0%      {-webkit-transform: rotate(0deg);top:25px; left:0;}
50%      {-webkit-transform: rotate(0deg);top:25px; left: 0;}
100%      {-webkit-transform: rotate(-180deg);top:425px; left: -50px;}
}

@-moz-keyframes rouge_fond_t
{
0%      {-moz-transform: rotate(0deg);top:25px; left:0;}
50%      {-moz-transform: rotate(0deg);top:25px; left: 0;}
100%      {-moz-transform: rotate(-180deg);top:425px; left: -50px;}
}

@-o-keyframes rouge_fond_t
{
0%      {-o-transform: rotate(0deg);top:25px; left:0;}
50%      {-o-transform: rotate(0deg);top:25px; left: 0;}
100%      {-o-transform: rotate(-180deg);top:425px; left: -50px;}
}

@-ms-keyframes rouge_fond_t
{
0%      {-ms-transform: rotate(0deg);top:25px; left:0;}
50%      {-ms-transform: rotate(0deg);top:25px; left: 0;}
100%      {-ms-transform: rotate(-180deg);top:425px; left: -50px;}
}

@keyframes rouge_fond_t
{
0%      {transform: rotate(0deg);top:25px; left:0;}
50%      {transform: rotate(0deg);top:25px; left: 0;}
100%      {transform: rotate(-180deg);top:425px; left: -50px;}
}

.rouge_fond_b
{
-webkit-animation:rouge_fond_b 3s 1;
-moz-animation:rouge_fond_b 3s 1;
-o-animation:rouge_fond_b 3s 1;
-ms-animation:rouge_fond_b 3s 1;
animation:rouge_fond_b 3s 1;
}

@-webkit-keyframes rouge_fond_b
{
0%      {-webkit-transform: rotate(0deg);top:152px; left: 0;}
50%      {-webkit-transform: rotate(0deg);top:152px; left: 0;}
100%      {-webkit-transform: rotate(-180deg);top:452px; left: -500px;}
}

@-moz-keyframes rouge_fond_b
{
0%      {-moz-transform: rotate(0deg);top:152px; left: 0;}
50%      {-moz-transform: rotate(0deg);top:152px; left: 0;}
100%      {-moz-transform: rotate(-180deg);top:452px; left: -500px;}
}

@-o-keyframes rouge_fond_b
{
0%      {-o-transform: rotate(0deg);top:152px; left: 0;}
50%      {-o-transform: rotate(0deg);top:152px; left: 0;}
100%      {-o-transform: rotate(-180deg);top:452px; left: -500px;}
}

@-ms-keyframes rouge_fond_b
{
0%      {-ms-transform: rotate(0deg);top:152px; left: 0;}
50%      {-ms-transform: rotate(0deg);top:152px; left: 0;}
100%      {-ms-transform: rotate(-180deg);top:452px; left: -500px;}
}

@keyframes rouge_fond_b
{
0%      {transform: rotate(0deg);top:152px; left: 0;}
50%      {transform: rotate(0deg);top:152px; left: 0;}
100%      {transform: rotate(-180deg);top:452px; left: -500px;}
}

/* DON'T SHOW */

.dontshow
{
	visibility: hidden;
}