/* 4 couleurs peuvent être choisies
1 -> couleur des textes
2 -> fond du header, corps, footer
3 -> fond du corps et de la page, et du footer pour le design fixe
4 -> titres des menus

(1), (2) et (3) doivent être tous différents
(2) doit être différent de blanc (pour l'affichage du logo)
(4) doit être différent de (1)
*/

/* positionnement et coloration des cadres - PROPRIETES COMMUNES AUX TROIS DESIGNS */
body
{
padding: 0px;
background-color: #CCFFFF; /* doit être identique à (3) */
}

#header
{
background-color: #00CCFF; /*  doit être identique à (2)  */
padding-top: 2px;
padding-bottom: 2px;
background-image: url(logo.gif);
background-repeat: no-repeat;
background-position: 2px 2px;
}

#menus
{
float: right;
background-color: #00CCFF; /* doit être identique à (2) */
}

#corps
{
padding: 5px;
}

#footer
{
clear: both;
padding-top: 2px;
padding-bottom: 2px;
}
/* -----------------------------------------------------*/

/* définition des polices et styles de paragraphes (en général)*/
body
{
font-family: "Times New Roman", serif;
color: #0000FF; /* doit être identique à (1) */
font-size: 16px;
}

a
{
color: #0000FF; /* doit être identique à (1) */
}

a:visited
{
color: #0000FF; /* doit être identique à (1) */
}

#header p
{
font-family: "Arial Black", serif;
font-size: 32px;
margin: 0px;
}

#footer p
{
margin: 0px;
font-size: 12px;
}

#corps p
{
margin-top: 0px; /* pour que l'affichage débute vraiment en haut */
}

#header
{
text-align: center;
}

#menus
{
text-align: center;
}

#corps
{
text-align: justify;
}

#footer
{
text-align: center;
}
/* -----------------------------------------------------*/

/* propriétés pour les tableaux servant de menu */
.menu
{
margin-left: 5px;
border: 2px solid #0000FF; /* doit être identique à (1) */
margin-bottom: 10px;
border-collapse: collapse;
width: 320px;
}

.menu th
{
font-weight: bold;
background-color: #0000FF; /* doit être identique à (1) */
color: #FFFFFF; /* (4) */
text-align: center;
}

.menu td
{
text-align: center;
}
/*------------------------------------------------------*/

/* propriétés pour les tableaux des articles */
#corps table
{
border: 2px solid #0000FF; /* identique à (1) */
border-collapse: collapse;
}

#corps td
{
border: 1px solid #0000FF; /* identique à (1) */
padding: 2px;
text-align: center;
}

#corps th
{
border: 1px solid #0000FF; /* identique à (1) */
padding: 2px;
text-align: justify;
font-weight: normal;
}
/*------------------------------------------------------*/

/* propriétés pour les images */
img
{
border: 0px;
margin-right: 10px;
margin-bottom: 10px;
}

.imageseule
{
text-align: center;
}

.flottante
{
float: left;
}
/*------------------------------------------------------*/

/* propriétés pour les sudokus */
.sudoku .grande, .sudoku .grandeblanche
{
color: #0000FF; /* doit être identique à (1) */
text-align: center;
border: 0px;
font-size: 20px;
height: 25px;
width: 25px;
}

.sudoku .petite, .sudoku .petiteblanche
{
color: #0000FF; /* doit être identique à (1) */
text-align: center;
border: 0px;
font-size: 11px;
height: 12px;
width: 25px;
}

.sudoku .grande, .sudoku .petite
{
background-color: #CCFFFF; /* doit être identique à (3) */
}

.sudoku .grandeblanche, .sudoku .petiteblanche
{
background-color: #FFFFFF;
}

.sudoku td
{
width: 40px;
}
/*----------------------------------------------------- */



/* enfin les propriétés diverses */
.stopflottant
{
clear: left;
}

.titreparagraphe
{
font-style: italic;
text-decoration: underline;
}

hr
{
height: 3px;
color: #0000FF; /* identique à (1) */
}

.angle
{
text-decoration: overline;
}

#corps .sansbordure
{
border: 0px;
}

.blanche
{
background-color: #FFFFFF; /* destiné aux cases devant avoir un fond blanc */
}

.poeme
{
text-align: center;
}

.problemes img
{
margin: 0px; /* destiné aux images indiquant la difficulté et le niveau scolaire des problèmes */
}

.sources /* sources de bas de page */
{
text-align: right;
font-size: 0.8em;
margin-bottom: 0px; /*pour que le cadre colle au bas */
}

.comptes
{
position: absolute;
}