#images{

	

}
#images iframe{
    width : 445px; 
    height : 250px;
}

#images .content{
	color : rgb(210,210,210);
	margin-bottom: 30px;
	/* width : 1180px;
	height :525px;
	position : relative; */
	}
#images .case{
	background-color : rgba(0,0,0,0.8);
	margin : 20px;
}
#images .media{
	display : inline-block;
	vertical-align: top;
	padding : 20px
}	
#images .caption{
	display : inline-block;
	padding : 20px;
	width : 400px;
	/* background-color : blue; */
	vertical-align: top;
	height : 250px;
	line-height: 250px;
}	
#images .caption h3{
	/* background-color : red */
	border-bottom: 1px solid rgb(210,210,210);
	padding-bottom : 20px;
	margin-top : 20px;
	margin-bottom : 10px;
}
#images .caption .text{
	display: inline-block;
	margin : 0px;
	padding : 0px;
	/* background-color: yellow; */
}
#images .caption .footer{

	text-align : center;

	/* background-color: green; */

}

#images .text{

}

@media only screen and (max-width : 1300px){
	#images .case{
		display: inline-block;
		width : 600px;
	}


}

@media only screen and (max-width : 900px){
    #images article{
        vertical-align: top;
        width : 90%;
        height : auto;
        margin-top: 0px;
        padding-top : 0px;
        margin-bottom : 30px;
    }
    #projet .content{
        width : auto;
        margin : 0px;
        padding : 0px;
        display: block;
        position : inherit;
        margin : 20px;
    }
    #images .case{
        width : auto;
        font-size : 11px;
        height: auto;
    }
    #images .caption{
        width : auto;
        height: auto;
        line-height: normal;
    }
    #images iframe{
        max-width : 90%; 
        height : auto;
    }

}