* {
  margin: 0;
  padding: 0;
}
.spacer {
  clear: both;
}
html {
  background-color: #c6a76c;
}
.bold {
  font-weight: bold;
}
.italic {
  font-style: italic;
}
.carac_green {
  font-weight: bold;
  color: green;
}
.carac_red {
  font-weight: bold;
  color: #ff0000;
}
#content {
  width: 80%;
  margin: 1em auto;
  background-color: #7a6743;
  padding-top: 1em;
  padding-bottom: 1em;
  border: 2px solid #383838;
}
* html #content {
  width: 100%;
  margin-left: 10%;
  margin-right: 10%;
} /* Titre en-tête */
h1 {
  margin-top: 0.5em;
  text-align: center;
} /* Image d'en-tête */
img.img_head_left {
  vertical-align: middle;
  margin-right: 2em;
}
img.img_head_right {
  vertical-align: middle;
  margin-left: 2em;
} /* Menu */
#head_menu {
  width: 95%;
  margin: 1em auto 2em;
  text-align: center;
}
* html #head_menu {
  width: 100%;
  margin-left: 5%;
  margin-right: 5%;
}
#head_menu li {
  display: inline;
  width: 20%;
  background-color: #c6a76c;
  text-align: center;
  list-style-type: none;
  padding: 0.1em 0;
  text-align: center;
  overflow: hidden;
}
* html #head_menu li {
  width: 19.9%;
}
#head_menu li a {
  font-weight: bold;
  font-family: Arial;
  text-decoration: none;
  padding: 0 0.8em;
  color: #000000;
}
#head_menu li a:hover {
  background-color: #7e9194;
  color: #ffffff;
  text-decoration: underline;
} /* Accueil avant */
#tbl_pg_1 {
  width: 70%;
  margin: 1em auto;
  border-collapse: collapse;
}
* html #tbl_pg_1 {
  margin-left: 15%;
  margin-right: 15%;
}
#tbl_pg_1 td {
  width: 40%;
  text-align: center;
  border: 1px solid #383838;
  background-color: #c7c7c7;
}
#tbl_pg_1 th.middle_col {
  border: 1px solid #383838;
  background-color: #7e9194;
}
#tbl_pg_1 th {
  border: 1px solid #383838;
  background-color: #7e9194;
} /* Image pied de page */
#img_bottom {
  text-align: center;
  margin: 5em 0 0;
  font-weight: bold;
  font-style: italic;
}
#img_bottom img {
  border: 0;
} /* roster */
.compo_team {
  width: 99%;
  margin: 1em auto;
  border-collapse: collapse;
  font-size: 0.8em;
}
* html #compo_team {
  margin-left: 0.5%;
  margin-right: 0.5%;
}
.compo_team td {
  text-align: center;
  border: 1px solid #383838;
  background-color: #c7c7c7;
}
.compo_team th {
  border: 1px solid #383838;
  background-color: #7e9194;
  padding-left: 0.1em;
  padding-right: 0.1em;
}
.compo_team caption {
  margin-top: 1em;
  font-size: 2em;
  font-weight: bold;
  font-family: Arial;
} /* Préz'entation */
#prez,
.interview,
.bobjim {
  width: 90%;
  margin: 0 auto 1em;
  border: 1px solid #383838;
  background-color: #c6a76c;
}
* html .interview,
* html #prez,
* html .bobjim {
  width: 100%;
  margin: 0 5%;
}
#prez h3 {
  text-align: center;
  text-decoration: underline;
}
#prez p {
  width: 90%;
  margin: 1em auto;
  text-indent: 1em;
  text-align: justify;
}
* html #prez p {
  width: 100%;
  margin: 1em 5%;
} /* Interview */
.interview p {
  width: 90%;
  margin: 0em auto;
  text-indent: 1em;
  text-align: justify;
}
* html .interview p {
  width: 100%;
  margin: 0em 5%;
}
.interview p.question {
  font-weight: bold;
  font-style: italic;
  margin: 1em auto 0.1em;
} /* Menu Interview */
.menu_int {
  text-align: center;
  margin-bottom: 0.25em;
}
.menu_int li {
  display: inline;
  margin-left: 2em;
  margin-right: 2em;
  padding: 0.1em 0.5em;
  width: 50%;
  background-color: #7e9194;
  border: 1px dashed #383838;
}
* html .menu_int li {
  width: 46%;
  margin: 0 2%;
}
.menu_int li a {
  color: #ffffff;
  font-weight: bold;
  text-decoration: underline;
} /*Bob et Jim */
.bobjim p {
  width: 90%;
  margin: 0.5em auto;
  text-indent: 1em;
  text-align: justify;
}
* html .bobjim p {
  width: 100%;
  margin: 0.5em 5%;
}
.bobjim h3 {
  text-align: center;
  margin-top: 1em;
}
.bobjim p.photo {
  width: 100%;
  text-align: center;
  margin: 0.5em 0;
}
.bobjim p.photo span {
  font-weight: bold;
  font-style: italic;
} /* Photos */
.photos {
  width: 90%;
  margin: 1em auto;
  border: 1px solid #383838;
  background-color: #c6a76c;
  text-align: center;
}
* html .photos {
  width: 100%;
  margin: 1em 5%;
}
.photos p {
  margin-top: 1em;
}
.photos p span {
  font-style: italic;
  font-weight: bold;
}
p.chant {
  text-indent: 0;
  margin-left: 4em;
  font-style: italic;
}