/* background-image: url("mes_images/bg.jpg"); */ body { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 0.8em; background: white; padding: 0; margin: 0; } #container { width: 800px; background: #E6E0EC; text-align: left; border: 1px solid #eda; margin: 0 auto; } /* color: #7C6240; */ p#smurf { background: transparent; font-style: italic; font-size: 0.8em; color: #000000; } #smurf strong { font-size: 1.2em; color: black; } /* menu haut */ #nav, #nav ul { float: left; width: 800px; list-style: none; line-height: 1; background: white; font-weight: bold; padding: 0; border: solid #959BF0; border-width: 1px 0; margin: 0 0 1em 0; } #nav a { display: block; width: 10em; w\idth: 6em; color: #7C6240; text-decoration: none; padding: 0.25em 2em; } #nav a.daddy { } #nav li { float: left; padding: 0; width: 10em; } #nav li ul { position: absolute; left: -999em; height: auto; width: 14.4em; w\idth: 13.9em; font-weight: normal; border-width: 0.25em; margin: 0; } #nav li li { padding-right: 1em; width: 13em } #nav li ul a { width: 13em; w\idth: 9em; } #nav li ul ul { margin: -1.75em 0 0 14em; } #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; } #nav li:hover, #nav li.sfhover { background: #959BF0; } /* fin menu haut */ .pied0 { padding-bottom: 0px; padding-left: 0px; font-size: 0.9em; margin: 0px 0px; border: 1px solid #999; background-color: #fff; text-align: left; } /* info bulle */ /* border-bottom: 1px gray dotted; on souligne le texte */ a.info { position: relative; color: black; text-decoration: none; } a.info span { display: none; /* on masque l'infobulle */ } /* cursor: help; on change le curseur par défaut en curseur d'aide */ a.info:hover { background: none; /* correction d'un bug IE */ z-index: 500; /* on définit une valeur pour l'ordre d'affichage */ } a.info:hover span { display: inline; /* on affiche l'infobulle */ position: absolute; white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */ top: 30px; /* on positionne notre infobulle */ left: 20px; background: white; color: #959BF0; padding: 3px; border: 1px solid #959BF0; border-left: 4px solid #959BF0; } /***** fin infobulle ****/ #content { clear: left; } #content a { color: #7C6240; } #content a:hover { text-decoration: none; } /******* menu gauche menu_veticale.js user: *********************************/ div#ex1 ul#menulist li ul{ display:none; } div#ex1 ul#menulist li:hover>ul{ display:block; } div#ex1 ul#menulist { font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; color: #0F4D2A; position: static; left: 10px; margin: 15px; } div#ex1 ul#menulist, div#ex1 ul#menulist ul { /* border:1px solid #990000;*/ list-style:none; margin:0; padding:0; width:13em; _width:13em; background-color: #E6E0EC; border: 1px solid; border-top-color: #FFFFFF; border-left-color: #FFFFFF; border-bottom-color: #959B90; border-right-color: #959BF0; } div#ex1 ul#menulist ul{ position:absolute; top:-1px; left:12.7em; } div#ex1 ul#menulist li{ position:relative; margin:0px; padding:0px; _display:inline; } div#ex1 ul#menulist a{ display:block; width:100%; text-decoration: none; text-indent: 1em; width: 12.7em; padding: 5px 0; } div#ex1 ul#menulist li:hover, div#ex1 ul#menulist li a:hover { color: #FFFFFF; background-color: #959BF0; } div#ex1 ul#menulist li.smenu { background-position: 11.3em; background-repeat: no-repeat; } div#ex1 ul#menulist li.smenu:hover, div#ex1 ul#menulist li.smenu>a:hover { background-position: 11.3em; background-repeat: no-repeat; } div#ex1 ul#menulist a { color: #7C6240; text-decoration: none; font-weight: bold; } /*****************************/ .fil_ariane { width: 800px; height: 3em; margin: 2em auto; } /* Fil d'Ariane */ #hierarchie { clear: both; width: 800px; height: 1.5em; margin: 0 auto; background: #FFFFFF; } #menu_gauche { width: 13em; background: #E6E0EC; text-align: left; border: 1px solid #eda; margin: 0 auto; } p { margin: 0.5em 0.5em; } .p { margin: 0.5em 0.5em ; font-size: 0.8em; font-style: italic; } .p3 { margin: 0.5em 0.5em ; font-size: 0.8em; font-style: italic; float: left; } .p2 { margin-left: 200px; } .p_vide { height: 10em; } } .contenu-principal{ padding-top: 0.5em; padding-left: 0.5em; padding-right: 0.5em; padding-bottom: 0.5em; } .liste-articles { list-style-image: url("mes_images/carre_violet.gif"); } .liste-articles1 { list-style-image: url("mes_images/puce_doc.png"); } .haut_icon{ float: left; } h1 { font: bold 16px sans-serif; color: #009CFF; } h2 { font: bold 14px sans-serif; color: #009CFF; } #scaffolding { height: 70px; border: solid #eda; border-width: 1px 0 0 0; margin: 1em 0 0 0; } #scaffolding a { text-decoration: none; text-indent: -999em; display: block; height: 70px; background-position: 181px 0; } #scaffolding a:hover { background-position: 181px -70px; } .pied1 { padding-bottom: 5px; padding-left: 5px; font-size: 0.8em; margin: 0px 0px; border: 1px solid #999; background-color: #fff; background-repeat: no-repeat; background-image: url("mes_images/barre1.jpg"); text-align: left; } .pied { font-size: 0.8em; padding: 0px; margin: 0px 0px; border: 1px solid #999; background-color: #fff; background-repeat: no-repeat; background-image: url("mes_images/barre.jpg"); text-align: right; font-style: italic; }