@font-face {
  font-family: futura;
  src: url(../fonts/FuturaBookfont.ttf);
}

		#contenu_equipe a.secret{
		color: white;
		border: none;
		text-decoration: none;
		margin: 0;
		padding: 0;
	}

	body{
		background-color: black;
		width: 100%;
		margin: auto;
	}

	header{
		width: 100%;
		margin: 0;
		height: 250px;
		background-color: rgba(0,0,0,1);
		position: fixed;
		z-index: 1;
	}

	header img.logoFx{
		position: absolute;
		margin-top: 0%;
		width: 6%;
	}

	header img.logoMenu{
		display: none;
		
	}

	header #top_nav_accueil{
		float: right;
		width: 50%;
		margin: 0;
	}

	header #top_nav_accueil ul{
		width: 100%;
		text-decoration: none;
		margin-top:6%;
		padding: 0;
	}

	header #top_nav_accueil ul li{
		margin-left: 2%;
		margin-right: 2%;
		display: inline-block;
	}

	header #top_nav_accueil a{
		width: 100%;
		color: rgba(255,255,255,0.5);
		text-decoration: none;
		font-family: futura;
		font-size: 2.6em;
	}

	header #top_nav_accueil a.active{
		color: rgba(255,255,255,0.8);
	}

	header #top_nav_accueil a:hover{
		color: rgba(255,255,255,1);
	}

	header #top_nav_accueil li.btn_langue{
		color: rgba(255,255,255,0.5);
		margin: 0;
		margin-left: 5%;
	}

	header #top_nav li.btn_langue{
		color: rgba(255,255,255,0.5);
		margin: 0;
		margin-left: 5%;
	}

	header #top_nav{
		float: right;
		width: 50%;
		margin: 0;
	}

	header .top_nav_cell{
		display: none;
	}

	header .top_nav_cell_accueil{
		display: none;
	}

	header #top_nav ul{
		width: 100%;
		text-decoration: none;
		margin-top: 6%;
		padding: 0;
	}

	header #top_nav ul li{
		margin-left: 2%;
		margin-right: 2%;
		display: inline-block;
	}

	header #top_nav a{
		
		color: rgba(255,255,255,0.5);
		text-decoration: none;
		font-family: futura;
		font-size: 2.2em;
	}

	header #top_nav a.active{
		color: rgba(255,255,255,0.8);
	}

	header #top_nav a:hover{
		color: rgba(255,255,255,1);
	}

	video{
		width: 100%;
		padding-top: 5%;
	}

	#bg_video_desktop{
		display: flex;
		z-index: -1;
	}

	#myintro-mobile{
		display: none;
	}

	#nouvelles{
		width: 100%;
		padding-bottom: 6%;
		background-image: url("../images/BG_acceuilleSection1_4k.jpg");
		background-size: 100% 100%;
		background-repeat: no-repeat;
	}

	.sliderGauche{
		width: 40%;
		margin-left: 25%;
		margin-top: -15%;
		display: inline-block;
		display: none;
		position: relative;
		opacity: 0.0;
		margin-left: -200px;
		

	}

	.sliderGauche h1{
		display: inline-block;
		margin: 0;
		font-family: futura;
		font-size: 6.5em;
		color: rgba(112,112,112,1);
		letter-spacing: 20px;
	}

	.sliderGauche h2{
		display: inline-block;
		margin: 0;
		font-family: futura;
		font-size: 5em;
		color: rgba(255,255,255,1);
		letter-spacing: 10px;
	}

	.sliderGauche h3{
		margin: 0;
		margin-top: 0%;
		font-family: futura;
		font-size: 4.3em;
		color: rgba(255,255,255,1);
		letter-spacing: 20px;
	}

	.sliderGauche h4{
		margin: 0;
		font-family: futura;
		font-size: 5.3em;
		color: rgba(98,96,109,1);
		letter-spacing: 10px;
	}

	.sliderDroite{
		width: 30%;
		margin-left: 8%;
		margin-top: 15%;
		display: inline-block;
		display: none;
		position: relative;
		opacity: 0.0;
		margin-left:0;
	}

	.sliderDroite h1{
		margin: 0;
		font-family: futura;
		font-size: 4em;
		color: rgba(98,96,109,1);
		letter-spacing: 15px;
	}

	.sliderDroite h2{
		margin: 0;
		font-family: futura;
		margin-top: 0%;
		font-size: 2.5em;
		color: rgba(255,255,255,1);
		letter-spacing: 20px;
	}

	.sliderDroite h3{
		margin: 0;
		font-family: futura;
		font-size: 4em;
		color: rgba(255,255,255,1);
		letter-spacing: 13px;
	}

	#totem-mobile{
		display: none;
	}

	#totem img.temp{
		width: 15%;
		position: absolute;
		right: 25%;
		top: 26%;
		display: none;
		opacity: 0.0;
	}

	#totem img.totem{
		width: 25%;
		position: absolute;
		right: 25%;
		top: 26%;
		display: none;
		opacity: 0.0;
	}

	#totem img.led{
		width: 25%;
		position: absolute;
		right: 25%;
		top: 26%;
		display: none;
		opacity: 0.0;
	}

	#totem img.moteur{
		width: 25%;
		position: absolute;
		right: 25%;
		top: 26%;
		display: none;
		opacity: 0.0;
	}

	#nouvellesMobile{
		display: none;
	}

	#section-apropos{
		width: 100%;
		/*background-color: rgba(255,255,255,1);*/
		background-image: url(../images/fond-test1.jpg);
		background-position: center;
		padding-bottom: 8%;
		padding-top: 6%;
	}

	#section-apropos h1{
		width: 20%;
		margin-left: 15%;
		margin-bottom: 2%;
		font-size: 4.5em;
		color: rgba(255,255,255,1);
		font-family: futura;
	}

	#section-apropos p{
		width: 70%;
		margin: auto;
		font-size: 3.8em;
		color: rgba(255,255,255,1);
		font-family: futura;
		text-align: justify;
	}

	#realisations{
		width: 100%;
		background-color: rgba(20,20,25,1);
		height: 100%;
		margin: 0;
		padding: 0;
		text-align: center;
	}

	#realisations #realisations_mobile{
		display: none;
	}

	#realisations h1{
		width: 100%;
		font-size: 5em;
		text-align: center;
		margin: auto;
		padding-top: 5%;
		margin-bottom: 5%;
		font-family: futura;
		position: center;
		color: rgba(198,196,209,1);
		letter-spacing: 16px;
	}

	#realisations #projet1{
		max-width: 100%;
		display: inline;
		position: relative;
		cursor: pointer;

	}

	#realisations #projet1 img{
		width: 19%;
		opacity: 1;
	}

	#realisations #projet1 .titre-projet1{
		width: 98%;
		transition: .5s ease;
		opacity: 0;
		position: absolute;
		top: 1560%;
		left: 49%;
		transform: translate(-50%, -50%);
		-ms-transform: translate(50%, 50%);
		text-align: left;
		background-color: rgba(0,0,0,0.8);
	}

	#realisations h2{
		color: rgba(255,255,255,1);
		font-size: 1.8em;
		font-family: futura;
		letter-spacing: 3px;
		margin-left: 5%;
	}

	#realisations #projet1:hover .titre-projet1{
		opacity: 1;
	}

	#realisations #projet1:hover img{
		width: 19%;
		opacity: 0.6;
	}

	#realisations #projet2{
		max-width: 100%;
		display: inline;
		position: relative;
		cursor: pointer;
	}

	#realisations #projet2 img{
		width: 19%;
		opacity: 1;
	}

	#realisations #projet2 .titre-projet2{
		width: 98%;
		transition: .5s ease;
		opacity: 0;
		position: absolute;
		top: 1560%;
		left: 49%;
		transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		text-align: left;
		background-color: rgba(0,0,0,0.8);
	}

	#realisations #projet2:hover .titre-projet2{
		opacity: 1;
	}

	#realisations #projet2:hover img{
		width: 19%;
		opacity: 0.6;
	}

	#realisations #projet3{
		max-width: 100%;
		display: inline;
		position: relative;
		cursor: pointer;
	}

	#realisations #projet3 img{
		width: 19%;
		opacity: 1;
	}

	#realisations #projet3 .titre-projet3{
		width: 98%;
		transition: .5s ease;
		opacity: 0;
		position: absolute;
		top: 1560%;
		left: 49%;
		transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		text-align: left;
		background-color: rgba(0,0,0,0.8);
	}

	#realisations #projet3:hover .titre-projet3{
		opacity: 1;
	}

	#realisations #projet3:hover img{
		width: 19%;
		opacity: 0.6;
	}

	#realisations #projet4{
		max-width: 100%;
		display: inline;
		position: relative;
		cursor: pointer;
	}

	#realisations #projet4 img{
		width: 19%;
		opacity: 1;
	}

	#realisations #projet4 .titre-projet4{
		width: 98%;
		transition: .5s ease;
		opacity: 0;
		position: absolute;
		top: 1560%;
		left: 49%;
		transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		text-align: left;
		background-color: rgba(0,0,0,0.8);
	}

	#realisations #projet4:hover .titre-projet4{
		opacity: 1;
	}

	#realisations #projet4:hover img{
		width: 19%;
		opacity: 0.6;
	}

	#realisations #projet5{
		max-width: 100%;
		display: inline;
		position: relative;
		cursor: pointer;
	}

	#realisations #projet5 img{
		width: 19%;
		opacity: 1;
	}

	#realisations #projet5 .titre-projet5{
		width: 100%;
		transition: .5s ease;
		opacity: 0;
		position: absolute;
		top: 1560%;
		left: 50%;
		transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		text-align: left;
		background-color: rgba(0,0,0,0.8);
	}

	#realisations #projet5:hover .titre-projet5{
		opacity: 1;
	}

	#realisations #projet5:hover img{
		width: 19%;
		opacity: 0.6;
	}

	#realisations #myCarousel-festivals{
		display: none;
		width: 100%;
		margin: auto;
		border-top: 1px rgba(255,255,255,0.2) solid;
		border-bottom: 1px rgba(255,255,255,0.2) solid;
	}


	#realisations #myCarousel-festivals .carousel-inner{
		width: 100%;
		margin: auto;
	}

	#realisations #myCarousel-festivals .carousel-inner img{
		max-width: 100%;
		margin: auto;
	}

	#realisations #myCarousel-sports{
		display: none;
		width: 100%;
		margin: auto;
		border-top: 1px rgba(255,255,255,0.2) solid;
		border-bottom: 1px rgba(255,255,255,0.2) solid;
	}


	#realisations #myCarousel-sports .carousel-inner{
		width: 100%;
		margin: auto;
	}

	#realisations #myCarousel-sports .carousel-inner img{
		max-width: 100%;
		margin: auto;
	}

	#realisations #myCarousel-concerts{
		display: none;
		width: 100%;
		margin: auto;
		border-top: 1px rgba(255,255,255,0.2) solid;
		border-bottom: 1px rgba(255,255,255,0.2) solid;
	}

	
	#realisations #myCarousel-concerts .carousel-inner{
		width: 100%;
		margin: auto;
	}

	#realisations #myCarousel-concerts .carousel-inner img{
		max-width: 100%;
		margin: auto;
	}

	#realisations #myCarousel-plancher{
		display: none;
		width: 100%;
		margin: auto;
		border-top: 1px rgba(255,255,255,0.2) solid;
		border-bottom: 1px rgba(255,255,255,0.2) solid;
	}

	
	#realisations #myCarousel-plancher .carousel-inner{
		width: 100%;
		margin: auto;
	}

	#realisations #myCarousel-plancher .carousel-inner img{
		max-width: 100%;
		margin: auto;
	}

	#realisations #myCarousel-corpos{
		display: none;
		width: 100%;
		margin: auto;
		border-top: 1px rgba(255,255,255,0.2) solid;
		border-bottom: 1px rgba(255,255,255,0.2) solid;
	}

	
	#realisations #myCarousel-corpos .carousel-inner{
		width: 100%;
		margin: auto;
	}

	#realisations #myCarousel-corpos .carousel-inner img{
		max-width: 100%;
		margin: auto;
	}

	#baniere_services{
		height: 100%;
		margin: 0;
	}

	#baniere_services img{
		max-width: 100%;
		margin: 0;
	}

	#services_section1{
		width: 100%;
		margin: 0;
		background-color: rgba(0,0,0,1);
	}

	#services_section1 ul{
		width: 60%;
		text-align: center;
		padding: 0;
		margin: auto;
		padding-top: 3%;
	}

	#services_section1 ul li{
		text-align: center;
		width: 10%;
		margin: auto;
		display: inline-block;
	}

	#services_section1 ul li img{
		width: 70%;
		margin: auto;
	}

	#services_section1 ul li img.banniere_greage{
		width: 50%;
		margin: auto;
	}


	#services_section1 #myCarousel-services1-cell{
		display: none;
	}

	#services_section1 #myCarousel-services1{
		width: 100%;
		margin: auto;
		border-top: 1px rgba(255,255,255,0.2) solid;
		border-bottom: 1px rgba(255,255,255,0.2) solid;
	}


	#services_section1 #myCarousel-services1 .carousel-inner{
		width: 100%;
		margin: auto;
	}

	#services_section1 #myCarousel-services1 .carousel-inner img{
		max-width: 100%;
		margin: auto;
	}


	#services_section1 p{
		width: 78%;
		margin: auto;
		padding-top: 1%;
		padding-bottom: 2%;
		font-size: 3.7em;
		color: rgba(255,255,255,1);
		font-family:futura;
		text-align: justify;
	}

	#services_section1 h1{
		width: 10%;
		font-size: 4.5em;
		margin: 0;
		margin-left: 11%;
		color: rgba(255,255,255,1);
	}

	#services_section2{
		width: 100%;
		margin: 0;
		/*background-color: rgba(255,255,255,1);*/
		background-image: url(../images/fond-test1.jpg);
		background-position: center;
	}

	#services_section2 ul{
		width: 60%;
		text-align: center;
		padding: 0;
		margin: auto;
		padding-top: 3%;
	}

	#services_section2 ul li{
		width: 15%;
		text-align: center;
		letter-spacing: 10px;
		margin: auto;
		display: inline-block;
		color: rgba(46,46,50,1);
		font-family: futura;
		font-size: 3.5em;
		text-align:center;
	}

	#services_section2 ul li img{
		width: 60%;
		margin: auto;
	}


	#services_section2 p{
		width: 78%;
		margin: auto;
		padding-top: 1%;
		padding-bottom: 2%;
		font-size: 3.7em;
		color: rgba(255,255,255,1);
		font-family:futura;
		text-align: justify;
	}

	#services_section2 h1{
		width: 10%;
		font-size: 4.5em;
		margin: 0;
		margin-left: 11%;
		color: rgba(255,255,255,1);

	}

	#services_section2 #myCarousel-services2-cell{
		display: none;
	}

	#services_section2 #myCarousel-services2{
		width: 100%;
		margin: auto;
		border-top: 1px rgba(255,255,255,0.2) solid;
		border-bottom: 1px rgba(0,0,0,1) solid;
	}


	#services_section2 #myCarousel-services2 .carousel-inner{
		width: 100%;
		margin: auto;
	}

	#services_section2 #myCarousel-services2 .carousel-inner img{
		max-width: 100%;
		margin: auto;
	}

	#services_section2 .text-danse{
		display: none;
		background-color: black;
		border-top: 1px rgba(255,255,255,0.2) solid;
		border-bottom: 1px rgba(255,255,255,0.2) solid;
		color: rgba(255,255,255,0.4);
	}

	#services_section2 .text-danse h1{
		font-family: futura;
		letter-spacing: 7px;
		font-size: 2.4em;
		color: rgba(255,255,255,0.8);
		width: 100%;
		margin: auto;
		text-align: center;
		margin-top: 5%;
	}

	#services_section2 .text-danse p{
		color: rgba(255,255,255,0.8);
		font-size: 1.8em;
	}

	#services_section2 .text-danse img.banniere_plancher{
		max-width: 100%;
	}

	#services_section2 .text-danse img.banniere_plancher_mobile{
		display: none;
	}

	#services_section2 .text-greage{
		display: none;
		background-color: black;
		border-top: 1px rgba(255,255,255,0.2) solid;
		border-bottom: 1px rgba(255,255,255,0.2) solid;
	}

	#services_section2 .text-greage h1{
		font-family: futura;
		letter-spacing: 7px;
		font-size: 2.4em;
		color: rgba(255,255,255,0.8);
		width: 100%;
		margin: auto;
		text-align: center;
		margin-top: 5%;
	}

	#services_section2 .text-greage p{
		color: rgba(255,255,255,0.8);
		font-size: 1.8em;
	}

	

	#services_section2 .text-greage img.banniere_greage_mobile{
		display: none;
	}

	#services_section2 .text-scenique{
		display: none;
		background-color: black;
		border-top: 1px rgba(255,255,255,0.2) solid;
		border-bottom: 1px rgba(255,255,255,0.2) solid;
	}

	#services_section2 .text-scenique h1{
		font-family: futura;
		letter-spacing: 7px;
		font-size: 2.4em;
		color: rgba(255,255,255,0.8);
		width: 100%;
		margin: auto;
		text-align: center;
		margin-top: 5%;
	}

	#services_section2 .text-scenique p{
		color: rgba(255,255,255,0.8);
		font-size: 1.8em;
	}

	#services_section2 .text-scenique ol{
		width: 26%;
		padding: 0;
		margin:auto;
		margin-bottom: 3%;
	}

	#services_section2 .text-scenique li{
		color: rgba(255,255,255,0.8);
		list-style: none;
		font-size: 1.9em;
		font-family: futura;
	}

	#services_section2 .text-scenique img.banniere_scenique{
		max-width: 100%;
	}

	#services_section2 .text-scenique img.banniere_scenique_mobile{
		display: none;
	}

	#services_section2 .text-draperie{
		display: none;
		background-color: black;
		border-top: 1px rgba(255,255,255,0.2) solid;
		border-bottom: 1px rgba(255,255,255,0.2) solid;
	}

	#services_section2 .text-draperie h1{
		font-family: futura;
		letter-spacing: 7px;
		font-size: 2.4em;
		color: rgba(255,255,255,0.8);
		width: 100%;
		margin: auto;
		text-align: center;
		margin-top: 5%;
	}

	#services_section2 .text-draperie p{
		color: rgba(255,255,255,0.8);
		font-size: 1.8em;
	}

	#services_section2 .text-draperie img.banniere_draperie{
		max-width: 100%;
	}

	#services_section2 .text-draperie img.banniere_draperie_mobile{
		display: none;
	}


	#services_section3{
		width: 100%;
		margin: 0;
		background-color:rgba(0,0,0,1);
		padding-top: 1%;
	}

	#services_section3 ul{
		width: 60%;
		text-align: center;
		padding: 0;
		margin: auto;
		padding-top: 3%;
	}

	#services_section3 ul li{
		width: 15%;
		text-align: center;
		letter-spacing: 10px;
		margin: auto;
		display: inline-block;
		color: rgba(46,46,50,1);
		font-family: futura;
		font-size: 3.5em;
		text-align:center;
	}

	#services_section3 ul li img{
		width: 60%;
		margin: auto;
	}

	#services_section3 p{
		width: 78%;
		margin: auto;
		padding-top: 1%;
		padding-bottom: 2%;
		font-size: 3.7em;
		color: rgba(255,255,255,0.8);
		font-family:futura;
		text-align: justify;
	}

	#services_section3 h1{
		width: 10%;
		font-size: 4.5em;
		margin: 0;
		margin-left: 11%;
		color: rgba(255,255,255,1);

	}

	#services_section3 #banniere-creation{
		display: block;
	}

	#services_section3 #banniere-creation img{
		max-width: 100%;
	}

	#services_section3 #banniere-creation-mobile{
		display: none;
	}

	#services_section4{
		width: 100%;
		margin: 0;
		/*background-color:rgba(255,255,255,1);*/
		background-image: url(../images/fond-test1.jpg);
		background-position: center;
		padding-bottom: 2%;
		padding-top: 1%;
	}

	#services_section4 ul{
		width: 60%;
		text-align: center;
		padding: 0;
		margin: auto;
		padding-top: 3%;
	}

	#services_section4 ul li{
		width: 15%;
		text-align: center;
		letter-spacing: 10px;
		margin: auto;
		display: inline-block;
		color: rgba(46,46,50,1);
		font-family: futura;
		font-size: 3.5em;
		text-align:center;
	}

	#services_section4 ul li img{
		width: 60%;
		margin: auto;
	}

	#services_section4 p{
		width: 78%;
		margin: auto;
		padding-top: 1%;
		padding-bottom: 2%;
		font-size: 3.7em;
		color: rgba(255,255,255,1);
		font-family:futura;
		text-align: justify;
	}

	#services_section4 h1{
		width: 10%;
		font-size: 4.5em;
		margin: 0;
		margin-left: 11%;
		color: rgba(255,255,255,1);

	}

	#services_section4 #banniere-location{
		display: block;
	}

	#services_section4 #banniere-location img{
		max-width: 100%;
	}

	#services_section4 #banniere-location-mobile{
		display: none;
	}

	#contenu_equipe{
		background-color: black;
		padding-top: 4%;
	}


	#contenu_equipe h1{
		color: rgba(255,255,255,1);
		font-family: futura;
		letter-spacing: 11px;
		font-size: 3.1em;
	}

	#contenu_equipe h2{
		color: rgba(255,255,255,0.9);
		font-family: futura;
		letter-spacing: 6px;
		font-size: 2.4em;
	}

	#contenu_equipe p{
		width: 100%;
		color: rgba(255,255,255,0.9);
		font-family: futura;
		letter-spacing: 2px;
		font-size: 2.1em;
		text-align: justify;
	}

	#contenu_equipe img.team_mobile{
		display: none;
	}

	#text_equipe1{
		width: 45%;
		display: inline-block;
		margin: 0;
		margin-left: 6%;
		padding-bottom: 2%;
		padding-top: 1%;
	}

	#text_equipe2{
		width: 44%;
		display: inline-block;
		margin: 0;
		margin-left: 31%;
		padding-bottom: 2%;
		padding-top: 2%;
	}

	#section_marc{
		margin-top: 2.5%;
		background-image: url("../images/BG_equipe1.jpg");
		background-repeat: repeat-x;
	}

	#section_marc img{
		width: 5%;
		padding-top: 2%;
		margin-left: 20%;
	}

	#section_jey{
		background-color:black;
	}

	#section_jey img{
		width: 5%;
		padding-top: 2%;
		margin-left: 5%;
		display: inline-block;
	}

	#section_alex{
		background-image: url("../images/BG_equipe1.jpg");
		background-repeat: repeat-x;
	}

	#section_alex img{
		width: 5%;
		padding-top: 2%;
		margin-left: 20%;
	}

	#section_mel{
		background-color:black;
	}

	#section_mel img{
		width: 5%;
		padding-top: 2%;
		margin-left: 5%;
		display: inline-block;
	}

	#section_gab{
		background-image: url("../images/BG_equipe1.jpg");
		background-repeat: repeat-x;
	}

	#section_gab img{
		width: 5%;
		padding-top: 2%;
		margin-left: 20%;
	}

	#section_danny{
		background-color:black;
	}

	#section_danny img{
		width: 5%;
		padding-top: 2%;
		margin-left: 5%;
		display: inline-block;
	}

	#section_julien{
		background-image: url("../images/BG_equipe1.jpg");
		background-repeat: repeat-x;
	}

	#section_julien img{
		width: 5%;
		padding-top: 2%;
		margin-left: 20%;
	}

	#section_tribou{
		background-color:black;
	}

	#section_tribou img{
		width: 5%;
		padding-top: 2%;
		margin-left: 5%;
		display: inline-block;
	}

	#section_lp{
		background-image: url("../images/BG_equipe1.jpg");
		background-repeat: repeat-x;
	}

	#section_lp img{
		width: 5%;
		padding-top: 2%;
		margin-left: 20%;
	}

	#contenu_contact{
		padding-top: 6%;
		padding-bottom: 6%;
		color: rgba(255,255,255,0.8);
	}

	#contenu_contact a img.map-mobile{
		display: none;
	}

	#contenu_contact a img.map-wide{
		max-width: 100%;
		display: block;
		margin: 0;
		opacity: 0.9;
	}

	#contenu_contact a img.map-wide:hover{
		opacity: 1;
	}

	#contenu_contact #texte-contact{
		margin-top: 5%;
	}

	#contenu_contact p{
		text-align: center;
		width: 100%;
		margin: auto;
		text-align: center;
		font-family: futura;
		font-size:3em;
	}

	footer{
		background-image: url("../images/BG_footer.jpg");
	}

	footer #logos{
		width: 6%;
		margin: auto;
		padding-top: 3%;
	}

	footer img{
		width: 14%;
		margin-left: 4%;
		margin-right: 4%;
	}

	footer h1{
		width: 100%;
		text-align: center;
		color: rgba(255,255,255,0.3);
		font-family: futura;
		font-size: 1.8em;
		padding-top: 1.6%;
		padding-bottom: 1.4%;
	}
@media screen and (max-width: 3440px){

	header #top_nav_accueil{
		width: 50%;
	}

	header #top_nav{
		width: 50%;
	}

	header #top_nav a{
		font-size: 2.2em;
	}

	video{
		padding-top: 7%;
	}

	#section_marc{
		margin-top: 3%;
	}

	.sliderGauche h1{
		font-size: 3.4em;
	}

	.sliderGauche h3{
		font-size: 3.2em;
	}

	.sliderDroite h1{
		font-size: 3.4em;
	}

	.sliderDroite h3{
		font-size: 3.2em;
	}

}

@media screen and (max-width: 2560px){
	header{
		height: 160px;
	}

	header #top_nav_accueil{
		width: 55%;
	}

	header #top_nav_accueil a{
		font-size: 2em;
	}

	header #top_nav{
		width: 55%;
	}

	header #top_nav a{
		font-size: 1.8em;
	}

	#section-apropos p{
		width: 70%;
		font-size: 2.1em;
	}

	#contenu_equipe h1{
		letter-spacing: 8px;
		font-size: 3em;
	}

	#contenu_equipe h2{
		letter-spacing: 6px;
		font-size: 2.2em;
	}

	#contenu_equipe p{
		letter-spacing: 2px;
		font-size: 1.7em;
	}

	.sliderGauche h1{
		font-size: 3.4em;
	}

	.sliderGauche h2{
		font-size: 2.8em;
	}

	.sliderGauche h3{
		font-size: 2.6em;
	}

	.sliderGauche h4{
		font-size: 3.4em;
	}


	.sliderDroite h1{
		font-size: 2.5em;
	}

	.sliderDroite h3{
		font-size: 2.4em;
	}

}

@media screen and (max-width: 1920px){
	body{
		width: 100%;
		margin: auto;
	}

	header{
		height: 120px;
	}

	header img.logoFx{
		width: 6%;
		margin-left: 0%;
		margin-top: 0.1%;
	}

	header img.logoMenu{
		display: none;
	}

	header #top_nav_accueil{
		width: 45%;
	}

	header #top_nav_accueil ul{
		margin-top: 7%;
	}

	header #top_nav_accueil a{
		width: 100%;
		margin-left: 3%;
		margin-right: 3%;
		font-size: 1em;
	}

	header #top_nav{
		width: 45%;
	}

	header #top_nav ul{
		margin-top: 7%;
	}

	header #top_nav a{
		margin-left: 5%;
		margin-right: 5%;
		font-size: 0.9em;
	}

	video{
		width: 100%;
	}

	#bg_video{
		display: flex;
	}

	#myintro-mobile{
		display: none;
	}

	#nouvelles{
		width: 100%;
		padding-bottom: 14%;
		background-image: url("../images/BG_acceuilleSection1.jpg");
		background-size: 100% 100%;
	}

	.sliderGauche h1{
		font-size: 3em;
		letter-spacing: 10px;
	}

	.sliderGauche h2{
		font-size: 2.5em;
		letter-spacing: 10px;
	}

	.sliderGauche h3{
		font-size: 1.8em;
		letter-spacing: 10px;
	}

	.sliderGauche h4{
		font-size: 1.8em;
		letter-spacing: 6px;
	}

	.sliderDroite{
		margin-left: 3%;
	}

	.sliderDroite h1{
		font-size: 2em;
		letter-spacing: 10px;
	}

	.sliderDroite h2{
		font-size: 1.6em;
		letter-spacing: 8px;
	}

	.sliderDroite h3{
		font-size: 1.8em;
		letter-spacing: 10px;
	}

	#section-apropos{
		background-image: url(../images/fond-test1-1920.jpg);
		background-position: center;
	}

	#section-apropos a{
		width: 14.8%;
		font-size: 1.8em;
		padding: 1%;
		margin-bottom: 5%;
	}

	#section-apropos h1{
		width: 15%;
		font-size: 2.8em;
	}

	#section-apropos p{
		width: 70%;
		font-size: 2.1em;
	}

	#realisations h1{
		width: 21%;
		font-size: 3em;
	}

	#realisations h2{
		font-size: 1em;
	}

	#realisations #projet1 .titre-projet1{
		top: 710%;
	}

	#realisations #projet1{
		max-width: 100%;
		display: inline;
	}

	#realisations #projet1 img{
		width: 19%;
	}


	#realisations #projet2{
		max-width: 100%;
		display: inline;
	}

	#realisations #projet2 img{
		max-width: 19%;
	}

	#realisations #projet2 .titre-projet2{
		top: 710%;
	}

	#realisations #projet3{
		max-width: 100%;
		display: inline;
	}

	#realisations #projet3 img{
		max-width: 19%;
	}

	#realisations #projet3 .titre-projet3{
		top: 710%;
	}

	#realisations #projet4{
		max-width: 100%;
		display: inline;
	}

	#realisations #projet4 img{
		max-width: 19%;
	}

	#realisations #projet4 .titre-projet4{
		top: 710%;
	}

	#realisations #projet5{
		max-width: 100%;
		display: inline;
	}

	#realisations #projet5 img{
		max-width: 19%;
	}

	#realisations #projet5 .titre-projet5{
		top: 710%;
	}

	#services_section1 p{
		width: 78%;
		font-size: 1.7em;
	}

	#services_section1 h1{
		font-size: 2.5em;
	}

	#services_section2 p{
		width: 78%;
		font-size: 1.7em;
	}

	#services_section2 h1{
		font-size: 2.5em;
	}

	#services_section3 p{
		width: 78%;
		font-size: 1.7em;
	}

	#services_section3 h1{
		font-size: 2.5em;
	}

	#services_section2{
		background-image: url(../images/fond-test1-1920.jpg);
		background-position: center;
	}

	#services_section4{
		background-image: url(../images/fond-test1-1920.jpg);
		background-position: center;
	}

	#services_section4 p{
		width: 78%;
		font-size: 1.7em;
	}

	#services_section4 h1{
		font-size: 2.5em;
	}

	#contenu_equipe h1{
		letter-spacing: 8px;
		font-size: 1.7em;
	}

	#contenu_equipe h2{
		letter-spacing: 4px;
		font-size: 1.3em;
	}

	#contenu_equipe p{
		letter-spacing: 2px;
		font-size: 0.8em;
	}

	#text_equipe1{
		width: 45%;
		margin-left: 6%;
		padding-bottom: 2%;
		padding-top: 2%;
	}

	#text_equipe2{
		width: 45%;
		margin-left: 28%;
		padding-bottom: 2%;
		padding-top: 2%;
	}

	#section_marc img{
		width: 8%;
		padding-top: 2%;
		margin-left: 14%;
	}

	#section_jey img{
		width: 8%;
		padding-top: 2%;
		margin-left: 5%;
	}

	#section_alex img{
		width: 8%;
		padding-top: 2%;
		margin-left: 14%;
	}

	#section_mel img{
		width: 8%;
		padding-top: 2%;
		margin-left: 5%;
	}


	#section_gab img{
		width: 8%;
		padding-top: 2%;
		margin-left: 14%;
	}

	#section_danny img{
		width: 8%;
		padding-top: 2%;
		margin-left: 5%;
	}

	#section_julien img{
		width: 8%;
		padding-top: 2%;
		margin-left: 14%;
	}

	#section_tribou img{
		width: 8%;
		padding-top: 2%;
		margin-left: 5%;
	}

	#section_lp img{
		width: 8%;
		padding-top: 2%;
		margin-left: 14%;
	}

	#contenu_contact{
		padding-top: 10%;
	}

	#contenu_contact iframe{
		height: 400px;
	}

	#contenu_contact p{
		font-size: 1.8em;
	}

	footer #logos{
		width:8%;
		margin: auto;
		padding-top: 3%;
	}

	footer #logos img{
		width: 19%;
		margin-left: 2%;
		margin-right: 2%;
	}

	footer h1{
		width: 100%;
		text-align: center;
		font-size: 1.1em;
	}
}

@media screen and (max-width: 1440px){

	header{
		height: 90px;
	}

	header #top_nav_accueil{
		width: 60%;
	}

	header #top_nav_accueil ul{
		margin-top: 5%;
	}

	header #top_nav_accueil a{
		font-size: 1.2em;
	}

	header #top_nav{
		width: 60%;
	}

	header #top_nav a{
		font-size: 1em;
	}

	header #top_nav ul{
		margin-top: 5%;
	}

	video{
		padding-top: 6%;
	}

	#section-apropos h1{
		width: 15%;
		font-size: 2.1em;
	}

	#section-apropos p{
		width: 70%;
		font-size: 1.5em;
	}

	.sliderGauche h1{
		font-size: 2em;
		letter-spacing: 10px;
	}

	.sliderGauche h2{
		font-size: 2em;
		letter-spacing: 10px;
	}

	.sliderGauche h3{
		font-size: 1.8em;
		letter-spacing: 10px;
	}

	.sliderGauche h4{
		font-size: 1.8em;
		letter-spacing: 6px;
	}

	.sliderDroite{
		margin-left: 6%;
	}

	.sliderDroite h1{
		font-size: 1.5em;
		letter-spacing: 5px;
	}

	.sliderDroite h2{
		font-size: 1.6em;
		letter-spacing: 8px;
	}

	.sliderDroite h3{
		font-size: 1.3em;
		letter-spacing: 10px;
	}

	footer #logos{
		width:10%;
		margin: auto;
		padding-top: 3%;
	}

	footer #logos img{
		width: 18%;
		margin-left: 2%;
		margin-right: 2%;
	}


}

@media screen and (max-width: 1366px){

	header{
		height: 75px;
	}

	header img.logoFx{
		width: 5%;
		margin-left: 0%;
		margin-top: 0.2%;
	}

	header img.logoMenu{
		display: none;
	}

	header #top_nav_accueil{
		width: 50%;
	}

	header #top_nav_accueil ul{
		margin-top: 4.5%;
	}

	header #top_nav_accueil a{
		font-size: 0.9em;
	}

	header #top_nav a{
		font-size: 0.7em;
	}

	header #top_nav{
		width: 50%;
	}

	header #top_nav ul{
		margin-top: 4.5%;
	}

	header #top_nav a{
		font-size: 0.8em;
	}

	video{
		padding-top: 4%;
	}

	#myintro-mobile{
		display: none;
	}

	#nouvelles{
		width: 100%;
		padding-bottom: 15%;
		background-size: 100% 100%;
	}

	.sliderGauche{
		margin-left: -80px;
		width: 50%;
	}

	.sliderGauche h1{
		font-size: 2.1em;
		letter-spacing: 4px;
	}

	.sliderGauche h2{
		font-size: 2em;
		letter-spacing: 4px;
	}

	.sliderGauche h3{
		font-size: 1em;
		letter-spacing: 6px;
	}

	.sliderGauche h4{
		font-size: 1.1em;
		letter-spacing: 2px;
	}

	.sliderDroite{
		margin-left: -10%;
	}

	.sliderDroite h1{
		font-size: 2em;
		letter-spacing: 4px;
	}

	.sliderDroite h2{
		font-size: 0.9em;
		letter-spacing: 5px;
	}

	.sliderDroite h3{
		font-size: 1.3em;
		letter-spacing: 3px;
	}

	#section-apropos h1{
		width: 15%;
		font-size: 2.1em;
	}

	#section-apropos p{
		width: 70%;
		font-size: 1.5em;
	}

	#realisations h1{
		width: 23%;
		font-size: 1.9em;
		letter-spacing: 10px;
	}

	#realisations h2{
		font-size: 0.8em;
	}

	#realisations #projet1{
		max-width: 100%;
		display: inline;
	}

	#realisations #projet1 img{
		width: 19%;
	}


	#realisations #projet1 .titre-projet1{
		top: 500%;
	}

	#realisations #projet2{
		max-width: 100%;
		display: inline;
	}

	#realisations #projet2 img{
		max-width: 19%;
	}

	#realisations #projet2 .titre-projet2{
		top: 500%;
	}

	#realisations #projet3{
		max-width: 100%;
		display: inline;
	}

	#realisations #projet3 img{
		max-width: 19%;
	}

	#realisations #projet3 .titre-projet3{
		top: 500%;
	}

	#realisations #projet4{
		max-width: 100%;
		display: inline;
	}

	#realisations #projet4 img{
		max-width: 19%;
	}

	#realisations #projet4 .titre-projet4{
		top: 500%;
	}

	#realisations #projet5{
		max-width: 100%;
		display: inline;
	}

	#realisations #projet5 img{
		max-width: 19%;
	}

	#realisations #projet5 .titre-projet5{
		top: 500%;
	}

	#services_section1 p{
		width: 78%;
		font-size: 1.3em;
	}

	#services_section1 h1{
		font-size: 2em;
	}

	#services_section2 p{
		width: 78%;
		margin-bottom: 0;
		font-size: 1.3em;
	}

	#services_section2 h1{
		font-size: 2em;
	}

	#services_section3 p{
		width: 78%;
		font-size: 1.3em;
	}

	#services_section3 h1{
		font-size: 2em;
	}

	#services_section4 p{
		width: 78%;
		font-size: 1.3em;
	}

	#services_section4 h1{
		font-size: 2em;
	}

	#contenu_equipe h1{
		letter-spacing: 7px;
		font-size: 1.5em;
	}

	#contenu_equipe h2{
		letter-spacing: 3px;
		font-size: 1.1em;
	}

	#contenu_equipe p{
		letter-spacing: 1px;
		font-size: 0.6em;
	}

	#text_equipe1{
		width: 45%;
		margin-left: 6%;
		padding-bottom: 2%;
		padding-top: 2%;
	}

	#text_equipe2{
		width: 45%;
		margin-left: 28%;
		padding-bottom: 2%;
		padding-top: 2%;
	}

	#section_marc img{
		width: 7%;
		padding-top: 2%;
		margin-left: 14%;
	}

	#section_jey img{
		width: 7%;
		padding-top: 2%;
		margin-left: 5%;
	}

	#section_alex img{
		width: 7%;
		padding-top: 2%;
		margin-left: 14%;
	}

	#section_mel img{
		width: 8%;
		padding-top: 2%;
		margin-left: 5%;
	}

	#section_gab img{
		width: 7%;
		padding-top: 2%;
		margin-left: 14%;
	}

	#section_danny img{
		width: 7%;
		padding-top: 2%;
		margin-left: 5%;
	}

	#section_julien img{
		width: 7%;
		padding-top: 2%;
		margin-left: 14%;
	}

	#section_tribou img{
		width: 7%;
		padding-top: 2%;
		margin-left: 5%;
	}

	#section_lp img{
		width: 7%;
		padding-top: 2%;
		margin-left: 14%;
	}

	#contenu_contact{
		padding-top: 8%;
	}

	#contenu_contact iframe{
		height: 300px;
	}

	#contenu_contact p{
		font-size: 1.3em;
	}

	footer #logos{
		width:8%;
		margin: auto;
		padding-top: 3%;
	}

	footer #logos img{
		width: 18%;
		margin-left: 2%;
		margin-right: 2%;
	}

	footer h1{
		width: 100%;
		text-align: center;
		font-size: 1em;
	}
}

@media screen and (max-width: 1290px){

	header{
		height: 70px;
	}

	header img.logoFx{
		margin-left: 0%;
		margin-top: 0.1%;
	}

	header img.logoMenu{
		display: none;
		width: 2%;
	}

	header #top_nav_accueil{
		width: 45%;
	}

	header #top_nav_accueil ul{
		margin-top: 5%;
	}

	header #top_nav_accueil a{
		font-size: 0.7em;
	}

	header #top_nav{
		width: 45%;
	}

	header #top_nav ul{
		margin-top: 5%;
	}

	header #top_nav a{
		font-size: 0.6em;
	}

	video{
		padding-top: 5%;
	}

	#myintro-mobile{
		display: none;
	}
	#nouvelles{
		width: 100%;
		background-size: 1280px 340px;
		padding-bottom: 7%;
	}

	.sliderGauche{
		margin-left: -70px;
	}

	.sliderGauche h1{
		font-size: 2em;
		letter-spacing: 3px;
	}

	.sliderGauche h2{
		font-size: 1.8em;
		letter-spacing: 3px;
	}

	.sliderGauche h3{
		font-size: 1.2em;
		margin-top: 0%;
		letter-spacing: 3px;
	}

	.sliderGauche h4{
		font-size: 1.1em;
		letter-spacing: 3px;
	}

	.sliderDroite{
		margin-left: -14%;
	}

	.sliderDroite h1{
		font-size: 1.5em;
		letter-spacing: 2px;
	}

	.sliderDroite h2{
		font-size: 0.9em;
		margin-top: 0%;
		letter-spacing: 3px;
	}

	.sliderDroite h3{
		font-size: 1em;
		letter-spacing: 5px;
	}

	#section-apropos{
		padding-top: 10%;
		padding-bottom: 10%
	}

	#section-apropos h1{
		width: 15%;
		font-size: 1.7em;
	}

	#section-apropos p{
		width: 70%;
		font-size: 1.1em;
	}

	#realisations h2{
		font-size: 0.6em;
	}

	#realisations #projet1{
		max-width: 100%;
		display: inline;
	}

	#realisations #projet1 img{
		width: 19%;
	}

	#realisations #projet1 .titre-projet1{
		top: 465%;
	}

	#realisations #projet2{
		max-width: 100%;
		display: inline;
	}

	#realisations #projet2 img{
		max-width: 19%;
	}

	#realisations #projet2 .titre-projet2{
		top: 465%;
	}

	#realisations #projet3{
		max-width: 100%;
		display: inline;
	}

	#realisations #projet3 img{
		max-width: 19%;
	}

	#realisations #projet3 .titre-projet3{
		top: 465%;
	}

	#realisations #projet4{
		max-width: 100%;
		display: inline;
	}

	#realisations #projet4 img{
		max-width: 19%;
	}

	#realisations #projet4 .titre-projet4{
		top: 465%;
	}

	#realisations #projet5{
		max-width: 100%;
		display: inline;
	}

	#realisations #projet5 img{
		max-width: 19%;
	}

	#realisations #projet5 .titre-projet5{
		top: 465%;
	}

	#services_section1 p{
		width: 78%;
		font-size: 1em;
		padding-bottom: 2.5%;
	}

	#services_section1 h1{
		font-size: 1.5em;
	}

	#services_section2 p{
		width: 78%;
		margin-bottom: 0;
		font-size: 1em;
	}

	#services_section2 h1{
		font-size: 1.5em;
	}

	#services_section3 p{
		width: 78%;
		font-size: 1em;
	}

	#services_section3 h1{
		font-size: 1.5em;
	}

	#services_section4 p{
		width: 78%;
		font-size: 1em;
	}

	#services_section4 h1{
		font-size: 1.5em;
	}

	#contenu_contact{
		padding-top: 8%;
	}

	#contenu_contact iframe{
		width: 40%;
		height: 235px;
	}

	#contenu_contact p{
		font-size: 1em;
	}

	footer #logos{
		width: 8%;
		padding-top: 3%;
	}

	footer #logos img{
		width: 18%;
		margin-left: 2%;
		margin-right: 2%;
	}

	footer h1{
		width: 100%;
		text-align: center;
		font-size: 0.7em;
	}


}

@media screen and (max-width: 1024px){

	header{
		height: 60px;
	}

	header img{
		margin-left: 0.8%;
		margin-top: 0.1%;
	}

	header #top_nav{
		width: 50%;
	}

	header #top_nav_accueil{
		width: 50%;
	}

	header #top_nav_accueil li.btn_langue{
		margin-left: 7%;
	}

	header #top_nav li.btn_langue{
		margin-left: 7%;
	}

	#nouvelles{
		width: 100%;
		background-size: 100% 100%;
	}

	.sliderGauche{
		margin-left: -70px;
	}

	.sliderGauche h1{
		font-size: 2em;
		letter-spacing: 6px;
	}

	.sliderGauche h2{
		font-size: 1.8em;
		letter-spacing: 6px;
	}

	.sliderGauche h3{
		font-size: 0.9em;
		margin-top: 0;
		letter-spacing: 5px;
	}

	.sliderGauche h4{
		font-size: 1.1em;
		letter-spacing: 6px;
	}

	.sliderDroite{
		margin-left: -10%;
	}

	.sliderDroite h1{
		font-size: 2em;
		letter-spacing: 8px;
	}

	.sliderDroite h2{
		font-size: 0.6em;
		margin-top: 0;
		letter-spacing: 4px;
	}

	.sliderDroite h3{
		font-size: 0.8em;
		letter-spacing: 12px;
	}

	#totem img{
		width: 14%;
		margin: auto;
		position: absolute;
		right: 10%;
		top: 24%;
		display: none;
		opacity: 0.0;
	}

	#realisations #projet1{
		max-width: 100%;
		display: inline;
	}

	#realisations #projet1 img{
		width: 19%;
	}

	#realisations #projet1 .titre-projet1{
		top: 380%;
	}

	#realisations #projet2{
		max-width: 100%;
		display: inline;
	}

	#realisations #projet2 img{
		max-width: 19%;
	}

	#realisations #projet2 .titre-projet2{
		top: 380%;
	}

	#realisations #projet3{
		max-width: 100%;
		display: inline;
	}

	#realisations #projet3 img{
		max-width: 19%;
	}

	#realisations #projet3 .titre-projet3{
		top: 380%;
	}

	#realisations #projet4{
		max-width: 100%;
		display: inline;
	}

	#realisations #projet4 img{
		max-width: 19%;
	}

	#realisations #projet4 .titre-projet4{
		top: 380%;
	}

	#realisations #projet5{
		max-width: 100%;
		display: inline;
	}

	#realisations #projet5 img{
		max-width: 19%;
	}

	#realisations #projet4 .titre-projet4{
		top: 380%;
	}

	#services_section1 p{
		width: 65%;
		font-size: 0.7em;
	}

	#services_section2 ul li img.btn_danse{
		width: 80%;
	}

	#services_section2 ul li img.btn_draperie{
		width: 50%;
	}

	#services_section2 p{
		width: 65%;
		margin-bottom: 0;
		font-size: 0.7em;
	}

	#services_section2 .text-danse h1{
		font-size: 1em;
	}

	#services_section2 .text-greage h1{
		font-size: 1em;
	}

	#services_section2 .text-scenique h1{
		font-size: 1em;
	}

	#services_section2 .text-draperie h1{
		font-size: 1em;
	}


	#services_section3 p{
		width: 65%;
		font-size: 0.7em;
	}

	#services_section3 ol{
		width: 65%;
		margin-bottom: 0;
		padding-bottom: 2%;
	}

	#services_section3 ol li{
		font-size: 0.4em;
	}

	#contenu_contact{
		padding-top: 15%;
		padding-bottom: 10%;
	}

	#contenu_contact iframe{
		width: 45%;
		height: 300px;
	}

	#contenu_contact p{
		font-size: 0.8em;
	}

	footer #logos{
		width: 6.5%;
		padding-top: 3%;
	}

	footer img{
		width: 13px;
	}

	footer h1{
		width: 100%;
		text-align: center;
		font-size: 0.9em;
	}
}