/* =================== RESET =================== */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, strong, img, ins, kbd, q, s, samp,
small, strike, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  /*font-size: 100%;*/
  font-family: inherit;
  vertical-align: baseline;
}

table, td ,tr, th, tbody, tfoot, thead {
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

ol, ul {
  list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: separate;
  border-spacing: 0;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}
blockquote, q {
  quotes: "" "";
}

/* =================== BASE =================== */

body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 0.75em; /* 16*0.75=12 */ line-height: 1.5em; width: 906px; margin: 0 auto 5em; background-color: #fff; }
p, ul, h1, h2, h3, h4, blockquote, pre { margin: 1em 0;}
pre { line-height: 1em; }
h2 { font-size: 2em; /* 12*2=24 */ }
h3 { font-size: 1.5em; /* 12*1.5=18 */ }
h4 { font-size: 1em; }
tt, code, pre { font-family: Inconsolata, 'Andale Mono', monospace; font-size: 1.167em; }
pre code { font-size: 1em; }
strong { font-weight: bold; }
em { font-style: italic; }
a { color: #ec008c; }

/* =================== HEADER =================== */

#header { position: relative; top: 0; left: 0; margin-top: 90px; }
/* clearfix */
#header:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
#header {display:inline-block;}
/* Hide from IE Mac \*/
#header {display:block;}
/* End hide from IE Mac */

#header a.rss { position: absolute; top: 50%; right: 0%; margin-right: 8px; margin-top: -8px; width: 16px; height: 16px; background-image: url(/images/rss.gif); background-position: top left; background-repeat: no-repeat; }
#header a.rss span { display: none; }


/* =================== h1#home =================== */

h1#home { position: absolute; top: -90px; right: 0; margin: 0;}
h1#home a { display: block; height: 90px; width: 200px; background-color: #fff; background-repeat: no-repeat; background-position: top left; background-image:url(/images/logo_pierlis.gif); }
h1#home a span { display: none;}

/* =================== NAVIGATION =================== */

#navigation { float: left;}
#navigation ul { height: 2.5em; background-color: #dcdcdc; width: 896px; margin: 0 0 0 10px; }
#navigation li { float: left;}
#navigation a { display: block; padding: 0 1em; line-height: 2.5em; border-right: 2px solid white; background-repeat: repeat-x; background-image:url(/images/background.gif); background-position: 0 0; color: white; text-decoration: none; font-weight: bold;   }
#navigation .current a { background-position: 0 -128px; }
#navigation a:hover,
#navigation a:active { background-position: 0 -256px; }
body.rubriques_show #navigation .current a,
body.contact #navigation .current a { cursor: default; }
body.rubriques_show #navigation .current a:hover,
body.rubriques_show #navigation .current a:active,
body.contact #navigation .current a:hover,
body.contact #navigation .current a:active { background-position: 0 -128px; }

/* =================== PAGE =================== */

#page { margin-top: 4em; background-repeat: repeat-y; background-position: top right; background-image:url(/images/page_background.gif); min-height: 400px; }

/* clearfix */
#page:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
#page {display:inline-block;}
/* Hide from IE Mac \*/
#page {display:block;}
/* End hide from IE Mac */


/* =================== SIDE BAR =================== */

#side_bar { width: 346px; float: right; text-align: right; padding: 0 0 1em 0; }
#side_bar h3 { color: #ec008c; font-size: 1.333em; /* 12*1.33=16 */ text-transform: uppercase; margin: 1em 0 0.5em; }
#side_bar p,
#side_bar ul { margin: 0.5em 0;}
#side_bar a { color: #833864; }
#side_bar .current a,
#side_bar a.current { text-decoration: none; font-weight: bold; cursor: default; color: #000; }
#side_bar div.extra,
#side_bar div.recent,
#side_bar div.related,
#side_bar div.news_feed,
#side_bar div.tags { margin: 0 10px 0;}

#side_bar div.recent li,
#side_bar div.related li,
#side_bar div.news_feed li { margin: 0.4em 0;}

#side_bar div.news_feed .date { display: block; }

#side_bar div.search { background-repeat: repeat-x; background-image:url(/images/background.gif); background-position: 0 0; padding: 0 10px; border-bottom: 2px solid #fff; margin: 0; }
#side_bar div.search h3 { display: none; }
#side_bar div.search form { padding: 0.5em 0;}
body.recherche #side_bar div.search { background-position: 0 -256px; }

#side_bar .map { border: 10px solid #888; margin: 0 0 10px 0; }
#map { width: 326px; height: 326px; text-align: left; color: #000; }

/* =================== CONTENT =================== */

#content { margin-left: 10px; width: 540px; padding: 0 0 5em 0; }

/* =================== FOOTER =================== */

#footer { color: #888; text-align: center; margin: 2.5em 0; }


/* =================== ARTICLE =================== */

.article h2.name { margin: 0 0 1.25em 0; line-height: 1em; }
.article .hidden_title h2.name { display: none; }
.article h2.name a { color: black; text-decoration: none; }
.article h2.name a:hover { text-decoration: underline; color: #ec008c; }
.article .info { color: #888; }
.article .info p { display: inline; }

.article .article_navigation { margin: 1em 0; }
.article .article_navigation,
.article .article_navigation a { color: #888; }
.article .article_navigation table { width: 100%;}
.article .article_navigation .next { text-align: right; }
.article .article_navigation .next a { line-height: 16px; padding-right: 20px; background-repeat: no-repeat; background-position: center right; background-image:url(/images/next.gif); }
.article .article_navigation .previous a { line-height: 16px; padding-left: 20px; background-repeat: no-repeat; background-position: center left; background-image:url(/images/previous.gif); }

body .articles .article h2.name { font-size: 1.333em; /* 12*1.33=16 */ margin: 0.5em 0;}
body .articles .article h2.name a { color: #ec008c; text-decoration: underline; }

/* clearfix */
.article .content:after {
content:".";
display:block;
height:0;
clear:left;
visibility:hidden;
}
.article .content {display:inline-block;}
/* Hide from IE Mac \*/
.article .content {display:block;}
/* End hide from IE Mac */

/* =================== ARTICLE COMMENTS =================== */

.article .comments_header a { color: #888; line-height: 16px; padding-left: 20px; background-repeat: no-repeat; background-position: center left; background-image:url(/images/comment_icon.gif); }
.article .comments { background: #ddd; color: #555; margin: 1em 0 0 0; padding: 1px 1em; }
.article .comments a { color: #c67d9d; }
.article .comments h3 { font-size: 1.333em; /* 12*1.33=16 */ text-transform: uppercase; margin: 1em 0 0.5em; }
.article .comments form dt { float: left; width: 80px; margin-right: 10px; }
.article .comments form dd { margin-left: 90px; }
.article .comments form dd input { width: 210px; margin-bottom: 0.5em;}
.article .comments form dd textarea { width: 420px; height: 5em; }
.article .comments form p { margin-left: 90px; }
.article .comments .notice { color: #ec008c;}
.article .comments .errors { margin-left: 90px; color: #ec008c;}
.article .comments .info { color: #888; }
.article .comments .comment { background-color: #eee; margin: 1em 0 1em 1.5em; padding: 0.5em 1em; position: relative; top: 0; left: 0; border: 1px solid #d0d0d0;}
.article .comments .comment .index { display: block; position: absolute; left: -2.5em; top: 0.5em; width: 2.5em; text-align: center; }
.article .comments .comment .index a { color: #333; font-weight: bold; }
.article .comments .comment .content { margin-top: 0.5em; }
.article .comments .comment.emphasized { background-color: #fff; }
.article .comments .comment.emphasized .info { color: #888; }
.article .comments .fieldWithErrors { display: inline; }
.article .comments .fieldWithErrors input,
.article .comments .fieldWithErrors textarea { background-color: #ffeedd; }

/* =================== TEXT =================== */

.text h1 { font-size: 1.333em; /* 12*1.33=16 */ }
.article .hidden_title .text h1 { font-size: 2em; /* 12*2=24 */ line-height: 1em;}
.text h2 { font-size: 1em; font-weight: bold; }
.text h3 { font-size: 1em; text-decoration: underline; }
.text ul { list-style-image: url(/images/bullet.gif); margin-left: 1em; }
.text ul ul { list-style-image: url(/images/bullet_2.gif); margin: 0 0 0 1em; }
.text li { margin-left: 1em; padding-left: 0.5em; }
.text blockquote { margin: 1em 0 1em 1em; padding: 1px 1em; background: #eee; -webkit-border-radius: 0.5em 0.5em; border: 1px solid #ddd; color: #666; font-style: italic; }
.text blockquote em { font-style: normal; }
.text pre { clear: left; width: 520px; overflow: auto; margin: 1em 0 1em 0; padding: 1em 10px; background: #ffebf4; -webkit-border-top-left-radius: 0.5em 0.5em; -webkit-border-top-right-radius: 0.5em 0.5em; border: 1px solid #f49ac1;}
.text .media { clear: left; float: left; width: 270px; margin: 0 2em 1em 0; text-align: center; color: #888; }
.text .media a { color: #888; }
.text .media img { margin: 0 0 0.5em 0;}
.text .media .legend { display: block; }

.text .wide_media { margin: 1em 0; text-align: center; color: #888; }
.text .wide_media a { color: #888; }
.text .wide_media img { margin: 0 0 0.2em 0;}
.text .wide_media .legend { display: block; font-size: 0.833em; /*10/12.0 = 0.833333333333333 */ }

/* CONTACT */

body.contact dt { float: left; clear: left; width: 10em; margin: 0 1em 0.5em 0; color: #666; }
body.contact dd { margin: 0 0 0.5em 11em; }
body.contact form dd input,
body.contact form dd textarea { width: 20em; }
body.contact form dd textarea { height: 10em;}
body.contact form p { margin-left: 11em; }