div#bottom_real_carre {
	background:url("../img/public/bottom_real_top.png") top center no-repeat,url("../img/public/bottom_real_fond.jpg") center no-repeat;
	padding:100px 0 50px 0;
}

p.bottom_real_title {position:relative; margin:0 0 40px 0; font-size:1.8em; text-align: center;}


.realisation_item {
    margin: 0 auto 6px auto;
    /*width: 100%;*/
    display: table;
	position: relative;
}

.realisation_img img { border-radius:0.3em;}

.realisation_item .realisation_bottom { display:none;}
.realisation_item:hover .realisation_bottom {
    position: absolute;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(43,139,180,0.6);
    color: #FFF;
    text-align: center;
	padding:27% 10px 0 10px;
    text-transform: uppercase;
	border-radius:0.3em;
}
.realisation_item:hover .realisation_nom {
    font-size: 1.4em;
	font-weight: bold;
	margin:0 0 10px 0;
}
.realisation_item:hover .realisation_lieu {
    font-size: 1.2em;
	font-weight: normal;
}

.bottom_lien_real {text-transform: uppercase; margin:25px auto 0 auto; display:table;}

@media screen and (max-width : 850px) {
	p.bottom_real_title {font-size:1.4em;}
}
@media screen and (max-width : 550px) {
	.realisation_item:hover .realisation_nom { font-size: 1.1em; margin:0 0 10px 0;}
	.realisation_item:hover .realisation_lieu {font-size: 0.8em;}
}
@media screen and (max-width : 400px) {
	.realisation_item:hover .realisation_nom { font-size: 0.9em; margin:0 0 10px 0;}
}
@media screen and (max-width : 350px) {	
	.realisation_item:hover .realisation_nom { font-size: 1.2em; margin:0 0 10px 0;}
	.realisation_item:hover .realisation_lieu {font-size: 0.9em;}
}