/*
  #c1cb81 Vert lime.
  #b0ce72 --
  #45602b Vert forêt.
  #eed6a7 Beige.
  #781e26 Bourgogne.
  #a00b18; Rouge vin.
*/

body
{
  background-color: black; /* Noir. */
  font-family: Segoe UI, Arial, sans serif;
}

body.blank
{
  background-color: white;
}

/* Section centrale contenant le site entier. */
div#container
{
  width: 750px;
  /* background-color: #e7e7e7; */
  background-color: white;
  /* Centre la section. */
  margin-left: auto;
  margin-right: auto;
/*  border: 2px solid #45602b;*/
}

img.section
{
  margin-bottom: 1em;
}

div#featured_video
{
  width: 425px;
  width: 500px;
  margin-top: 35pt; /* @todo p-e qu'on peut mettre ca ailleurs */
  /* Centre le vidéo. */
  margin-left: auto;
  margin-right: auto;
}

img#professeurs
{
  float: left; /* @todo deplacer cette ligne */
}

/* Cardre autour des images, vidéos, etc. */
div#featured_video
{
  border: 0.3em solid #a00b18; /* Rouge vin. */
  padding: 0.6em;
  margin-bottom: 2em; /* @todo deplacer cette ligne */
}

/* */
p.caption
{
  text-align: center;
  color: #781e26; /* Rouge bourgogne. */
}

.introduction p
{
  text-align: center;
  font-size: 13pt;
  color: #45602b; /* Vert forêt. */
  margin: 0.2em;
  padding: 0 2em;
}

p.citation
{
  text-align: center;
  font-size: 14pt;
  color: #781e26; /* Rouge bourgogne. */
}

img#professeurs, p.citation, p.normal
{
  margin: 35pt 35pt 15pt 35pt;
}

p.normal
{
  text-align: justify;
  font-size: 10pt;
  color: #45602b; /* Vert forêt. */
  margin-top: 15pt;
  margin-bottom: 15pt;
  line-height: 17pt;
}

p, h1, h2, h3, ul /* Passion Énergie */
{
  text-align: justify;
  margin: 15pt 40pt;
}

img.section_tag /* Passion Énergie */
{
  margin: 30pt 20pt -15pt 20pt;
}

img.left /* Passion Énergie */
{
  float: left;
  margin-right: 15pt;
}

ul /* Passion Énergie */
{
  list-style-type: none;
}

p.note /* Passion Énergie */
{
  font-size: 10pt;
  margin: -7pt 40pt;
}

p.tags /* Passion Énergie */
{
  text-align: center;
}

em /* Passion Énergie */
{
  font-style: normal;
}

h1 /* Passion Énergie */
{
  text-align: center;
  font-size: 21pt;
  font-family: Segoe UI, sans serif;  
  font-weight: bold;
}

h2 /* Passion Énergie */
{
  font-size: 21pt;
  font-family: Segoe UI, sans serif;  
  font-weight: bold;
}

h3 /* Passion Énergie */
{
  font-size: 15pt;
  font-weight: bold;
  color: #a00b18; /* Rouge foncé. */
  /*margin: 0 4em; /* @todo deplacer */
}

p /* Passion Énergie */
{
  font-size: 13pt;
  font-family: AvantGarde Bk BT, sans serif;
  font-weight: normal;
}

em /* Passion Énergie */
{
  font-size: 13pt;
  font-family: Segoe UI, sans serif;  
  font-weight: bold;
}

table
{
  margin: 1em;
  /* Centrer le tableau. */
  margin-left: auto;
  margin-right: auto;
}

table tbody tr td
{
  font-size: 11pt;
  color: #781e26; /* Rouge bourgogne. */
  color: black;
  padding: 0 14pt;
}

table thead tr td
{
  font-size: 12pt;
  color: #45602b; /* Vert forêt. */
  font-weight: bold;
  padding: 0 14pt;
  padding-bottom: 0.7em;
}

table thead tr th
{
  font-size: 12pt;
  color: #45602b; /* Vert forêt. */
  text-align: left;
  font-weight: bold;
  padding: 0 14pt;
}

table tr td
{
  vertical-align: top;
  text-align: left;
}

#sectionheader
{
  padding: 0 4em;
  margin-bottom: 1em;
}

#conclusion_horaire
{
  font-size: 12pt;
  color: #45602b; /* Vert forêt. */
  padding: 0 8em;
}

#tag_video
{
  margin: 0 2em;
  float: right;
}

div#videolist
{
  text-align: center;
}

iframe.videolist
{
  width: 30%;
  height: 300px;
  border: 0.3em solid #45602b;
}

iframe#archive
{
/*  display: none;*/
}

img#apercus
{
  margin: 1em 0;
}

.dates
{
  color: #781e26; /* Rouge bourgogne. */
  font-size: 14pt;
}

.contact, .lieu
{
  color: #45602b; /* Vert forêt. */
  font-size: 14pt;
}

.ciename
{
  color: #45602b; /* Vert forêt. */
  font-size: 16pt;
  font-weight: bold;
}

.dancetype
{
  color: #c1cb81; /* Vert lime. */
  padding-left: 1em;
}

table#activites tr td
{
  vertical-align: top;
  padding: 0;
  font-size: 10pt;
}

table#activites tr td.logo
{
  padding-bottom: 3em;
}

.already_occured td
{
  text-decoration: line-through;
  /*color: red;*/
}

td.logo
{
  text-align: center;
  margin-bottom: 10em;
}

h4
{
  font-size: 12pt;
  color: #781e26; /* Rouge bourgogne. */
  margin: 0 4em; /* @todo deplacer */
}

h5
{
}

h6
{
}

h7
{
}

/* phpMyVisites */
.phpmv
{
  margin: 0.7em;
  float: left;
  position: relative;
  /*top: -3em;*/
  margin-top: -2em;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

nav
{
    background-image: url('../images/fond_menu.jpg');
    min-height: 315px;
    font-size: 11pt;
    /* @see http://stackoverflow.com/questions/3913283/centering-a-ul-with-floated-li */
    width: 750px;
    text-align: center;
}

nav ul
{
    padding: 0;
    margin: 1em auto;
    display: inline-block;
}

nav ul li
{
    float: left;
    height: 2.5em;
    width: 7.2em;
    height: 3.8em;
    width: 8.1em;
    padding: 0;
    margin: 0.5em 0.5em;
    background-color: white;
    border: 2px solid black;
    border-radius: 10px;
    box-shadow: 3px 3px 3px black;
    text-align: center;
}

nav ul li:hover
{
    transform: rotate(-4deg);
}

nav ul li a
{
    /* @see http://stackoverflow.com/questions/7019231/how-do-i-make-an-a-tag-the-size-of-its-parent-li-tag-for-larger-clickable-r */
    padding: 0.4em 0.4em 0.5em 0.4em;
    display: block;
    color: black;
    text-decoration: none;
    font-size: 21pt;
}

nav ul li a.small
{
    font-size: 13pt;
}