/*
** Styles généraux
*/
html { background-color: #f8f8f8; }
body { font-family: Verdana, Arial, sans-serif; font-size: 14px; }
a { text-decoration: none; color: black; }
a:visited { text-decoration: none; color: black; }

/*
** Positionnement des zones
*/
/* dans ce qui suit, le position fixed est destiné uniquement à IE mac grace à l'utilisation du "backslash hack"  */
/* voir ici pour plus d'infos: http://www.sam-i-am.com/work/sandbox/css/mac_ie5_hack.html */
/* style pour IE5 MAC qui est incapable de faire un centrage vertical avec les marges négatives */
.ombre { position: fixed; }
/* following rules are invisible to IE5 MAC \*/
.ombre { position: absolute;  }
/* end IE 5 hack */
.ombre { width: 800px; height: 560px; left: 50%; margin-left: -400px; top: 50%; margin-top: -280px; background: url(../img/ombre2.gif) no-repeat bottom right; padding: 0; }

#container { position: relative; bottom: 7px; right: 7px; border: 1px solid #bababa; width: 800px; height: 560px; background-color: white; }

/* style pour IE5 MAC */
#menu { position: absolute; top: 35px; left: 0px; }
/* following rules are invisible to IE5 MAC \*/
#menu { top: 40px; }
/* end IE 5 hack */

/* style pour IE5 MAC */
#nom-rubrique { position: absolute; top: 0; left: 0; display: inline; width: 99px; }
/* following rules are invisible to IE5 MAC \*/
#nom-rubrique { width: 107px; }
/* end IE 5 hack */

/* style pour IE5 MAC */
#separateur { position: absolute; top: 0; left: 109px; display: inline; width: 8px; height: 20px; }
/* following rules are invisible to IE5 MAC \*/
#separateur { left: 116px; }
/* end IE 5 hack */

#sous-rubriques { position: absolute; top: 0; left: 137px; display: inline; width: 683px; }
#contenu { position: absolute; top: 60px; left: 0px; width: 800px; height: 500px; }
#animations { position: absolute; top: 0; left: 0; width: 310px; height: 500px; }
#droite { position: absolute; top: 0; left: 311px; width: 489px; height: 500px; padding: 0; }
#texte { position: absolute; top: 60px; right: 52px; width: 385px; height: 307px; overflow: auto; }
#menu-tete { position: absolute; right: 3px; bottom: 5px; width: 250px; height: 111px; border: 0px solid red; }
#footer { position: absolute; top: 570px; left: 0; width: 800px; border: 0px solid red; text-align: right;}
#news-block { position: absolute; top: 10px; left: 670px; width: 180px; }

/*
** Styles du menu haut
*/
#menu a { color: black; text-decoration: none; font-size: 90%; }
#menu a.current { color: black; }
#menu a:hover { color: #00ff33; }
#menu ul { list-style-type: none; margin: 0; padding: 0; }
#menu li { display: inline; padding-right: 20px; }

#separateur { background-color: #686868; border: 0px solid red; }

#nom-rubrique { font-size: 110%; font-weight: bold; text-align: right; }
#nom-rubrique a { margin-right: 5px; }

#menu-rubriques { width: 80px; margin-left: 20px; border: 1px solid black; }
#menu-rubriques a { display: block; font-size: 90%; padding-left: 10px; }
#menu-rubriques #close a { text-align: right; font-size: 80%; color: white; background-color: black; }

/*
** Styles du contenu
*/
#texte { padding-right: 6px; font-size: 85%; }
#texte h1 { text-align: left; font-size: 110%; padding: 0; margin: 0; }
#texte h2 { text-align: left; font-size: 100%; }
#texte a { text-decoration: underline; }

/*
** Styles du footer
*/
#footer { padding-right: 10px;  color: #bcbcbc; font-size: 80%; text-align: right; }
#footer a { color: #bcbcbc; }
#footer .lien-autres-langues { text-transform: capitalize; }

/*
** Styles du menu codebarre
*/
#menu-tete { }
#menu-tete a { display: block; font-size: 80%; color: black; }

/*
** Styles du bloc de news
*/
#news-block { background-color: yellow; padding: 10px; font-size: 80%; }
#news-block #icones { background-color: yellow; color: black; border-collapse: collapse; }
#news-block #icones a { color: black; }
#news-block #icones img { border: none; }
#news-block h1 { font-size: 100%; }
#news-block .news-item { margin: 5px 0 5px 0;}

/* Redéfinition de quelques styles internes à spip */
table.spip { border: none; }
table.spip tr.row_first { background-color: transparent; }
table.spip tr.row_odd { background-color: transparent; }
table.spip tr.row_even { background-color: transparent; }

/* style pour IE5 MAC */
/* following rules are invisible to IE5 MAC \*/
/* end IE 5 hack */
