@charset "iso-8859-1"; 
body {margin-top: 20px}

/*bandeau*/
#bandeau {position: fixed; _position: absolute}

#fondpage {background: url(images/monument_valley.jpg) no-repeat center 40px; padding: 75px 5px 0 5px; margin: 0 auto 10px auto; width: 615px; height: 430px}	

#carte {position: relative; top: 20px; margin: 1em auto 1em auto; padding: 0; width: 360px} 

#clic {background: #E5E5B7; border: 1px solid #C8FFDC; position: absolute; top: 20px; left: -20px; padding: 3px 3px 0 3px}

#invite {top: 1em; position: relative}

.edito {color: #8C0050; margin: 0; line-height: 1em; padding: 0; text-align: left} 

/* petits menus d'états */
#txtaz {left: 80px; top: 150px; position: absolute; z-index: 3; width: 128px; z-index: 0}

#txtca {left: 0; top: 80px; position: absolute; z-index: 3; width: 128px; z-index: 0}

#txtco {left: 155px; top: 90px; position: absolute; z-index: 3; width: 128px; z-index: 0}

#txtnv {left: 50px; top: 50px; position: absolute; z-index: 3; width: 128px; z-index: 0}

#txtnm {left: 115px; top: 130px; position: absolute; z-index: 3; width: 128px; z-index: 0}

#txttx {left: 220px; top: 170px; position: absolute; z-index: 3; width: 128px; z-index: 0}

#txtut {left: 105px; top: 80px; position: absolute; z-index: 3; width: 128px; z-index: 0}

#txtwy {left:140px; top: 30px; position: absolute; z-index: 3; width: 128px; z-index: 0}

#txtsd {left:205px; top: 15px; position: absolute; z-index: 3; width: 128px; z-index: 0}

#txtor {left:20px; top: -5px; position: absolute; z-index: 3; width: 128px; z-index: 0}

.infx0 {color: #8C0050; width: 128px; font-weight: bold; overflow: visible; font-family: Verdana, helvetica, sans-serif; margin: 70px 0px 5px 0px; padding: 0px 0px 0px 0px}

.txt {background: #E5E5B7; border: 1px solid #C8FFDC; height: 1em}

.txt1 {background: #E5E5B7; height: 1em; width: auto;}

.infx1 {color: #8C0050; width: auto; border: 1px solid #12514C; background-color: #FFFFCC; margin-top: 0px; text-align: left; margin-bottom: 0px; padding: 3px}

.infx1 a:link, .infx1 a:visited, .infx1 a:hover, .infx1 a:active {font-size: 0.85em; color: #8C0050; z-index: 3; text-decoration: none}

.infx0 a:link, .infx0 a:visited, .infx0 a:hover, .infx0 a:active {font-size: 0.85em; color: #8C0050; z-index: 3; text-decoration: none}

/*pub de droite*/
#pubv {position: absolute; top: 110px; width: 140px; font-size: 0.85em; z-index: 0; height: 420px; right: 15px; background-color: white; border: none}

#pave_gauche {width: 140px}

#menu_niv2 p a {width: 135px}

/*tableaux des thèmes*/

p.barre {background-color: #12514C; width: 10%; text-align: center; font-size: 10pt; line-height: 1.5; margin-left: 7%}

p.barre a:link, p.barre a:visited, p.barre a:hover, p.barre a:active {color: #F5F5FF; z-index: 3; font-weight: bold}

.descr {background:  #DCDCFF; font-family: Verdana, helvetica, sans-serif; font-size: 1em; text-align: justify; padding: 5px}

.rubimg {width: 153px; padding: 0}

.rub img {margin: 0}  

td.titre {font-family: Verdana, helvetica, sans-serif; font-size: 18px; text-align: center; color: #F5F5FF; background: #12514C}

.titre a:link {color: #F5F5FF; font-family: Verdana, helvetica, sans-serif; text-decoration: none}

.titre a:active, .titre a:hover {color: red; font-family: Verdana, helvetica, sans-serif}

.titre a:visited {font-family: Verdana, helvetica, sans-serif; color: #F5F5FF}

.menu {font-family: Verdana, helvetica, sans-serif; background-color: inherit; color: #12514C; text-align: left; width: 33%; font-size: 1em}

.nometat {font-weight: bold; list-style: none; margin-top: 0}

table.rub {border: 1px solid #12514C; border-collapse: collapse; width: 89%; margin: 0 3% 0 7%; table-layout: fixed}

td.menu {border: 1px solid #12514C}