/* ================================================
 - © LABORATOIRE DES INTUITIONS, 2014 - MAIN.CSS -
================================================ */


* {text-decoration: none; list-style:none; border: 0; margin: 0; padding: 0; color: #000; font-family: "Helvetica", sans-serif;}


a {display: inline-block;} 
a:hover {cursor:crosshair; text-decoration: underline;}
.menu3 a:hover {text-decoration: none;}
#archives-menu a:hover {cursor:s-resize; text-decoration: none;}


/* ======== IMAGE-VIDEO SLIDER ======== */
.ivslider { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0 auto 20px; }
.ivslider li {-webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0;top: 0; }
.ivslider li:first-child { position: relative; display: block; float: left; }
.ivslider img { display: block; height: auto; float: left; width: 100%; border: 0; }
.transparent-btns_nav { z-index: 3; position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 0; left: 0; display: block; background: #fff; opacity: 0; filter: alpha(opacity=1); width: 48%; text-indent: -9999px; overflow: hidden; height: 91%; }
.transparent-btns_nav.next { left: auto; right: 0; cursor: e-resize; }
.transparent-btns_nav.prev { left: 0; right: auto; cursor: w-resize; }
.videosli_nav { z-index: 3; position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 0; left: 0; display: inline; background: #fff; opacity: 0; filter: alpha(opacity=1); width: 48%; text-indent: -9999px; overflow: hidden; height: 91%; }
.caption { position: absolute; display: block; bottom: 0; left: 0; right: 0; padding: 10px; text-align: center; background: #000; background: rgba(0,0,0, .5); color: #fff; }


/* ======== FADE IN ======== */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
.fade-in { opacity:0; -webkit-animation:fadeIn ease-in 1; -moz-animation:fadeIn ease-in 1; animation:fadeIn ease-in 1; -webkit-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards; animation-fill-mode:forwards; -webkit-animation-duration:0.5s; -moz-animation-duration:0.5s; animation-duration:0.5s; }
.fade-in.one { -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; animation-delay: 0.5s; }
.fade-in.two { -webkit-animation-delay: 3.5s; -moz-animation-delay: 3.5s; animation-delay: 3.5s; }
#splash-page { position: absolute; top: 50%; left: 50%; width: 20px; margin: -140px 0 0 -100px; display: block; } #splash-img {position: relative; display: block; margin-left: 85px; margin-right: -10px; }


/* ======== MENU + DEFAULTS ======== */
.menu3 {position: fixed; top: 0px; left: 0px; width: 100%; height: 20px; text-transform: uppercase; letter-spacing: 2px; line-height: 20px; font-size: 15px; text-align: left; padding: 10px;}
#menu {border-bottom: 1px solid #000; z-index: 300;} #menu2 {color: #FFF; background-color: #FFF; opacity: 0.7; z-index: 99;}
.focusmenu { position: relative; top: 3px; left: 50%; width: 1px; height: 15px; border-left: 1px solid #000; opacity:0;}
#a:hover #aa, #b:hover #bb, #c:hover #cc, #d:hover #dd, #e:hover #ee, #f:hover #ff {opacity: 1;} #apropos-titre:hover .focusmenu {opacity: 1;} #aaaa {display:none}
@media only screen and (max-width: 1200px) { #aaaa {display: inline-block;} #aaa {display:none} }
.list { display: inline-block; padding: 0 10px 0 10px; }
.arrow-right { width: 0;  height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid black;
}
#end  {position: absolute; top: 0px; left: 12500px; width: 10px; height: 10px;}

.titre {text-align: center; padding-top:120px; padding-bottom: 80px; font-size: 20px; letter-spacing: 5px; text-transform: uppercase;}


/* ========PAGE D'ACCUEIL ======== */
#index{ position: absolute; width: 100%; height: 100%; z-index:100; }
#titre{ position: absolute; width: 700px; height: 100px; bottom: 15%; right: 5%; letter-spacing: 2px; line-height: 85px; font-size: 100px; margin-left: -350px; text-align: right; z-index:101; display:none; }


/* ======== À PROPOS ======== */
#apropos {position: absolute; top: 0px; left: 2600px; width: 690px;} #apropos-top {position: absolute; top: 0px; left: 2950px;}
.ap {display: block; width: 650px; font-size: 15px; line-height: 20px;  text-align: justify; margin-bottom: 60px;} .texte {border:1px solid #000; text-indent:10px; padding: 20px;}
.equipe {display: inline-block; vertical-align: top; } .e2 {padding-left: 20px; width: 300px; border-left:1px solid #000;} .e3 {margin-left: 20px;}
.small {font-size: 9px;}


/* ======== ÉVÈNEMENTS ======== */
#evenements {position: absolute; top: 0px; left: 3900px;  text-align: justify; width: 1000px; height: auto; float: left; margin:0 auto; font-size: 13px; line-height: 18px;} #evenements-top {position: absolute; top: 0px; left: 4400px;}

#avenir-gauche {top: 100px; width: 480px; height: auto;}
#avenir-droite {position: absolute; top: 220px; left: 500px;  padding-left: 20px; width: 480px; height: 8150px; border-left: 1px solid #000;}

.trait {position: absolute; border-top: 1px solid #000;}
#evenements-gauche-trait-1 {top: 280px; left: 4380px; width: 25px;} #evenements-gauche-trait-2 {top: 1210px; left: 4170px; width: 235px;} #evenements-gauche-trait-3 {top: 2678px; left: 4315px; width: 90px;} #evenements-gauche-trait-4 {top: 4590px; left: 4285px; width: 120px;} #evenements-droite-trait-1 {top: 769px; left: 4395px; width: 220px;} #evenements-droite-trait-2 {top: 1789px; left: 4395px; width: 265px;} #evenements-droite-trait-3 {top: 3459px; left: 4395px; width: 100px;} #evenements-droite-trait-4 {top: 5246px; left: 4395px; width: 125px;} #evenements-centre-trait-fin {top: 6045px; left: 4375px; width: 50px;}


/* ======== ARCHIVES ======== */

#archives{
	position: absolute;
	top: 0px;
	left: 5500px;
	width: 900x;
	height: 2650px;
	z-index: 0;
	text-align: center;
}

#archives-top{
	position: absolute;
	top: 0px;
	left: 5950px;
}
#archives-titre {width: 900px;}

#archives-menu{
	text-align: center;
	width: 150px;
	margin-left: 355px;
	height: auto;
	padding: 20px;
	text-align: center;
	font-size: 18px;
	border:1px solid #000;
	z-index:2;
}

#archives-images-top{
	position: absolute;
	top: 750px;
	left: 5950px;
}

#archives-images{
	position: absolute;
	top: 480px;
	padding-top:20px;
	padding-bottom: 20px;
	width: 900px;
	height: 2780px;
	margin: 0 auto;
	text-align: left;
	font-size: 13px;
	border: 1px solid #000;
}

#archives-images-titre{
	position: absolute;
	top: 450px;
	left: 480px;
	width: 400px;
	text-align: right;
	z-index: 0;

}

#images-intuitio{
	position: absolute;
	top: 40px;
	left: 50px;
	height: auto;
	border-bottom: 1px solid #000;
	font-size: 13px;
	z-index: 0;
}

#images-intuitio-point{
	position: absolute;
	top: 750px;
	left: 5950px;
}

#i-img{
	width: 800px;
	height: 600px;
}

#images-intuitio-vestiaire{
	position: absolute;
	top: 770px;
	left: 50px;
	height: auto;
	border-bottom: 1px solid #000;
	font-size: 13px;
	z-index: 0;
}

#images-intuitio-vestiaire-point{
	position: absolute;
	top: 1450px;
	left: 5950px;
}

#iv-img{
	width: 800px;
	height: 600px;
}

#images-kandinsky{
	position: absolute;
	top: 1500px;
	left: 50px;
	height: auto;
	border-bottom: 1px solid #000;
	font-size: 13px;
	z-index: 0;
}

#images-kandinsky-point{
	position: absolute;
	top: 2180px;
	left: 5950px;
}

#ik-img{
	width: 800px;
	height: 533px;
}

#images-ensba{
	position: absolute;
	top: 2160px;
	left: 50px;
	height: auto;
	border-bottom: 0px solid #000;
	font-size: 13px;
	z-index: 0;
}

#images-ensba-point{
	position: absolute;
	top: 2950px;
	left: 5950px;
}

#ie-img{
	width: 800px;
	height: 533px;
}

#archives-videos-top{
	position: absolute;
	top: 3750px;
	left: 5950px;
}

#archives-videos{
	position: absolute;
	top: 3500px;
	padding-top:20px;
	padding-bottom: 20px;
	width: 900px;
	height: 4470px;
	text-align: left;
	margin: 0 auto;
	border: 1px solid #000;
}

#archives-videos-titre{
	position: absolute;
	top: 3470px;
	text-align: right;
	left: 480px;
	width: 400px;
	z-index: 0
}

#conference-marseille-during{
	position: absolute;
	top: 40px;
	left: 50px;
	width: 800px;
	height: 540px;
	font-size: 13px;
	border-bottom: 1px solid #000;	
}

#conference-marseille-during-legende{
	position: absolute;
	top: 10px;
	left: 510px;
	width: 290px;
	height: 310px;
}


#conferences-session1{
	position: absolute;
	top: 620px;
	left: 50px;
	height: 620px;
	width: 800px;
	font-size: 13px;
	text-align: left;
	border-bottom: 1px solid #000;	
}

#conferences-session1-point{
	position: absolute;
	top: 4420px;
	left: 5950px;
}

#conference-session2{
	position: absolute;
	top: 1280px;
	left: 50px;
	height: 555px;
	width: 800px;
	font-size: 13px;
	text-align: left;
	border-bottom: 1px solid #000;	
}

#conference-session2-point{
	position: absolute;
	top: 5180px;
	left: 5950px;
}

#conferences-intuitio{
	position: absolute;
	top: 1875px;
	left: 50px;
	height: 700px;
	width: 800px;
	font-size: 13px;
	text-align: left;
	border-bottom: 1px solid #000;	
}

#conferences-intuitio-point{
	position: absolute;
	top: 5725px;
	left: 5950px;
}

#duos-intuitio{
	position: absolute;
	top: 2615px;
	left: 50px;
	height: 640px;
	width: 800px;
	font-size: 13px;
	text-align: left;
	border-bottom: 1px solid #000;	
}

#duos-intuitio-point{
	position: absolute;
	top: 6525px;
	left: 5950px;
}

#performances-vestiaire-intuitio{
	position: absolute;
	top: 3295px;
	left: 50px;
	height: 545px;
	width: 800px;
	font-size: 13px;
	text-align: left;
	border-bottom: 1px solid #000;	
}

#performances-vestiaire-intuitio-point{
	position: absolute;
	top: 7225px;
	left: 5950px;
}

#seminaire-ensba{
	position: absolute;
	top: 3880px;
	left: 50px;
	height: 580px;
	width: 800px;
	font-size: 13px;
	text-align: left;
	border-bottom: 0px solid #000;	
}

#seminaire-ensba-point{
	position: absolute;
	top: 7650px;
	left: 5950px;
}




		/*INTUITIVE NOTEBOOK*/

#notebook{
	position: absolute;
	top: 0px;
	left: 7050px;
	width: 650x;
	height: 650px;
	z-index: 0;
}

#notebook-texte {
	width: 650px;
	float: left;
	margin: 0 auto;
	text-align: justify;
	font-size: 15px;
	text-align: center;
	line-height: 20px;
	text-indent: 10px;
	border: 1px solid #000;
	padding:20px;

}

#notebook-0-couverture{
	position: absolute;
	top: 420px;
	width: 690px;
	height: 320px;
	padding-bottom: 20px;
	padding-left: 20px;
	border-bottom: 1px solid #000;
	z-index: 0;
}

#notebook-description{
	position: absolute;
	top: 400px;
	left: 265px;
	width: 350px;
	height: 1150px;
	padding-left: 20px;
	border-left: 1px solid #000;
	font-size: 13px;
	line-height: 18px;
	text-align: justify;
	z-index: 0;
}

#notebook-1-couverture{
	position: absolute;
	top: 798px;
	width: 690px;
	height: 320px;
	padding-bottom: 20px;
	padding-left: 20px;
	border-bottom: 1px solid #000;
	z-index: 0;
}

#notebook-2-couverture{
	position: absolute;
	top: 1176px;
	width: 690px;
	height: 320px;
	padding-bottom: 20px;
	padding-left: 20px;
	border-bottom: 1px solid #000;
	z-index: 0;
}




		/*G INFINI*/

#ginfini-top{
	position: absolute;
	top: 0px;
	left: 9250px;
}

#ginfini{
	position: absolute;
	top: 0px;
	left: 8400px;
	width: 1720x;
	padding-top:120px;
	z-index: 0;
}

#ginfini-titre{
	position: absolute;
	left: 750px;
	text-align: center;
	padding-bottom: 80px;
	font-size: 20px;
	width: 250px;
	letter-spacing: 5px;
	text-transform: uppercase;
}

#ginfini-jang-pyo{
	position: absolute;
	top: 250px;
	left: 400px;
	width: 400px;
	height: 630px;
	margin:0 auto;
	border:1px solid #000;
	padding: 20px;
}

#ginfini-jang-pyo-images{
	width: 400px;
	height: 560px;
}

#ginfini-jang-pyo-texte{
	position: absolute;
	top: 600px;
	width: 400px;
	font-size: 13px;
	line-height: 18px;
	text-align: left;
	z-index: 0;
}

#ginfini-about{
	position: absolute;
	top: 250px;
	left: 880px;
	width: 430px;
	font-size: 15px;
	border:1px solid #000;
	padding: 20px;
}

#images-workshop-marseille-12-13{
	position: absolute;
	top: 385px;
	left: 880px;
	height: 710px;
	border: 1px solid #000;
	font-size: 13px;
	padding: 20px;
	z-index: 0;
}

#iwm12-img{
	width: 800px;
	height: 600px;
}

#works-frasil{
	position: absolute;
	top: 960px;
	height: 710px;
	border: 1px solid #000;
	font-size: 13px;
	padding: 20px;
	z-index: 0;
}

#wf-img{
	width: 800px;
	height: 600px;
}

#works-frasil-point{
	position: absolute;
	top: 1250px;
	left: 8800px;
}

#images-workshop-marseille-12-13-point{
	position: absolute;
	top: 550px;
	left: 9600px;
}



		/*CONTACT*/

#contact{
	position: absolute;
	top: 0px;
	left: 11000px;
	width: 780px;
	letter-spacing: 2px;
	line-height: 20px;
	font-size: 15px;
	z-index: 0;
	text-align: center;
	padding: 20px;
	border-left:1px solid #000;
	text-align: left;
}

#contact-top{
	position: absolute;
	top: 0px;
	left: 11200px;
}




		/* POP UP CREDITS/INFORMATIONS LÉGALES */

.black_overlay{
        display: none;
        position: absolute;
        top: 190px;
        left: 10790px;
        width: 820px;
        height: 680px;
        background-color: #FFF;
		border: 1px solid #040404;
        z-index:200;
        -moz-opacity: 0.8;
        opacity:.70;
        filter: alpha(opacity=80);
}


.white_content {
	    display: none;
        position: absolute;
        top: 200px;
        left: 10800px;
        width: 800px;
        height: 660px;
        background-color: #FFF;
		font-size: 13px;
		text-align: center;
		opacity:.90;
        z-index:201;
        overflow: auto;
}

#ldi {
	position: absolute;
	left: 160px;
	top: 460px;
}

#esaaa {
	position: absolute;
	left: 330px;
	top: 460px;
}

#dgca {
	position: absolute;
	left: 580px;
	top: 460px;
}