#projet .content{
	width : 1180px;
	height :525px;
	position : relative;
	color : rgb(210,210,210);
    font-size :16px;
	}

#projet .text{
	left : 0px;
	width : 350px;
	height : 485px;
	background-color : rgba(0,0,0,0.8);

	display : inline-block;
}
#projet .text li{
	margin-top : 20px;
	margin-bottom : 30px;
}
#projet .text .pics img{
	max-height: 40px;
}
#projet .text  h3{
	margin : 0px;
	margin-top : 10px;
	padding : 0px;
}

#projet .text button{
		font-weight : bold;
	}

/* #projet .text h3{
	margin-bottom : 50px;
	margin-top : 40px;
} */
#projet .text p{
	margin-top : 10px;
	margin-bottom : 30px;
}
#projet .text img{
max-height : 100%;
}


#projet .picture {
	vertical-align : top;
	display : inline-block;
}
#projet .picture img{
	width : 390px;
}
#projet  .one{
	left : 395px;
}
#projet .two{
	left : 790px;
	top : 265px;

}
#projet .three{
	left : 790px;
	top : 0px;
	background-color : rgba(0,0,0,0.8);
	width : 390px;
	height : 260px;
	overflow : hidden;

}
#projet .subPg{

}

#projet .four{
	left : 395px;
	top : 265px;
	background-color : rgba(0,0,0,0.8);
	width : 390px;
	height : 260px;
	overflow : hidden;
}


#projet .case{
	margin : 0px;
	position : absolute;
}
#projet .case h2{
	font-size : 30px;
}
#projet .case .right{
		position : absolute;
		bottom : 10px;
		right : 15px;
}



#projet .dyn {
	
	position : relative;
	height : 265px;
	width : 100%;
	margin : 0px;
	line-height : 265px;
	top : 0px;
}
#projet .dyn:hover {
	top : -266px;
}

#projet .dyn{
	transition : top 0.3s ease-out;
}
#projet .dyn div{
	padding-right : 40px;
	padding-left : 40px;
}
#projet .dyn div:first-Child{
cursor : pointer;	
}
@media only screen and (max-width : 1600px){
	#projet .content{
		width : 785px;
        height :525px;
	}
	#projet .two{
		left : 395px;
		top : 530px;
		}
	#projet .three{
		left : 0px;
		top : 530px;
	}
	#projet article{
		padding-bottom : 30px;
		height : 800px;
		padding-top : 30px;
		margin-left : 110px;
	}
}

@media only screen and (max-width : 900px){
    #projet article{
        width : 75%;
        height : auto;
        margin-top: 0px;
        padding-top : 20px;
       margin-bottom : 30px;
    }
    #projet .content{
        width : auto;
        margin : 0px;
        padding : 0px;
        display: block;
        position : inherit;
        margin : 20px;
        margin-bottom : 50px;
    }
    #projet .case{
        position : inherit;
        display: block;
        width : auto;
        margin : 20px;
        font-size : 11px;
        height: auto;

    }
    #projet .case h2{  
        font-size : 20px;
    }
    #projet .picture img{
        width : 100%;
    }
    #projet article{
        margin-left: 0px;
    }
}

@media only screen and (max-width : 600px){
    #projet article{
        width : 100%;
    }

}