@charset "UTF-8";
/* CSS Document */

*{ margin:auto;
   padding: 0; background-color:#000
}
body { margin: 0; padding: 0; background-color:#000;}
#men { background-color:#000; width:1031px; height:200px; float:left;}
#menmarg { background-image:url(bor_meng.png); background-repeat:no-repeat; width:50px; height:200px; float:left;}
#freng { float:right; width:50px; height:50px;}
.fr { font-family:Helvetica; color:#fff; font-size:14px; padding-top:10px; padding-left:0px; text-decoration:none; }
.fr a { font-family:Helvetica; color:#fff; font-size:14px; padding-top:10px; padding-left:0px; text-decoration:none; }
.fr:hover { font-family:Helvetica; color:#fff; font-size:14px; padding-top:10px; padding-left:0px; text-decoration:underline; }
.eng { font-family:Helvetica; color:#fff; font-size:14px; padding-top:10px; padding-left:0px; text-decoration:none; }
.eng a { font-family:Helvetica; color:#fff; font-size:14px; padding-top:10px; padding-left:0px; text-decoration:none; }
.eng:hover { font-family:Helvetica; color:#fff; font-size:14px; padding-top:10px; padding-left:0px; text-decoration:underline; }

#menlogo { background-image:url(log_men2.png); background-repeat:no-repeat; width:227px; height:200px; float:left;}
#menlogoeng { background-image:url(log_men_eng.png); background-repeat:no-repeat; width:227px; height:200px; float:left;}
#menphot { background-image:url(ph_men3.jpg); background-repeat:no-repeat; width:700px; height:147px; float:left;}
#menphotecho { background-image:url(ph_menecho.jpg); background-repeat:no-repeat; width:700px; height:144px; float:left;}
#mentxt { width:718px; height:37px; float:left;}
#mentxtecho { width:718px; height:40px; float:left;}
#mentxteng { width:720px; height:37px; float:left;}
#menacc { width:65px; height:37px; float:left;}
#menacceng { width:65px; height:37px; float:left;}
#menhiatus { width:140px; height:37px; float:left;}
#menhiatuseng { width:140px; height:37px; float:left;}
#mensub { width:85px; height:37px; float:left;}
#menecho { width:245px; height:37px; float:left;}
#menecho2 { width:350px; height:40px; float:left;}
#menechoeng { width:220px; height:37px; float:left;}
#menarchi { width:60px; height:37px; float:left;}
#mencont { width:98px; height:37px; float:left;}
#menconteng { width:130px; height:37px; float:left;}
#menbordb { background-image:url(bor_menbas.png); background-repeat:no-repeat; width:691px; height:15px; float:left;}
.men { font-family:Helvetica; color:#fff; font-size:14px; padding-top:10px; } 
#actu { float:left; width:920px; height:320px; background-image:url(actu_substrat.jpg); background-repeat:no-repeat; }
#actu1 { float:left; width:460px; height:320px; background-color:transparent;} 
#actu2 { float:left; width:460px; height:320px; background-color:transparent;} 
#actueng { float:left; width:920px; height:320px; background-image:url(actu_sub_toxiceng.jpg); background-repeat:no-repeat; }
#corps1 { width:1000px; height:770px; float:left;}
#corps2 { width:980px; height:5750px; float:left;}
#corps3 { width:1000px; height:750px; float:left;}
#corps4 { width:1000px; height:2500px; float:left;}
#corps5 { width:1010px; height:3030px; float:left;}
#corps6 { width:1010px; height:3030px; float:left;}
#corpsbordg { width:51px; height:2000px; float:left;}
#corpsborgindex { width:51px; height:800px; float:left;}
#corpsbordgperf { width:51px; height:5750px; float:left;}
#corpsbordginstal { width:51px; height:3030px; float:left;}
#corpsbordgecho2 { width:51px; height:730px; float:left;}
#corpsbordgfilm { width:51px; height:2500px; float:left;}
#corpsbordgcont { width:51px; height:750px; float:left;}
#fb { width:50px; height:32px; float:left;  }
#twit { width:50px; height:30px; float:left;  }
#tum { width:50px; height:30px; float:left;  }
#tube { width:50px; height:36px; float:left;  }
#bordcorps { background-image:url(cor_bg.png); background-repeat:no-repeat; width:50px; height:580px; float:left;  }
#bordcorpscont { background-image:url(cor_bg.png); background-repeat:repeat; width:50px; height:610px; float:left;  }
#bordcorpsfilm { background-image:url(cor_bg.png); background-repeat:repeat; width:50px; height:2300px; float:left;  }
#bordcorpsinstal { background-image:url(cor_bg.png); background-repeat:repeat; width:50px; height:2900px; float:left;  }
#bordcorpsecho2 { background-image:url(cor_bg.png); background-repeat:repeat; width:50px; height:300px; float:left;  }
#bordcorpsperf { background-image:url(cor_bg.png); background-repeat:repeat; width:50px; height:5630px; float:left;  }
#bordcorpsacc { background-image:url(cor_bg.png); background-repeat:no-repeat; width:50px; height:660px; float:left;  }
#bordcorpssup { background-image:url(bor_gplus.png); background-repeat:no-repeat; width:50px; height:48px; float:left;  }
#bordcorpssup2 { background-image:url(bor_gplus.png); background-repeat:repeat-y; width:50px; height:700px; float:left;  }
#corpstxt { width:930px; height:520px; float:left;  padding-top:30px;}
#corpstxtacc { width:930px; height:420px; float:left;  padding-top:30px;}
#corpsphacc1 { width:290px; height:231px; float:left; margin-left:20px; margin-top:28px; background-image:url(ph_acc1.jpg); background-repeat:no-repeat; }
#txtacc { width:600px; float:right; }
#logohiatus { width:800px; height:160px; float:left; background-image:url(l_echoperf.png); background-repeat:no-repeat;}
#logoperf { width: 280px; height: 380px; float: left; background-image:url(l_hiatus.png); background-repeat:no-repeat; margin-top:620px;}
#corpsperf1{ width:630px; height:810px; float:right; padding-left:0px; padding-top:10px;}
#logoperf2 { width: 280px; height: 500px; float: left; background-image:url(l_echoperf.png); background-repeat:no-repeat; margin-top:680px;}
#corpsperf2{ width:630px; height:1100px; float:right; padding-left:0px; padding-top:10px;}
#logoperf3 { width: 280px; height: 500px; float: left; background-image:url(l_visuallive.png); background-repeat:no-repeat; margin-top:710px;}
#corpsperf3{ width:630px; height:1180px; float:right; padding-left:0px; padding-top:10px;}
#logoperf4 { width: 280px; height: 500px; float: left; margin-top:860px; background-image:url(l_oxo.png); background-repeat:no-repeat;}
#corpsperf4{ width:630px; height:1200px; float:right; margin-left:0px; padding-top:50px;}
#logoperf5 { width: 280px; height:500px; float: left; margin-top:50px; background-image:url(l_cabnum.png); background-repeat:no-repeat;}
#corpsperf5{ width:630px; height:1310px; float:right; padding-left:0px; padding-top:50px;}
#corpsvideoperf { width:630px; height:420px; float:right; margin-top:10px; background-image:url(fond_videoperf.png); }
#corpsvideo_integre { width:560px; height:315px; float:left; margin-left:34px; margin-top:53px; padding-left:0px;}
#logoecho { width:920px; height:320px; float:left; background-image:url(actu_echo.png); background-repeat:no-repeat;}
#logosubstrat { width:920px; height:370px; float:left; background-image:url(ban_substrat.jpg); background-repeat:no-repeat;}
#logosubstrateng { width:920px; height:370px; float:left; background-image:url(ban_substrateng.jpg); background-repeat:no-repeat;}
#logoarchi1 { width:920px; height:500px; float:left; background-image:url(titre_films3.png); background-repeat:no-repeat;}
#logoarchi1eng { width:920px; height:500px; float:left; background-image:url(titre_films3_eng.png); background-repeat:no-repeat;}
#logoarchi2 { width:920px; height:500px; float:left; background-image:url(titre_films2.png); background-repeat:no-repeat;}
#logoarchi2eng { width:920px; height:500px; float:left; background-image:url(titre_films2_eng.png); background-repeat:no-repeat;}
#logoarchi3 { width:920px; height:500px; float:left; background-image:url(titre_films1.png); background-repeat:no-repeat;}
#logoarchi3eng { width:920px; height:500px; float:left; background-image:url(titre_films1_eng.png); background-repeat:no-repeat;}
#logoarchi4 { width:920px; height:500px; float:left; background-image:url(titre_films4.png); background-repeat:no-repeat;}
#logoarchi4eng { width:920px; height:500px; float:left; background-image:url(titre_films4_eng.png); background-repeat:no-repeat;}
#logoarchi5 { width:920px; height:500px; float:left; background-image:url(titre_films5.png); background-repeat:no-repeat;}
#logoarchi5eng { width:920px; height:500px; float:left; background-image:url(titre_films5_eng.png); background-repeat:no-repeat;}
#corpshiatus1{ width:990px; height:650px; float:left; padding-left:0px;}
#corpshiatus2{ width:330px; height:400px; float:left; padding-left:30px; padding-top:50px;}
#corpshiatus3{ width:625px; height:600px; float:right; padding-left:0px;}
#corpshiatus4{ width:625px; height:590px; float:right; padding-left:0px;}
#corpsecho{ width:920px; height:360px; float:left; padding-top:20px;}
#corpsecho2{ width:650px; height:420px; float:left; margin-top:70px; margin-left:270px; background-image:url(fond_video.png); background-repeat:no-repeat;}
#corpsecho3{ width:230px; height:300px; float:left; margin-left:75px;}
#corpsecho4{ width:520px; height:205px; float:right; padding-top:0px;}
#corpsecho5{ width:650px; height:70px; float:left; margin-left:75px; padding-top:50px;}
#corpsecho6{ width:650px; height:280px; float:left; margin-top:0px; margin-left:0px; background-image:url(fond_videopetit.png); background-repeat:no-repeat;}
#corpsecho7{ width:950px; height:590px; float:left; margin-left:0px; padding-top:0px;}
#corpsecho8{ width:650px; height:50px; float:left; margin-left:75px; padding-top:25px;}
#corpssub{ width:920px; height:515px; float:left; padding-top:20px;}
#corpssub1{ width:320px; height:500px; float:left;}
#corpssub2{ width:600px; height:500px; float:right;}
#corpssub3{ width:920px; height:360px; float:left; padding-top:10px;}
#corpssub4{ width:320px; height:335px; float:left;}
#corpssub5{ width:600px; height:335px; float:right;}
#corpssub6{ width:600px; height:280px; float:left; padding-top:0px;}
#corpssub7{ width:320px; height:280px; float:left;}
#corpssub8{ width:600px; height:360px; float:left; padding-top:0px;}
#corpssub9{ width:320px; height:360px; float:left;}
#corpssub10{ width:600px; height:320px; float:right;}
#corpssub11{ width:320px; height:320px; float:left;}
#corpssub12{ width:920px; height:335px; float:left;}
#corpssub13{ width:920px; height:360px; float:left;}
#corpscont{ width:860px; height:460px; float:left; padding-left:60px;}
.men a { font-family:Helvetica; color:#fff; font-size:14px; padding-top:10px; text-decoration:none; }
.men:hover{ font-family:Helvetica; color:#fff; font-size:14px; padding-top:10px; text-decoration:underline; }
.actu { background-color:transparent; font-family:Helvetica; color:#fff; font-size:12px; padding-left:400px; padding-right:50px; text-align:center; } 
.actulien { background-color:transparent; font-family:Helvetica; color:#fff; font-size:12px; padding-left:400px; padding-right:50px; text-align:center; } 
.actulien a { background-color:transparent; font-family:Helvetica; color:#fff; font-size:12px; text-decoration:none; text-align:center; }
.actulien:hover{ background-color:transparent; font-family:Helvetica; color:#fff; font-size:12px; text-decoration:underline; text-align:center; }
.echoactu { background-color:transparent; font-family:Helvetica; color:#fff; font-size:14px; padding-left:315px; padding-right:315px; text-alignl:left; }
.actusub { background-color:transparent; font-family:Helvetica; color:#fff; font-size:16px;  padding-top:250px; text-align:left; padding-left:25px;  }
.actusub a { background-color:transparent; font-family:Helvetica; color:#fff; font-size:16px; text-decoration:none; text-align:left; padding-top:250px; padding-left:25px; }
.actusub:hover { background-color:transparent; font-family:Helvetica; color:#fff; font-size:16px; text-decoration:underline; text-align:left; padding-top:250px; padding-left:25px;  }
.echoactulien { background-color:transparent; font-family:Helvetica; color:#fff; font-size:12px; padding-left:315px; padding-right:315px; text-align:left; } 
.echoactulien a { background-color:transparent; font-family:Helvetica; color:#fff; font-size:12px; text-decoration:none; text-align:left; }
.echoactulien:hover{ background-color:transparent; font-family:Helvetica; color:#fff; font-size:12px; text-decoration:underline; text-align:left; }
.echolien { background-color:transparent; font-family:Helvetica; color:#fff; font-size:12px; text-align:left; } 
.echolien a { background-color:transparent; font-family:Helvetica; color:#fff; font-size:12px; text-decoration:none; text-align:left; }
.echolien:hover{ background-color:transparent; font-family:Helvetica; color:#fff; font-size:12px; text-decoration:underline; text-align:left; }
.bansub { background-color:transparent; font-family:Helvetica; color:#fff; font-size:12px; padding-top:5px; padding-left:10px;}
.bansublien {background-color:transparent; font-family:Helvetica; color:#fff; font-size:12px; padding-left:10px;}
.bansublien a {background-color:transparent; font-family:Helvetica; color:#fff; font-size:12px; text-decoration:none; padding-left:10px;}
.bansublien:hover {background-color:transparent; font-family:Helvetica; color:#fff; font-size:12px; text-decoration:underline; padding-left:10px;}
.bansublien2 {background-color:transparent; font-family:Helvetica; color:#fff; font-size:12px; padding-left:40px;}
.bansublien2 a {background-color:transparent; font-family:Helvetica; color:#fff; font-size:12px; text-decoration:none; padding-left:40px;}
.bansublien2:hover {background-color:transparent; font-family:Helvetica; color:#fff; font-size:12px; text-decoration:underline; padding-left:40px;}
.bansublien3 {background-color:transparent; font-family:Helvetica; color:#fff; font-size:12px; padding-left:32px;}
.bansublien3 a {background-color:transparent; font-family:Helvetica; color:#fff; font-size:12px; text-decoration:none; padding-left:32px;}
.bansublien3:hover {background-color:transparent; font-family:Helvetica; color:#fff; font-size:12px; text-decoration:underline; padding-left:32px;}
.txtsub { font-family:Helvetica; color:#fff; font-size:12px; }
.titrehiatus { background-color:transparent; font-family:Helvetica; color:#fff; font-size:14px; padding-left:304px; }
.titreperf { background-color:transparent; font-family:Helvetica; color:#fff; font-size:12px; padding-left:60px; padding-top:170px; }
.titreecho { background-color:transparent; font-family:Helvetica; color:#fff; font-size:14px; padding-left:400px; } 
.titrearchi { background-color:transparent; font-family:Helvetica; color:#fff; font-size:12px; padding-left:304px; }
.corpstxt { font-family:Helvetica; color:#fff; font-size:12px; }
.corpstxt a { font-family:Helvetica; color:#fff; font-size:12px; text-decoration:none; }
.corpstxt a:hover { font-family:Helvetica; color:#fff; font-size:12px; text-decoration:underline; }
.corpstxtecho { font-family:Helvetica; color:#fff; font-size:12px; padding-left:0px; }
.corpscont { font-family:Helvetica; color:#fff; font-size:12px; }
.corpscont a { font-family:Helvetica; color:#fff; font-size:12px; text-decoration:none; }
.corpscont a:hover { font-family:Helvetica; color:#fff; font-size:12px; text-decoration:underline; }
#corpsphoto { width:863px; height:200px; float:left;}
#corpsphoto2 { width:560px; height:315px; float:left; margin-left:46px; margin-top:53px; padding-left:0px;}
#corpsphoto3 { width:863px; height:240px; float:left; }
#corpsphoto4 { width:863px; height:380px; float:left;}
#corpsphoto5 { width:350px; height:197px; float:left; margin-left:149px; margin-top:6px; padding-left:0px;}
#separation2 { width:920px; height:10px; float:left; margin-top:50px;}
#lien1 { width:200px; height:50px; float:left;}
#lien2 { width:145px; height:50px; float:left;}
#lien3 { width:140px; height:50px; float:left;}
#lien4 { width:370px; height:50px; float:left;}
#lien5 { width:220px; height:50px; float:left;}
#lien6 { width:170px; height:50px; float:left;}
#separation { width:920px; height:10px; background-image:url(separation.png); background-repeat:no-repeat;}
#subvideo1 { position: absolute; width: 600pw; height: 400px; z-index: 1; visibility: hidden; padding-left: 20px; padding-top:50px; }
#subvideo2 { position: absolute; width: 600pw; height: 400px; z-index: 2; visibility: hidden; padding-left: 20px; padding-top:50px; }
#subvideo3 { position: absolute; width: 600pw; height: 400px; z-index: 3; visibility: hidden; padding-left: 20px; padding-top:50px;}
#subvideo4 { position: absolute; width: 600pw; height: 400px; z-index: 4; visibility: hidden; padding-left: 20px; padding-top:50px;}
#subvideo5 { position: absolute; width: 600pw; height: 400px; z-index: 5; visibility: hidden; padding-left: 20px; padding-top:50px;}
#subvideo6 { position: absolute; width: 600pw; height:400px; z-index: 6; visibility: hidden; padding-left: 20px; padding-top:50px;}
#subvideo7 { position: absolute; width: 600pw; height: 400px; z-index: 7; visibility: hidden; padding-left: 20px; padding-top:50px; }
#subvideo8 { position: absolute; width: 600pw; height: 400px; z-index: 8; visibility: hidden; padding-left: 20px; padding-top:50px; }
#subvideo9 { position: absolute; width: 600pw; height: 400px; z-index: 9; visibility: hidden; padding-left: 20px; padding-top:50px;}
#subvideo10 { position: absolute; width: 600pw; height: 400px; z-index: 10; visibility: hidden; padding-left: 20px; padding-top:50px;}
#subvideo11 { position: absolute; width: 600pw; height: 400px; z-index: 11; visibility: hidden; padding-left: 20px; padding-top:50px; }
#subvideo12 { position: absolute; width: 600pw; height: 400px; z-index: 12; visibility: hidden; padding-left: 20px; padding-top:50px;}
#subvideo13 { position: absolute; width: 600pw; height:400px; z-index: 13; visibility: hidden; padding-left: 20px; padding-top:50px;}
#subvideo14 { position: absolute; width: 600pw; height: 400px; z-index: 14; visibility: hidden; padding-left: 20px; padding-top:50px;}
#subvideo15 { position: absolute; width: 600pw; height: 400px; z-index: 15; visibility: hidden; padding-left: 20px; padding-top:50px;}
#subvideo16 {
	position: absolute;
	width: 600pw;
	height: 500px;
	z-index: 15;
	visibility: visible;
}
#subvideo17 { position: absolute; width: 560pw; height: 315px; z-index: 15; visibility: hidden; padding-left: 20px; padding-top:50px;}
#subitw1 { position: absolute; width: 560pw; height: 315px; z-index: 1; visibility: hidden; padding-left: 20px; }
#subitw2 { position: absolute; width: 560pw; height: 315px; z-index: 2; visibility: hidden; padding-left: 20px; }
#subitw3 { position: absolute; width: 560pw; height: 315px; z-index: 3; visibility: hidden; padding-left: 20px; }
#subitw4 { position: absolute; width: 560pw; height: 315px; z-index: 4; visibility: visible; }
#subitw5 { position: absolute; width: 560pw; height: 315px; z-index: 5; visibility: hidden; padding-left: 0px; }
#subitw6 { position: absolute; width: 560pw; height: 315px; z-index: 5; visibility: hidden; padding-left: 0px; }
@keyframes AutoSlide {
	0% {
		left: 0px; /*1ère image*/
	}
	5% {
		left: 0px; /*idem pour attente*/
	}
	10% {
		left: -604px; /*2ème image*/
	}
	15% {
		left: -604px; /*idem pour attente*/
	}
	20% {
		left: -1208px; /*3ème image*/
	}
	25% {
		left: -1208px; /*idem pour attente*/
	}
	30% {
		left: -1812px; /*4ère image*/
	}
	35% {
		left: -1812px; /*idem pour attente*/
	}
	40% {
		left: -2416px; /*5ème image*/
	}
	45% {
		left: -2416px; /*idem pour attente*/
	}
	50% {
		left: -3020px; /*6ème image*/
	}
	55% {
		left: -3020px; /*idem pour attente*/
	}
	60% {
		left: -3624px; /*7ème image*/
	}
	65% {
		left: -3624px; /*idem pour attente*/
	}
	70% {
		left: -4228px; /*8ème image*/
	}
	75% {
		left: -4228px; /*idem pour attente*/
	}
	80% {
		left: -4832px; /*9ème image*/
	}
	85% {
		left: -4832px; /*idem pour attente*/
	}
	100% {
		left: 0px; /*1ère image*/
	}
}
#slideshow {
	position: relative;
	width: 600px;
	height: 271px;
	margin:  0px;
	overflow: hidden;
}
#slideshow2 {
	position: relative;
	width: 600px;
	height: 360px;
	margin:  0px;
	overflow: hidden;
}

#sContent li {
	display: inline;
}
#sContent2 li {
	display: inline;
}

#sContent {
	position: absolute;
	top: 0;
	left: 0;
	width: 5450px;
	height: 271px;
	margin: 0px;            
	padding: 0px;
	animation-name: AutoSlide;
	animation-duration: 50s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}
#sContent2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 5450px;
	height: 360px;
	margin: 0px;            
	padding: 0px;
	animation-name: AutoSlide;
	animation-duration: 50s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}