/*--------------------------------------------------------- */
/* Feuille de style pour Site Youth International Camp 2008 */
/*--------------------------------------------------------- */


/*--------------------------------------------------------- */
/* Les styles généraux                                      */
/*--------------------------------------------------------- */

html {
  font-size: 100%;
}

body {
  font-size: 0.80em;
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  background: #d3d700;
  margin: 0;
  padding: 0;
  text-align: center;
}

h1 {
  margin: 0;
  padding: 0.20em 0.40em;
  background: #2b2b00;
  font-size: 1.50em;
  font-weight: bold;
  color: #EEE;
}

h2 {
  margin: 0;
  padding: 0.20em 0.40em;
  background: #7d7f00 url(images/menuh2.gif) right repeat-y;
  font-size: 1.50em;
  font-weight: bold;
}

h2, h2 a, h2a:hover {color: #EEE}

h3.spip{}


/*--------------------------------------------------------- */
/* Disposition à l'écran des différents blocs               */
/*--------------------------------------------------------- */

div#page {
  width: 780px;
  margin: 0 auto;
  text-align: left;
  background: #fff;
}

div#top {
  width: 780px;
  margin: 0;
  font-weight: bold;
  font-size: 1.10em;
  padding-top: 1em;
  background: #d3d700 url(images/fond-topr.gif) bottom no-repeat;
}

/*div#top #nom_site_spip, #top a .spip_logos {
  display: block;
  float: left;
  font-weight: bold;
  font-size: 1.50em;
}*/

div#conteneur {
  clear: both;
  float: left;
  width: 67%;
  overflow: hidden;
}

div#contenu {
  padding-top: 0.30em;
}

div#navigation {
  float: right;
  width: 30%;
  overflow: hidden;
}

div#extra {
  float: right;
  clear: right;
  width: 30%;
  overflow: hidden;
}

div#pied {
  float: center;
  clear: both;
  width: 100%;
  margin: 0;
  padding-top: 3em;
  background: #d3d700 url(images/fond-pied.gif) top no-repeat;
  text-align: center;
  font-size: 0.90em;
}

div#pied img {
  vertical-align: bottom;
}

/* Espaceur de blocs */
.nettoyeur {
  clear: both;
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  line-height: 1px;
  font-size: 1px;
}

/*non visible à l'écran */
.invisible {
  position : absolute;
  top: -3000em;
  height: 1%;
}

/*  ------------------------------------------ */
/*  Habillage des elements du contenu          */
/*  ------------------------------------------ */

#hierarchie { 
  margin-bottom: 2em;
  padding: 0.20em 0.40em;
  background: #7d7f00 url(images/menuh2.gif) right repeat-y;
  font-size: 0.90em;
  font-weight: bold;
  color: #EEE;
}

#hierarchie a {
  color: #EEE
}


/*-------------------------------*/
/*sous navigation et autres menus*/
/*-------------------------------*/

/* Habillage general des menus de navigation */
.menu { clear: both; margin-bottom: 2em; text-align: left; }
.menu p { margin: 0.20em 0; padding: 0.20em 0.10em; }
.menu ul { margin: 0; padding: 0; list-style: none; }
.menu ul li { margin: 0.20em 0; padding: 0.20em; border-bottom: 1px solid #DDD; }
.menu ul li ul { margin-left: 1em; }
.menu ul li li { padding: 0; border: 0; }
.menu h1 a {color: #EEE;}

/* Pagination */
.pagination { clear: both; text-align: right; font-size: 0.90em; color: #666; }
.pagination .on { font-weight: bold; color: #666; }

/* Rubriques */
.rubriques ul li { background: #7d7f00; border: 0; }

/* Listes d'articles et extraits introductifs */
.articles ul li { clear: both; padding: 0.40em 0.20em; }
.articles ul li h3 { margin: 0.40em 0; padding: 0; }
.articles .spip_logos { float: right; clear: right; margin: 0 0 4px 16px; }
.articles ul li .enclosures { float: right; text-align: right; max-width: 60%; margin: 0; }
.articles ul li .introduction { margin-top: 0.30em; line-height: 1.40em; }


/* Couleurs des liens
---------------------------------------------- */
a { color: #000; text-decoration: none; }
a:hover { color: #ed9f9f; text-decoration: underline; }