// .td_1 { color : #AA0000; background-color: red;} .b1 { color : red;} .sond { font-size : 75%; } { margin: 20px; font-size:5; } h1 { font-size : 190%; /* 6; 12px; */ font-weight: 300; /* lighter; bold; bolder; (mini) 100; (normal) 400; (bold) 700; (bolder) 900; */ font-family : Times New Roman, Helvetica, Verdana, Arial, Geneva, sans-serif; color : blue; text-align: center; } .cl-bigh1 { font-size : 220%; font-weight: normal; font-family : Times New Roman; color : blue; text-align: center; } h2 { font-size : 160%; font-weight: normal; font-family : Times New Roman, Helvetica, Verdana, Arial; color : blue; text-align: center; } h3 { font-size : 140%; font-weight: normal; font-family : Times New Roman, Helvetica, Verdana, Arial; color : blue; text-align: center; } h4 { font-size : 120%; font-weight: normal; font-family : Times New Roman, Helvetica, Verdana, Arial; color : blue; text-align: left; Margin : 15 0 15 0 } h5 { font-size : 100%; font-family : Times New Roman, Helvetica, Verdana, Arial; color : black; text-align: left; MARGIN : 0 0 0 0 } .vert-1 { color : #006600;} .style-1 { font-size : 130%; color : blue; } p { color: black; MARGIN: 0cm 0cm 0cm } .memoBar { /* Barre d'outils */ text-align: left; /* - boutons alignés à gauche */ margin:4px 0px; background-color: gray; /*buttonface; - couleur de fond de windows */ } .memoOver { /* Boutons séélectionnéés */ background-color: silver; //'#ffffff'; /* - couleur de fond de windows */ border: 1px solid buttonshadow; /* - bordure de couleur plus foncéée */ } .memoOut { /* Boutons non séélectionnéés */ background-color: buttonface; /* - couleur de fond de windows */ border: 1px solid #101010; /* - bordure grise */ } .memoclick { /* Boutons non séélectionnéés */ background-color: red; /* - couleur de fond de windows */ border: 3px solid black; /* - bordure grise */ } .memoText { /* Zone de texte wysiwyg */ text-align: left; /* - texte cadréé àà gauche */ border-left: buttonface 1px solid; /* - bordure àà gauche */ border-right: buttonface 1px solid; /* - bordure àà droite */ border-bottom: buttonface 1px solid; /* - bordure au fond */ overflow-y: auto; /* - avec un ascenceur vertical */ overflow-x: hidden; /* - sans ascenceur horizontal */ } .memoText p { /* Paragraphes dans la zone wysiwyg */ margin: 0px 0px 0px 0px; /* (évite l'interligne trop grande) */ } .memoText a { /* Liens dans la zone wysiwyg */ color: blue; /* - de couleur bleu classique */ text-decoration : underline; /* - et souligné */ } // Aspect des boutons selon le click de souris ----------------------------------------------* img { border-style:1px solid silver; } .btnImage { background-color:silver; border: 2px solid silver; cursor: pointer; cursor: hand;} .btnImageRaised { background-color:red; border: 1px outset; cursor: pointer; cursor: hand;} .btnImageLowered { background-color:silver; border: 2px inset; cursor: pointer; cursor: hand;} .vertSep { background-color:silver; border:1px inset;font-size:0px; width:1px; height:2px; } .btnBack { background-color:silver; border:1px outset; letter-spacing:0; padding-top:2px; padding-bottom:2px } // Aspect des boutons selon le click de souris ----------------------------------------------* /* pour placer une puce devant chaque ligne puce.gif li {font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-size: 100%; color: black; list-style-type:none; background-image:url(puce.gif); background-repeat:no-repeat; background-position:0% 65%; padding-left:15px; } Résultat · liste 1 · liste 2 · liste 3 */ body { margin: 0; padding:0; position: absolute; width: 100%; height: 100%; font-family: verdana, arial, sans-serif; } .haut { width: auto; height: 126px; background-color: #06C; color: #fff; font-size: 36px; padding: 10px; } .conteneur { height: 338px; width: 100%; } .gauche { position: absolute; left: 0; width: 180px; height: 338px; background-image: url(gauche.gif); } .frame { width: auto; height: 338px; overflow: auto; font-size: 14px; } .bas { width: auto; height: 30px; background-color: #06C; color: #fff; font-size: 12px; padding: 10px; } ul, li {margin: 0; padding: 0; list-style-type: none;} ul {float: left; margin-top: 60px; margin-left: 20px;}