/*
2025-06-25 stylesheet for new atelier website using ArtworkArchive embed
 */

body { /* base page style */
	color: #000;
	background: #EEE;
	font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
	font-size: .8em;
	margin: 0px;
	padding: 0px
}

a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
ul a:visited,  dl a:visited{
	color: #333
}
a:link img, a:hover img, a:visited img {
	border-style: none
}

/*dd, dd a:visited {
	color: #999
}*/

h1 { /* the header of all pages */
	color: #333;
	font-weight: bold;
	letter-spacing: 3pt;
	vertical-align: bottom;
}

#entete {
	display: table;
	width: 100%;
	height: 40px;
	background: #BBB;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-image: url("head-bg.png");
}

#titre {
	display: table-cell;
	vertical-align: top;
	padding-left: 100px;
	width: 50%;
	height: 100%;
	font-size: 2.4em;
	font-weight: bold;
	letter-spacing: 2pt;
	text-align: left;
}

#soustit {
	display: table-cell;
	vertical-align: bottom;
	float: right;
	font-size: 1.0em;
	text-align: right;
	padding: 18px 40px 0px 0px;
}

#menu { /* the navigation menu (parent folders) */	
	width: 100%;
	height: 19px;
	background: #BBB;
	border-top: solid 1px #999;
	border-bottom: solid 1px #999;
	display: table
}

#menulist {
	display: table-cell;
	float: left;
	padding-top: 3px
}
#menulist ul {
	columns: 2;
	column-gap: 3rem;
	font-weight: bold;
	letter-spacing: 1pt;
	margin: 0px;
	color: #404822;
}
#menulist li {
	display: inline;
	color: #404822;
}
#menulist li a {
	color: #404822;
}
#up {
	display: table-cell;
	float: right;
	height: 19px;
	padding-right: 40px;
}
tr {
	margin-bottom: 1px solid #ccc !important;
}
td {
	vertical-align: top;
	margin-bottom: 1px solid #ccc;
}
td:nth-child(1) {
	width: 17%
}
h2 { /* headers and footers */
	font-weight: bold;
	font-size: 2em;
	line-height: 130%;
	color: #203643;
	text-align: right;
	margin: 3% 2% 1% 2%;
	padding: 2px;
}

ul.list { /* the list of subfolders */
	list-style-type: none;
	width: 68%;
	position: relative;
	left: 2%;
}
ul.list li {
	line-height: 240%;
	font-size: 2em;
	font-weight: bold;
	color: #203643;
}
ul.list li a {
	color: #203643;
}
#topnote {
	display: table-cell;
	width: 50%;
	padding-left: 40px;
	font-size: 1.4em
}
#topnote p {
	max-width: 500px;
}
#rtnote {
	display: table-cell;
	width: 50%;
	text-align: center;
	vertical-align: center;
	font-size: 1em 
}
#contenu {
	width: 800px;
	height: 600px;
	background-image: url("contenu-bg.png");
	background-repeat: no-repeat;
	margin: 50px 40px 40px;
	padding-top: 100pt;
}

dl.carte {
	margin-top: 10px;
	display: flex !important;
	flex-flow: row wrap;
	padding-top: 2px;
	padding-left: 0rem;
	font-size: 1.5em;
	font-weight: bold;
}
dt {
	flex-basis: 22%;
	padding: 2px 4px;
	text-align: right;
	clear:left
}
dd {
	display: flex;
	flex-basis: 60%;
	margin-inline-start: 10px;
	flex-grow: 1;
	font-weight: normal;
	color: #363;
}

dl.carte dd a { color: #339 }
dl.carte dd a:visited { color: #339 }

#to-words {
	display: block;
	background-color: #ccc;
	font-size: 1em;
	font-weight: bold;
	padding: 16px;
	border: 2px solid #666;
	margin: 2em 1em 1em;
	float: right
}

.addr { /* the footer */
	display: block;
  	float: right;
	width: 90%;
	margin: 2%;
	font-size: 1rem;
	color: #203643;
	font-style: normal;
	text-align: right
	}
address  { display: none }