/** NE PAS MODIFIER: ce fichier est géré par Ansible, tout changement serait écrasé (téïcée) **/

* {
	padding: 0;
	margin:  0;
	border:  0 none;
}
body {
	font-family:     sans-serif;
	color:           #333333;
	background:      #ffffff;
}
a {
	text-decoration: none;
	color:           #325776;
	text-shadow:     1px 1px 2px #000;
}
a:hover, a:focus, a:active {
	color:           #fff;
}

/** PAGE LAYOUT **/

#page_header {
	color:           #ffffff;
	background:      #325776;
	border-bottom:   1px solid #fff;
}
#page_header h1 {
	font-size:       1.6em;
	font-family:     monospace;
	letter-spacing:  0.25em;
	text-align:      center;
	padding:         1rem;
}
#page_header a {
	text-decoration: none;
	color:           #ccc;
	text-shadow:     1px 1px 2px #000;
}
#page_header a:hover, #page_footer a:focus, #page_footer a:active {
	color:           #fc0;
}

#page_footer {
	position:        fixed;
	bottom:          0;
	width:           100%;
	color:           #ffffff;
	background:      #325776;
	border-top:      1px solid transparent;
}

#page_footer h4 {
	font-size:       1.2em;
	font-family:     monospace;
	letter-spacing:  0.25em;
	text-align:      center;
	margin:          0.25em;
}
#page_footer a {
	text-decoration: none;
	color:           #ffffff;
	text-shadow:     1px 1px 2px #000;
}
#page_footer a:hover, #page_footer a:focus, #page_footer a:active {
	color:           #ffffff;
}

#page_content {
	position:        relative;
	min-width:       20rem;
	margin:          4rem;
	padding:         0;
	font-size:       1.0rem;
	color:           #333333;
	background:      #eeeeee;
	border:          0rem solid #000;
	border-radius:   0rem;
	box-shadow:      0 0 1rem #000;
}
.httpd-pages #page_content,
.httpd-error #page_content {
	min-width:       20rem;
	padding:         2em 4em;
}

/** CONTENT MESSAGES **/

#page_content h1  { font-size:2.0em; text-align:center;  margin-bottom:1em; color:#000; }
#page_content h2  { font-size:1.8em; text-align:left;    margin-bottom:1em; color:#333; }
#page_content h3  { font-size:1.4em; text-align:left;    margin-bottom:1em; color:#222; }
#page_content #ps { font-size:1.0em; text-align:right;                      color:#666; }
#page_content p   { font-size:1.2em; text-align:justify; margin-top:2em; }

/** AUTOINDEX **/

table#indexlist {
	width:           100%;
	margin:          auto;
	border:          0;
	border-collapse: separate;
	border-spacing:  0.2em 0.1em;
	border-radius:   1rem;
	overflow:        hidden;
}
table#indexlist tr.even       { background: #ddd; }
table#indexlist tr.odd        { background: #eee; }
table#indexlist tr.even:hover { background: #fff; }
table#indexlist tr.odd:hover  { background: #fff; }

table#indexlist td {
	height:          24px;
	padding:         0 1em;
	font-family:     monospace;
	color:           #666;
	text-shadow:     0px 0px 2px #fff;
	font-size:       0.75em;
}
table#indexlist td:first-child,
table#indexlist td.indexcolicon {
	width:           24px;
	padding-right:   0;
	text-align:      center;
	background:      #ccc;
}
table#indexlist td.indexcollastmod { text-align:center; }
table#indexlist td.indexcolsize    { text-align:right; }

table#indexlist th a          {
	display:     block;
	padding:     0.5em 0.25em;
}
table#indexlist td a {
	display:     block;
	font-size:   1.25em;
	color:       #111;
	text-shadow: 1px 1px 2px #fff
}
table#indexlist td a:hover {
	color:       #333;
}

/** RESPONSIVE **/

@media (max-width: 640px) {
	#page_content              { margin:1rem; font-size:0.8rem; }
	.httpd-error #page_content { padding:1rem; }
}

/** CUSTOM **/