/* auteur: pascal Lepretre Date de création: 28/02/2009 ptotes les page du site */ .visiteur {background: url(../images/outil/menu/fond_vis.jpg) fixed; background-repeat: no-repeat; margin: 0px 0px; scrollbar-3dlight-color: #ffffff; scrollbar-arrow-color: #000000; scrollbar-darkshadow-color: #FFFFFF; scrollbar-face-color: #ffefbf; scrollbar-highlight-color: #ffefbf; scrollbar-shadow-color: #ffcc99; scrollbar-track-color: #ffffff} .long {background: url(../images/outil/fond_menu_long.jpg) fixed; background-repeat: no-repeat; margin: 0px 0px;} .iframe {background: url(../images/outil/menu/fond_liste.jpg) fixed; background-repeat: no-repeat; margin: 0px 0px; scrollbar-face-color: #FFFFFF; scrollbar-shadow-color: silver; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: white; scrollbar-darkshadow-color: white; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: gray} /* --------------------------- enfant -----------------------------------------*/ .enfant:first-letter {font-weight: bold; font-size: 1em; color: green;} .enfant {color: black; font-size: 14px; font-family: verdana,arial,helvetica,sans-serif; font: bold; text-indent: 10px; text-align: justify} /*------------------------ menu glissant ----------------------------------*/ #divMenu a {color: blue; font-family: Verdana; font-size: 12px; font-variant: small-caps; font-weight: bold; text-align: center} #divMenu a:hover {color: black; text-decoration: none; font-size: 13px} #divBg {position: absolute; z-index: 10; width: 2000px; left: 5px; height: 100px; clip: rect(0px 10px 10px 0px); visibility: hidden; filter: shadow(Color=#CC6633) Direction=45} #divMenu {position: absolute; z-index: 11; left: 11px; top: 1px; color: black; font-size: 14px; font-family: verdana,arial,helvetica,sans-serif; visibility: inherit} #divArrowLeft {position:absolute; z-index:12; width:15px; height:20px; left:0px; top:0px; visibility:inherit;} #divArrowRight {position:absolute; z-index:12; width:15px; height:20px; top:0px; visibility:inherit;} /*-----------------haut --------------------------*/ .liste {position: absolute; left: 520px; top: 20px; z-index: 1; } #papil {position:absolute; left:720px; top: 3px; z-index: 2} /*---------------------------- menu ---------------*/ #content {float:left; top:0px; left:0px; width:120px; _width:120px; margin:0; position:absolute} #content .fal {padding:0; border:0; position: absolute; top: 0px; left: 0px;} #content .fal a {display: block; width: 120px; _width: 120px; height: 24px; margin: 0; background: url(../images/outil/menu/menu_fal.jpg)} #content .fal a:hover {background: url(../images/outil/menu/menu_fal.jpg) -120px 0 no-repeat;} #content .bre {padding:0; border:0; position: relative; top: 24px;} #content .bre a {display: block; width: 120px; _width: 120px; height: 24px; margin: 0; background: url(../images/outil/menu/menu_bre.jpg)} #content .bre a:hover {background: url(../images/outil/menu/menu_bre.jpg) -120px 0 no-repeat;} #content .cis {padding:0; border:0; position: relative; top: 24px;} #content .cis a {display: block; width: 120px; _width: 120px; height: 24px; margin: 0; background: url(../images/outil/menu/menu_cis.jpg)} #content .cis a:hover {background: url(../images/outil/menu/menu_cis.jpg) -120px 0 no-repeat;} #content .aut {padding:0; border:0; position: relative; top: 24px;} #content .aut a {display: block; width: 120px; _width: 120px; height: 24px; margin: 0; background: url(../images/outil/menu/menu_aut.jpg)} #content .aut a:hover {background: url(../images/outil/menu/menu_aut.jpg) -120px 0 no-repeat;} #content .tou {padding:0; border:0; position: relative; top: 24px;} #content .tou a {display: block; width: 120px; _width: 120px; height: 24px; margin: 0; background: url(../images/outil/menu/menu_tou.jpg)} #content .tou a:hover {background: url(../images/outil/menu/menu_tou.jpg) -120px 0 no-repeat;} #content .sai {padding:0; border:0; position: relative; top: 24px;} #content .sai a {display: block; width: 120px; _width: 120px; height: 24px; margin: 0; background: url(../images/outil/menu/menu_sai.jpg)} #content .sai a:hover {background: url(../images/outil/menu/menu_sai.jpg) -120px 0 no-repeat;} #content .qui {padding:0; border:0; position: relative; top: 24px;} #content .qui a {display: block; width: 120px; _width: 120px; height: 24px; margin: 0; background: url(../images/outil/menu/menu_qui.jpg)} #content .qui a:hover {background: url(../images/outil/menu/menu_qui.jpg) -120px 0 no-repeat;} #content .ou {padding:0; border:0; position: relative; top: 24px;} #content .ou a {display: block; width: 120px; _width: 120px; height: 24px; margin: 0; background: url(../images/outil/menu/menu_ou.jpg)} #content .ou a:hover {background: url(../images/outil/menu/menu_ou.jpg) -120px 0 no-repeat;} #content .eve {padding:0; border:0; position: relative; top: 24px;} #content .eve a {display: block; width: 120px; _width: 120px; height: 24px; margin: 0; background: url(../images/outil/menu/menu_eve.jpg)} #content .eve a:hover {background: url(../images/outil/menu/menu_eve.jpg) -120px 0 no-repeat;} #content .con {padding:0; border:0; position: relative; top: 24px;} #content .con a {display: block; width: 120px; _width: 120px; height: 24px; margin: 0; background: url(../images/outil/menu/menu_con.jpg)} #content .con a:hover {background: url(../images/outil/menu/menu_con.jpg) -120px 0 no-repeat;} #content .tet {padding:0; border:0; position: relative; top: 24px;} #content .tet a {display: block; width: 120px; _width: 120px; height: 92px; margin: 0; background: url(../images/outil/menu/tete_1.jpg)} #content .tet a:hover {background: url(../images/outil/menu/tete_1.jpg) -120px 0 no-repeat;} #content .des {padding:0; border:0; position: relative; top: 24px;} #content .des a {display: block; width: 120px; _width: 120px; height: 24px; margin: 0; background: url(../images/outil/menu/menu_ecr.jpg)} #content .des a:hover {background: url(../images/outil/menu/menu_ecr.jpg) -120px 0 no-repeat;} #content .ecr {padding:0; border:0; position: relative; top: 24px;} #content .ecr a {display: block; width: 120px; _width: 120px; height: 24px; margin: 0; background: url(../images/outil/menu/menu_des.jpg)} #content .ecr a:hover {background: url(../images/outil/menu/menu_des.jpg) -120px 0 no-repeat;} #content .plu {padding:0; border:0; position: relative; top: 24px;} #content .plu a {display: block; width: 120px; _width: 120px; height: 24px; margin: 0; background: url(../images/outil/menu/menu_poe.jpg)} #content .plu a:hover {background: url(../images/outil/menu/menu_poe.jpg) -120px 0 no-repeat;} #content .adh {padding:0; border:0; position: relative; top: 24px;} #content .adh a {display: block; width: 120px; _width: 120px; height: 24px; margin: 0; background: url(../images/outil/menu/menu_plu.jpg)} #content .adh a:hover {background: url(../images/outil/menu/menu_plu.jpg) -120px 0 no-repeat;} #liste {padding: 0 2; overflow: hidden; position: absolute; top: 0px; left: 0px; width: auto} #liste ul {margin:0; padding:0; list-style:none;} #liste ul li {display: inline; margin: 0; padding: 0; font-family: verdana; font-size: 12px; font-variant: small-caps; text-align: left; font: bolder} #liste ul li a {display: block; text-align: left; text-decoration: underline; font-size: 12px; font-style: normal; font-variant: normal; font: normal;} #liste ul li a:hover {padding:0px; text-decoration: none; font-size: 14px; color: #bf3030; font: bold} /*dessin*/ #index{position: absolute; top: 610px; left: 850px; width: 300px; z-index:30} /*page presentation lieu*/ #visio {position: absolute; left: 490px; top: 110px} #papi {position: absolute; left: 520px; top: 305px; index:4} #lien {position: absolute; left:231px; top:120px; border:1; width:225px} .explication {font: bold 10px; font-family: Verdana; font-size: 10px; font-style: normal; font-weight: bold; margin: 2px 2px 5px; text-align: justify; text-indent: 15px; color:black} .titre {BORDER-bottom: thin dotted black; text-align: center; font-family: "Times New Roman", monospace; font-size: 18px; font-style: italic; font-weight: bold;} .page {color: #7e1f00; font-family: Verdana; font-size: 10px; text-decoration: underline} .page1 {color: #7e1f00; font-family: Verdana; font-size: 10px; text-decoration: underline; text-align: right} .pagelien {color: #bf3030; font-family: Verdana; font-size: 12px; font-variant: small-caps; font-weight: bold; text-align: center} .pagelien1 {color: #bf3030; font-family: Verdana; font-size: 12px; font-variant: small-caps; font-weight: bold; text-align: LEFT; text-decoration: underline} .pagelien2 {color: #92F1FF; font: italic; font-family: Verdana; font-size: 12px; font-variant: small-caps; font-weight: bold; text-align: left; text-decoration: none} .detail {font: 10px; font-family: Verdana; font-size: 10px; text-align: left;} .fle {font-family: Verdana; font-size: 10px; text-indent: 15px; text-align: justify; color: #0000FF;} .fleur {font-family: Verdana; font-size: 10px; text-indent: 15px; text-align: justify; color: #0000FF;} .go {font-family:verdana; font-size: 11px; font-weight: bold;} /*publicité*/ #pub {padding: 0 2; overflow: hidden; position: absolute; top: 20px; left: 15px; width: 150px} #pub ul {margin:0; padding:0; list-style:none;} #pub ul li {display: inline; margin: 0; padding: 0; font-family: Arial; font-size: 13px; font-variant: small-caps; text-align: center; font: bolder} #pub ul li a {display: block; text-align: center; text-decoration: underline; font-size: 10px; font-style: normal; font-variant: normal; font: normal} #pub ul li a:hover {text-decoration: none; font-size: 12px; color: #bf3030; font: bold} #partenaire #lig1 {position: absolute; left: 4px; top: 0px; border:0; width:165; height:25px} #partenaire #lig2 {position: absolute; left: 0px; top: 50px; border:0; width:12; height:350px} #partenaire #lig3 {position: absolute; left: 157px; top: 50px; border:0; width:12; height:350px} #partenaire #lig4 {position: absolute; left: 4px; top: 450px; border:0; width:165; height:25px} #ber {padding: 0 2; overflow: hidden; position: absolute; top: 630px; left:260px} #ber ul {margin:0; padding:0; list-style:none;} #ber ul li {display:inline; margin: 0; padding: 0; color: #B8D6FF} #ber ul li a {display: block; float: left; padding: 0px 3px 1px 1px; text-decoration: underline; color: #3300CC} #ber ul li#ber-on a {border: 2; color: black; text-decoration: none} #ber ul li a:hover {text-decoration: overline; color: #FF0000} #cil {padding: 0 0; overflow: hidden; position: absolute; top: 480px; left: 810px; width:60px;} #cil ul {margin:0px; padding:0px; list-style:none;} #cil ul li {margin: 0; padding: 1; color: #B8D6FF} #cil ul li a {display: block; float: left; padding: 0px 6px 1px 1px; text-decoration: underline; color: #3300CC} #cil ul li#cil-on a {border: 2; color: #000000; text-decoration: none} #cil ul li a:hover {text-decoration: none; color: #FF0000} #lienbota {position: absolute; left: 544px; top: 182px; width: 86px; text-align: center; z-index: 60} #liendesc {position: absolute; left: 626px; top: 182px; width: 86px; text-align: center; z-index: 60} #lieninfo {position: absolute; left: 708px; top: 182px; width: 86px; text-align: center; z-index: 60} a:hover {border-bottom: 0px; text-decoration: none} a span.c {display: none;text-decoration: none;color: blue} a:hover span.c {display: block; position: absolute; top: -82px; left: 276px; width: 230px; color: blue; border: none; text-decoration: none} /* cette zone se situe à 200 pixels de la gauche */ a:hover {border-bottom: 0px; text-decoration: none} a span.d {display: none;text-decoration: none;color: blue} a:hover span.d {display: block; position: absolute; top: -82px; left: 194px; width: 230px; color: blue; border: none; text-decoration: none} a:hover {border-bottom: 0px; text-decoration: none} a span.e {display: none;text-decoration: none;color: blue} a:hover span.e {display: block; position: absolute; top: -82px; left: 112px; width: 230px; color: blue; border: none; text-decoration: none} .no {color: #FFF600; font-family: Verdana; font-size: 12px; font-variant: small-caps; font-weight: bold; text-align: center} .no1 {color: #000000; font-family: Verdana; font-size: 10px; font-variant: small-caps; font-weight: bold; text-align: center} #page1 {position: absolute; left: 570px; top: 330px;}/* lien vers les pages de 9 images */ #page1 {padding:0; border:0 } #page1 a {display: block; font-size: 11px; font-variant: small-caps; font-weight: bold; text-align: left} #page1 a:hover {color: #bf3030; font-size: 12px; font-variant: small-caps; font-weight: bolder; text-align: left; text-decoration: overline}