/* --------------------------------- */
/* PARTIE COMMUNE A TOUTES LES PAGES */
/* Menu */
#menu
{
background: #8EBCEE;
width: 20%; /* place que prend le menu */
position: fixed; /* il ne bouge pas */
left: 0px; /* il est placé à gauche */
top: 0px; /* et en haut */
overflow: auto; /* scroll automatique */
text-align: left;
font-family: "Colonna MT", serif;
font-variant: small-caps;
font-size: x-large;
}

#menu ul /* la liste du menu */
{
list-style-type: circle;
}

img
{
border: none; /* enlève la bordure bleue moche des images cliquables */
}

#menu a /* les liens du menu */
{
text-decoration: none; /* ne souligne plus les liens du menu */
}

body
{
background: #8EBCEE; /* couleur du site d'origine */
}

/* Logo */
.logo
{
width: 149px;
height: 21px;
margin: auto;
background-image: url("fichiers/images/logo.gif");
}

/* Pied de page */
#pied_de_page
{
padding: 3px;
text-align: center;
color: #B3B3B3;
background: #990000;
border: 2px dotted black;
margin-right: 5px; /* va avec la bordure de la page */
}

#pied_de_page a /* sinon on ne voit rien avec la couleur de fond marron */
{
color: blue;
}
/* --------------------------------- */

/* -------------- */
/* PAGE PRINCIPALE */
#page
{
width: 80%; /* place que prend la page */
position: absolute; /* pour la placer en haut et à droite, cf ci-dessous */
right: 0px;
top: 0px;
overflow: auto; /* scroll auto */
border-left: dotted;
padding-left: 5px; /* va avec le pied de page */
font-family: "Comic Sans MS", serif;
}
/* -------------- */

/* -------------- */
/* PAGE D'ACCUEIL */
#intro
{
margin-bottom: 20px; /* pour éviter que le corps colle trop au pied de page en-dessous */
color: black;
font-family: "Comic Sans MS", serif;
}

.news
{
font-family: "Monotype Corsiva", serif;
text-decoration: blink;
text-align: left;
}

#corps
{
font-family: "Comic Sans MS", serif;
}
/* -------------- */

/* ------------- */
/* TROMBINOSCOPE */
.trombi
{
float: left;
}

.recadrage_v
{
height: 200px;
}

.recadrage_h
{
height: 133px;
}
/* ------------- */

/* -------- */
/* ARCHIVES */
.icone
{
height: 80px;
}
/* -------- */


.barre
{
text-decoration: line-through;
}

h1
{
text-align: center;
font-family: "Harlow Solid Italic", serif;
}