/* base */

body, html {height: 100%; font-family: Verdana; font-size: 10px;  }
#page {height: 100%; } 

a { outline: 0 none }

a img { border: none }

.none { display: none }

ul { list-style-type: none }

body { background: #fff none; margin: 0; text-align: left }


#pages { display: block; position: absolute; z-index: 2; top: 0.8em; left: 1em; margin: 2em; padding-bottom: 10.5em; border: 1px none #888;  }	


.page { display: block; top: -0.3em; position: relative; left: -0.3em; margin-bottom: 0; background: #fff; border: 1px solid #333; height: 81.6em; text-align: left;  }

/* taille generale */

#pages, #couv, .autresPages { height: auto; width: 56.3em;   }

.page, .autresPages, #couv { height: 76.6em;  }

.colonnes .paras, #calendrier .paras  { height: 69.4em; }

#preface .paras { height: 53em; }

.paras { height: 48em; }

#dossier .paras { height: 52em; }





/* effet multi-pages */

.autresPages { border: 1px solid #666; background: #fff; position: absolute; top: 0;  }

#autrePage1 { margin-left: -0.7em; margin-top: -0.7em }
#autrePage2 { margin-left: -1.1em; margin-top: -1.1em }
#autrePage3 { margin-left: -1.5em; margin-top: -1.5em }

#couv { margin-left: -1.5em; margin-top: -1.5em; border: none; background: #52ADDD; cursor: pointer;}






#pageContenu {  }

#accueil #margb { position: absolute; top: 77em; width: 3em; height: 7em; border: 1px none red }



/* variante preface */

#preface .page { background: #333 }

#preface .prec a{ background: url(../imgs/fl-precedent2.png) no-repeat 40% 4px }

#preface .suiv a{ background: url(../imgs/fl-suivant2.png) no-repeat 50% 4px }

#preface .page p { color: #fff }

#preface .en-tetes div { color: #fff; border-bottom: 1px solid #fff; padding-bottom: 0.4em }

#preface .en-tetes a { color: #fff; display: none }

#preface .en-tetes a:hover { color: #999;  }

#preface .bas-de-page { color: #fff;  padding-bottom: 8em; height: 2.6em;  }

#preface .page p { color: #fff; margin-right: 3em; line-height: 1.6em}

#preface .menuPages { margin-top: 6.4em   }

#preface .bas-de-page p { font-size: 1em; margin: 0; color: #eee }

.tab { float: left; display: block; width: 1.7em }



/* en-tetes */

.en-tetes { margin: 1.8em 2.3em; position: relative; margin-bottom: 4em; border: 1px none red; ; text-transform: uppercase }

.en-tetes div { font-family: Verdana; font-size: 0.9em; border-bottom: 1px solid #999  }

.en-tetes a { color: #000; text-decoration: none;  }

.en-tetes a:hover {   }

.en-tetes div sub { position: relative; top: 1.6em; font-size: 1em }



/* presentation contenu */

#ombre { background: transparent;  }

.texte { position: absolute; width: 50%; top: 0; display: none;  }

.texte.aff { position: static; width: auto; display: block; height: auto !important;  }

.page p { font-family: Verdana; font-size: 1.3em; margin: 0 1.7em;  color: #000; line-height: 1.5em }

.page h3 { font-weight: normal; font-size: 0.9em; margin: 0 2.2em; text-transform: uppercase; letter-spacing: 1px; color: #000; margin-top: 3em; border-bottom: 1px solid #999; margin-bottom: 0.3em; padding-bottom: 0.4em }

.bas-de-page { margin: 2em 2.2em !important; border: 1px none blue; font-size: 1em !important; color: #999; padding-right: 20em; padding-bottom: 3em; height: 10.5em; position: relative;   }

#p12 .bas-de-page { height: 35em }
/**/
.bas-de-page p { font-size: 1em; margin: 0; color: #000 }
.bas-de-page .colG { position: absolute; top: 0; width: 17em }
.bas-de-page .colC { position: absolute; top: 0; left: 18em; width: 17em }
.bas-de-page .colD { position: absolute; top: 0; left: 36em; width: 17em }


#p12 .bas-de-page { height: 35em }

.bas-de-page p { font-size: 1em; margin: 0; color: #000 }






#p6 .bas-de-page .colG { width: 23em }


.bas-de-page .footnoteNum2 { position: absolute; top: -1.4em; font-weight: normal }

.bas-de-page .footnoteNum2.inner { position: static; font-weight: normal; display: block; }

.page p.signature { margin-left: 35%; font-size: 1em; margin-top: 1.5em; margin-right: 1.9em }

#margb { height: 3em; position: relative }


/* menus navigation */

#menu { position: absolute; left: 57.4em; top: 1.2em;  }




/* menu navigation Document 1 */

#menuDoc { width: 4em; text-align: left; border: 1px none blue; padding: 0; margin-left: 0; border: 1px none red; position: absolute; top: 0; border: 1px none red; z-index: 1; left: -5.6em; top: 1.1em  }
/*
#preface #menuDoc { margin-top: 8.7em }

#dossier #menuDoc { margin-top: 12.4em }
*/
#sommaire .menuPages { border: 1px none red; text-align: left; margin: 0; padding: 0; border: 1px none blue; width: 4.3em ; float: none; clear: both; border-right: 1px solid #000 }

#sommaire .menuPages li { border-left: 1px none #666; float: left; position: relative; width: 4.6em; float: none; margin: 0 !important }

#sommaire .menuPages li a { border: 1px solid #000; width: 2.7em; height: 3.4em; background: #fff; margin-right: 0.3em; margin-bottom: 0.3em; display: block; position: relative; text-decoration: none; display: block; position: relative; text-align: center; line-height: 3.9em; margin-bottom: 1em;  }

.pgNb { font-size: 1.4em; font-family: Verdana; color: #000; visibility: hidden }

a.open .pgNb { color: #000 }

#sommaire .menuPages li a:hover { background: #666; border-color: #666 }

#sommaire .menuPages li a:hover .pgNb { color: #fff; visibility: hidden  }

#sommaire .menuPages li a.open { background-color: #000 !important;  cursor: default !important;  }

#sommaire .menuPages li a.open:hover { border-color: #000 }

#sommaire .menuPages li a.open:hover .pgNb { color: #000;  }




/* navigation document 2 */

.nav { list-style-type: none; border: 1px none red; margin: 0; padding: 0; width: 3.3em; float: right; text-align: right; margin-right: 2.2em;  margin-top: 1.9em; position: relative; z-index: 2 }

.nav li { float: left; }

.nav a { color: #999; font-family: Verdana; text-decoration: none; font-size: 1em; background: transparent; padding: 0; display: block; width: 1em; height: 1em; border: 1px none red; float: left  }

.nav span { color: #999; font-family: Verdana; text-decoration: none; font-size: 1em; padding: 0   }

.nav a:hover { color: #fff;  }

#navBas { margin-top: -2.5em; border: 1px none red }  

#curr, #curr2 { width: 1.4em; text-align: center; font-size: 0.9em !important }

.prec a{ background: url(../imgs/fl-precedent.png) no-repeat 40% 4px }

.suiv a{ background: url(../imgs/fl-suivant.png) no-repeat 50% 4px }




/* menu navigation Rubriques */

#sommaire { position: absolute; margin-top: 0;  }

#sommaire ul { margin: 0; padding: 0; margin-left: 7.6em; list-style-type: none; margin-right: 0.1em; margin-top: 0; width: 22em; float: left; clear: both; border-left: 1px none #000 }

#sommaire ul li { float: left; clear: both; margin-left: 1em; position: relative }

#sommaire h2 { line-height: normal; padding-right: 0.1em; margin: 0; font-family: Verdana; letter-spacing: 1px; font-size: 1em; font-weight: normal; text-align: left; margin: 2.7em 0; margin-top: 0; border: 1px none blue; float: left; clear: both; text-transform: uppercase }

#sommaire h2#retourAccueil { line-height: normal; margin-top: 0; border-bottom-style: none; margin-bottom: 1.8em }

#sommaire h2 a { text-decoration: none; color: #000; border-bottom: 1px none #000; border: 1px none red; display: block; float: left; width: 100%;  }

#sommaire h2 a:hover { border-bottom: 1px none #666; }

#sommaire h2.sel { font-weight: bold;  }
#sommaire h2.sel span { border-bottom: 1px solid #000;  }

#sommaire h2 a span { display: block; border-bottom: 1px none #ccc; line-height: normal; margin-top: 1em; float: left; clear: both; border-bottom: 1px solid #fff; }

#sommaire h2 a:hover span { border-bottom: 1px solid #000;  }


/* dossier annexes */

#dossier .footnoteNum { vertical-align: baseline; position: relative; top: -0.6em }

#dossier .footnoteNum a{ color: #666; margin-left: 0.3em; text-decoration: none; cursor: text }

#dossier .footnoteNum a:hover { }

#dossier .page .lienAnnexe { color: #999; text-decoration: none }

#dossier .page .lienAnnexe a { text-decoration: none; color: #999; font-weight: bold }
#dossier .page .lienAnnexe a:hover {   }

#dossier #annexes { position: absolute; top: 1.6em; left: -0.7em;  border: 1px none red; background: #fff; z-index: 4; font-size: 10px; width: 40em }

#dossier #annexes .singleAnnexe div.blocAnnexe { display: none; margin: 0; font-family: Verdana;  background-color: #fff; border: 1px solid #ccc; padding: 0.5em; position: relative; height: 28em; width: 43em }

#dossier #annexes .singleAnnexe div.blocAnnexe.larg { width: 69.5em }


#dossier #annexes .singleAnnexe div.blocAnnexe img { cursor: pointer; float: left }

#dossier #annexes .singleAnnexe div.blocAnnexe div { position: relative; float: left;  }

#dossier .legende { margin: 0 0.5em; margin-right: 0; font-size: 1.2em; float: left; left: 17.5em; top: 0.5em; width: 13em; border: 1px none red; white-space: normal; }

#annexesOpen { position: relative; white-space:normal; text-decoration: none !important; margin-right: 0.1em;}

#p6 #annexesOpen { position: absolute; }

#annexesOpen a { background-color: #fff;  z-index: 10; position: relative; padding: 0 0.3em; margin: 0 -0.56em; margin-right: -0.4em; border: 1px solid #ccc; margin-bottom: 1em; border-bottom: 1px solid #fff; white-space: nowrap }

#currAnn div { display: block !important }





.clearLeft { clear: left; margin-top: 1em }

#dossier #annexes .singleAnnexe div.blocAnnexe#annexe1 { }


/*  calendrier  */

/* #calendrier .menuPages { margin-top: 18.7em   }  */

.col { float: left; width: 15.6em; margin-left: 2.3em; display: block }

#calendrier .description { display: none; width: 16em;  }

#calendrier .description img { margin-top: 1.3em;  }
img.bordure { border: 1px solid #ccc;  }

#calendrier .address { font-style: normal; display: none;  }

#calendrier .page p { font-family: Verdana; font-size: 1em; margin: 0; color: #000; line-height: normal }

#calendrier h3 { margin: 0; font-weight: normal; font-size: 1em; margin: 0; color: #000; border: none; cursor: pointer; margin-bottom: 0.2em; padding-bottom: 0 }

#calendrier h3:hover { text-decoration: underline }


#calendrier h4 { margin: 0; font-weight: normal; font-size: 1em }
#calendrier h5 { margin: 0; font-weight: normal; font-size: 1em }
#calendrier h6 { margin: 0; font-weight: normal; font-size: 1em }

#calendrier .numero { font-size: 2em }

#calendrier .evenement { margin-bottom: 1.3em }

.oct06 h4, .oct06 .numero, .oct06 .address a { color: #239D46 }
.nov06 h4, .nov06 .numero, .nov06 .address a  { color: #2FA071 }
.dec06 h4, .dec06 .numero, .dec06 .address a  { color: #35A4BA }
.jan h4, .jan .numero, .jan .address a  { color: #36A7E9 }
.fev h4, .fev .numero, .fev .address a  { color: #3a80c5 }
.mars h4, .mars .numero, .mars .address a  { color: #3a4590 }
.avr h4, .avr .numero, .avr .address a  { color: #371778 }
.mai h4, .mai .numero, .mai .address a  { color: #581178 }
.juin h4, .juin .numero, .juin .address a  { color: #960078 }
.juil h4, .juil .numero, .juil .address a  { color: # }
.aout h4, .aout .numero, .aout .address a  { color: #c00077 }
.sept h4, .sept .numero, .sept .address a  { color: #be0061 }
.oct h4, .oct .numero, .oct .address a  { color: #bd003c }
.nov h4, .nov .numero, .nov .address a  { color: #bd0026 }
.dec h4, .dec .numero, .dec .address a  { color: #ca6526 }




/*#calendrier .col { position: relative;  }*/





#calendrier #calOpen .description { display: block; position: absolute; top: 0.1em; left: 16.3em; margin: 0; }

#calendrier #calOpen #chaumont .description { width: 39em; }
#calendrier #calOpen #chaumont .description p{ width: 37em;  }
#calendrier #calOpen #chaumont .description .images { float: left; margin-right: 0.3em }

#calendrier #calOpen .address { display: block; position: absolute; margin-top: 0; width: 14.5em; }
/*
#calendrier #calOpen .address a { overflow: hidden; position: absolute; width: 14.5em; }

#calendrier #calOpen .address a:hover{ z-index: 10; overflow: visible; width: auto }
*/
#calendrier #calOpen h6 { visibility: hidden  }

#calendrier #calOpen .evnt { position: relative; z-index: 5;   }






#calendrier #calOpen .numero { border: 1px solid #ccc; border-bottom: 1px solid #fff; margin-left: -0.3em; padding: 0 0.2em; position: relative; z-index: 5; top: -0.2em ; height: 2em; background: #fff  }

#calendrier #calOpen h3 { text-decoration: underline; position: relative; margin-top: 0 }

#calendrier #avertissement { position: absolute; width: 18em; color: #888; top: 63em; left: 2.4em }

.evenement { position: relative }

#calOpen .evnt { margin-bottom: 0 }

#calVw { position: absolute; width: 35.5em; height: 30em; top: 2.2em; z-index: 4; background: #fff; border: 1px solid #ccc; margin-left: -0.6em; margin-top: -0.2em }

.chaum#calVw { width: 58em;  }

#calendrier .address h4 { font-weight: normal; color: #000; text-transform: uppercase   }





/* gabarit page unique */




.colonnes .col p { font-family: Verdana; font-size: 1em; margin: 0; color: #000; line-height: normal }

.colonnes .col .infos { border: 1px none red; margin: 0; margin-bottom: 1em }

.colonnes .col h3 { margin: 0; border: none; color: #000; padding-bottom: 0 }

.colonnes .col a { color: #000}

/*
.colonnes .col a { position: relative; width: 14.5em; height: 1.5em; display: block; color: #000}

.colonnes .col a span { overflow: hidden; position: absolute; width: 14.5em; white-space: nowrap; }
*/


.colonnes .col a:hover span{ z-index: 10; overflow: visible; width: auto; background: #fff }

/*
.arrow { font-size: 1.5em; display: block; float: left; line-height: 75%; margin-right: 0.2em; position: relative; width: 0.5em; overflow: hidden; height: 0.8em }

.arrow span { margin-left: -0.4em }
*/
.arrow { float: none; display: inline; margin: 0; border: 1px none red; line-height: normal; font-size: 1em; height: auto; position: static }

.arrow span { margin-left: 0;   }


/*  adresses  */





/*  prix  */



#prix .col a:hover { text-decoration: none; }
#prix .col a {  color: #000 }
/*#prix .col a:hover span {  background: #185072; color: #fff}*/
#prix .prix {  color: #185072 }

/*  documentation  */


#documentation .col .desc {  color: #6a6a03 }

#documentation .col a:hover { text-decoration: none; }

/*#documentation .col a:hover span {  background: #6a6a03; color: #fff; text-decoration: none; }*/

/*  sites  */


#sites .col .desc {  color: #185072 }

#sites .col a:hover { text-decoration: none; }

/*#sites .col a:hover span {  background: #185072; color: #fff; text-decoration: none; }*/

/* ouvrages  */



#ouvrages .col h2 { font-size: 1em; text-transform: uppercase; font-weight: normal; border-bottom: 1px solid #000; padding-bottom: 0.5em }

#ouvrages .col .desc {  color: #5d0059 }

#ouvrages .col a:hover { text-decoration: none; }

/*#ouvrages .col a:hover span {  background: #5d0059; color: #fff; text-decoration: none; }*/


/*  credits  */



/* accueil */

#accueil #menu { visibility: hidden }

#accueil #visible-inv { width: 100%; cursor: pointer; margin-top: 10em }

#accueil #couv { cursor: default }



/* util */

#util { position: absolute; left: 66.1em; top: 59.5em; width: 10em; height: 5em; z-index: 1000; z-index: 1 }

#util a { display: block; float: left;  }

#pdf { background: url(../imgs/pdf.png) no-repeat; width: 2em; height: 3em;  }

#print { background: url(../imgs/print.png) no-repeat; width: 3.2em; height: 3em; margin-left: 0.8em }

#util a:hover { border-bottom: 1px solid #000;  }

#retourIndex { position: absolute; left: 8.5em; top: 63.5em; width: 18em; height: 10em; z-index: 1000; z-index: 1 }

#accueil #retourIndex { top: 57.5em; }

#retourIndex span { clear:both;
display:block;
float:left;
line-height:normal;
margin-top:1em; font-family:Verdana;
font-size:1em;
font-weight:normal;
letter-spacing:1px;
text-transform: uppercase;
color: #000;
border-bottom: 1px solid #fff;

}

#retourIndex a { 
display:block;
text-decoration: none; 
float: left
}

#retourIndex a:hover span { border-bottom: 1px solid #000;
}

#credits #pdf { display: none }
#credits #print { margin-left: 0 }

h2.rub { font-size: 1em; margin: 0; font-weight: normal; display: inline }