/*
EBF1F2 bleu lune
78A3AC bleu gris
008495 bleu canard
FF9900 jaune
660000 bordeaux
990000 rouge
CC6666 rose
330066 violet
*/
body {
    overflow: auto;
    font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; line-height:16px;
    color:#333333;
    background-color:#EBF1F2;
    margin:0;padding:0;
    SCROLLBAR-FACE-COLOR: #FFFFFF; SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF; SCROLLBAR-SHADOW-COLOR: #FFFFFF; SCROLLBAR-3DLIGHT-COLOR: #78A3AC; SCROLLBAR-ARROW-COLOR: #78A3AC; SCROLLBAR-TRACK-COLOR: #FFFFFF; SCROLLBAR-DARKSHADOW-COLOR: #78A3AC;
}

/*--SOMMAIRE--*/
div#gauche_sommaire  {
position:absolute;
z-index:20;
left: 0; top:400px;
padding: 0; margin:0;
width:242px;
}


div#milieu_sommaire  {
position:absolute;
z-index:20;
left:250px; top:400px;
padding: 0; margin:0;
width:242px;
}


div#droite_sommaire  {
position:absolute;
z-index:20;
left: 500px; top:400px;
padding: 0; margin:0;
width:242px;
}




/*--
a, a:link{color:#333333; text-decoration:none}
a: hover , a:active, a:visited {color:#333333; text-decoration:underline}
--*/
img {border:0}
.illu {
margin:10px 0 10px 10px; padding:0 ;
border:1px solid #333333
}
div#top{
position:absolute;
z-index:2;
left: 0; top:0px;
padding: 0; margin:0;
width:770px; height:70px;
}


/*--------------CONTENEUR MAIN-------------*/
div#page{
position:absolute;
z-index:2;
left: 0; top:90px;
padding: 0; margin:0;
width:950px;
height:550px;
background:   url(imgs/fond.jpg) no-repeat 0 0 ;
background-color:#EBF1F2
}
/*-------------?????------------*/
div#page_100{
position:absolute;
z-index:1;
left: 0; top:70px;
padding: 0; margin:0;
width:100%; height:100%; 
background-color:#EBF1F2
}

div#hierarchie{
position:absolute;
z-index:3;
left: 13; top:72px;
height:25px;
padding: 0; margin:0;
width:750px;
}




/*--------------META-NAVIGATION : contact, impressum etc.-------------*/
div#meta{
position:absolute;
z-index:3;
left: 0; top:3px;
padding: 0; margin:0;
width:770px; height:15px;
text-align:right; font-size:9px; color:#FFFFFF
}
div#meta a, a:link{color:#FFFFFF; text-decoration:none}
div#meta a:hover, a:active { text-decoration:underline}









div#meta_popup{
position:absolute;
z-index:3;
left: 15px; top:35px;
padding: 0; margin:0;
width:600px; height:15px;
text-align:left; font-size:9px; color:#FFFFFF
}

div#page_popup{
position:absolute;
z-index:3;
left: 15px; top:70px;
padding: 0; margin:0;
width:500px;
text-align:left; font-size:9px; color:#333333;
}




/*--------------MENU -------------*/
div#posnavvert{
  position:absolute;
  float:left;
  z-index:2;
  top:20px; left:0;
    margin:0; padding:0;
    width:223px; 
} 
  
a.ciera:link {color: #333333;text-decoration:none;font-weight: bold;}
a.ciera:visited {color: #333333;text-decoration:none;font-weight: bold;}
a.ciera:hover {color: #008495; text-decoration:underline;font-weight: bold;}
a.ciera:active {color: #008495; text-decoration:none;font-weight: bold;}



.ok_recherche {/*bouton lancer recherche*/
    padding: 0px;
    margin:0px 0px 0px 0px;
    width: 25px;
    height:15px;
    font-weight:bold;
    line-height:9px;
    background-color: #333333;
    border:1px #FFFFFF;
    color:#FFFFFF;  font-size:10px;
    text-align:center
}



/* MENU : Liste rubriques*/
  ul#rubciera {
    margin: 5px 0 20px 0; padding: 0 0 0 17px ;
    line-height: 15px;
    font-weight: bold;
    list-style-image:url(imgs/li_rub_ciera.gif);
    list-style-position:outside
  }
  ul#rubciera li {line-height: 15px;
    margin: 0; padding:0;
 }
  ul#rubciera a {

    padding: 0;
  }

   ul#rubciera a:link {color: #333333;text-decoration:none;}
  ul#rubciera a:visited {color: #333333;text-decoration:none;}
  ul#rubciera a:hover {color: #008495; text-decoration:underline;}
  ul#rubciera  a:active {color: #008495; text-decoration:none;}


  ul#rubciera a.ciera:link {color: #333333;text-decoration:none;}
  ul#rubciera a.ciera:visited {color: #333333;text-decoration:none;}
  ul#rubciera a.ciera:hover {color: #008495; text-decoration:underline;}
  ul#rubciera  a.ciera:active {color: #008495; text-decoration:none;}
  ul#rubciera a.cieraon {color: #008495; text-decoration:underline;}
 /*Liste sous-rubcierariques actuellement non utilisées*/
  ul#srubciera {
    width:223px; 
    margin: 0 ; padding: 0 ;
    line-height: 15px;
    font-weight: bold;
    list-style-image:url(imgs/li_srub_ciera.gif);
    list-style-position:outside
  }
  ul#srubciera li {line-height: 15px;
    margin: 0; padding:0;
  }
  ul#srubciera a{
    padding: 0;
  }
  ul#srubciera a:link {color: #666666;text-decoration:none;}
  ul#srubciera a:visited {color: #666666;text-decoration:none;}
  ul#srubciera a:hover {color: #78A3AC; text-decoration:none;}
  ul#srubciera  a:active {color: #78A3AC; text-decoration:none;}

/*--------------GERMANO NAVIGATION VERTICALE-------------*/
/*Liste rubriques*/
  ul#rubgerm {
  /*  width:223px; */
    margin: 5px 0 20px 0; padding: 0 0 0 17px ;
    line-height: 15px;
    font-weight: bold;
    list-style-image:url(imgs/li_rub_germano.gif);
    list-style-position:outside
  }
  ul#rubgerm li {line-height: 15px;
    margin: 0; padding:0;
 }
  ul#rubgerm a {
    padding: 0;
  }

    ul#rubgerm a:link {color: #333333;text-decoration:none;}
  ul#rubgerm a:visited {color: #333333;text-decoration:none;}
  ul#rubgerm a:hover {color: #660000; text-decoration:underline;}
  ul#rubgerm  a:active {color: #660000; text-decoration:none;}

 /*pour menu rubrique on*/

  ul#rubgerm a.germano:link {color: #333333;text-decoration:none;}
  ul#rubgerm a.germano:visited {color: #333333;text-decoration:none;}
  ul#rubgerm a.germano:hover {color: #660000; text-decoration:underline;}
  ul#rubgerm  a.germano:active {color: #660000; text-decoration:none;}
   ul#rubgerm a.germanoon {color: #660000; text-decoration:underline;}


 /*Liste sous-rubriques*/
  ul#srubgerm {
    width:223px; 
    margin: 0 ; padding: 0 ;
    line-height: 15px;
    font-weight: bold;
    list-style-image:url(imgs/li_srub_germano.gif);
    list-style-position:outside
  }
  ul#srubgerm li {line-height: 15px;
    margin: 0; padding:0;
  }
  ul#srubgerm a{
    padding: 0;
  }
  ul#srubgerm a:link {color: #666666;text-decoration:none;}
  ul#srubgerm a:visited {color: #666666;text-decoration:none;}
  ul#srubgerm a:hover {color: #990000; text-decoration:none;}
  ul#srubgerm  a:active {color: #990000; text-decoration:none;}


/*--------------ACTU NAVIGATION VERTICALE-------------*/
/*Liste rubriques*/
  ul#rubactu {  

    margin: 5px 0 20px 0; padding: 0 0 0 17px ;
    line-height: 15px;
    font-weight: bold;
    list-style-image:url(imgs/li_rub_actu.gif);
    list-style-position:outside
  }
  ul#rubactu  li {line-height: 15px;
    margin: 0; padding:0;
 }
  ul#rubactu  a {
    padding: 0;
  }

   ul#rubactu  a:link {color: #333333;text-decoration:none;}
  ul#rubactu  a:visited {color: #333333;text-decoration:none;}
  ul#rubactu  a:hover {color: #330066; text-decoration:underline;}
  ul#rubactu   a:active {color: #330066; text-decoration:none;}



  ul#rubactu  a.actu:link {color: #333333;text-decoration:none;}
  ul#rubactu  a.actu:visited {color: #333333;text-decoration:none;}
  ul#rubactu  a.actu:hover {color: #330066; text-decoration:underline;}
  ul#rubactu   a.actu:active {color: #330066; text-decoration:none;}
  ul#rubactu  a.actuon {color: #330066; text-decoration:underline;}
 /*Liste sous-rubriques*/
  ul#srubactu  {
   width:223px; 
    margin: 0 ; padding: 0 ;
    line-height: 15px;
    font-weight: bold;
    list-style-image:url(imgs/li_srub_actu.gif);
    list-style-position:outside
  }
  ul#srubactu  li {line-height: 15px;
    margin: 0; padding:0;
  }
  ul#srubactu  a{
    padding: 0;
  }
  ul#srubactu  a:link {color: #666666;text-decoration:none;}
  ul#srubactu  a:visited {color: #666666;text-decoration:none;}
  ul#srubactu  a:hover {color: #663399; text-decoration:none;}
  ul#srubactu   a:active {color: #663399; text-decoration:none;}




/*--------------CONTENU PAGE-------------*/
div#cont{
position:absolute;
z-index:2;
left: 250px;
top:20px;
padding: 0;
margin:0;
width:510px;
height:300px;
}
div#cont p{
width:480px;
padding: 0;margin:0 0 5px 0;
}

div#cont_tout{
position:absolute;
z-index:2;
left: 250px; top:20px;
padding: 0; margin:0;
width:500px;
height:300px;
}

/*présentation en tableau de 2 colonnes*/
div#cont #tableau{
left: 0; top:0;
padding: 0; margin:10px 0 0 0 ;
width:330px;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; line-height:16px;
color:#333333;
}
#tableau td.gauche{
padding: 0; margin:0 ;
width:133px}

#tableau td.gauche p{
width:133px;
padding: 0;margin:0 0 10px 0;
}
#tableau td.droite{
padding: 0; margin:0 ;
width:187px}

#tableau td.droite p{
width:187px;
padding: 0;margin:0 0 10px 10px;
}


table.tablo {
border: 0;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px;font-weight:normal;line-height:12px;
}

td.tablo_td {
vertical-align:sub;
padding: 2px;
}



div#cont p.hierarchie{padding: 0;margin:0 0 0 0;font-size:9px; color:#333333}
div#cont p.hierarchie a{color:#333333;text-decoration:underline}
/*--------------FORMULAIRES-------------*/
p.posrecherche {/*position du champ 'rechercher'*/
padding: 0; margin:0;
width:240px;
clear:both;
}
.formrecherche {
padding: 0 0 0 10px; margin:0px 10px 0 0;
height:15px; width:160px;
color:#333333;
background-color:#EBF1F2;
border-top:1px solid  #333333;
border-right:1px solid  #333333;
border-bottom:1px solid  #333333;
border-left:10px solid  #333333;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px;font-weight:normal;line-height:10px
}

.formrecherche2 {
padding: 0 0 0 10px; margin:0px 10px 0 0;
height:15px; width:230px;
color:#333333;
background-color:#EBF1F2;
border-top:1px solid  #333333;
border-right:1px solid  #333333;
border-bottom:1px solid  #333333;
border-left:10px solid  #333333;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px;font-weight:normal;line-height:10px
}

.decale20{
    margin: 0px 40px 5px 20px;
}


/* couleur de surligne pour le moteur de recherche  */

.spip_surligne {
    background-color: #FF9900;
}



/*PLAN DU SITE */
ul.plan_rub2{
color: #008495;
font-size:11px;
text-decoration:none;
/*margin: 5px 0 20px 0; padding: 0 0 0 17px ; */
line-height: 15px;
font-weight: bold;
list-style-image:url(imgs/li_rub_ciera.gif);
list-style-position:outside
}

a.plan_rub2:link, a.plan_rub2:visited, a.plan_rub2:hover, a.plan_rub2:active{
color: #008495;
font-size:11px;
font-weight:bold;
text-decoration:none;
}

ul.plan_rub3 {
/*      width:223px; 
  margin: 0 ; padding: 0 ;   */
    line-height: 15px;
    font-weight: bold;
    list-style-image:url(imgs/li_srub_ciera.gif);
    list-style-position:outside;
  line-height: 15px;
    color: #333333;
font-size:10px;
font-weight:bold;
text-decoration:none;
}

a.plan_rub3:link, a.plan_rub3:visited, a.plan_rub3:active{
color: #333333;
font-size:10px;
font-weight:bold;
text-decoration:none;
}

a.plan_rub3:hover{
color: #008495;
}


/*germano-fil plan*/
ul.g_plan_rub2{
color: #990000;
font-size:11px;
text-decoration:none;
/*margin: 5px 0 20px 0; padding: 0 0 0 17px ; */
line-height: 15px;
font-weight: bold;
list-style-image:url(imgs/li_rub_germano.gif);
list-style-position:outside
}

a.g_plan_rub2:link, a.g_plan_rub2:visited, a.g_plan_rub2:hover, a.g_plan_rub2:active{
color: #990000;
font-size:11px;
font-weight:bold;
text-decoration:none;
}

ul.g_plan_rub3 {
/*      width:223px; 
  margin: 0 ; padding: 0 ;   */
    line-height: 15px;
    font-weight: bold;
    list-style-image:url(imgs/li_srub_germano.gif);
    list-style-position:outside;
  line-height: 15px;
    color: #333333;
font-size:10px;
font-weight:bold;
text-decoration:none;
}

a.g_plan_rub3:link, a.g_plan_rub3:visited, a.g_plan_rub3:active{
color: #333333;
font-size:10px;
font-weight:bold;
text-decoration:none;
}

a.g_plan_rub3:hover{
color: #990000;
}

.g_plan_titre{
color: #660000;
font-size:11px;
font-weight:bold;
text-transform:uppercase;
}


/*ACTU plan*/
ul.a_plan_rub2{
color: #330066;
font-size:11px;
text-decoration:none;
/*margin: 5px 0 20px 0; padding: 0 0 0 17px ; */
line-height: 15px;
font-weight: bold;
list-style-image:url(imgs/li_rub_actu.gif);
list-style-position:outside
}

a.a_plan_rub2:link, a.a_plan_rub2:visited, a.a_plan_rub2:hover, a.a_plan_rub2:active{
color: #330066;
font-size:11px;
font-weight:bold;
text-decoration:none;
}

/* SPIP-STYLE                                              version 1.9  */
/* Cette feuille contient les styles associes au code genere par SPIP.  */
/* Ces styles sont indispensables et doivent necessairement etre        */
/* definis pour le bon fonctionnement de votre squelette                */


/* Raccourcis typographiques de SPIP */
i.spip {}
strong.spip {}
hr.spip {}

.spip_puce { list-style-position: outside; }

ul.spip {
list-style: disc;
list-style-image:url(imgs/li_spip.gif);
}
ol.spip { list-style: decimal; }
ul.spip li, ol.spip li { list-style: inherit; }
li.spip { margin: 0.3em 0 0.3em 0.8em; list-style-position: outside; }

h3.spip {
  text-align: left;
  margin-top: 1em;
  margin-bottom: 0em;
  font-size: 11px;
  font-weight: bold; }

/* Paragraphes, citations, code et poesie */
p.spip {}
p.spip_note {}

blockquote.spip, .spip_serif { font-family: "Bitstream Vera Serif", Georgia, Times, serif; }

blockquote.spip { 
  margin: 1em; 
  padding-left: 1em;
  padding-right: 1em;
  border: 1px dotted; }

div.spip_poesie { 
  margin: 1em; 
  padding-left: 1em; 
  border-left: 1px solid;
  font-family: Garamond, Georgia, Times, serif; }
div.spip_poesie div { text-indent: -60px; margin-left: 60px; }

.spip_code, .spip_cadre { font-family: monospace; font-style: normal; font-size: 1.1em; }
.spip_cadre { width: 99%; border: 1px solid; }

.spip_surligne { background: #FF6; }

/* Tableaux */
table.spip {
  margin: auto;
  margin-bottom: 1em;
  border: 1px solid;
  border-collapse: collapse; }
table.spip caption {
  caption-side: top; /* bottom pas pris en compte par IE */
  text-align: center;
  margin: auto;
  padding: 3px;
  font-weight: bold; }
table.spip tr.row_first { background: #FFC; }
table.spip tr.row_odd { background: #DDD; }
table.spip tr.row_even { background: #EEE; }
table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: middle; }

/* Logos, documents et images */
img, .spip_logos { margin: 0; padding: 0; border: 0; }

.spip_documents { text-align: center; }
.spip_documents_center { clear: both; width: 100%; margin: auto; }
.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; }
.spip_doc_descriptif { clear: both; font-size: 0.8em; }

/* Images typographiques (via image_typo), URL a revoir... */
.format_png { behavior: url(win_png.htc); }

/* Barre de raccourcis typographiques */
table.spip_barre { width: 100%; }

table.spip_barre a img {
  background: #FDA;
  padding: 3px;
  border: 1px outset #999; }
table.spip_barre a:hover img {
  background: #FFF;
  border: 1px solid #999; }

table.spip_barre input.barre { width: 100%; background: #EEE; }

/* * Couleurs des liens de Spip voir dans css des secteurs */
a.spip_note {} /* liens vers notes de bas de page */
/*a.spip_in { color: #900; } /* liens internes */
/*a.spip_out { color: #009; } /* liens sortants */
a.spip_url { color: #009; } /* liens url sortants */
a.spip_glossaire { color: #060; } /* liens vers encyclopedie */
.on { font-weight: bold; color: #000; } /* liens exposes */

.chapo{
margin:20px 0 0 0;
color: #333333;
font-size:11px;
}

.vert_clair{
margin:0px 0 0 0;
color: #78A3AC;
font-size:10px;
}

.tab {
    
    font-size: 10px;
}

.spip_surligne {
background: #FF9900;

}


.spip-admin-boutons {
top:15px;

}

a.rub_jaune{
color: #FF9900;
font-size:11px;
font-weight:bold;
text-decoration:none;
}




/* ----------------------------MINI-CALENDRIER ----------------------*/
/* Personnalisation des cellules */
#calendar caption {
font-size:12px;
text-align:center;
}

#calendar caption a{
color: #333333;
text-decoration:none;
}

#calendar td {
font-size:12px;
text-align:center;
 }

#calendar thead {
color: #333333;
font-size:12px;
}

/*Personnalisation des cellules du mois en cours */
#calendar td.libre{
font-size:12px;
}

/*Personnalisation des cellules n'appartenant pas au mois en cours */
#calendar td.horsperiode{ }

/*Personnalisation de la cellule du jour en cours  */
#calendar td.today{
background-color:#333333;
color: #FFFFFF;
}

/*Personnalisation des cellules des jours occupés : */
#calendar td.occupe {
background-color: #999999;

}

#calendar td.occupe a{
color: #FFFFFF;
text-decoration:none;
}