/* CSS Document */
body
{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:80%;
background-image: url(../images/entete.gif); background-repeat: no-repeat;/* Image de l'entête du site (varie selon la couleur d'affichage)*/
margin-left:15%; padding-left:139px; padding-right:50px; margin-top:140px;}
/**************************************************************************
FICHIER ENTETE.HTML
**************************************************************************/
/*Lien vers la page d'accueil du site et les sites ministériels*/
#logoprint
{visibility:hidden; position:absolute; top:10px; left:10px; width:257px;}
.ia93
{position: absolute; top: 50px; Left:20px; width: 120px; height: 30px;}
.academie
{position: absolute; top: 100px; Left:20px; width: 52px; height: 30px;}
.men
{position: absolute; top: 140px; Left:5px; width: 67px; height: 35px;}
.ministere
{position: absolute; top: 203px; Left:23px; width: 48px; height: 30px;}
/* En-Tête */
h1
{font-size:240%; font-weight:bolder; font-family:Arial Narrow; color: #8C6B6B;
position:absolute; top:46px; left:177px; margin:0px; width:100%;}
.descriptifsite
{font-size:50%; color: #A9775D;}
.www
{font-size:50%; color: #A9775D; visibility:hidden;}
/* Bandeau de navigation */
#affichage{
position: absolute; top:0px; right: 0px; margin:0px; padding:1px;
background-color:#D1C1C3; border:1px solid #C99E8B; border-top:0px;
text-align:right; color: #99E8B;}
#changestyle{
position: absolute; top:20px; right: 0px; margin:0px; padding:1px;
background-color:#ffffff; text-align:right; visibility:hidden;}
.pardefaut{
font-size:80%;}
/**************************************************************************
SOMMAIRE DES ARTICLES
**************************************************************************/
#sommaire{position: absolute; top: 150px; Left:120px; width:15%;}
#sommaireoff{position: absolute; top: 110px; Left:100px; visibility:hidden;}
.controle-sommaire{font-size: 80%; color:#666666;}
/**************************************************************************
STYLES GENERAUX
**************************************************************************/
/* Titre */
h2
{color: #1EA5BC;}
h3
{color: #A9775D;}
/* Tableaux */
table{font-size:80%;}
td{border:1px solid #A9775D;}
th{background-color:#A9775D; color:#ffffff;}
.tableauimportant{
background-color: #ABD3DC;}
/* Images */
img{padding:3px;}
.imagegauche{margin-right:15px;}
.imagedroite{margin-left:15px;}
/* Textes */
.important{
font-weight:bold; padding:10px; background-color:#AFCCD4; border:3px solid #A6C0C9;}
.separation{
border-bottom:2px solid #A6C0C9;}
acronym{
cursor:help;
border-bottom:1px dotted #369;
}
/* Liens */
a {/* Liens par défaut*/
text-decoration:none; color: #3399CC;}
a:hover{
text-decoration: underline; color: #A9775D;}
/* Listes */
ul.lien-ia{
list-style-image:url(../images/puce-ia93.gif);}
ul.lien-academie{
list-style-image:url(../images/puce-ia93-academie.gif);}
ul.lien-externe{
list-style-image:url(../images/puce-ia93-externe.gif);}
/**************************************************************************
FIl D'ARIANE
**************************************************************************/
.ariane{
background-color:#D1C1C3;}
/**************************************************************************
FLECHE DE RETOUR EN HAUT DE PAGE (Ne marche pas sous IE)
**************************************************************************/
#fleche-haut{visibility:hidden;}
html>body #fleche-haut{visibility:visible; position:absolute; bottom:0px; right:10px; position:fixed;}
/**************************************************************************
Message d'avertissement concernant une rubrique en construction
**************************************************************************/
.chantier{
position:absolute; top:50px; right:50px; margin:0px; width:300px; background-color:#FFFF66; padding:5px;}

/**************************************************************************
PAGE SOMMAIRE.HTML
**************************************************************************/
/* COLONNE DES INFORMATIONS GENERALES */
#educ93{ /* Calque de positionnement du menu des infos générales */
position: absolute; top: 129px; Left:101px; width:45%; z-index: 2;}
html>body #educ93{
width:30%;}
.h2general{
font-size:100%; font-weight: bold;}
.menu-niveau1{ /* Style des rubriques de 1er niveau */
font-size:90%; background-color:#ABD3DC; font-weight:bold; margin-top:10px; margin-bottom:0px;}
.menu-niveau2{ /* Style des rubriques de 2nd niveau */
font-size:90%; border-bottom:1px solid #C99E8B; margin-top:2px; margin-bottom:2px;}
.annuaire{
font-size:110%; border:2px solid #00A0C6; font-weight:bold; margin-top:10px; margin-bottom:0px;}
a.lien-menu { /* Styles des liens du menu général */
color: #000000; font-weight:normal;}
a.lien-menu:hover {
text-decoration:none; color: #0290CE;}
/* Profils d'utilisateurs */
#colonne-profil{ /* Calque de positionnement des boutons de profil */
position: absolute; top: 165px; left: 30%; padding-left: 140px; right: 20%; padding-right: 10px;}
/**************************************************************************/
/*COLONNE "VOUS ETES" */
.h2profil{ /* Style du titre "Vous êtes" */
font-size:100%; font-weight: bold;
position: absolute; top:141px; left: 30%; padding-left: 140px; margin:0px;}
.boutonprofil{ /* Style des boutons*/
font-size:100%; font-weight: bold;
position: center; padding-left: 30px; padding-top:10px; padding-bottom:0px; margin:0px; width : 160px; 
background-image: url(../images/bouton.gif); background-repeat: no-repeat;}
.rubriquesprofil{
font-size:90%; padding-left:30px; margin:4px;}
a.lien-profil{ /* Style des liens des boutons */
color: #000000;}
a.lien-profil:hover {
text-decoration:none; color: #1EA5BC;}
/**************************************************************************/
/* Colonne "POLITIQUE EDUCATIVE" */
#politique{/* calque de positionnement des rubriques sur la politique éducative*/
position: absolute; top: 130px; right:0px; width:40%; margin:0px; padding-bottom:0px;}
html>body #politique{
width:23%;}
.h2politique{/* Style du titre "Politique éducative"*/
font-size:110%; font-weight: bold; color: white;
padding-left: 53px; padding-top: 10px; padding-bottom: 5px; height:30px; margin: 0px;
background-color: #ABD3DC; background-image: url(../images/angle-politique.gif); background-repeat: no-repeat;}
.menupolitique-niveau1{/* Style des rubriques de 1er niveau */
font-size:90%; background-color:#AFCCD4; border:2px solid #A6C0C9; margin:0px; padding:3px; font-weight:bold;}
.menupolitique-niveau2{/*STyle des rubriques de 2ème niveau */
font-size:90%; background-color:#ABD3DC; margin:0px; padding:3px; padding-left:15px;}
a.lien-politique{ /* Style des liens de la partie "Politique éducative"*/
color: #000000;}
a.lien-politique:hover{
color: #A9775D;}
/**************************************************************************/
/* ACTUALITES */
#actus{position:absolute; top:358px; left:0px; margin-right:30%;}
#bordure{
padding-left: 126px; padding-top: 0px; height:24px; margin:0px;
z-index: 1;}
.bordure-actu{/* Calque situé dans le calque de postionnement et placant les bordures*/ 
left:150px; border:2px solid #00A0C6; padding:10px; margin:0px; margin-left:101px;}
.onglet-actu{
border:2px solid #00A0C6;}

.h2actualites{ /* Style de l'onglet*/
font-size:100%; font-weight: bold; text-align:center; line-height:1.5;
position: absolute; top:345px; left: 10px;
padding-left: 139px; padding-right: 25px; padding-top: 4px; height:24px; margin:0px;
background-image: url(../images/onglet-actu.gif); background-repeat: no-repeat; background-position: top right;
z-index: 2;}
html>body .h2actualites{
top:335px;}
.superactu{
font-size: 110%; border:1px solid #89443D; padding: 5px; background-color: #FCF1B4; margin-bottom:10px;}
.actu{
font-size: 110%; border:1px solid #89443D; padding: 5px; margin-bottom:10px;}
.tableau-invisible{
border:0px;
}
/**************************************************************************
COORDONNEES DES SERVICES (Partie Informations générales / Organigramme
**************************************************************************/
#carte-visite{
background-image:url(../Images/carte-visite.gif); background-repeat:no-repeat;
color:black; width:200px; height:126px; padding-top: 20px; padding-left:41px;}

.coordonnees{border-bottom: 1px solid #669999;}
/**************************************************************************
PAGES RUBRIQUES
**************************************************************************/
#mise-en-avant{
	position: absolute;
	top: 182px;
	right:0px;
	width:20%;
	padding:5px;
	background-color:#ABD3DC;
}
#marge-mise-en-avant{
margin-right:25%;}

#sites{
font-size: 110%; border:1px solid #89443D; padding: 5px; background-color: #FCF1B4; width:300px;}
/**************************************************************************
PAGES RUBRIQUES
**************************************************************************/
.plan{
font-size: 110%; border:1px solid #89443D; background-color: #FCF1B4;}
.gauche { /* définition de la colonne gauche */
  float:left ; /* flotte à gauche */
  width:20% ; /* largeur : 24% de .container */
  height:100% ; /* hauteur : 100% du .container */
  margin:0 ; padding:0} /* marges */

.centre {/* définition de la colonne centre */
  float:left ; /* flotte à gauche */
  width:50% ; /* largeur : 50% de .container */
  height:100% ; /* hauteur : 100% du .container */
  margin:0;padding:0 ; padding-left:15px; /* marges */
  }

.droite { /* colonne droite */
  float:left ; /* flotte à gauche */
  width:25% ; /* largeur : 23% de .container */
  height:100% ; /* hauteur : 100% du .container */
  margin:0 ; padding-left:20px }/* marges */

.centregros {/* définition de la colonne centre */
  float:left ; /* flotte à gauche */
  width:70% ; /* largeur : 50% de .container */
  height:100% ; /* hauteur : 100% du .container */
  margin:0;padding:0 ; padding-left:15px; /* marges */
  }
.spacer { /* force au retour à la ligne après des fenêtres float */
  clear:both}