/*  ------------------------------------------------------------- */
/*  Feuille de styles des squelettes Allegretto pour SPIP 1.9.2   */
/*  Version similaire � la version de base d'Allegretto           */
/*  ------------------------------------------------------------- */

/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */
body {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.9em;
  margin: 0;
  padding: 0;
  background: #FBE107;
  color: #373D57;
}

img, table { margin: 0; padding: 0; border: 0; }
ul, ol, li { margin: 0; padding: 0; }
ul { list-style: none; }
h4, h5, h6 { margin: 0; padding: 0; font-size: 1em; font-weight: normal; }

/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
#page {
position: absolute;
width: 100%;
background-color:#FBEF89;
}

#haut {  }

#imageHaut { float:right; }
#imageHaut img { border:0; }

#entete {
  margin: 2px;
  padding: 0;
	height: 112px;
	background: #FBE107 url(images/entete-bandeau.jpg) no-repeat left top; /* L'image du bandeau */
	}

#contenu {
margin-left: 250px;
}
#navigation {
float:left;
width: 245px;
margin-left:5px;
background: #FBE107;
}

#pied {
	clear: both;
	margin-top: 4em;
	border-top: 1px dotted #CCC;
	padding: 2px;
	text-align: center; }
#pied small { font-size: 0.77em; }
#pied img { vertical-align: bottom; }

/*  ------------------------------------------ */
/*  Fil d'Ariane                               */
/*  ------------------------------------------ */
p.ariane {
	margin: 8px 0 5px 2px;
	text-align: left;
	font-size: 0.7em;
  border-bottom: 1px solid #D34202;
background: #FBE107;   }
p.ariane a,
p.ariane a:link,
p.ariane a:hover,
p.ariane a:visited {
	margin: 0;
	}
p.ariane a:active {
	font-weight: normal;
	}


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

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }
/*  ------------------------------------------
/*  les menus de navigation
/*  ------------------------------------------ */
#menuhaut {
background: #FBE107;
list-style-type: none;
padding:0;
text-align: right;
}
#menuhaut li {
display: inline;
}
#menuhaut a {
margin-left:5px;
color: #004785;
text-decoration: none;
}
#menuhaut a:hover {
color: #993300;
}

.menuVertical ul {
	padding: 14px 0 0 0;
	margin: 0;
	list-style-type: none;
	}
.menuVertical li {
	margin-bottom: 6px;
	}
.menuVertical li a:link,
.menuVertical li a:visited ,
.menuVertical li a:active,
.menuVertical li a:focus {
	display: block;
	width: 174px; /* Format et couleurs niveau 1 */
	padding: 3px 0 3px 10px;
	text-decoration: none;
	border: 1px solid #D34202;
	background: #D34202;
	font-weight: bold;
	font-size: 11px;
	color: #FBEF89;
	}
.menuVertical li a:hover {
	color: #D34202; background:#FBEF89; /* Couleur du lien en survol  */
  }
.breves { background: #FBEF89; }
.breves .menu-titre { background: #FBE107; }
.rubriques, .breves, .syndic, .forums, .divers {
	width: 183px;
	border: 1px solid #D34202;
	margin-bottom: 1em;
	font-size: 0.77em;
}
.menu-titre {
	display: block;
	width: 174px; /* Format et couleurs niveau 1 */
	padding: 3px 0 3px 10px;
	text-decoration: none;
	border: 0px;
	font-weight: bold;
	font-size: 11px;
	color: #004785;
}

.breves li { margin-left:18px; list-style-type: square; }

/*  ------------------------------------------
/*  Plan du site, liste des professeurs et horaires des cours
/*  ------------------------------------------ */
#plan {
	margin-top: 20px;
	}
#plan ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	}
#plan ul  li {
	background: url(images/plan-puce.gif) no-repeat;
	margin: 0;
	padding: 6px 0 0 36px;
	}
#plan ul  li.dernier {
	background-image: url(images/plan-dernier.gif);
	}
#plan a:hover,
#plan li a:hover {
	color: #993300;;
}
#plan a, a:visited,
#plan li a, a:visited {
	text-decoration: none;
	color: #004785;
}
/* Alternance de couleur pour les listes */
.pairs {
	display: block;
	background: #F5F5F7;
	}
.impairs {
	display: block;
	background: #FFFFFF;
	}

/*  ------------------------------------------
/*  Habillage du contenu
/*  ------------------------------------------ */

/*  Cartouche et titraille
---------------------------------------------- */
#notes { margin-left:30px; margin:30px 50px;}
#notes img { width:48px; border:0;}
#contenu .spip { list-style-type: square; margin-top: 10px; margin-left: 10px; }
.cartouche { margin-bottom: 2em; }

#contenu .spip a { text-decoration: none;   color: #373D57; }
#contenu .spip a:hover { color: #D34202; }

#contenu h3 { background: #FBE107; text-align:left; }

.cartouche .titre { 
	font-size: 1.60em;
	font-weight: bold;
	color: #004785; }

/*  Les tableaux
---------------------------------------------- */
table.spip {
  width:95%;
	margin: auto;
	margin-bottom: 1em;
	border: 1px solid #D34202;
  table-layout:variable;
 }
table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin: 25px auto;
	padding: 3px;
	font-weight: bold; }
table.spip tr.row_first { background: #D34202; color:#FBE107 }
table.spip tr.row_odd { background: #FBF7D1; }
table.spip tr.row_even { background: #FBF2AA; }
table.spip th, table.spip td {  padding: 3px; text-align: left; vertical-align: middle; }

/* Boite logo, date, auteur de l'article
---------------------------------------------- */
#contenu #boite-logo-article,
#contenu #boite-logo-rubrique {
	width: 340px;
	display: block;
	float: right;
	margin: 0 0 20px 20px;
	background-color: #D34202;
	line-height: normal;
	}
/* Logo */
#contenu #boite-logo-article img,
#contenu #boite-logo-rubrique img {
	display: block;
	margin: 8px auto;
	border: 1px solid #FBE107;
	}

/*  Portfolio
---------------------------------------------- */
#documents_image {
	clear: both;
  text-align:center;
 }
#documents_image img {
	margin: 0 20px;
  text-align:center;
 }

#document_actif { margin-top: 1em; }


p {margin: 0 0 10px 0;}

/*  Titre de 3�me niveau
---------------------------------------------- */
.texte h4 {
	font-size: 1.3em;
	font-weight: bold;
	color: #D34202;
}