catalogue_de_services/style.css

/* SPDX-License-Identifier: GFDL-1.3-or-later */

/* article */
article {
	width: 1024px;
	margin-bottom: 40px;
}
article p {
	color:#575757;
}

/* split div */
div.avoid {
	width: 20%;
	display: inline-block;
	margin-right: -3px;
}
div.prefered {
	width: 78%;
	display: inline-block;
	margin-left: -3px;
}
div.note {
	margin-left: 10%;
	margin-right: 10%;
}

/* Table */

table {
  border-collapse: collapse;
  width: 100%;
}

th, td {
  text-align: left;
  padding: 8px;
}

/* Table: Avoid */
table.avoid th {
	background-color: #BB1010;
	color: #FFFFFF
}

table.avoid tr: nth-child(even){background-color: #f2f2f2}

table.avoid td.image {
	width: 50px;
}

table.avoid td.image img {
	width: 30px;
}
table.avoid td{
	font-size: 80%;
}

/* Table: Prefered */
table.prefered th {
  background-color: #04AA6D;
	color: #FFFFFF
}
table. tr.alternative {
	
	border: 1px solid #000000;
}
table.prefered td.image {
	width: 100px;
}

table.prefered td div{
	vertical-align: top;
	display: inline-block;
}
table.prefered td div img{
	width: 80px;
}

/* Table: Note */
table.note, tr {
    border: 1px solid #000;
	font-size: 80%;
}
table.note th {
	padding: 0 0.5em;
	background-color: #eee;
}