/* ----------------------------------------------------------------- */
/* >>> GLOBAL */

/* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; 	border: 0;
}

#title_ffe img, #right_header, #nav, #fil_ariane,
#content_right, #footer, #bottom_page,
#ezwt, #debug, #connected, .dropdownCell, #diapo,
#bloc_search_club, .bloc_ffetv, .carrousel, .pagination,
.top_l, .top_r, .bottom
{
  display: none;
}

body { margin: 2% 5%; }

p {
  margin: 1em 0;
  text-align: justify;
}

img { display: block; }
div.left, img.left { margin: 0 10px 5px 0; }
div.right, img.right { margin: 0 0 5px 10px; }
div.center img, img.center { margin: 0 auto; }

ul {
  list-style: disc none outside;
  overflow: hidden;
  padding-left: 15px;
}
ul.fleche, .boite_lien ul {
  list-style: url(../images/css/arrow_grey_list.gif) none outside;
  margin: 0;
}
ul.nostyle { list-style: none none outside; }

table {
  width: 100%;
}
  table th, table td {
    text-align: left;
    vertical-align: top;
  }
  table th {
    background-color: #B5BEC7;
    color:#254B71;
    border: solid 1px #FFF;
    padding: 0.25em;
    font-weight: normal;
  }
  table tr.bglight, table tr.cv_liste_ligne_0 { background-color: #FAFAFA; }
  table tr.bgdark, table tr.cv_liste_ligne_0 { background-color: #E7E7E7; }
  table td { padding: 0 0.25em; }

.bold { font-weight: bold; }
.small { font-size: 0.9em; }
.big { font-size: 1.2em; }
.left { float: left; }
.right { float: right; }
.marge { margin-left: 15px; }
.margetop { margin-top: 2.5em; }
.spacer { clear: both; }
.overflow-hidden { overflow: hidden; }
.moitie { width: 48%; margin-left: 0.5% }
.separator {
  display:block;
  width: 100%; height: 1em;
  border-bottom: 1px dotted #BEBDBC;
}

/* ----------------------------------------------------------------- */
/* >>> TYPO and HEADINGS */

body {
  background-color: #FFFFFF; color: #3A3434;
  font: 8pt/1.5em "Liberation serif", Arial, serif;
	quotes: '\0000ab\0000a0' '\0000a0\0000bb' '\00201c\0000a0' '\0000a0\00201d';
}

p.legend {
  font-size: 0.9em;
  font-style: italic;
  text-align: left;
}

a, a:link, a:visited {
  background-color: transparent;
  color: #173308;
  font-weight: bold;
  text-decoration: none;
}
p a[href^="/"]:after,
a.fleche[href^="/"]:after, a.fleche[href^="/"]:after,
a.fleche_inverse[href^="/"]:after, a.fleche_inverse[href^="/"]:after,
a.bouton_lien_focus[href^="/"]:after, a.bouton_lien_focus[href^="/"]:after {
  content: " (http://www.ffe.com" attr(href) ") ";
}
a[href^="http://"]:after, a[href^="https://"]:after {
  content: " (" attr(href) ") ";
}
a.bouton_lien {
  display: block;
  overflow:hidden;
}

h1 {
  font-size: 20pt;
  margin: .67em 0;
}
h2 {
  font-size: 2em;
  font-weight: bold;
  margin: 1.5em 0 0.5em;
  /*color: #347312;*/
}
h3 {
  font-size: 1.5em;
  margin: .5em 0;
  font-weight: bold;
  /*color: #347312;*/
}
h4 { font-size: 1em; }
h5 { font-size: .83em; }
h6 { font-size: .75em; }

/* ----------------------------------------------------------------- */
/* >>> CONTENT */

#header { overflow: hidden; }
#header div { float: left; }

#content_deuxTiers { width: 100%; }

  #content_left, #content_center {
    float: left; width: 45%;
  }
  #content_center { margin-left: 10%; }

.content p { text-align: left; }

.listitem {
  overflow: hidden;
  padding: 5pt 0;
  border-bottom: 1pt dotted #BEBDBC;
}
div.listitem.left {
  width: 22%;
  height: 200pt;
  border: none;
}

p.legend { margin: 0; }
p.legend.left { clear: left; }
p.legend.right { clear: right; }

.liste_thematique dd {
  overflow: hidden;
  margin-bottom: 2pt;
}

.boite_lien .top, .a_la_une .top, .infosSuppl .top {
  clear: both;
}

ul.listeSousElements, ul.sommaire {
  list-style: url(../images/css/arrow_green2.gif) outside;
  overflow: hidden;
  margin: 15pt 0 15pt 10pt;
}

  .listeSousElements li {
    float: left;
    width: 22%;
    margin-left: 3%;
  }

.reglement ul { list-style: none none outside; }
  .reglement ul li { margin-top: 10pt; }

/* Fiche Technique (voir biographies) */
.fiche_tech {
  float: left;
  margin-right: 10px;
  width: 250px;
}
  .fiche_tech ul { margin: 5px 0 5px 10px; }

.planche-contact {
  list-style: none none outside;
  padding: 0;
}
  .planche-contact li {
    float: left;
    display: block;
    width: 33%;
    margin-bottom: 10px;
  }
    .planche-contact li a {
      display: block;
      width: 100%;
    }
      .planche-contact li a img { margin: 0 auto; }

/* ----------------------------------------------------------------- */