/* ----------------------------------------------------------------
MASS RESET
Last Modified: 20 May 2008
---------------------------------------------------------------- */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, a, p, blockquote, cite, caption, table, th, tr, td {
  margin: 0; padding: 0;
}
dt, dd, li, h1, h2, h3, h4, h5, h6, a, p, blockquote, cite, caption, th, tr, td {
  font-size: 100%;
}
ol, ul {
  list-style: none;
}
address, caption, cite, code, dfn, em, strong, th {
  font-style: normal; font-weight: normal;
}
table {
  border-collapse: collapse; border-spacing: 0;
}
img {
  border: 0;
}
caption, th {
  text-align: left;
}

/* ----------------------------------------------------------------
MASTER (layout)
Edited by Alex Grenon
Last modified: 7 December 2008
---------------------------------------------------------------- */

html {
  text-align: center;
}
body {
  position: relative;
  width: 770px;
  margin: 2em auto 1em 2em;
  text-align: left;
  background: #FFF;
  font: normal small "Trebuchet MS", Arial, Helvetica, "Albany AMT", sans-serif;
}
h1, h2, h3, h4, h5 {
  font-family: Georgia, "Times New Roman", Times, "Thorndale AMT", serif;
}
ul, ol {
  margin-bottom: 1.6em;
  line-height: 1.6em;
}
a {
  color: #00f;
  font-weight: bold;
  text-decoration: underline;
} 
a:visited {
  color: #909;
}
a:hover {
  text-decoration: none;
  color: #000;
}
table {
  display: block;
  padding: 0 2em 2em;
}
caption {
  font-weight: bold;
  text-align: center;
  padding: 1em;
}
th {
  font-style: italic;
  text-align: center;
  line-height: 1.6em;
  color: #f90;
  background: #930;
  padding: 0.3em 3em;
}
tr {
  border-top: 1px solid #930;
}
td {
  text-align: right;
  line-height: 1.4em;
  padding: 0 3em;
  color: #930;
}

/* ---------------------------------------------------------------
Header
-- Logo ------------------------------------------------------- */

#logo {
  height: 50px;
  padding-top: 1.6em;
}
#logo h1 {
  float: left;
  letter-spacing: -1px;
  padding: 0;
}
#logo h1 {
  font-size: 400%;
}
#logo h1 span {
  font-size: 75%;
}
#logo a {
  text-decoration: none;
  text-transform: lowercase;
  font-weight: normal;
}

/* Connect ---------------------------------------------------- */

#connect {
  margin: -40px auto 0 auto;
}
#connect ul {
  float: right;
  margin: 0;
  list-style: none;
}
#connect li {
  display: inline;
  background: no-repeat;
  margin-left: 10px;
}
#index #connect li.print {
  background-image: url('../images/print.gif');
}
#inside #connect li.print {
  background-image: url('../../images/print.gif');
}
#index.index #connect li.print, #inside.about #connect li.print {
  background-image: url('../images/print.gif');
}
#index #connect li.write {
  background-image: url('../images/write.gif');
}
#inside #connect li.write {
  background-image: url('../../images/write.gif');
}
#index.index #connect li.write, #inside.about #connect li.write {
  background-image: url('../images/write.gif');
}
#connect a {
  position: relative;
  padding: 1px 0px 5px 22px;
  font-size: 80%;
}
#connect a:visited {
  color: #00f;
  text-decoration: underline;
}

/* Breadcrumb ------------------------------------------------- */

#breadcrumb {
  clear: both;
  height: 36px;
}
#breadcrumb ol li {
  display: inline;
  line-height: 18px;
  padding-left: 3px;
  background: no-repeat;
}
#index #breadcrumb ol li {
  background-image: url('../images/arrow.gif');
}
#inside #breadcrumb ol li {
  background-image: url('../../images/arrow.gif');
}
#index.index #breadcrumb ol li, #inside.about #breadcrumb ol li {
  background-image: url('../images/arrow.gif');
}
#inside #breadcrumb ol li.first, #index #breadcrumb ol li.first {
  background-image: none;
}
#breadcrumb ol li a {
  padding: 8px 0 8px 18px;
  font-size: 12px;
  text-decoration: none;
}
#breadcrumb ol li.previous a:hover {
  text-decoration: underline;
}
#breadcrumb ol li.first, #breadcrumb ol li.first a {
  padding-left: 0px;
}
#current a {
  color: #000;
}
#current a:hover {
  text-decoration: none;
}

/* ---------------------------------------------------------------
Content
--------------------------------------------------------------- */

.post {
  padding: 10px 10px 3em 10px;
}
img.header {
  height: 60px;
  padding: 5px 0 1px 0;
}
#wrapper {
  clear: both;
  width: 770px;
  margin: 0 auto;
}

/* ASIDE ------------------------------------------------------ */

#aside {
  float: left;
  width: 200px;
}
#menu {
  float: left;
  width: 180px;
}
#menu ul {
  margin: 0px;
  padding: 8px 0px;
  list-style: none;
  line-height: normal;
}
#menu li {
  display: inline;
}
#menu a {
  width: 180px;
  display: block;
  padding: 8px 0px;
  text-decoration: none;
}
#menu a:hover {
  text-decoration: underline;
}

/* ARTICLE ---------------------------------------------------- */

#article {
  float: right;
  width: 560px;
  margin-left: 10px;
}
#index.index #article {
  float: left;
  width: 300px;
  margin-left: 10px;
}
#index.index #section {
  float: right;
  width: 250px;
  margin-left: 10px;
}
#article img.in {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;
}
.figure {
  border: solid 1px;
  margin-bottom: 1em;
}

/* ASSOCIATES ------------------------------------------------- */

#ad-header {
  text-align: right;
  padding: 2.5em 21px 1em;
}
#ad-article, #ad-loisirs {
  text-align: center;
}
#ad-loisirs {
  padding-top: 2em;
}

/* FOOTER ----------------------------------------------------- */

#extra {
  clear: both;
  height: 4px;
}
#footer {
  clear: both;
}
#footer p {
  margin: 0;
  width: 770px;
  margin: 0 auto;
  font-size: 80%;
}
#norms {
  padding-top: 1em;
}

/* ---------------------------------------------------------------
TYPOGRAPHY
--------------------------------------------------------------- */

h1, h2, h3, h4.date, h5 {
  font-size: 120%;
}
#article h2, #index.index #section h2, #section h3, #library h4 {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 80%;
}
#article h3 {
  font-style: italic;
}
#article h6 {
  text-align: center;
}
em {
  font-style: italic;
}
strong {
  font-weight: bold;
}
p, ol.inside, ul.inside {
  margin-bottom: 1.2em;
  line-height: 1.2em;
  text-align: justify;
}
ol.footnote, ul.footnote {
  padding-top: 2em;
  line-height: 1.2em;
  text-align: justify;
}
ol.inside li, ul.inside li {
  margin-bottom: 0.3em;
}
blockquote {
  margin: -0.6em 2em 2em;
  padding: 1em 1em 0 1em;
  font-style: italic;
}
ol.inside, ul.inside {
  padding-left: 1em;
  margin-left: 2em;
  margin-right: 2em;
}
ol.footnote, ul.footnote {
  padding-left: 20px;
}
ol.inside, ol.footnote {
  list-style-type: decimal;
}
ul.inside, ul.footnote {
  list-style-type: square;
}
p.first {
  font-style: oblique;
  font-size: 110%;
}
ol.footnote li, ul.footnote li {
  font-size: 80%;
}
p.link a, li.index a {
  display: block;
  float: right;
}
p.explanation {
  padding-left: 2em;
  padding-right: 2em;
  font-size: 90%;
}

/* Corrections (typo) ----------------------------------------- */

h4.credit {
  font-weight: normal;
}
#index #article h4.date {
  font-size: 100%;
  font-weight: normal;
}
#index.index #section h4.date {
  font-size: 100%;
  font-weight: normal;
}
#inside #section.polar p strong, #inside #section.cinema p strong {
  font-weight: normal;
  font-style: italic;
}
#inside #section p {
  font-style: italic;
}
p.first em, #inside #section p em {
  font-style: normal;
}

/* Padding (typo) -------------------------------------------- */

#aside h2, h3, h4 {
  margin-bottom: 1em;
}
#aside h2, #aside h3, #aside h4, #article h1, #section h1, #article h2, #index.index #section h2, #article h3, #article h4, #article h5, #article h6 {
  padding: 1em 0;
}
#index #article h4, #index.index #article h4, #index.index #section h4 {
  padding: 0;
}
#index #article h4.outline {
  padding: 1em 0;
}
#index #article ol.index li, #index.index #article ol.index li, #index.index #section ol.index li {
  padding-bottom: 2em;
}
#article h1.middle, #article h2.middle, #article h3.middle, #article h4.middle, #article h5.middle, #article h4.credit {
  padding: 0;
}
#article h4.credit {
  margin-top: 1em;
}
h2.outline, h3.outline, h4.outline {
  padding-top: 1em;
}

/* --------------------------------------------------------------
COLOR
-- More styles, images and colors ---------------------------- */

ol.inside, ul.inside, blockquote {
  color: #930;
}
h2.outline, h3.outline, h4.outline {
  border-top: 1px dotted;
}

/* index section vie moderne --------------------------------- */

#index #ad-header.vie {
  background: url('../images/extra-darkred.gif');
}
#index #logo.vie h1 a {
  color: #900;
}
#index #logo.vie h1 a span {
  color: #006;
}
#index #aside.vie img.header {
  background: url('../images/extra-lightblue.gif') repeat-x;
  border-bottom: 3px solid #9cf;
}
#index #aside .container.vie {
  background: url('../images/bg-lightblue.gif') repeat-x;
}
#index #wrapper.vie {
  background: url('../images/wrap-lightblue.gif') repeat-y;
}
#index #aside.vie h2, #index #aside.vie h3, #index #aside.vie h4.date {
  color: #900;
}
#index #menu.vie a {
  border-top: 1px solid #006;
}
#index #menu.vie li a {
  color: #fff;
}
#index #article h1.vie, #index #article h4.vie, #index #section.vie p strong {
  color: #006;
}
#index #article.vie img.header {
  background: url('../images/extra-midnight.gif') repeat-x;
  border-bottom: 3px solid #006;
}
#index #extra.vie {
  background: url('../images/extra-vie.gif');
}

/* index section formation ----------------------------------- */

#index #ad-header.formation {
  background: url('../images/extra-brown.gif');
}
#index #logo.formation h1 a {
  color: #006;
}
#index #logo.formation h1 a span {
  color: #930;
}
#index #aside.formation img.header {
  background: url('../images/extra-teal.gif') repeat-x;
  border-bottom: 3px solid #099;
}
#index #aside .container.formation {
  background: url('../images/bg-teal.gif') repeat-x;
}
#index #wrapper.formation {
  background: url('../images/wrap-teal.gif') repeat-y;
}
#index #aside.formation h2, #index #aside.formation h3, #index #aside.formation h4.date {
  color: #930;
}
#index #menu.formation a {
  border-top: 1px solid #f90;
}
#index #menu.formation li a {
  color: #fff;
}
#index #article h1.formation, #index #article h4.formation, #index #section.formation p strong {
  color: #006;
}
#index #article.formation img.header {
  background: url('../images/extra-midnight.gif') repeat-x;
  border-bottom: 3px solid #006;
}
#index #extra.formation {
  background: url('../images/extra-formation.gif');
}

/* index section philosophie politique ----------------------- */

#index #ad-header.philo {
  background: url('../images/extra-aquamarine.gif');
}
#index #logo.philo h1 a {
  color: #339;
}
#index #logo.philo h1 a span {
  color: #900;
}
#index #aside.philo img.header {
  background: url('../images/extra-lateblue.gif') repeat-x;
  border-bottom: 3px solid #339;
}
#index #aside .container.philo {
  background: url('../images/bg-lateblue.gif') repeat-x;
}
#index #wrapper.philo {
  background: url('../images/wrap-lateblue.gif') repeat-y;
}
#index #aside.philo h2, #index #aside.philo h3, #index #aside.philo h4.date {
  color: #6c9;
}
#index #menu.philo a {
  border-top: 1px solid #6c9;
}
#index #menu.philo li a {
  color: #fff;
}
#index #article h1.philo, #index #article h4.philo, #index #section.philo p strong {
  color: #900;
}
#index #article.philo img.header {
  background: url('../images/extra-darkred.gif') repeat-x;
  border-bottom: 3px solid #900;
}
#index #extra.philo {
  background: url('../images/extra-philo.gif');
}

/* index section polar --------------------------------------- */

#index #ad-header.polar {
  background: url('../images/extra-brown.gif');
}
#index #logo.polar h1 a {
  color: #693;
}
#index #logo.polar h1 a span {
  color: #930;
}
#index #aside.polar img.header {
  background: url('../images/extra-olivedrab.gif') repeat-x;
  border-bottom: 3px solid #693;
}
#index #aside .container.polar {
  background: url('../images/bg-olivedrab.gif') repeat-x;
}
#index #wrapper.polar {
  background: url('../images/wrap-olivedrab.gif') repeat-y;
}
#index #aside.polar h2, #index #aside.polar h3, #index #aside.polar h4.date {
  color: #930;
}
#index #menu.polar a {
  border-top: 1px solid #ff0;
}
#index #menu.polar li a {
  color: #fff;
}
#index #article h1.polar, #index #article.polar p strong, #index #section.polar p strong {
  color: #9c3;
}
#index #article.polar img.header {
  background: url('../images/extra-yellowgreen.gif') repeat-x;
  border-bottom: 3px solid #9c3;
}
#index #extra.polar {
  background: url('../images/extra-polar.gif');
}

/* index section cinema -------------------------------------- */

#index #ad-header.cinema {
  background: url('../images/extra-darkred.gif');
}
#index #logo.cinema h1 a {
  color: #900;
}
#index #logo.cinema h1 a span {
  color: #693;
}
#index #aside.cinema img.header {
  background: url('../images/extra-yellowgreen.gif') repeat-x;
  border-bottom: 3px solid #9c3;
}
#index #aside .container.cinema {
  background: url('../images/bg-yellowgreen.gif') repeat-x;
}
#index #wrapper.cinema {
  background: url('../images/wrap-yellowgreen.gif') repeat-y;
}
#index #aside.cinema h2, #index #aside.cinema h3, #index #aside.cinema h4.date {
  color: #900;
}
#index #menu.cinema a {
  border-top: 1px solid #ff0;
}
#index #menu.cinema li a {
  color: #fff;
}
#index #article h1.cinema, #index #article.cinema p strong, #index #section.cinema p strong {
  color: #693;
}
#index #article.cinema img.header {
  background: url('../images/extra-olivedrab.gif') repeat-x;
  border-bottom: 3px solid #693;
}
#index #extra.cinema {
  background: url('../images/extra-cinema.gif');
}

/* page accueil - homepage ----------------------------------- */

#index.index #ad-header {
  background: url('../images/extra-orange.gif');
}
#index.index #logo h1 a {
  color: #339;
}
#index.index #logo h1 a span {
  color: #f90;
}
#index.index #aside img.header {
  background: url('../images/extra-darkred.gif') repeat-x;
  border-bottom: 3px solid #900;
}
#index.index #aside .container {
  background: url('../images/bg-darkred.gif') repeat-x
}
#index.index #wrapper {
  background: url('../images/wrap-index.gif') repeat-y;
}
#index.index #aside h2, #index.index #aside h3, #index.index #aside h4.date {
  color: #f90;
}
#index.index #menu a {
  border-top: 1px solid #ff0;
}
#index.index #menu li a {
  color: #fff;
}
#index.index #article h1, #index.index #article p strong {
  color: #339;
}
#index.index #article img.header {
  background: url('../images/extra-lateblue.gif') repeat-x;
  border-bottom: 3px solid #339;
}
#index.index #section h1, #index.index #section p strong {
  color: #990;
}
#index.index #section img.header {
  background: url('../images/extra-olive.gif') repeat-x;
  border-bottom: 3px solid #990;
}
#index.index #section .container {
  background: url('../images/bg-yellowgreen.gif') repeat-x
}
#index.index #extra {
  background: url('../images/extra-index.gif');
}

/* inside pages vie moderne ---------------------------------- */

#inside #ad-header.vie {
  background: url('../../images/extra-darkred.gif');
}
#inside #logo.vie h1 a {
  color: #900;
}
#inside #logo.vie h1 a span {
  color: #006;
}
#inside #aside.vie img.header {
  background: url('../../images/extra-lightblue.gif') repeat-x;
  border-bottom: 3px solid #9cf;
}
#inside #aside .container.vie {
  background: url('../../images/bg-lightblue.gif') repeat-x;
}
#inside #wrapper.vie {
  background: url('../../images/wrap-lightblue.gif') repeat-y;
}
#inside #aside.vie h2, #inside #aside.vie h3, #inside #aside.vie h4.date {
  color: #900;
}
#inside #menu.vie a {
  border-top: 1px solid #006;
}
#inside #menu.vie li a {
  color: #fff;
}
#inside #article h1.vie, #inside #article h4.vie, #inside #section.vie p strong {
  color: #006;
}
#inside #article.vie img.header {
  background: url('../../images/extra-midnight.gif') repeat-x;
  border-bottom: 3px solid #006;
}
#inside #extra.vie {
  background: url('../../images/extra-vie.gif');
}

/* inside pages formation ------------------------------------ */

#inside #ad-header.formation {
  background: url('../../images/extra-brown.gif');
}
#inside #logo.formation h1 a {
  color: #006;
}
#inside #logo.formation h1 a span {
  color: #930;
}
#inside #aside.formation img.header {
  background: url('../../images/extra-teal.gif') repeat-x;
  border-bottom: 3px solid #099;
}
#inside #aside .container.formation {
  background: url('../../images/bg-teal.gif') repeat-x;
}
#inside #wrapper.formation {
  background: url('../../images/wrap-teal.gif') repeat-y;
}
#inside #aside.formation h2, #inside #aside.formation h3, #inside #aside.formation h4.date {
  color: #930;
}
#inside #menu.formation a {
  border-top: 1px solid #f90;
}
#inside #menu.formation li a {
  color: #fff;
}
#inside #article h1.formation, #inside #article h4.formation, #inside #section.formation p strong {
  color: #006;
}
#inside #article.formation img.header {
  background: url('../../images/extra-midnight.gif') repeat-x;
  border-bottom: 3px solid #006;
}
#inside #extra.formation {
  background: url('../../images/extra-formation.gif');
}

/* inside pages philosophie politique ------------------------ */

#inside #ad-header.philo {
  background: url('../../images/extra-aquamarine.gif');
}
#inside #logo.philo h1 a {
  color: #339;
}
#inside #logo.philo h1 a span {
  color: #900;
}
#inside #aside.philo img.header {
  background: url('../../images/extra-lateblue.gif') repeat-x;
  border-bottom: 3px solid #339;
}
#inside #aside .container.philo {
  background: url('../../images/bg-lateblue.gif') repeat-x;
}
#inside #wrapper.philo {
  background: url('../../images/wrap-lateblue.gif') repeat-y;
}
#inside #aside.philo h2, #inside #aside.philo h3, #inside #aside.philo h4.date {
  color: #6c9;
}
#inside #menu.philo a {
  border-top: 1px solid #6c9;
}
#inside #menu.philo li a {
  color: #fff;
}
#inside #article h1.philo, #inside #article h4.philo, #inside #section.philo p strong  {
  color: #900;
}
#inside #article.philo img.header {
  background: url('../../images/extra-darkred.gif') repeat-x;
  border-bottom: 3px solid #900;
}
#inside #extra.philo {
  background: url('../../images/extra-philo.gif');
}

/* inside pages polar ---------------------------------------- */

#inside #ad-header.polar {
  background: url('../../images/extra-brown.gif');
}
#inside #logo.polar h1 a {
  color: #693;
}
#inside #logo.polar h1 a span {
  color: #930;
}
#inside #aside.polar img.header {
  background: url('../../images/extra-olivedrab.gif') repeat-x;
  border-bottom: 3px solid #693;
}
#inside #aside .container.polar {
  background: url('../../images/bg-olivedrab.gif') repeat-x;
}
#inside #wrapper.polar {
  background: url('../../images/wrap-olivedrab.gif') repeat-y;
}
#inside #aside.polar h2, #inside #aside.polar h3, #inside #aside.polar h4.date {
  color: #930;
}
#inside #menu.polar a {
  border-top: 1px solid #ff0;
}
#inside #menu.polar li a {
  color: #fff;
}
#inside #article h1.polar, #inside #article h3.polar, #inside #section.polar p strong {
  color: #9c3;
}
#inside #article.polar img.header {
  background: url('../../images/extra-yellowgreen.gif') repeat-x;
  border-bottom: 3px solid #9c3;
}
#inside #extra.polar {
  background: url('../../images/extra-polar.gif');
}

/* inside pages cinema --------------------------------------- */

#inside #ad-header.cinema {
  background: url('../../images/extra-darkred.gif');
}
#inside #logo.cinema h1 a {
  color: #900;
}
#inside #logo.cinema h1 a span {
  color: #693;
}
#inside #aside.cinema img.header {
  background: url('../../images/extra-yellowgreen.gif') repeat-x;
  border-bottom: 3px solid #9c3;
}
#inside #aside .container.cinema {
  background: url('../../images/bg-yellowgreen.gif') repeat-x;
}
#inside #wrapper.cinema {
  background: url('../../images/wrap-yellowgreen.gif') repeat-y;
}
#inside #aside.cinema h2, #inside #aside.cinema h3, #inside #aside.cinema h4.date {
  color: #900;
}
#inside #menu.cinema a {
  border-top: 1px solid #ff0;
}
#inside #menu.cinema li a {
  color: #fff;
}
#inside #article h1.cinema, #inside #article h3.cinema, #inside #section.cinema p strong {
  color: #693;
}
#inside #article.cinema img.header {
  background: url('../../images/extra-olivedrab.gif') repeat-x;
  border-bottom: 3px solid #693;
}
#inside #extra.cinema {
  background: url('../../images/extra-cinema.gif');
}

/* page about - modele inside, theme homepage ---------------- */

#inside.about #ad-header {
  background: url('../images/extra-orange.gif');
}
#inside.about #logo h1 a {
  color: #339;
}
#inside.about #logo h1 a span {
  color: #f90;
}
#inside.about #aside img.header {
  background: url('../images/extra-darkred.gif') repeat-x;
  border-bottom: 3px solid #900;
}
#inside.about #aside .container {
  background: url('../images/bg-darkred.gif') repeat-x;
}
#inside.about #wrapper {
  background: url('../images/wrap-darkred.gif') repeat-y;
}
#inside.about #aside.about h2, #inside.about #aside h3, #inside.about #aside h4.date {
  color: #900;
}
#inside.about #menu a {
  border-top: 1px solid #ff0;
}
#inside.about #menu li a {
  color: #fff;
}
#inside.about #article h1, #inside.about #section p strong {
  color: #339;
}
#inside.about #article img.header {
  background: url('../images/extra-lateblue.gif') repeat-x;
  border-bottom: 3px solid #339;
}
#inside.about #extra {
  background: url('../images/extra-about.gif');
}

/* corrections (color and style) ------------------------------ */

#index #menu li.first a, #inside #menu li.first a {
  border-top: none;
}
#index #menu li.current a, #inside #menu li.current a {
 color: #000;
}
#index #menu li a:hover, #inside #menu li a:hover {
 color: #000;
}