body {
	background:none;
}

#entete {
width:100%;
}


#pdp {
width:100%;
}

#main {
	width:1200px;
	height:700px;
	/*background:lightblue;*/
	margin-right:auto;
	margin-left:auto;
}

.one {
position: relative;
display:inline-block;
width:595px;
height:450px;
margin:0px 5px 5px 0px;
}



.cont234 {
float:right;
width:600px;
height:450px;
}

.two {
position: relative;
width:600px;
height:225px;
margin: 0px 0px 5px 0px;
}

.three{
position: relative;
display:inline-block;
width:295px;
height:220px;
margin: 0px 5px 5px 0px;
}
.four{
position: relative;
float:right;
width:300px;
height:220px;
margin: 0px 0px 5px 0px;
}
.five
{
position: relative;
width:295px;
height:250px;
display:inline-block;
float:left;
margin: 0px 5px 0px 0px;
}
.six
{
position: relative;
width:295px;
height:250px;
display:inline-block;
float:left;
margin: 0px 5px 0px 0px;
}
.seven
{
position: relative;
width:295px;
height:250px;
display:inline-block;
float:left;
margin: 0px 5px 0px 0px;
}
.eight
{
position: relative;
width:300px;
height:250px;
display:inline-block;
float:left;
margin: 0px 0px 0px 0px;
}


#main img{
width:100%;
height:100%;
}


h2 { 
   position: absolute; 
  /* bottom: 36px; ou -15px */
	bottom: -15px;
   left: 0px; 
   width: 100%; 
   z-index:100;
}

h2 span { 
   color: white; 
   font: bold 25px Helvetica, Sans-Serif; 
   letter-spacing: -1px;  
   background: rgb(50, 60, 70); /* fallback color */
   background: rgba(50, 60, 70, 1);
   padding: 5px; 
}

h3 { 
   position: absolute; 
   bottom: -14px; 
   height:40px;
   font: bold 14px Helvetica, Sans-Serif; 
   left: 0px; 
   width: 100%; 
   background: rgb(50, 60, 70); /* fallback color */
   background: rgba(50, 60, 70, 0.5);
   padding: 52px 0 0 0;
   color:white;
   display:none;
}

.one:hover h2,.two:hover h2,.three:hover h2,.four:hover h2,.five:hover h2,.six:hover h2,.seven:hover h2,.eight:hover h2
{
		bottom: 36px;
}
.one:hover h3,.two:hover h3,.three:hover h3,.four:hover h3,.five:hover h3,.six:hover h3,.seven:hover h3,.eight:hover h3
{
		display:block;
}
.one:hover img,.two:hover img,.three:hover img,.four:hover img,.five:hover img,.six:hover img,.seven:hover img
{
		opacity: 0.6;
		border-radius: 18px;
}

.one:hover ,.two:hover ,.three:hover ,.four:hover ,.five:hover ,.six:hover ,.seven:hover 
{
		cursor:pointer;
}

.eight:hover 
{
		cursor:pointer;
}

.eight:hover img
{
	border-radius: 18px;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.8), 0 6px 20px 0 rgba(0, 0, 0, 0.79);
		
}