'ai/*  ----------------------------------------------------------- */
/*  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: #FFFFF;
   margin: 0em;
   text-align: center;
   font-family: Tahoma, Arial, Helvetica, sans-serif,Trebuchet MS;
   font-size: 1em;
   color: #333;
}

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: #333333;
   text-decoration:none;
   border-bottom:1px dotted #CC4800;
}

a:visited {
  COLOR: #333333;
  text-decoration: none;
   border-bottom:1px dotted #CC4800;
}

a:hover {
  COLOR: #CC0000;
  text-decoration: none;
     border-bottom:0px ;
}
a:link.lside {
  COLOR: #333333;
   text-decoration: none;
   border-bottom:0px ;
}

a:visited.lside {
  COLOR: #333333;
  text-decoration: none;
  border-bottom:0px ;
}

a:hover.lside {
  COLOR: #CC0000;
  text-decoration: none;
  border-bottom:0px ;
}

a:link.ppal {
  COLOR: #333333;
   text-decoration: none;
   border-bottom:0px;
}

a:visited.ppal {
  COLOR: #333333;
  text-decoration: none;
  border-bottom:0px;
}

a:hover.ppal {
  COLOR: #CC0000;
  text-decoration: none;
  border-bottom:0px ;
}

a:link.tside {
  COLOR: #CC0000;
   text-decoration: none;
   border-bottom:0px ;
}

a:visited.tside {
  COLOR: #CC0000;
  text-decoration: none;
     border-bottom:0px ;
}

a:hover.tside {
  COLOR: #CC0000;
  text-decoration: none;
     border-bottom:0px ;
}

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


/*  conteneur le plus grand */
#page {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   width: 100%;
   text-align: left;
   margin-left: auto;
   margin-right: auto;
   margin-top: 0px;
}
/*  conteneur du bandeau d'en-tête */
#entete-g{
    background-image:url(../images/coin_hg.gif);
    position:absolute;
    top:0px;
    left:0px;
    height:165px;
    width:394px;
    padding-left:0px;
    padding-right:0px;
    float:left;
   background-color:#FFFFFF; /* couleur de fond pour IE */
}
#entete-d{
    background-image:url(../images/hcentre.gif);
    position:relative;
    z-index:10;
    top:-10px;
    left:395px;
    width:45%;
    height:165px;
    padding-left:0px;
    padding-right:0px;
   background-color:#FFFFFF; /* couleur de fond pour IE */
}



/*  les trois colonnes*/
#contenu {
   width: 100%;
   text-align: left;
   margin-left: auto;
   margin-right: auto;
   margin-top: auto;
}

#gauche {
background-image:url(../images/bandeau_gspip02.gif);
background-repeat: no-repeat;
top:165px;
left:-5px;
width:226px;
height:356px;
padding-left:50px;
padding-right:20px;
float:left;
clear:left;
}

#centre {
background-color:#ffffff;
background-repeat: no-repeat;
z-index:0;
top:166px;
left:226px;
float:left;
clear:right;
padding:0em;
width:50%;
}


/* Pied de page */
#pied {
background-color:#ffffff;
clear: both;
top:30px;
height:81px;
font-family:Verdana;
font-size:10px;
width: 78%;
text-align:right;
valign:bottom;
padding-top:0px;
}
#pied small {font-size:x-small; color:#000;}
#pied img   {vertical-align:bottom;}
/* Formulaire de recherche */
/* pour masquer le "Rechercher" affiché par défaut à gauche du champ de recherche */
.formulaire_recherche label {display:none;}
#rechercher {
  float:left;
  top:30px;  /* position depuis le haut de l'en-tête */
  left:10px; /* position depuis la droite de l'en-tête */
}


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

.logoart {
margin-left:20px;
}
/*  ------------------------------------------
/*             les cadres de couleur
/*  ------------------------------------------ */

/*  ------------------------------------------
/*               Les derniers articles
/*  ------------------------------------------ */
.last-articles {background: transparent; width:80%; margin:0 -3px;}
.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 à créer une illusion d'ombre, attention a bien les modifier si on change la couleur de fond du site*/
.last-articles .b2 {background:transparent;}
.last-articles .b3 {background:transparent;}
.last-articles .b4 {background:transparent;}
.last-articles .b4b {background:transparent;}
.last-articles .b3b {background:transparent;}
.last-articles .b2b {background:transparent;}
.last-articles .b1 {margin:0 5px; background:transparent;}
.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 0 5px; background:transparent;}
/* cadre dans lequel on affiche la liste des articles*/
.last-articles .boxcontent {display:block; background:transparent;}
/* Titre du cadre */
.last-articles .boxcontent .cadre-titre{display:block; background:transparent; padding-bottom: 0.2em;
text-align:left;
font-size:11px;
padding-left:1.5em;   
padding-right: 1em; 
color:#CC0000;
}
/* liste dans le cadre*/
.last-articles .boxcontent ul {
 margin:0;
 list-style-type:none;
 text-align:left;
 padding-left:0.5em;           /* 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: 5px;             /* 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: 1em; 
 padding-right: 1em;          /* 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:#ffffff; display:block;}
.last-articles .boxcontent ul .minicadre emsmall {
  color:#ffffff; 
  text-align:right;
  padding-right:1.5em;
  }
.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:80%; margin:0 -3px;}
.breve p {margin:0 auto;}
.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:transparent;}
.breve .b3 {background:transparent;}
.breve .b4 {background:transparent;}
.breve .b4b {background:transparent;}
.breve .b3b {background:transparent;}
.breve .b2b {background:transparent;}
.breve .b1 {margin:0 5px; background:transparent;}
.breve .b2, .breve .b2b {margin:0 3px;}
.breve .b3, .breve .b3b {margin:0 2px;}
.breve .b4, .breve .b4b {height:2px; margin:0 1px;}
.breve .b1b {margin:0 5px; background:transparent;}
.breve .boxcontent {display:block; background:transparent; padding-left:0em;}
.breve .boxcontent .cadre-titre{display:block; background:transparent; padding-bottom:0.2em;
text-align:left;
font-size:11px;
color:#CC0000;
padding-left:1.5em; 
}
/* 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:80%; margin:0 -3px;}
.edito p {margin:0 1em; color:#e3e3e3;}
.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:transparent;}
.edito .b3 {background:transparent;}
.edito .b4 {background:transparent;}
.edito .b4b {background:transparent;}
.edito .b3b {background:transparent;}
.edito .b2b {background:transparent;}
.edito .b1 {margin:0 5px; background:transparent;}
.edito .b2, .edito .b2b {margin:0 3px;}
.edito .b3, .edito .b3b {margin:0 2px;}
.edito .b4, .edito .b4b {height:2px; margin:0 1px;}
.edito .b1b {margin:0 5px; background:transparent;}
.edito .boxcontent {display:block; background:transparent;}
.edito .boxcontent .cadre-titre{display:block; background:transparent; padding-bottom:0.2em;
text-align:left;
font-size:11px;
color:#CC0000;
padding-left:1.5em; 
}

/*  ------------------------------------------
/*               Sites rubrique
/*  ------------------------------------------ */
.sites_rub {background: transparent; width:80%; margin:0 -3px;}
.sites_rub p {margin:0 1em; color:#e3e3e3;}
.sites_rub p {padding-bottom:0.5em;}
.sites_rub .top, .sites_rub .bottom {display:block; background:transparent; font-size:1px;}
.sites_rub .b1, .sites_rub .b2, .sites_rub .b3, .sites_rub .b4, .sites_rub .b1b, .sites_rub .b2b, .sites_rub .b3b, .sites_rub .b4b {display:block; overflow:hidden;}
.sites_rub .b1, .sites_rub .b2, .sites_rub .b3, .sites_rub .b1b, .sites_rub .b2b, .sites_rub .b3b {height:1px;}
.sites_rub .b2 {background:transparent;}
.sites_rub .b3 {background:transparent;}
.sites_rub .b4 {background:transparent;}
.sites_rub .b4b {background:transparent;}
.sites_rub .b3b {background:transparent;}
.sites_rub .b2b {background:transparent;}
.sites_rub .b1 {margin:0 5px; background:transparent;}
.sites_rub .b2, .sites_rub .b2b {margin:0 3px;}
.sites_rub .b3, .sites_rub .b3b {margin:0 2px;}
.sites_rub .b4, .sites_rub .b4b {height:2px; margin:0 1px;}
.sites_rub .b1b {margin:0 5px; background:transparent;}
.sites_rub .boxcontent {display:block; background:transparent;}
.sites_rub .boxcontent .cadre-titre{display:block; background:transparent; padding-bottom:0.2em;
text-align:left;
font-size:11px;
color:#CC0000;
padding-left:1.5em; 
}

/*  ------------------------------------------
/*               Accès direct
/*  ------------------------------------------ */
.acces-direct {background: transparent; width:80%; margin:0 auto;}
.acces-direct p {margin:0 auto;}
.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:transparent; border-left:1px solid #fff; border-right:1px solid #fff;}
.acces-direct .b3 {background:transparent; border-left:1px solid #fff; border-right:1px solid #fff;}
.acces-direct .b4 {background:transparent; border-left:1px solid #fff; border-right:1px solid #fff;}
.acces-direct .b4b {background:transparent; border-left:1px solid #eee; border-right:1px solid #fff;}
.acces-direct .b3b {background:transparent; border-left:1px solid #ddd; border-right:1px solid #fff;}
.acces-direct .b2b {background:transparent; border-left:1px solid #aaa; border-right:1px solid #fff;}
.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:transparent;}
.acces-direct .boxcontent {display:block;  background:transparent; border-left:1px solid #fff; border-right:1px solid #fff;}
.acces-direct .boxcontent .cadre-titre{display:block;  background:transparent; border-left:1px solid #fff; border-right:1px solid #fff;padding-bottom: 0.2em;
text-align:center;
font-size: 11px;
color:#CC0000;
padding-left: 1.5em; 
}
.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 #FFFFFF;-moz-border-radius:6px;
   border-radius:6px;
   text-align:left;
   font-size: 11px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   margin:0px 5px;
   padding-left:5px;
}
.cadre-intro {
   border:1px solid #333333;-moz-border-radius:6px;
   border-radius:6px;
   position:absolute;
    top:20px;  /* position depuis le haut de l'en-tête */
    right:10px; /* position depuis la droite de l'en-tête */
   text-align:center;
   font-size: 11px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   margin:0px auto;
   width:324px;
}

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

/* En tête du l'article */
#article-cadre {
background-color:#FFFFFF;
background-repeat: no-repeat; 
position:absolute;
top:166px;
left:226px;
height:356px;
border-style:solid; 
border-width:0px;
border-color:#FFFFFF; 
width:500px;
}
/* Titre de l'article */
.cadre-titre-article {
   border: #333333;-moz-border-radius:6px;
    background-color: transparent;
}
.titre-article {
    text-align:left;
   color:#CC0000;
   font-size: 16px;
   font-weight:bold;
   margin:0px 20px;
   padding-bottom:5px;
}
/* Description de l'article */
.descriptif-article {
   font-size:12px; 
   color: #333333;
   font-weight:bold;
   margin:0px 20px;
}
#introduction-article {
   font-size: 12px;
   margin:0px 20px;
}
/*  Texte de l'article  */
#texte-article {
   padding-left:5px; /* petite marge à gauche */
}

/*  Portfolio  */
.documents_portfolio {
    float:left;
   border:1px solid #C4CCD4;
    -moz-border-radius:6px;
    background-color:transparent;
   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 #FFFFFF;
    -moz-border-radius:6px;
    background-color: #E6E6E6;
   text-align:left;
   font-size: 10px;
}
#cadre-doc-telechargement{
   margin:0px 5px;
   height: 60px;
}

/* pour calendier 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:12px; 
   color: #333333;
   font-weight:bold;
   margin:0px 20px;
}
#texte-rubrique {
   font-size:12px; 
   color: #333333;
   margin:0px 20px;
}
.titre-rubrique {
   text-align:left;
   color:#CC0000;
   font-size: 16px;
   font-family: Tahoma;
   font-weight:bold;
   margin:0px 20px;
   padding-bottom: 10px;
}
.titre-sous-rubrique {
   font-size: 14px;
}
.descriptif-sous-rubrique {
   font-size: 12px;
   margin:0px 25px;
}

#titre-article-rub {
   font-size: 14px;
   text-align:right;
   padding-bottom: 10px;
}

.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ête */
table.spip tr.row_first {color:#003399;background-color: #82ADE2;text-align: center}
table.spip tr.row_odd { background-color: #E5EFF8;}
table.spip tr.row_even {background-color: #D6EACA }
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: #82ADE2;}
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'être validé*/
#plan h3{font-size: 1em;}
#plan ul{list-style: circle;} /*des cercle au premier niveau du plan*/
#plan ul ul{list-style: square;} /*des carrés après*/