/*  ----------------------------------------------------------- */
/*  Feuilles de styles des squelettes par defaut pour SPIP 1.9  */
/*  ----------------------------------------------------------- */

/* taille typo
 * Base            100%
 * -------------------------------------
 * 20px            1.27em
 * 19px            1.21em
 * 18px            1.15em
 * 17px            1.09em
 * 16px            1.03em
 * 15px            0.96em
 * 14px            0.88em
 * 13px            0.82em
 * 12px            0.77em
 * 11px            0.71em
 * 10px            0.65em
 *  9px             0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur IE
 */

/*  -------------------------------------------------------
/*  Correction des styles HTML par defaut et trucs divers
/*  ----------------------------------------------------- */
body {
   background-image:url(http://www.ac-orleans-tours.fr/rectorat/images/tf-gray.jpg);
   margin: 0em;
   text-align: center;
   font-family: Tahoma, Arial, Helvetica, sans-serif,Trebuchet MS;
   font-size: 1em;
   color: #333;
   height:100%;
}

img, table { margin: 0; padding: 0; border: 0; }
h1, h2,  h4, h5, h6 { margin: 0; padding: 0; font-size: 1em; font-weight: normal; }
h1 { text-shadow: 3px 3px 5px grey; }

/* intertitre correspondant à la typo {{{  }}} */ 
h3.spip {
   font-family: Verdana,Arial,Helvetica,sans-serif;
   color:#006898; 
   text-align: left;
}

/*la gestion des espaces*/
.espace {
   height: 5px;
   line-height:2px;
   font-size:2px;
}
.invisible { position: absolute; top: -3000em; height: 1%; }
.nettoyeur { clear: both; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; overflow: hidden; }



/*-------------------------------*/
/*        Les liens 
/*-------------------------------*/

a:link {
   COLOR: #333399;
   text-decoration: none;
}

a:visited {
  COLOR: #003366;
  text-decoration: none;
}

a:hover {
  COLOR: #6666FF;
  text-decoration: none;
}

/*  ------------------------------------------
/*  Disposition a l'écran des blocs principaux
/*  ------------------------------------------ */


/*  conteneur le plus grand */
#page {
   background-image:url(http://www.ac-orleans-tours.fr/rectorat/images/tfpapier.jpg);
   position:relative;
   width: 760px;
   min-height: 100%;
   text-align: left;
   margin-left: auto;
   margin-right: auto;
   margin-top: 0px;
   border-left:3px solid #000080;
   border-right:3px solid #000080;
}
/*  conteneur du bandeau d'en-tete */
#entete{
    background-image:url(../images/entete.jpg);
    height: 148px;
    width:754px;
   background-color:#c4e4ba; /* couleur de fond pour IE */
   margin-left: 3px;
}

/* Formulaire de recherche */
/* pour masquer le "Rechercher" affiché par défaut à gauche du champ de recherche */
.formulaire_recherche label {display:none;}
#rechercher {
  position:absolute;
  top:100px;  /* position depuis le haut de l'en-tete */
  right:10px; /* position depuis la droite de l'en-tete */
}


/*  les trois colonnes*/

#gauche {
width:173px;
min-height:100%;
padding:0em;
float:left;
margin-top:20px;
margin-left: 10px;
margin-right: 3px;
margin-bottom:20px;
}

#centre {
border-top:3px;
float:left;
padding:0em; 
min-height:100%;
width:340px;   /* origine 348*/
margin-top:20px;
margin-left: 15px;
margin-right: 15px;
margin-bottom:20px;
}

#droite {
float:right; /* left->right : modif version 0.8.0.8 - a tester*/
width:173px; 
min-height:100%;
padding:0em; 
margin-top:20px;
margin-left: 3px;
margin-right: 10px;
margin-bottom:20px;
}

/* Pied de page */
#pied {
clear: both;
font-family:Verdana;
font-size:10px;
width: 744px;
margin-left: 3px;
margin-top: 3px;
margin-bottom:3px;
padding:5px;
text-align: center;
background-color: #c4e4ba;
}
#pied small {font-size:x-small; color:#000;}
#pied img   {vertical-align:bottom;}

/*  ------------------------------------------
/*             Divers
/*  ------------------------------------------ */
/*  Affichage des statistiques dans les pages inc-top-10-xx 
*/
#stat{
    font-weight:normal;
   font-family:Verdana;
    padding-left:13em;
}

/*  ------------------------------------------
/*             les cadres de couleur
/*  ------------------------------------------ */

/*  ------------------------------------------
/*               Les derniers articles
/*  ------------------------------------------ */
.last-articles {background: transparent; width:100%; margin:0 auto;}
.last-articles .top, .last-articles .bottom {display:block; background:transparent; font-size:1px;}
/* pour les bords arrondis du cadre, ce sont des couleurs de fond donc elle ne sortent pas à l'impression*/
.last-articles .b1, .last-articles .b2, .last-articles .b3, .last-articles .b4, .last-articles .b1b, .last-articles .b2b, .last-articles .b3b, .last-articles .b4b {display:block; overflow:hidden;}
.last-articles .b1, .last-articles .b2, .last-articles .b3, .last-articles .b1b, .last-articles .b2b, .last-articles .b3b {height:1px;}
/*border left et border right servent a creer une illusion d'ombre, attention a bien les modifier si on change la couleur de fond du site*/
.last-articles .b2 {background:#c4e4ba; border-left:1px solid #fff; border-right:1px solid #eee;}
.last-articles .b3 {background:#c4e4ba; border-left:1px solid #fff; border-right:1px solid #ddd;}
.last-articles .b4 {background:#c4e4ba; border-left:1px solid #fff; border-right:1px solid #aaa;}
.last-articles .b4b {background:#f3faf1; border-left:1px solid #eee; border-right:1px solid #999;}
.last-articles .b3b {background:#f3faf1; border-left:1px solid #ddd; border-right:1px solid #999;}
.last-articles .b2b {background:#f3faf1; border-left:1px solid #aaa; border-right:1px solid #999;}
.last-articles .b1 {margin:0 5px; background:#fff;}
.last-articles .b2, .last-articles .b2b {margin:0 3px; border-width:0 2px;}
.last-articles .b3, .last-articles .b3b {margin:0 2px;}
.last-articles .b4, .last-articles .b4b {height:2px; margin:0 1px;}
.last-articles .b1b {margin:0 5px; background:#999;}
/* cadre dans lequel on affiche la liste des articles*/
.last-articles .boxcontent {display:block;  background:#f3faf1; border-left:1px solid #fff; border-right:1px solid #999;}
/* Titre du cadre */
.last-articles .boxcontent .cadre-titre{display:block;  background:#c4e4ba; border-left:1px solid #fff; border-right:1px solid #999;
text-align:center;
font-size: 10px;
font-weight:bold;
}
/* liste dans le cadre*/
.last-articles .boxcontent ul {
 margin: 0;
 list-style-type: none;
 text-align: left;
 padding-left:0em           /* modifier cette valeur pour déplacer la position de la puce */
 }
 /* minicadre pour afficher le texte et la puce qui change au survol par la souris*/
.last-articles .boxcontent ul .minicadre {
 margin-top: 3px;             /* pour espacer un peu avec l'item de liste précédent*/
 background: transparent url(../images/puce-off.png) left center no-repeat; /*puce au repos*/
 background-position: 0% 15%; /* position de la puce au repos dans le minicadre*/
 padding-left: 1.5em;         /* modifier cette valeur pour déplacer le texte latéralement*/
 text-align: left;            /* pour que le texte soit aligné à gauche*/
 font-size: 11px;             /* taille du texte*/
 text-decoration: none;       /* on n'habille pas le texte*/
 }
/* pour afficher la date de publication et le nom de l'auteur */ 
.last-articles .boxcontent ul .minicadre small{color: black; display:block;}
.last-articles .boxcontent ul .minicadre:hover {
   background: transparent url(../images/puce-on.png) left center no-repeat; /*pour changer la puce au survol*/
   background-position: 0% 15%;/*position de la puce au survol*/
}

/*les commentaires précédents valent pour les classes suivantes.*/

/*  ------------------------------------------
/*               Les brèves
/*  ------------------------------------------ */
.breve {background: transparent; width:100%; margin:0 auto;}
.breve p {margin:0 0.65em;}
.breve p {padding:2em;}
.breve .top, .breve .bottom {display:block; background:transparent; font-size:1px;}
.breve .b1, .breve .b2, .breve .b3, .breve .b4, .breve .b1b, .breve .b2b, .breve .b3b, .breve .b4b {display:block; overflow:hidden;}
.breve .b1, .breve .b2, .breve .b3, .breve .b1b, .breve .b2b, .breve .b3b {height:1px;}
.breve .b2 {background:#c4e4ba; border-left:1px solid #fff; border-right:1px solid #eee;}
.breve .b3 {background:#c4e4ba; border-left:1px solid #fff; border-right:1px solid #ddd;}
.breve .b4 {background:#c4e4ba; border-left:1px solid #fff; border-right:1px solid #aaa;}
.breve .b4b {background:#f3faf1; border-left:1px solid #eee; border-right:1px solid #999;}
.breve .b3b {background:#f3faf1; border-left:1px solid #ddd; border-right:1px solid #999;}
.breve .b2b {background:#f3faf1; border-left:1px solid #aaa; border-right:1px solid #999;}
.breve .b1 {margin:0 5px; background:#fff;}
.breve .b2, .breve .b2b {margin:0 3px; border-width:0 2px;}
.breve .b3, .breve .b3b {margin:0 2px;}
.breve .b4, .breve .b4b {height:2px; margin:0 1px;}
.breve .b1b {margin:0 5px; background:#999;}
.breve .boxcontent {display:block;  background:#f3faf1; border-left:1px solid #fff; border-right:1px solid #999;padding-left:0em;}
.breve .boxcontent .cadre-titre{display:block;  background:#c4e4ba; border-left:1px solid #fff; border-right:1px solid #999;padding-bottom: 0.2em;
text-align:center;
font-size: 10px;
font-weight:bold;}
/* liste dans le cadre */
.breve ul {
 list-style-type: none; /* pas de puce pour gagner de la place */
 margin:0;              /* marge à zéro */
 text-align: left;
 padding-top:0;
 padding-left:0.0em;   /* modifier cette valeur pour déplacer la position de la puce */
 }


/*  ------------------------------------------
/*               Edito
/*  ------------------------------------------ */
.edito {background: transparent; width:100%; margin:0 auto;}
.edito p {margin:0 0.65em;}
.edito p {padding-bottom:0.5em;}
.edito .top, .edito .bottom {display:block; background:transparent; font-size:1px;}
.edito .b1, .edito .b2, .edito .b3, .edito .b4, .edito .b1b, .edito .b2b, .edito .b3b, .edito .b4b {display:block; overflow:hidden;}
.edito .b1, .edito .b2, .edito .b3, .edito .b1b, .edito .b2b, .edito .b3b {height:1px;}
.edito .b2 {background:#FFED00; border-left:1px solid #fff; border-right:1px solid #eee;}
.edito .b3 {background:#FFED00; border-left:1px solid #fff; border-right:1px solid #ddd;}
.edito .b4 {background:#FFED00; border-left:1px solid #fff; border-right:1px solid #aaa;}
.edito .b4b {background:#FFF8AC; border-left:1px solid #eee; border-right:1px solid #999;}
.edito .b3b {background:#FFF8AC; border-left:1px solid #ddd; border-right:1px solid #999;}
.edito .b2b {background:#FFF8AC; border-left:1px solid #aaa; border-right:1px solid #999;}
.edito .b1 {margin:0 5px; background:#fff;}
.edito .b2, .edito .b2b {margin:0 3px; border-width:0 2px;}
.edito .b3, .edito .b3b {margin:0 2px;}
.edito .b4, .edito .b4b {height:2px; margin:0 1px;}
.edito .b1b {margin:0 5px; background:#999;}
.edito .boxcontent {display:block;  background:#FFF8AC; border-left:1px solid #fff; border-right:1px solid #999;}
.edito .boxcontent .cadre-titre{display:block;  background:#FFED00; border-left:1px solid #fff; border-right:0px solid #999;padding-bottom: 0.2em;
text-align:center;
font-size: 10px;
font-weight:bold;}

/*  ------------------------------------------
/*               Accès direct
/*  ------------------------------------------ */
.acces-direct {background: transparent; width:100%; margin:0 auto;}
.acces-direct p {margin:0 0.65em;}
.acces-direct p {padding-bottom:0.5em;}
.acces-direct .top, .acces-direct .bottom {display:block; background:transparent; font-size:1px;}
.acces-direct .b1, .acces-direct .b2, .acces-direct .b3, .acces-direct .b4, .acces-direct .b1b, .acces-direct .b2b, .acces-direct .b3b, .acces-direct .b4b {display:block; overflow:hidden;}
.acces-direct .b1, .acces-direct .b2, .acces-direct .b3, .acces-direct .b1b, .acces-direct .b2b, .acces-direct .b3b {height:1px;}
.acces-direct .b2 {background:#c4e4ba; border-left:1px solid #fff; border-right:1px solid #eee;}
.acces-direct .b3 {background:#c4e4ba; border-left:1px solid #fff; border-right:1px solid #ddd;}
.acces-direct .b4 {background:#c4e4ba; border-left:1px solid #fff; border-right:1px solid #aaa;}
.acces-direct .b4b {background:#f3faf1; border-left:1px solid #eee; border-right:1px solid #999;}
.acces-direct .b3b {background:#f3faf1; border-left:1px solid #ddd; border-right:1px solid #999;}
.acces-direct .b2b {background:#f3faf1; border-left:1px solid #aaa; border-right:1px solid #999;}
.acces-direct .b1 {margin:0 5px; background:#fff;}
.acces-direct .b2, .acces-direct .b2b {margin:0 3px; border-width:0 2px;}
.acces-direct .b3, .acces-direct .b3b {margin:0 2px;}
.acces-direct .b4, .acces-direct .b4b {height:2px; margin:0 1px;}
.acces-direct .b1b {margin:0 5px; background:#999;}
.acces-direct .boxcontent {display:block;  background:#f3faf1; border-left:1px solid #fff; border-right:1px solid #999;}
.acces-direct .boxcontent .cadre-titre{display:block;  background:#c4e4ba; border-left:1px solid #fff; border-right:1px solid #999;padding-bottom: 0.2em;
text-align:center;
font-size: 10px;
font-weight:bold;
}
.acces-direct .boxcontent ul  {list-style-type: diamond;text-align: left;padding-left:1.5em;}

/*  ------------------------------------------
/*            Styles pour les articles
/*  ------------------------------------------ */

/* l'encadrement du texte */
.cadre {
   border:1px solid #C4CCD4;-moz-border-radius:6px;
   border-radius:6px;
   text-align:left;
   font-size: 11px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   margin:0px 0px;
   padding:10px;
}

/* Chemin de navigation et cadres de couleur */
.texte-cadre {
   text-align:left;
   font-size: 11px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   margin: 0 0;
   padding:10px;
}

/* En tête du l'article */
#article-cadre {
   border-style:solid; 
   border-width:0px;
   border-color:blue; 
   float:left;
   width:348px;
   padding-left:0.5em; 
}
/* Titre de l'article */
.cadre-titre-article {
   border: #C4CCD4;-moz-border-radius:6px;
}
.titre-article {
    text-align:left;
   color:#006898;
   font-size: 18px;
   font-family: Tahoma;
   margin:0px 5px;
}
/* Description de l'article */
#descriptif-article {
   font-size:14px; 
   color: #336699;
   margin:0px 5px;
}
#introduction-article {
   font-size: 12px;
   margin:0px 24px;
}
/*  Texte de l'article  */
#texte-article {
   padding-left:0px; /* petite marge a gauche des cadres rubrique et articles */
}

/*  Portfolio  */
.documents_portfolio {
    float:left;
   border:1px solid #C4CCD4;
    -moz-border-radius:6px;
    background-color:#FFFFFF;
   color:#000000;
   width:125px; 
   _width:120px; 
   height:150px;
   margin-left: 5px;
   padding-left:13px;
   padding-top:5px;
}
.separateur {
    clear:both;
   height:2px;
}
/* Téléchargement des fichiers joints*/
#cadre-telechargement {
    float:left;
   width:100%;
   _width:99%; /* pour IE6 */
   border:1px solid #C4CCD4;
    -moz-border-radius:6px;
    background-color: #E6E6E6;
   text-align:left;
   font-size: 10px;
}
#cadre-doc-telechargement{
   margin:0px 5px;
   height: 60px;
}

/* pour calendrier mini et cadres de couleur */
.entete-cadre {
   /*position: relative;*/
   /*text-align:center;*/
   height: auto;
   /*text-indent: 5px;*/
   /*font-weight:bold;*/
   font-size: 10px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   /*text-shadow: 3px 3px 5px grey;*/
}


/* le cadre <QUOTE> ... </QUOTE> */
blockquote.spip {
   margin-left : 10px;
   margin-top : 10px;
   margin-bottom : 10px;
   margin-right: 10px;
   border : solid 1px #aaaaaa;-moz-border-radius:6px;
   background-color: #FFFEEE;
   padding-left: 10px;
   padding-right: 10px;
}



/*  ----------------------------------------
/*          Style de la page rubrique
/*  ----------------------------------------*/
.descriptif-rubrique {
   font-size:14px; 
   color: #336699;
}
#texte-rubrique {
   font-size:12px; 
   color: #333333;
   margin-left:5px;
}
.titre-rubrique {
   text-align:left;
   color:#006898;
   font-size: 18px;
   font-family: Tahoma;
   margin:0px 5px;
   padding:10px;
}
.titre-sous-rubrique {
   font-size: 14px;
}
.descriptif-sous-rubrique {
   font-size: 12px;
   margin:0px 25px;
}

#titre-article-rub {
   font-size: 12px;
}

.bas-cadre {
text-align:right;
}

/*  ------------------------------------------
/*               Les tableaux
/*  ------------------------------------------ */
table.spip {
    margin: auto;
    margin-bottom: 1em;
    /*border: 1px solid;*/ /* A laisser si on veut un cadre autour du tableau */
    border-collapse: collapse; }
table.spip caption {
   caption-side: top; /* bottom pas pris en compte par IE */
    border: 1px solid;
   text-align: center;
    margin: auto;
    padding: 3px;
    font-weight: bold;
}
/* Style de la ligne d'en-t&ecirc;te */
table.spip tr.row_first {color:#003399;background-color: #c4e4ba;text-align: center}
table.spip tr.row_odd { background-color: #f3faf1;}
table.spip tr.row_even {background-color: #f3faf1 }
table.spip th, table.spip td {padding: 3px;text-align: left;vertical-align: middle; }

/*  ------------------------------------------
/*      Habillage specifique du calendrier
/*  ------------------------------------------ */
#entete-calendar {
   text-align:center;
   height: auto;
   font-weight:bold;
   font-size: 0.71em;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   text-shadow: 3px 3px 5px grey;
}
.calcell.today {border:1px solid #ffff00 ; background-color :#ffff00 ;}
#calendar th { background-color: #c4e4ba;}
td.occupe {font-weight:bold;border:1px solid #666 ; background-color :#FFFFCC ;} /* quand il y a un article */
td.horsperiode {background:e0e0e0;color:#878787;} /* les jours qui ne sont pas dans le mois */
td.today{background:#B1C3D9;font-weight:bold;}    /* comme son nom l'indique */

/*  -----------------------------------------------
/*            Logos, documents et images
/*  ---------------------------------------------- */

img, .spip_logos { margin: 0; padding: 0; border: none; }
.spip_documents { text-align: center; }
.spip_documents_center { clear: both; width: 100%; margin: auto; }
span.spip_documents_center { display: block; margin-top:1em; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre { font-weight: bold; font-size: 0.8em; margin-left:auto; margin-right:auto;}
.spip_doc_descriptif { clear: both; font-size: 0.8em; margin-left:auto; margin-right:auto;}

/*  ------------------------------------------
/*  Habillage specifique pour le plan du site
/*  ------------------------------------------ */
#plan ul{list-style: circle;padding-left:2.6em;}
#plan ul ul{list-style: square;padding-left:2.6em;}
#plan h2{font-size: 1.5em;text-shadow: 3px 3px 5px grey;}/*attention, text-shadow est en css3 et empeche le site d'&ecirc;tre valid&eacute;*/
#plan h3{font-size: 1em;}
#plan ul{list-tyle: circle;} /*des cercle au premier niveau du plan*/
#plan ul ul{list-tyle: square;} /*des carr&eacute;s apr&egrave;s*/