Modèle:Accueil/styles.css

.wj-main-hero {
	border: 1px solid #c8d3df;
	background: #f4f7fb;
	box-shadow: 0 2px 8px rgba(32, 39, 51, 0.08);
	margin: 0 0 14px;
	padding: 22px 28px;
	text-align: center;
}
.wj-main-hero-title {
	font-size: 32px;
	line-height: 1.15;
	margin: 0 0 8px;
	color: #202733;
}
.wj-main-hero-title a {
	color: #5f55aa;
	text-decoration: none;
}
.wj-main-hero-subtitle {
	font-size: 16px;
	color: #354252;
	margin-bottom: 4px;
}
.wj-main-hero-count {
	font-size: 14px;
	color: #52606f;
}
.wj-main {
	color: #202733;
}
.wj-main-intro {
	font-size: 15px;
	line-height: 1.65;
	margin: 0 0 18px;
}
.wj-main a {
	font-weight: 600;
}
.wj-main-row {
	display: flex;
	flex-flow: row wrap;
	align-items: stretch;
	margin: 0 -6px 10px;
}
.wj-main-card {
	box-sizing: border-box;
	flex: 1 1 260px;
	min-width: 230px;
	margin: 6px;
	border: 1px solid #c8d3df;
	background: #fff;
	box-shadow: 0 2px 8px rgba(32, 39, 51, 0.07);
	padding: 0 14px 14px;
}
.wj-main-card-feature {
	flex-basis: 320px;
}
.wj-main-card-create {
	background: #f6f9fd;
}
.wj-main-card h3 {
	display: flex;
	align-items: center;
	font-size: 18px;
	line-height: 1.25;
	margin: 0 -14px 12px;
	padding: 12px 14px 10px;
	border-bottom: 1px solid #c8d3df;
	background: #eef3f8;
	color: #202733;
}
.wj-main-card h3 .header_icon {
	float: none;
	margin-right: 6px;
	line-height: 1;
}
.wj-main-card .items {
	font-size: 15px;
	line-height: 1.55;
}
.wj-main-card .items ul {
	margin-top: 0.25em;
	padding-left: 1.1em;
}
.wj-main-card .items li {
	margin: 0.25em 0;
}
.wj-main-card img {
	max-width: 100%;
	height: auto;
}
.wj-feature-card {
	display: flex;
	align-items: flex-start;
	gap: 16px;
}
.wj-feature-text {
	flex: 1 1 auto;
	min-width: 0;
}
.wj-feature-text p {
	margin-top: 0;
}
.wj-feature-image {
	flex: 0 0 170px;
	text-align: center;
}
.wj-feature-image img {
	border: 1px solid #d6dee8;
	background: #fff;
	padding: 3px;
}
.wj-feature-caption,
.wj-photo-caption {
	font-size: 13px;
	line-height: 1.4;
	color: #52606f;
	margin-top: 8px;
}
.wj-feature-actions,
.wj-photo-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 12px;
}
.wj-feature-actions .mw-ui-button,
.wj-photo-actions .mw-ui-button {
	margin: 0;
}
.wj-photo-card {
	text-align: left;
}
.wj-photo-card .center {
	margin-left: 0;
	margin-right: 0;
}
.wj-photo-card img {
	display: block;
	width: 100%;
	height: auto;
}
.wj-create-box .mw-inputbox-centered,
.wj-create-box .mw-inputbox-inline {
	margin: 0;
	text-align: left;
}
.wj-create-box input[type='text'] {
	max-width: 100%;
	min-height: 34px;
	border: 1px solid #c8d3df;
	padding: 6px 8px;
}
.mw-pt-languages {
	display: block;
	background: #fff;
	border: 1px solid #c8d3df;
	box-shadow: 0 2px 8px rgba(32, 39, 51, 0.07);
	width: auto;
}
.mw-pt-languages-label {
	background: none;
	border-right: none;
}
@media screen and (max-width: 900px) {
	.wj-main-hero {
		padding: 18px;
	}
	.wj-main-hero-title {
		font-size: 28px;
	}
	.wj-main-row {
		display: block;
		margin-left: 0;
		margin-right: 0;
	}
	.wj-main-card {
		margin-left: 0;
		margin-right: 0;
	}
}
@media screen and (max-width: 719px) {
	.thumb {
		float: none;
	}
	.thumb,
	.thumbinner {
		margin-left: auto;
		margin-right: auto;
	}
	.wj-feature-card {
		display: block;
	}
	.wj-feature-image {
		margin: 0 0 12px;
	}
}