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


@media screen and (min-width: 319px){

	#contenu_equipe a.secret{
		color: white;
		border: none;
		text-decoration: none;
		margin: 0;
		padding: 0;
	}
	body{
		background-color: black;
		width: 100%;
		margin: auto;
	}
	
	header a img{
		width: 18%;
	}

	header img.logoMenu{
		width: 8%;
		display: block;
		float: right;
		margin-right: 5%;
		margin-top: 5%;
		cursor: pointer;
	}

	header .top_nav_cell_accueil{
		overflow: hidden;
  		position: absolute;
  		z-index: 100;
  		background-color: black;
  		width: 100%;
	}

	header .top_nav_cell_accueil #mylink{
		display: none;
	}

	header .top_nav_cell_accueil #mylink a{
		width: 100%;
		text-align: center;
		margin:auto;
		margin-bottom: 3%;
		color: rgba(255,255,255, 0.9);
		font-family: futura;
		font-size: 1.9em;
		text-align: center;
		text-decoration: none;
		display: block;
	}

	header .top_nav_cell_accueil #mylink a.btn_langue{
			font-size: 1.2em;
			margin:0;
	}

	header .top_nav_cell #mylink a.btn_langue{
			font-size: 1.2em;
			margin:0;
	}

	header .top_nav_cell{
		overflow: hidden;
  		position: absolute;
  		z-index: 100;
  		background-color: black;
  		width: 100%;
	}

	header .top_nav_cell #mylink{
		display: none;
	}

	header .top_nav_cell #mylink a{
		width: 100%;
		text-align: center;
		margin:auto;
		margin-bottom: 3%;
		color: rgba(255,255,255, 0.9);
		font-family: futura;
		font-size: 1.7em;
		text-align: center;
		text-decoration: none;
		display: block;
	}


	#bg_video_desktop{
		display: none;
	}

	video{
		max-width: 100%;
		margin: 0;
		padding: 0;
	}

	#myintro-mobile{
		display: flex;
		z-index: -1;
		margin-bottom: 20%;
	}

	header #top_nav{
		display: none;
	}

	header #top_nav_accueil{
		display: none;
	}

	header img.logoMenu:active #top_nav{
		display: block;
	}
	#nouvelles{
		display: none;
	}

	#totem{
		display: none;
	}

	#totem-mobile{
		display: block;
		height: 300px;
	}

	#totem-mobile img.temp-mobile{
		position: absolute;
		overflow: hidden;
		left: 20%;
		top:40%;
		width: 60%;
		display: none;
		opacity: 0.0;
		margin: auto;
	}

	#totem-mobile img.totem-mobile{
		position: absolute;
		overflow: hidden;
		left: 0;
		top:40%;
		width: 100%;
		display: none;
		opacity: 0.0;
		margin: auto;
	}

	#totem-mobile img.led-mobile{
		position: absolute;
		overflow: hidden;
		left: 2%;
		top:40%;
		width: 90%;
		display: none;
		opacity: 0.0;
		margin: auto;
	}

	#totem-mobile img.moteur-mobile{
		position: absolute;
		overflow: hidden;
		left: 0;
		top:40%;
		width: 100%;
		display: none;
		opacity: 0.0;
		margin: auto;
	}

	#nouvellesMobile{
		display: block;
		padding-top: 2%;
		padding-bottom: 20%;
		text-align: center;
	}

	#nouvellesMobile h1{
		display: inline-block;
		width: 49%;
		font-family: futura;
		font-size: 1.7em;
		color: rgba(112,112,112,1);
		text-align: center;
		margin-bottom: 0;
	}

	#nouvellesMobile h2{
		display: inline-block;
		width: 49%;
		font-family: futura;
		font-size: 1.9em;
		color: rgba(255,255,255,1);
		margin-bottom: 0;
		text-align: center;
	}

	#nouvellesMobile h3{
		width: 100%;
		font-family: futura;
		font-size: 1.9em;
		color: rgba(255,255,255,0.8);
		letter-spacing: 3px;
		margin-top: 0;
		margin-bottom: 0;
		padding-bottom: 10%;
		border-bottom: solid 1px rgba(255,255,255,0.2);
		text-align: center;
	}

	#nouvellesMobile h4{
		display: inline-block;
		width: 45%;
		font-family: futura;
		font-size: 1.8em;
		color: rgba(98,96,109,1);
		margin-top: 10%;
		text-align: center;
	}

	#nouvellesMobile h5{
		display: inline-block;
		width: 40%;
		font-family: futura;
		font-size: 1.3em;
		letter-spacing: 4.5px;
		color: rgba(255,255,255,1);
		text-align: center;

	}

	#section-apropos{
		width: 100%;
		background-image: url(../images/fond-test1-cell.jpg);
		background-position: center;
		padding-bottom: 10%;
		padding-top: 15%;
	}

	#section-apropos a:hover{
		text-decoration: none;
		background-color: black;
		color:white;
	}	

	#section-apropos h1{
		width: 70%;
		margin-left: 5%;
		margin-bottom: 6%;
		font-size: 1.9em;
		color: rgba(255,255,255,1);
		font-family: futura;
	}

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

	#realisations #realisations_desktop{
		display: none;
	}

	#realisations h1{
		width: 100%;
		text-align: center;
		font-size: 1.8em;
		letter-spacing: 4px;
		font-family: futura;
		color: rgba(98,96,109,1);
	}

	#realisations img{
		max-width: 100%;
	}

	#realisations #projet1{
		margin: 0;
		position: relative;
	}

	#realisations #projet1 img{
		opacity: 1;
	}

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

	#realisations #projet1:hover img{
		opacity: 0.6;
	}

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


	#realisations #projet2{
		margin: 0;
		position: relative;
	}

	#realisations #projet2 img{
		opacity: 1;
	}

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

	#realisations #projet2:hover img{
		opacity: 0.6;
	}
	
	#realisations #projet3{
		margin: 0;
		position: relative;
	}

	#realisations #projet3 img{
		opacity: 1;
	}

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


	#realisations #projet3:hover img{
		opacity: 0.6;
	}
	
	#realisations #projet4{
		margin: 0;
		position: relative;
	}

	#realisations #projet4 img{
		opacity: 1;
	}

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


	#realisations #projet4:hover img{
		opacity: 0.6;
	}

	#realisations #projet5{
		margin: 0;
		position: relative;
	}

	#realisations #projet5 img{
		opacity: 1;
	}

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


	#realisations #projet5:hover img{
		opacity: 0.6;
	}

	#realisations #myCarousel-festivals_mobile{
		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_mobile .carousel-inner{
		width: 90%;
		margin: auto;
	}

	#realisations #myCarousel-sports_mobile{
		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_mobile .carousel-inner{
		width: 90%;
		margin: auto;
	}

	#realisations #myCarousel-concerts_mobile{
		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_mobile .carousel-inner{
		width: 90%;
		margin: auto;
	}

	#realisations #myCarousel-plancher_mobile{
		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_mobile .carousel-inner{
		width: 90%;
		margin: auto;
	}

	#realisations #myCarousel-corpos_mobile{
		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_mobile .carousel-inner{
		width: 90%;
		margin: auto;
	}

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

	#services_section1{
		width: 100%;
		margin: 0;
		background-image: url("../images/BG_services.jpg");
		background-repeat: repeat-x;
	}


	#services_section1 ul{
		width: 100%;
		padding: 0;
		margin: auto;
		padding-top: 3%;
	}

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

	#services_section1 ul li img{
		width: 80%;
	}

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

	#services_section1 #myCarousel-services1-cell{
		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-cell .carousel-inner{
		width: 100%;
		margin: auto;
	}

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

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

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

	#services_section1 h1{
		width: 75%;
		font-size: 2em;
		margin: 0;
		margin-left: 5%;
		color: rgba(255,255,255,1);
		padding-top: 12%;
		padding-bottom: 4%;
	}

	#services_section1 ul{
		width: 100%;
		text-align: center;
		padding: 0;
		padding-top: 5%;
		margin: auto;
		padding-top: 6%;
	}

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

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

	#services_section2{
		width: 100%;
		margin: 0;
		background-image: url(../images/fond-test1-cell.jpg);
		background-position: center;
	}

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

	#services_section2 ul li{
		width: 20%;
		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: 90%;
		margin: auto;
	}


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

	#services_section2 h1{
		width: 80%;
		font-size: 2em;
		margin: 0;
		margin-left: 5%;
		padding-top: 12%;
		padding-bottom: 4%;
		color: rgba(255,255,255,1);

	}

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

	#services_section2 #myCarousel-services2-cell{
		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-cell .carousel-inner{
		width: 100%;
		margin: auto;
	}

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

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

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

	#services_section3 h1{
		width: 75%;
		font-size: 2em;
		margin: 0;
		margin-left: 5%;
		color: rgba(255,255,255,1);
		padding-top: 12%;
		padding-bottom: 4%;
	}

	#services_section3 ul{
		width: 100%;
		text-align: center;
		padding: 0;
		padding-top: 5%;
		margin: auto;
		padding-top: 6%;
	}

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

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

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


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

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

	#services_section4{
		width: 100%;
		margin: 0;
		background-image: url(../images/fond-test1-cell.jpg);
		background-position: center;
	}

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

	#services_section4 ul li{
		width: 20%;
		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: 90%;
		margin: auto;
	}


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

	#services_section4 h1{
		width: 80%;
		font-size: 2em;
		margin: 0;
		margin-left: 5%;
		padding-top: 12%;
		padding-bottom: 4%;
		color: rgba(255,255,255,1);

	}

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


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

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

	#contenu_equipe{
		width: 100%;
	}

	#contenu_equipe img{
		display: block;
		width: 30%;
		margin: auto;
		margin-top: 20%;
	}

	#contenu_equipe img.team_desktop{
		display: none;
	}

	#contenu_equipe h1{
		width: 100%;
		text-align: center;
		color: rgba(255,255,255,1);
		font-family: futura;
		letter-spacing: 3px;
		font-size: 1.8em;
	}

	#contenu_equipe h2{
		width: 100%;
		text-align: center;
		color: rgba(255,255,255,1);
		font-family: futura;
		letter-spacing: 2px;
		font-size: 1.5em;
	}

	#contenu_equipe p{
		width: 90%;
		margin: auto;
		color: rgba(255,255,255,1);
		font-family: futura;
		letter-spacing: 1px;
		font-size: 1.3em;
		text-align: justify;
	}

	#contenu_equipe #section_mel{
		margin-bottom: 15%;
	}
	
	#contenu_contact{
		padding-top: 10%;
		padding-bottom: 25%;
		color: rgba(255,255,255,1);
	}

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

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

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

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

	#descr_totem{
		width: 100%;
		margin: auto;
		padding-top: 4%;
		color: rgba(255,255,255,1);
		font-family: futura;
	}
	#descr_totem #img-produit{
		width: 100%;
		display: inline-block;
		padding-bottom: 3%;
		background-color: rgba(0,0,0,1);

	}

	#descr_totem #text-produit{
		background-color: rgba(0,0,0,1);
		width: 100%;
		display: inline-block;
	}

	#descr_totem #img-produit img{
		width: 60%;
		padding-left: 20%;
		padding-top: 5%;
		padding-bottom: 5%;
	}

	#descr_totem #text-produit h1{
		width: 80%;
		margin-left: 5%;
		font-size: 1.5em;
		margin-bottom: 2%;
		padding-top: 4%;
	}

	#descr_totem #text-produit p{
		width: 90%;
		margin: auto;
		font-size: 0.9em;
		padding-bottom: 6%;
		text-align: justify;
	}

	#descr_totem #autres-produits{
		width: 100%;
		margin:0;
		background-image: url(../images/fond-test1-cell.jpg);
		background-position: center;
	}

	#descr_totem #autres-produits h2{
		width: 100%;
		font-size: 1.6em;
		padding-top: 4%;
		padding-bottom: 4%;
		margin:0;
		text-align: center;
		color: rgba(255,255,255,1);
	}

	#descr_totem #autres-produits ol{
		width: 100%;
		text-decoration: none;
		padding: 0;
		padding-top: 2%;
		padding-bottom: 2%;
		margin: auto;
		text-align: center;
	}

	#descr_totem #autres-produits ol li{
		width: 20%;	
		display: inline-block;
	}

	#descr_totem #autres-produits ol li:hover{
		opacity: 0.6;
	}

	#descr_totem #autres-produits ol li img{
		width: 80%;	
	}

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

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

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

	footer h1{
		width: 100%;
		text-align: center;
		margin: auto;
		color: rgba(255,255,255,0.2);
		font-family: futura;
		font-size: 0.7em;
		padding-top: 10%;
		padding-bottom: 3%;
	}
}

@media screen and (min-width: 360px){

body{
		background-color: black;
		width: 100%;
		margin: auto;
	}
	
	header a img{
		width: 18%;
	}

	header img.logoMenu{
		width: 8%;
		display: block;
		float: right;
		margin-right: 5%;
		margin-top: 5%;
		cursor: pointer;
	}

	header .top_nav_cell_accueil #mylink{
		display: none;
	}

	header .top_nav_cell_accueil #mylink a{
		width: 100%;
		text-align: center;
		margin:auto;
		margin-bottom: 3%;
		color: rgba(255,255,255, 0.9);
		font-family: futura;
		font-size: 2em;
		text-decoration: none;
		display: block;
	}

	header .top_nav_cell #mylink{
		display: none;
	}

	header .top_nav_cell #mylink a{
		width: 100%;
		text-align: center;
		margin:auto;
		margin-bottom: 3%;
		color: rgba(255,255,255, 0.9);
		font-family: futura;
		font-size: 1.8em;
		text-decoration: none;
		display: block;
	}

	#bg_video_desktop{
		display: none;
	}

	video{
		max-width: 100%;
	}

	#myintro-mobile{
		display: flex;
		z-index: -1;
		margin-bottom: 20%;
	}

	header #top_nav{
		display: none;
	}

	header img.logoMenu:active #top_nav{
		display: block;
	}

	#nouvelles{
		display: none;
	}

	#totem{
		width: 100%;
	}

	#totem img{
		width: 60%;
		display: none;
		opacity: 0.0;
		margin: auto;
	}

	#totem-mobile{
		height: 375px;
	}

	#totem-mobile img.temp-mobile{
		top: 42%
	}

	#totem-mobile img.totem-mobile{
		top: 42%
	}

	#totem-mobile img.led-mobile{
		top: 42%
	}

	#totem-mobile img.moteur-mobile{
		top: 42%
	}

	#nouvellesMobile{
		display: block;
		padding-top: 10%;
		padding-bottom: 20%;
		text-align: center;
	}

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

	#nouvellesMobile h2{
		font-size: 2.2em;
	}

	#nouvellesMobile h3{
		font-size: 2.4em;
	}

	#nouvellesMobile h4{
		font-size: 2.2em;
	}

	#nouvellesMobile h5{
		font-size: 1.5em;
	}

	#section-apropos a{
		width: 42%;
		font-size: 1em;
		padding: 2%;
		margin-bottom: 15%;
	}

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

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

	#realisations img{
		max-width: 100%;
	}

	#realisations #projet1{
		margin: 0;
	}

	#realisations #projet2{
		margin: 0;
	}
	
	#realisations #projet3{
		margin: 0;
	}
	
	#realisations #projet4{
		margin: 0;
	}

	#realisations #projet5{
		margin: 0;
	}


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

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

	#services_section1 h1{
		font-size: 2.2em;
		margin-left: 4%;
	}

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

	#services_section2 h1{
		font-size: 2.2em;
		margin-left: 4%;

	}

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

	#services_section3 h1{
		font-size: 2.2em;
		margin-left: 4%;

	}

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

	#services_section4 h1{
		font-size: 2.2em;
		margin-left: 4%;
	}

	#contenu_contact{
		padding-top: 30%;
		padding-bottom: 45%;
	}


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

	#descr_totem #text-produit h1{
		font-size: 1.5em;
		margin-left: 4%;
	}

	#descr_totem #text-produit p{
		width: 90%;
		margin: auto;
		font-size: 0.9em;
	}

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

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

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

	footer h1{
		width: 100%;
		text-align: center;
		margin: auto;
		color: rgba(255,255,255,0.2);
		font-family: futura;
		font-size: 0.8em;
		padding-top: 10%;
		padding-bottom: 3%;
	}
}

@media screen and (min-width: 414px){

	 
	body{
		background-color: black;
		width: 100%;
		margin: auto;
	}
	
	header a img{
		width: 18%;
	}

	header img.logoMenu{
		width: 8%;
		display: block;
		float: right;
		margin-right: 5%;
		margin-top: 5%;
		cursor: pointer;
	}

	header .top_nav_cell_accueil #mylink{
		display: none;
	}

	header .top_nav_cell_accueil #mylink a{
		width: 100%;
		text-align: center;
		margin:auto;
		margin-bottom: 3%;
		color: rgba(255,255,255, 0.9);
		font-family: futura;
		text-decoration: none;
		display: block;
	}

	header .top_nav_cell #mylink{
		display: none;
	}

	header .top_nav_cell #mylink a{
		width: 100%;
		text-align: center;
		margin:auto;
		margin-bottom: 3%;
		color: rgba(255,255,255, 0.9);
		font-family: futura;
		text-decoration: none;
		display: block;
	}

	#bg_video_desktop{
		display: none;
	}

	video{
		max-width: 100%;
	}

	#myintro-mobile{
		display: flex;
		z-index: -1;
		margin-bottom: 20%;
	}

	header #top_nav{
		display: none;
	}

	header img.logoMenu:active #top_nav{
		display: block;
	}
	
	#nouvelles{
		display: none;
	}

	#totem{
		width: 100%;
	}

	#totem img{
		width: 60%;
		display: none;
		opacity: 0.0;
		margin: auto;
	}

	#nouvellesMobile{
		display: block;
		padding-top: 10%;
		padding-bottom: 20%;
		text-align: center;
	}

	#nouvellesMobile h1{
		font-size: 2.2em;
	}

	#nouvellesMobile h2{
		font-size: 2.5em;
	}

	#nouvellesMobile h3{
		font-size: 2.7em;
	}

	#nouvellesMobile h4{
		font-size: 2.4em;
	}

	#nouvellesMobile h5{
		font-size: 1.7em;
	}


	#section-apropos a{
		width: 38%;
		font-size: 1em;
		padding: 2%;
		margin-bottom: 15%;
	}

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

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

	#realisations img{
		max-width: 100%;
	}

	#realisations #projet1{
		margin: 0;
	}

	#realisations #projet2{
		margin: 0;
	}
	
	#realisations #projet3{
		margin: 0;
	}
	
	#realisations #projet4{
		margin: 0;
	}

	#realisations #projet5{
		margin: 0;
	}

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

	#services_section1 p{
		font-size: 1.6em;
	}

	#services_section1 h1{
		font-size: 2.4em;
		margin-left: 4%;
	}

	#services_section2 p{
		font-size: 1.6em;
	}

	#services_section2 h1{
		font-size: 2.4em;
		margin-left: 4%;

	}

	#services_section3 p{
		font-size: 1.6em;
	}

	#services_section3 h1{
		font-size: 2.4em;
		margin-left: 4%;

	}

	#services_section4 p{
		font-size: 1.6em;
	}

	#services_section4 h1{
		font-size: 2.4em;
		margin-left: 4%;
	}

	#contenu_contact{
		padding-top: 25%;
		padding-bottom: 25%;
	}

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

	footer{
		background-image: url("../images/BG_footer.jpg");
	}
	
	footer #logos{
		width: 32%;
		margin: auto;
		padding-top: 7%;
	}

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

	footer h1{
		width: 100%;
		text-align: center;
		margin: auto;
		color: rgba(255,255,255,0.2);
		font-size: 0.8em;
		padding-top: 4%;
		padding-bottom: 3%;
	}

}