/** DO NOT EDIT: this file is managed by Ansible, changes will be overwritten (téïcée) **/

* {
	padding:         0;
	margin:          0;
	border:          none;
}
body {
	font-family:     Verdana, Arial, Helvetica, sans-serif;
	color:           #222222;
	background:      #9a9a9a center top repeat-x;
	background-attachment: fixed;
	background-image:url(/www-assets/pages/assets/background.png);
}
a {
	text-decoration: none;
	color:           #be1d2d;
	text-shadow:     1px 1px 2px transparent;
}
a:hover, a:focus, a:active {
	color:           #003300;
}
a       .onhover { display: none;   }
a:hover .onhover { display: inline; }

/** LAYOUT PAGE **/

#page, #page_header, #page_spacer, #page_footer {
	position:        relative;
	z-index:         100;
	background:      #ffffff;
	border-radius:   2;
	padding:         2rem 2rem;
}
#page {
	width:           75%;
	min-width:       20rem;
	margin:          4rem auto;
	padding:         0;
	border:          0 none;
	box-shadow:      0px 0px 0.5rem 0.25rem #cccccc;
}
#page_header {
	color:           #808080;
	background:      #ffffff;
	border:          5 solid #cccccc;
	border-bottom:   0 none;
	border-bottom-left-radius:  0;
	border-bottom-right-radius: 0;
}
#page_spacer {
	border:          5 solid #cccccc;
	border-top:      0 none;
	border-bottom:   0 none;
	border-radius:   0;
/*	padding:         0;*/
}
#page_footer {
	color:           #9a9a9a;
	background:      #1a4569;
	border:          5 solid #cccccc;
	border-top:      0 none;
	border-top-left-radius:     0;
	border-top-right-radius:    0;
	font-size:       0.75em;
}

/** LAYOUT CONTENT **/

#page_content {
	position:        relative;
	z-index:         200;
	margin:          0 -1.5rem;
	padding:         0 1.5rem;
	border:          0.2rem solid #4b596e;
	border-radius:   0rem 0rem 0 0;
	box-shadow:      0 0.25rem 0.5rem #4b596e;
	color:           #222222;
	background:      #f4f4f4 no-repeat left bottom;
	background-image:url(/www-assets/pages/assets/fond_zen.png);
}
#page_content .corner {
	position:        absolute;
	bottom:          -0.2rem;
	margin-bottom:   -1.5rem;
	border:          0.75rem solid #4b596e;
	border-bottom:   0.75rem solid transparent;
	width:           0;
	height:          0;
}
#page_content .corner.cleft {
	left:            -0.2rem;
	border-left:     0.75rem solid transparent;
}
#page_content .corner.cright {
	right:           -0.2rem;
	border-right:    0.75rem solid transparent;
}

/** HEADER ITEMS **/

#page_header #logo {
	float:           left;
	clear:           left;
}
#page_header h1 {
	float:           right;
	clear:           right;
	margin:          1rem 0 0 1em;
	padding:         0;
	font-size:       1.5rem;
	font-style:      italic;
}
#page_header #menu {
	float:           right;
	clear:           right;
}
#page_header #menu li {
	float:           left;
	margin:          0 0 0 1.5em;
	list-style:      none;
	font-size:       1.2em;
	color:           #cccccc;
}
#page_header #menu li a {
	display:         block;
	height:          1.8em;
	font-weight:     bold;
	color:           #cccccc;
}
#page_header #menu li a:hover {
	color:           #222222;
	background:      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='10' fill='%231a4569' viewBox='0 0 20 10'%3E%3Cpath d='M 10 0 L 20 10 H 0 Z' /%3E%3C/svg%3E") no-repeat center bottom;
}

/** FOOTER ITEMS **/

#page_footer address { font-style: normal; }
#page_footer p       { margin:     0.5em 0; }
#page_footer a       { color:      #000000; }
#page_footer a:hover { color:      #000000; font-weight: bold; }

/** CONTENT ITEMS **/

#page_content #main {
	margin:          2rem 2rem;
	margin-bottom:   120px;
}
#page_content h1, #page_content h2, #page_content h3 { text-align: center; margin: 1rem 0 2rem; }
#page_content h1 { font-size: 2.0rem; color: inherit; }
#page_content h2 { font-size: 1.6rem; color: inherit; }
#page_content h3 { font-size: 1.2rem; color: inherit; }
#page_content p  { font-size: 1.0rem; text-align: center; margin: 1rem 0 0 0; }
#page_content #ps {
	position:        absolute;
	right:           0;
	bottom:          0;
	margin:          2rem 2rem;
	color:           #cccccc;
	font-weight:     bold;
}
#page_content a:hover, #page_content a:focus, #page_content a:active { text-decoration: underline; }

/** AUTOINDEX **/

table#indexlist {
	width:           100%;
	margin:          auto;
	border:          0;
	border-collapse: collapse;
}
table#indexlist th            { padding:0 0.75em 1em 0.75em; }
table#indexlist th a          { color: #1a4569; display:block; font-size:1em; line-height:1.5em; }
table#indexlist th a:hover    { color: #be1d2d; }
table#indexlist tr.even       { background: #ffffff; }
table#indexlist tr.odd        { background: #f4f4f4; }
table#indexlist tr.even:hover { background: #1a4569; }
table#indexlist tr.odd:hover  { background: #1a4569; }
table#indexlist td {
	height:          24px;
	padding:         0 1em;
	font-size:       0.75em;
	border-top:      1px dotted #cccccc;
	color:           #4b596e;
}
table#indexlist td:first-child,
table#indexlist td.indexcolicon  { width:24px; padding-right:0; }
table#indexlist .indexcolicon    { text-align:center; }
table#indexlist .indexcolname    { text-align:left;   }
table#indexlist .indexcollastmod { text-align:center; }
table#indexlist .indexcolsize    { text-align:right;  }
table#indexlist td a             { display:block; font-size:1.25em; }
table#indexlist tr:hover td      { color: #9a9a9a; }
table#indexlist tr:hover td a    { color: #000000; }

/** RESPONSIVE **/

@media (max-width: 640px) {
	#page_header h2,
	#page_header #logo,
	#page_header #menu,
	#page_header #menu li {
		float:           none;
		text-align:      center;
		margin:          0;
	}
	#page_header, #page_spacer, #page_footer { padding: 0.5rem 1rem; }
	#page_header, #page_content              { font-size: 0.8rem; }
	#page_header #logo   { margin: 0 0 1.5em 0; }
	#page_content #main  { margin-left:0; margin-right:0; margin-top:1rem; }
}

/** CUSTOM **/

	body  { background: #9a9a9a; }
	#page { box-shadow: none; }
	#page.httpd-index #main { margin: 1.5rem 0 4.5rem 0; }
	#page_content  { background: #f4f4f4; border-radius: 0.5rem 0.5rem 0 0; }
	#page_footer a { color: #ffffff; }
	table#indexlist tr:hover td   { color: #cccccc; }
	table#indexlist tr:hover td a { color: #ffffff; }