/* CSS Document */

.oeuOeuvre {
	position:relative;
}
.oeuOeuvre input[type=button] {
	position:absolute;
	left:calc(calc(100vw - 960px) / 2);
	top:20px;
}
.oeuOeuvre img {
	display:inlin-block;
	width:100%;
	margin-bottom:20px;
	vertical-align:bottom;
}

.oeuOeuvre .oeuTable {
	display:inline-block;
	font-size:9pt;
	padding:20px 0 0 0;
	text-transform:uppercase;
	vertical-align:bottom;
	width:100%;
	white-space:normal;
}
.oeuOeuvre .oeuTable .oeuLigne {
	border-bottom:1px solid black;
	line-height:20px;
	padding-top:4px;
}
.oeuOeuvre .oeuTable .oeuLigne label {
	font-weight:bold;
}
.oeuOeuvre .oeuTable .oeuTitre {
	font-size:12pt;
	font-weight:bold;
	padding-bottom:5px;
}
.oeuOeuvre .oeuTable .oeuSousTitre {
	font-size:10pt;
	font-weight:normal;
	padding-bottom:5px;
}

@media only screen and (max-width:1000px) {
	.oeuOeuvre img:first-child {
		margin-left:0;
	}
	
	@media only screen and (max-width:625px) {
		.oeuOeuvre img {
			max-width:calc(100% - 10px);
		}
		.oeuOeuvre img:first-child {
			margin-left:0;
		}
		.oeuOeuvre {
			white-space:normal;
		}
		.oeuOeuvre .oeuTable {
			padding:10px 0 0 0;
			width:100%;
		}
		.oeuOeuvre .oeuTable .oeuLigne label {
			margin-bottom:0;
		}
	}
}