body {
	background-color: lightyellow;
	/*background-image: url("img/08.jpg");*/
    background-repeat: repeat;
	}


div.content {
	/*background: url("img/08.jpg") repeat;*/
	background-color: lightyellow;
	position: relative;
	width: 1080px;
    /*margin: 820px;*/
    margin-left: auto;
	margin-right: auto;
	/*min-height: 150px;*/
}

h1   {
	color: white;
	font-family:'andale mono';
	text-shadow: 2px 2px #000000;
	text-align: center; 
	font-size: 80px;
	letter-spacing: 5px;
	line-height: 0px;
	}

h2  {
	color:black;
	font-family:'andale mono';
	font-weight: bold;
	text-shadow: 1px 1px #FF0000;
	text-align: center;
	font-size: 15px;
	letter-spacing: 5px;
	}
h3  {
	color:black;
	font-family:'andale mono';
	font-weight: bold;
	text-shadow: 1px 1px #FF0000;
	text-align: center;
	font-size: 20px;
	letter-spacing: 5px;
	}

.titrehover{
	padding-top: 50%;
}

p {
	color:black;
	font-family:'futura';
	font-weight: bold;
	text-shadow: 1px 1px #FF0000;
	text-align: center;
	font-size: 13px;
	letter-spacing: 1px;
	}

/* liens dans le texte*/
a:link    {color:fuchsia; background-color:transparent; text-decoration:none}
a:visited {color:fuchsia; background-color:transparent; text-decoration:none}
a:hover   {color:lawngreen; background-color:transparent; text-decoration:underline}
a:active  {color:magenta; background-color:transparent; text-decoration:underline}


.bloc {
	position: absolute;
	text-align: center;
	margin: 0px;
}
/*div.bloc:hover {
    opacity: 0.9;
    filter: alpha(opacity=90); /* For IE8 and earlier */
/*}*/

div.titre {	
	width: 100px;
	height: 160px;
}
div.agenda {
	width: 150px;
	height: 180px;
	background-color: transparent;
}
div.projects {
	width: 300px;
	height: 105px;
	margin: 0px;
	background-color: orange;
}
div.smog {
	width: 101px;
	height: 300px;
	padding:0;
}

div.image1 {
	width: 125px;
	height: 70px;
	z-index: 0;
}
div.image2 {
	width: 150px;
	height: 100px;
}
div.image3 {
	width: 25px;
	height: 125px;
}
div.audiosquare {
	width: 175px;
	height: 175px;
	background-color: transparent; /*red*/
}

div.audiohoriz {
	width: 350px;
	height: 70px;
	background-color: transparent; /*green*/
}

div.audiovert {
	width: 150px;
	height: 250px;
	background-color: transparent; /*orange*/
}

div.video {
	width: 300px;
	height: 150px;
	background-color: transparent;  /*blue*/
}
div.largesquare {
	width: 300px;
	height: 300px;
	background-color: transparent;
}

.imgDescription {
	pointer-events: none;
  	position: absolute;
  	top: 0;
  	right: 0;
  	margin: 0;
  	width: 100%;
  	height: 100%;
  	background: rgba(29, 106, 154, 0.2);
  	color: #fff;
  	visibility: visible;
  	opacity: 1;
  /*remove comment if you want a gradual transition between states
  -webkit-transition: visibility opacity 0.2s;
  */
}

.bloc:hover .imgDescription {
  	visibility: hidden;
  	opacity: 0;
}

html {
    height:100%;
 }

 .dropdown {
    position: relative;
    display: inline-block;
    height: 100%;
}

.dropdown-content {
	z-index: 2;
	margin-top: -5.6px;
    display: none;
    position: absolute;
    background-color: yellow;
    /*min-width: 160px;*/
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown-content:hover {
	opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}