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

@font-face {
	font-family:futura;
	src:url(typo/futura.ttf);    
    font-weight: normal;
    font-style: normal;

}

body header nav a img {
	width:15%;
	min-width:80px;
	max-width:200px;
	margin-left:5%;
	margin-top:3%;
	border:none;
}



#abs2{
	margin-top:1%;
	
}


#abs1{
	top:215px;
	background-color:#3A3A3A;
	width:16%;
	min-width:200px;
	max-width:250px;
	height:24em;
	min-height:350px;
	margin-left:5%;
	
}

div nav ul div li{
	padding-top:13px;
	padding-bottom:13px;
	list-style-type: none;
	text-align:center;
	margin-left:-20%;
	font-family:futura;
}

div nav ul div li a{
	color:#FFFFFF;
	text-decoration:none;
	
}

div nav ul div li a:hover{
	color:#3A3A3A;
	text-decoration:none;
	padding:2%;
	background-color:#FFFFFF;
	
}

#page{
	color:#3A3A3A;
	text-decoration:none;
	padding:2%;
	background-color:#FFFFFF;
}

div nav ul div li img{
	width:10%;
	
}

#tableau{
	margin-left:150px;
	width:75%;
	min-width:200px;
	margin-top:-400px;
}

#encoreetencore {
	list-style-type: none;
	position:absolute;
	top:10px;
}
#encoreetencore a{
	font-family:futura;
	color:#3A3A3A;
	font-size:14px;
	text-decoration:none;
}

#biennale{
	width:75%;
	min-width:700px;
	max-width:1000px;
	margin-left:15%;
	padding-bottom:125px;
	background-color:#41B9C7;
}

#biennale:hover{
    box-shadow: 0px 6px 15px #999;
}

#image1{
	position:relative;
	width:95%;
	height:10%;
	margin-top:-100px;
	margin-bottom:200px;
	margin-left:25%
}

#image1 li a h10{
	position:absolute;
	top:15px;
	left:30px;
	text-align:right;
	color:#FFF;
	font-size:25px;
	font-family:futura;
}

#image1 li a{
	text-decoration:none;
}

#image1 li h20{
	position:absolute;
	top:10px;
	left:160px;
	color:#3A3A3A;
	font-size:17px;
	font-family:futura;
	text-decoration:none;
}

section ul li{
	list-style-type: none;

}

#petittrai{
	width:3px;
	height:60px;
	position:absolute;
	top:5px;
	left:140px;
}

#grosgroupe2{
	position:relative;
	width:76%;
	margin-left:14.5%;
	top:-70px;
	min-width:739px;
	max-width:1244px;
	height:auto;
}

#grosgroupe2, x:-moz-any-link {
  height:90%;
}

#petitgroupe2{
	position:absolute;
	right:0px;
	top:0px;
	width:30%;
	max-width:1244px;
	height:99.5%;
	
}

#petitgroupe2, x:-moz-any-link {
  height:111%;
  min-height:530px;
  max-height:1380px;
}


#muticity{
	width:55%;
	min-width:150px;
	max-width:500px;
	padding-bottom:125px;
	background-color:#41B9C7;
}

#muticity:hover{ 
    box-shadow: 0px 6px 15px #999;
}

#image5{
	position:relative;
	width:35%;
	min-width:290px;
	height:10%;
	margin-top:-100px;
	margin-bottom:200px;
	margin-left:3%;
}

#image5 li a h10{
	position:absolute;
	top:0px;
	left:0px;
	text-align:right;
	color:#FFF;
	font-size:25px;
	font-family:futura;
}

#image5 li a{
	text-decoration:none;
}

#image5 li h20{
	position:absolute;
	top:0px;
	left:140px;
	color:#3A3A3A;
	font-size:17px;
	font-family:futura;
	text-decoration:none;
}

#petittrai5{
	width:3px;
	height:70px;
	position:absolute;
	top:0px;
	left:115px;
}





#inpes{
	width:55%;
	min-width:150px;
	max-width:500px;
	padding-bottom:125px;
	background-color:#41B9C7;
	margin-top:-70px;
}

#inpes:hover{ 
    box-shadow: 0px 6px 15px #999;
}

#image6{
	position:relative;
	width:35%;
	min-width:290px;
	height:10%;
	margin-top:-100px;
	margin-bottom:200px;
	margin-left:3%;
}

#image6 li a h10{
	position:absolute;
	top:0px;
	left:0px;
	text-align:right;
	color:#FFF;
	font-size:25px;
	font-family:futura;
}

#image6 li a{
	text-decoration:none;
}

#image6 li h20{
	position:absolute;
	top:0px;
	left:160px;
	color:#3A3A3A;
	font-size:17px;
	font-family:futura;
	text-decoration:none;
}

#petittrai6{
	width:3px;
	height:70px;
	position:absolute;
	top:0px;
	left:134px;
}



#spiralconnect{
	position:absolute;
	top:0px;
	right:0px;
	width:129%;
	min-width:150px;
	max-width:500px;
	padding-bottom:125px;
	background-color:#41B9C7;
}

#spiralconnect:hover{
    box-shadow: 0px 6px 15px #999;
}

#image7{
	position: absolute;
	width:35%;
	min-width:290px;
	height:100%;
	top:0px;
	margin-bottom:200px;
	margin-left:1%;
}

#image7 li a h10{
	position:absolute;
	top:28%;
	left:-90px;
	text-align:right;
	color:#FFF;
	font-size:25px;
	font-family:futura;
}


#image7 li a{
	text-decoration:none;
}

#image7 li h20{
	position:absolute;
	top:29%;
	left:60px;
	color:#3A3A3A;
	font-size:17px;
	font-family:futura;
	text-decoration:none;
}


#petittrai7{
	width:3px;
	height:70px;
	position:absolute;
	top:28%;
	left:40px;
}

footer{
	width:101.3%;
	height:100px;
	background-color:#3A3A3A;
	margin-left:-10px;
	margin-bottom:-10px;
}

#page2{
	padding:1%;
	background-color:#FFFFFF;
	color:#3A3A3A;
}

footer nav ul li a{
	color:#FFFFFF;
	font-family:futura;
	text-decoration:none;
}

footer nav ul li a:hover{
	padding:1%;
	background-color:#FFFFFF;
	color:#3A3A3A;
}

footer nav ul li{

	list-style-type:none;
	float:left;
	margin-top:2%;
	margin-left:15%
}