/*Se situe dans la page de sommaire et englobe toute les autres classes et id*/
#pozh {
      position: absolute;  
      width: 1024px;  
      left: 50%;
      margin-left: -512px;
      }
 
/*Bande située tout en haut de la page*/
#entete {
         position:absolute;
         background-color:#FFFFFF;
         width:1024px;
         height:51px;
         text-align:center;
         top:0px;
         left:10px;
         z-index:10;
         }

/*Partie recherche de l'entete*/
#entete .formulaire_recherche {
            position:absolute;
            top:152px;
            left:-2px;
            height: 16px;
            width: 150px;
            font-size : 12px;
            text-align: left;
            font-weight: bold;
            font-color:#FFFFFF;
}
 
/*Cadre sous le bandeau image de l'entente*/
#hierarchie_cerege {
         position:absolute;
         top:165px;
         left:168px;
         width:844px;
         height:30px;
         display: block;
         color: #BDDAE8;
         margin:0px;
         border:0;
         text-align:left;
         line-height : 25px;
         text-decoration: none;
         font-family:sans-serif;
         font-size : 14px;
         font-weight: normal
         color:#BDDAE8;
         background: transparent url("./images/fondmenu.png") repeat;
         padding-left:20px;
         z-index=99;
         }
 
/*Bandeau de gauche*/
#bandeau_gauche {
                position:absolute;
                background-color:#286583;
                width:160px;
                text-align:left;
                height:1060px;   
                top:204px;
                left:8px;
                font-family:sans-serif;
                font-size : 13px;
                font-weight: normal;
                color:#BDDAE8;
                z-index:20;
                }

/*Bandeau central de la page d'acceuil*/
#contenu_une {
         position:absolute;
         background-color:#467A94;
         width:664px;
         top:0px;
         left:0px;
         font-family:sans-serif;
         font-size : 10px;
         font-weight: normal;
         color:#BDDAE8;
         z-index:10;
         border-top: 0px solid #286583;
         border-bottom: 0px solid #286583;;
         }
 
/*Bandeau central des pages différentes de la page d'acceuil*/          
#contenu {
         position:absolute;
         background-color:#467A94;
         width:855px;
         top:204px;
         left:178px;
         font-family:sans-serif;
         font-size : 12px;
         font-weight: normal;
         color:#BDDAE8;
         margin:0px;
         z-index:1;
         border-top: 0px solid #286583;
         border-bottom: 0px solid #286583;
         padding-left: 10px;
         }

/*Bandeau de droite de la page d'acceuil*/          
#agenda {
         position:absolute;
         background-color:#286583;
         text-align:center;
         top:0px;
         left:674px;
         width:190px;
         height:auto;         
         font-family:sans-serif;
         font-size : 12px;
         font-weight: normal;
         color:#BDDAE8;
         border-style : solid;
         border-color : #BDDAE8;
         border-width : 0px;
         border-collapse:collapse;
         z-index:20;
        }


/*Caractéristique des images logo à droite de l'entete*/
img.imgentete {
              border:0px solid #286583;
              }

/*Masque dans lequel sont placer les logos en haut à droite*/
#tutelles   {  
            position:absolute;
            left:660px;
            top:5px;
            width:400px;
            z-index:10;
            visibility: visible;
            height: 16px;
            }   

/*Caractéristiques des images langue*/
img.imglangue {
              border:0px solid #286583;
              height:19px;
              width:25px;
              }
             
img.cerege    {
              position: absolute;
              border:0px solid #286583;
              left:120px;
              top:120px;
              height:100px;
              width:250px;
              }
/*Caractéristiques du logo du cerege*/               
img.logocerege {
               position:absolute;
               top:50px;
               left:0px;
               width:90px;
               height:90px;
                }
/*Caractéristiques du logo contact cerege*/   
img.contactcerege {
               position:absolute;
               top:54px;
               left:89px;
               width:78px;
               height:78px;
                }         
 
img.mentionsleg {
               position:absolute;
               left:10px;
                }   
 
/*Caractéristique de l'image du bandeau*/    
img.bandeau {
         position:absolute;
         top:51px;
         left:168px;
         height:144px;
         width:864px;
         }
          
img.bandeau_masque {
                position:absolute;
                left:0px;
                top:51px;
                height:144px;
                width:1024px;
                }
 
/*Caractéristique de la position des images langue*/
#langues  {
          position:absolute;
          top:7px;
          left:0px;
          height:11px;
          width:100px;
          text-align:left;
          }
 
/*Tout les images du bandeau*/
#lib_cerege1 {  
            position:absolute;
            color:#0000FF;
            left:0px;
            top:30px;
            width:660px;
            z-index:10;
            font-size : 11.5px;   
            visibility: visible
            }
             
#lib_cerege2 {  
            position:absolute;
            color:#006738;
            left:0px;
            top:30px;
            width:660px;
            z-index:10;
            font-size : 11.5px;
            visibility: visible
            }
             
#lib_cerege3 {  
            position:absolute;
            color:#F58437;
            left:0px;
            top:30px;
            width:660px;
            z-index:10;
            font-size : 11.5px;
            visibility: visible
            }
 
 
#lib_cerege4 {  
            position:absolute;
            color:#CC6600;
            left:0px;
            top:30px;
            width:6660px;
            z-index:10;
            font-size : 11.5px;
            visibility: visible
            }
             
#lib_cerege5 {  
            position:absolute;
            color:#0000FF;
            left:0px;
            top:30px;
            width:660px;
            z-index:10;
            font-size : 11.5px;
            visibility: visible
            }
             
#lib_cerege6 {  
            position:absolute;
            color:#624444;
            left:0px;
            top:30px;
            width:660px;
            z-index:10;
            font-size : 11.5px;
            visibility: visible
            }
             
#lib_cerege7 {  
            position:absolute;
            color:#624444;
            left:0px;
            top:30px;
            width:660px;
            z-index:10;
            font-size : 11.5px;
            visibility: visible
            }
             
#lib_cerege8 {  
            position:absolute;
            color:#00784C;
            left:0px;
            top:30px;
            width:660px;
            z-index:10;
            font-size : 11.5px;
            visibility: visible
            }
             
#lib_cerege9 {  
            position:absolute;
            color:#74748B;
            left:0px;
            top:30px;
            width:660px;
            z-index:10;
            font-size : 11.5px;
            visibility: visible
            }
 
#lib_cerege10 {  
            position:absolute;
            color:#3366CC;
            left:0px;
            top:30px;
            width:660px;
            z-index:10;
            font-size : 11.5px;
            visibility: visible
            }
 
#lib_cerege11 {  
            position:absolute;
            color:#996633;
            left:0px;
            top:30px;
            width:660px;
            z-index:10;
            font-size : 11.5px;
            visibility: visible
            }
 
#lib_cerege12 {  
            position:absolute;
            color:#6699FF;
            left:0px;
            top:30px;
            width:660px;
            z-index:10;
            font-size : 11.5px;
            visibility: visible
            }
 
#lib_cerege13 {  
            position:absolute;
            color:#0099CC;
            left:0px;
            top:30px;
            width:660px;
            z-index:10;
            font-size : 11.5px;
            visibility: visible
            }
 
#lib_cerege14 {  
            position:absolute;
            color:#669933;
            left:0px;
            top:30px;
            width:660px;
            z-index:10;
            font-size : 11.5px;
            visibility: visible
            }
 
#lib_cerege15 {  
            position:absolute;
            color:#006666;
            left:0px;
            top:30px;
            width:660px;
            z-index:10;
            font-size : 11.5px;
            visibility: visible
            }
 
#lib_cerege16 {  
            position:absolute;
            color:#2B3176;
            left:0px;
            top:30px;
            width:660px;
            z-index:10;
            font-size : 11.5px;
            visibility: visible
            }
 
#lib_cerege17 {  
            position:absolute;
            color:#FF6600;
            left:0px;
            top:30px;
            width:660px;
            z-index:10;
            font-size : 11.5px;
            visibility: visible
            }
 
#lib_cerege18 {  
            position:absolute;
            color:#747A8B;
            left:0px;
            top:30px;
            width:660px;
            z-index:10;
            font-size : 11.5px;
            visibility: visible
            }
 
#lib_cerege19 {  
            position:absolute;
            color:#CCCC;
            left:0px;
            top:30px;
            width:660px;
            z-index:10;
            font-size : 11.5px;
            visibility: visible
            }       
 
 
/*Spécificitée des titres, articles et autres*/
a:link {
    color : #BDDAE8;
    text-decoration : none;
    }  
 
a:visited {
    color : #BDDAE8;
    text-decoration : none;
    }  
 
a:hover {
    color : black;
    background-color:#467A94;
    text-decoration : none;
    }  
 
          
p {
    margin-top : 5px;  
    margin-bottom : 5px;  
}           
 
ul {
    margin-top : 5px;  
    margin-bottom : 5px;
    text-align: left;
    margin-left: -28px;
    margin-right: 1px;
    white-space : nowrap
    list-style-position : outside; list-style-type:square;
    list-style-image:url('../z-outils/images/boite-outils/puce.gif');
}
 
                      
td, p {
          font-family:sans-serif;
           font-size : 12px;
           font-weight: normal;
           color:#BDDAE8;
           vertical-align : center;
           text-align: justify;
           margin: 10px;
           }
   
p.titre  
          {
    font-size : 14px;
    color : #556268;
    font-weight: bold;
    }
 
span.petit, ul ul, p.petit {
    font-size : 10px;
    color: #556268;
    }          
            
p.intertitre {
    color: #A5B8C9;
    font-weight: bold;
    font-size : 12px!;
    }    
                 
p.intertitre a:link, p.intertitre a:visited {
    color: #A5B8C9;
    font-weight: bold;  
    font-size : 12px;
    text-decoration : none;
    }
 
p.intertitre a:hover {
    color: #E85size="14"F29;
    font-weight: bold;  
    font-size : 12px;
    text-decoration : none;
    }   
 
ul.liste-liens a:link {
    color : #E55904;
    text-decoration : none;
    font-weight: normal;
    }  
 
ul.liste-liens a:visited {
    color : #E55904;
    text-decoration : none;
    font-weight: normal;
    }  
 
ul.liste-liens a:hover {
    color : #970505;
    text-decoration : underline;
    font-weight: bold;
    }             
 
table.table-avec-bordures, table.table-avec-bordures td,  
table.table-avec-bordures th {
  border-style : solid;
  border-color : #FF740A;
  border-width : 1px;
  border-collapse:collapse;
}      
 
table.table-sans-bordures, table.table-sans-bordures td,
table.table-sans-bordures th {
  border-width : 0px;
}                       
           
td.separateur {
    background-color: #E55904;
    }

/*table modifiant l'aspect graphique en bas à gauche pour une personne connecté*/


#tablebonjour     {
                  position:relative;
                  border: 0px solid #BDDAE8;
                  top:10px;
                  left:0px;
                  width:160px;
                  vertical-align:middle;
                  text-align:center;
                  }

#tablebonjour td {
                  border: 0px solid #BDDAE8;
                  vertical-align:middle
                  margin:no;
                  text-align:center;
                  }

/*modification de l'entete du cadre central*/
#tablepresentation td {
    border: 0 solid #BDDAE8;
    text-align: center;
}


/*zone contenant la phrase identifiant personnel du cadre de login*/
.formulaire_spip legend {
    background: none;
    font-weight: bold;
    padding: 3px;
}

/*label pour le login*/
#var_login{
    font-size: 14px;
    height: 17px;
    width: 120px;
}

/*label pour le mdp*/
input.password {              
    font-size: 14px;
    height: 17px;
    width: 120px;
    }

/*Ancien style pour les boutons Login et Rechercher*/
.submit{
            position:absolute;
            top:auto;
            height: 20px;
            width: 55px;
            font-size : 13px;
            margin: 0px 50px 0px;
            background-color: #286583;
            color: #BDDAE8;
            font-family: Verdana,Tahoma,Arial,sans-serif;
}

/*Bouton valider pour la connexion login + password*/
.submitlogin{
            position:absolute;
            top:auto;
            left: 2px; 
            height: 22px;
            width: 155px;
            font-size : 13px;
            margin: 0px 0px 0px;
            background-color: #286583;
            color: #BDDAE8;
            font-family: Verdana,Tahoma,Arial,sans-serif;
}

/*Bouton valider pour la connexion rechercher*/
.submitrechercher{
            position:absolute;
            top:20px;
            left: 0px;
            height: 22px;
            width: 160px;
            font-size : 12px;
            margin: 0px 0px 0px;
            background-color: #286583;
            color: #BDDAE8;
            font-family: Verdana,Tahoma,Arial,sans-serif;
}

/*Icone signalant la sécuritée du mdp*/
#pass_securise {
    font-size: 14px;
    height: 17px;
    width: 125px;
    top: 620px;
    img width: 11px;
}  

/* Caractéristiques du menu de droite*/ 
ul.menu,li.menu,a.menu {
    display:block;
    margin:0;
    padding:0;
    border:0;
    }
 
ul.menu {
          width:158px;
          list-style-type: none;
          color: #BDDAE8;
          margin: 0;
          background-color : #286583;
          padding: 0;
          border: 1px solid transparent;
          }
 
li.menu {
          position:relative;
          float: none;
          width: 158px;
          margin: 0;
          padding: 0;
          border: 0;
          z-index:1;
          }
 
li.menu ul {
      position:absolute;
      left:158px;
      top:0px;
    }     

li.menu>ul {
    left:158px;
    }
 
a.menu {
    height: auto;
    color: #BDDAE8;
    margin: 0;
    padding: 4px 8px;
    border-bottom: 1px solid #FFFFFF;
    text-decoration: none;
  }
    
li.menu>a {
    width:auto;
    }


/*Caractéristiques des sous rubriques */

a.menu:hover {
    background-color:#bbb7c7;
    color:black;
  }

li.menu a:hover {
      background-color:#bbb7c7;
    }
/*Caractéristiques pour les rubriques avec spécificitée*/   
li.menu:hover {
      z-index:99;
      }     
     
ul.menu ul.menu, li.menu:hover ul.menu ul.menu , li.menu:hover ul.menu ul.menu ul.menu, li.menu:hover ul.menu ul.menu ul.menu, li.menu:hover ul.menu ul.menu, li.menu:hover ul.menu ul.menu ul.menu, li.menu:hover ul.menu ul.menu ul.menu ul.menu, li.menu:hover ul.menu ul.menu ul.menu ul.menu ul.menu, ul.menu ul.menu ul.menu li.menu:hover ul.menu ul.menu{
    display:none;
  }
 
li.menu:hover ul.menu, li:hover.menu li.menu:hover ul.menu, li:hover.menu li:hover.menu li.menu:hover ul.menu, li:hover.menu li:hover.menu li:hover.menu li.menu:hover ul.menu, li:hover.menu li:hover.menu li.menu:hover li:hover.menu li:hover.menu ul.menu{
    display:block;
  }

 
p.agenda, p.news, p.news_equipe {
                          text-align:center;
                          background-color:#467a94;
                          font-family:sans-serif;
                          font-size : 14px;
                          font-weight: normal;
                          color:#BDDAE8;
                          border-top: 1px solid #BDDAE8;
                          border-bottom: 1px solid #BDDAE8;
                          }
                               
p.agenda_soustitre {
                   text-align:center;
                   background-color:#467a94;
                   font-family:sans-serif;
                   font-size : 12px;
                   font-weight: normal;
                   color:#BDDAE8;
                   }
                    
p.news_titre {
                   text-align:left;
                   background-color:#467a94;
                   font-family:sans-serif;
                   font-size : 16px;
                   font-weight: bold;
                   margin:10px;
                   }
                    
p.news_soustitre {
                   text-align:left;
                   background-color:#467a94;
                   font-family:sans-serif;
                   font-size : 14px;
                   font-weight: normal;
                   margin:10px;
                   text-decoration: none;
                   }
                    
p.agenda_texte {
               margin:5px;
               text-align:justify;
               font-family:sans-serif;
               font-size : 10px;
               color:#BDDAE8;
               }
                    
p.news_texte   {
               text-align:justify;
               font-family:sans-serif;
               font-size : 12px;
               color:#BDDAE8;
               width: 576px;  
               font-weight: normal;
               margin 20px;
               text-decoration: none;
               }
 
p.news_chapo   {
               text-align:left;
               font-family:sans-serif;
               font-size : 12px;
               color:#BDDAE8;
               font-weight: normal;
               margin 10px;
               text-decoration: none;
               }

/*Rassemble toutes les informations concernant
les caractéristiques des logo en haut à droite*/


#tabnav {
  position:absolute;
  top:0px;
  left: 0px;
  width:824px;
  margin: 0px;
  padding: 0 -20px 20px 10px;
  border-top: 1px solid #467A94;
  border-bottom: 1px solid #BDDAE8;
  background:#467A94;
  z-order:99;
  }

#tabnav li {
  margin: 0;
  padding: 0;
  display: inline;
  list-style-type: none;
  }

#tabnav a:link, #tabnav a:visited {
  float: left;
  font-size: 10px;
  line-height: 14px;
  font-weight: normal;
  margin: 0 0px 4px 10px;
  text-decoration: none;
  color: #BDDAE8;
  }

#tabnav li.active a:link, #tabnav li.active a:visited, #tabnav a:hover {
  padding-bottom: 2px;
  color: #BDDAE8;
  background: none repeat scroll 0 0 #467A94;                
  }
 
#tabnav a:hover {
  color: black;
  background: #BBB7C7;
  }
         
#tabnav_entete {
  margin: 0;
  padding: 0px 0px 0px 0px;
  border-bottom: 0px solid #286583;
  }

#tabnav_entete li {
  padding-bottom: 20px;
  margin: 0;
  padding: 0;
  display: inline;
  list-style-type: none;
  }