body {
	background: #e8e5e3; margin: 0; text-align: center;
}

#container {
	width: 900px; margin: auto; margin-top: 0px; background: #e8e5e3; text-align: center;
}

.small-img {
	display: inline-block;
	vertical-align: top;
	border-radius: 10px 10px 0 0;
	width: 360px; height: 180px; text-align: center; margin: 5px; margin-bottom: 20px;

}
.ombre {
	position: absolute;
	background-image: -moz-linear-gradient(top,rgba(0,0,0,0.250),rgba(0,0,0,0.950));
	background-image: -webkit-linear-gradient(top,rgba(0,0,0,0.250),rgba(0,0,0,0.950));
	display: inline-block;
	border-radius: 10px 10px 0 0;
	width: 360px; height: 180px;
	opacity: 0;
}

.ombre:hover {
	opacity: 1;/* l'opacite de depart */
    border: none;/* enlever les border d'une image en lien */
    -ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=25)"; /* Hack IE8 */
    filter: alpha(opacity = 25); /* Hack IE 5-7 */
    -webkit-transition: opacity 0.3s ease-in-out;/* Chrome et Safari */
    -moz-transition: opacity 0,3s ease-in-out;/* Firefox */
    -o-transition: opacity 0.3s ease-in-out;/* Opéra */
    transition: opacity 0.3s ease-in-out; /* on écrit cette ligne à la fin de façon à ce que ce soit elle qui soit prise en compte lorsque l'attribut transition sera pris en compte par tous les navigateurs */
    line-height: 280px;
}



.img-rounded {
	border-radius: 8px 8px 0 0;
}

#name {
	display: inline-block;
	vertical-align: middle;
	margin-top: 50px; margin-bottom: 20px;
	width: 730px; text-align: left;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #4d361f;
}

#name p {
	font-family: 'Open Sans', sans-serif; font-size: 15px;
	letter-spacing: 4px;
	word-spacing: 2px;
	color: #4d361f;
}

.txt-infos {
		font-family: 'Open Sans', sans-serif; font-size: 10px;
		letter-spacing: 3px;
		color: white;
		opacity: 1;
}
a {
	text-decoration: none;
}

#footer {
	display: inline-block;
	width: 250px; height: 50px;
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	margin-top: 10px;
}

/** LIGHTBOX MARKUP **/

.lightbox {
	/** Default lightbox to hidden */
	display: none;

	/** Position and style */
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
}

.lightbox img {
	/** Pad the lightbox image */
	max-width: 75%;
	max-height: 75%;
	margin-top: 2%;
	border-style: solid;
	border-color: white;
	border-width: 3px;

}

.lightbox:target {
	/** Remove default browser outline */
	outline: none;

	/** Unhide lightbox **/
	display: block;
}