/* xxxxxxxxxxxxxxxxxxxxxxxx Les modifs du collège Rimbaud sont marquées par des xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */



body {
	background-color: #B9B9B9;
	background-image: url(img/briques3.gif);
	background-repeat: repeat;
}

#page {
	background-color: #DFDFDF;
	background-image: url(img/briques.gif);

}
#entete       /* bandeau */
{
	background-color: #3E4A9E;
	background-image: url(img/bandeau-logo.gif); /* xxxxxx Partie logo du bandeau xxxxxx */
	height: 140px; /* hauteur du contenu (pour tous les navigateurs) */
	background-repeat: no-repeat;
	background-position: left bottom;

}

#entete a.nom-site,
#entete a.nom-site:link,  
#entete a.nom-site:visited /* xxxxxx Partie "Arthur Rimbaud" du bandeau xxxxxx */
{
   background-image: url(img/bandeau-ar.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#entete a.nom-site:hover   /* xxxxxx Partie "Bienvenue" du bandeau xxxxxx */
{
	background-image: url(img/bandeau-bv.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#entete .nom-site span  /* xxxxxx pour cacher le nom du site xxxxxx */
{
	height: 1px;
	width: 1px;
	overflow: hidden;
}
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx ce qui suit remplace : 
#encart, #menu-rubriques { top: 150px; } pour que les boutons 
passent sous le bandeau xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#navigation { left:0; top: 140px; } 

#menu-principal {
	top: 0;
	background-image: url(img/bleu.gif); /* xxx les trois boutons sous le bandeau xxx */
	background-repeat: repeat;
}
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Agit sur la couleur de fond du menu horizontal sous le bandeau mais
en se mettant sous la couleur configurée dans "base.css". 
On peut y mettre une image répétée mais elle s'affiche elle aussi sous la couleur. 
Si on annule cette couleur dans base.css, les boutons du menu de gauche deviennent 
transparents. Problème résolu ci-dessous en rajoutant l'image sur #menu-rubriques 
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#bloc-contenu { margin-top: 30px; }
#menu-rubriques {
	top: 30px;
	background-color: #313C72;
	/*background-image: url(img/bleu2.gif);*/
	background-repeat: repeat;
} /* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx 
image rajoutée pour teinter les boutons de gauche indépendamment de ceux du haut. 
Si on enlève cette commande d'image, l'incidence ne se fait pas que sur l'image
mais aussi sur les boutons de gauche comme "Arts plastiques" qui deviennent jaunes 
clairs alors que le bouton de droite "nouveauté sur le site" devient transparent et 
que la rangée de boutons de droite commencent un crant plus bas. 
La présence ou non du backgrand-color ne change rien à ce comportement. 
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#encart { 
	top: 170px; 
	background-color: #313C72; } /* xxxxxx Fond du menu de droite xxxxxx */
	
#menu-principal-contact,
#menu-principal-recherche {
	float:none;
	position:relative;
	right:0;
	top: 0px;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx 
Fin de la partie rajoutée pour des boutons sous le bandeau
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */


/* -------------------------------------------------------
   Changement de couleur de fond pour les menus de navigation
 ------------------------------------------------------- */


/* COULEURS des menus et edito */
.menu-item,
.menu-titre-special,
.menu-titre,
.menu ul li a, 
.menu ul li b,
.edito h3  {  background-color: none; } /* xxxxxxxxxxxxxxxxxxxxxxxxx
Teinte les boutons hauts, gauches et droits. On peut aussi mettre une 
image répétée mais, où qu'on mette la commande, les boutons du "menu ul li a" 
se teintent tous xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */


/* bleu pale extrait de l'image du bandeau */
.menu ul li { border-top: 0px solid #6CC; } /* xxx tous les boutons */
.menu ul li li { border-top: 1px solid #6CC; } /* xxx rien */


/* separateur : meme couleur que fond de BODY */
.menu ul li a,
.menu ul li b,
.edito h3,
.signatures td {
	background-color: none; } /* xxxxxxxxxxxxx change la couleur de tous les boutons. 
	L'image répétée fonctionne de façon envahissante xxxxxxxxxxxxxx */


/* background */
.menu ul li li a:hover, /* xxxxxx titre brève xxxxxx */
.menu ul li li a:visited, /* xxxxx titre brève xxxxx */
.menu li span, /* xxxxxxxxxx dates menus droits xxxxxxxxx */

li.annonce { 
	background-color: #F9F2A7; } /* xxxx dates menus droits (jeune pâle) xxxxxxxxxxxxxxxxxxxxxxx */
	
.menu ul li a:hover {
	background-color: #9DEAFD; } /* xxxxx Survol boutons bleus (bleu clair) xxxxxx */

.menu ul li li a:hover,
.menu ul li li a.article:hover { 
	background-color: #FAFB92; } /* xxxx Survol boutons gauches et droits (jaunes vif) xxxxxxxxxxxx */

.menu ul li li a.lienon { 
	background-color: #FFE86B; } /* xxx Boutons sous-rubrique affichée (jaune d'or) xxxxxxxxxxxxxxxxxx */

.menu ul li li a.article { 
	background-color: #FFFFFF; } /* xxx était #F8F4F9; Boutons gauches et droits libres ou articles affiché xxxxxxxxxxxxxxxxxxxxxxxx */

.menu ul li li a.article:visited { 
	background-color: #FFE86B; } /* xxxx ligne rajoutée perso pour un boutons article affiché (jaunes d'or) mais ça ne marche pas xxxxxxxxxxxx */

/* -------------------------------------------------------
   Autres changement de couleur et typo pour les titres
 ------------------------------------------------------- */

#bloc-contenu h3 a,
h3.spip,
h1.titre-article { color: #000000; }

h3.spip
{
	border-color: #6CC;
	border-width: 0 0 1px 0;
	border-style: solid;
}

h1.titre-article /* titre des articles */
{
	font-family: Georgia, Bookman, Palatino, "Times New Roman", Times, serif;
	font-size: 2.2em;
	font-weight: normal;
	line-height: 1em;
}

#bloc-contenu h3 a /* titres des articles récents */
{
	font-size: 1.5em;
	font-family: Georgia, Bookman, Palatino, "Times New Roman", Times, serif;
	font-weight: normal;
}

#bloc-contenu h3.edito-titre a /* titres des rubriques */
{
	color: white;
	font-weight: bold;
	font-size: 1em;
	font-family: Verdana, "Trebuchet MS", "Lucida Grande", "Lucida Sans", Tahoma, Arial, 'Helvetica Neue', Helvetica, Geneva, Lucida, sans-serif;
}

#plan .plan-rubrique h3 { background-color: #6CC; }