site de Fabien Torre


Source de actu.css

0: 1: /* généralités sur le document */ 2: 3: body { 4: 5: background-color : #FF9900; 6: 7: font-size : 90%; 8: color : #000000; 9: 10: font-family : "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; 11: 12: padding : 1em 1em 1em 1em; 13: 14: } 15: 16: 17: 18: 19: /* la mise en page : le corps du document */ 20: 21: div.pagelarge { 22: 23: background-color : #FFFFFF; 24: color : inherit; 25: 26: text-align : justify; 27: 28: margin : 0em; 29: 30: padding : 2em; 31: 32: border : 1px solid #000000; 33: } 34: 35: 36: 37: div.encart { 38: 39: text-align : justify; 40: 41: border-style : solid; 42: border-width : 1px; 43: border-color : #000000; 44: 45: color : inherit; 46: 47: background-color : #FFFF99; 48: 49: font-weight : bold; 50: font-size : 110%; 51: 52: margin-left : 10%; 53: margin-right : 10%; 54: margin-bottom : 2em; 55: 56: padding : 1em; 57: 58: } 59: 60: 61: 62: 63: 64: 65: /* les liens hypertextes */ 66: 67: a:link { 68: color : #3366CC; 69: background-color : inherit; 70: } 71: 72: a:hover { 73: color : #3333FF; 74: background-color : #FFFF33; 75: } 76: 77: 78: a:active { 79: color : #CC0033; 80: background-color : inherit; 81: } 82: 83: a:visited { 84: 85: } 86: 87: 88: 89: 90: /* les titres */ 91: 92: h1 { 93: 94: color : #FF9900; 95: background-color : inherit; 96: 97: text-align : right; 98: 99: font-weight : bold; 100: font-variant : small-caps; 101: font-size : 150%; 102: 103: border-bottom : 2px solid #FF9900; 104: 105: text-transform : capitalize; 106: 107: } 108: 109: 110: h2 { 111: 112: font-weight : bold; 113: font-variant : small-caps; 114: font-size : 125%; 115: 116: text-align : left; 117: 118: color : #FF9900; 119: background-color : inherit; 120: 121: margin-top : 3em; 122: margin-bottom : 2em; 123: 124: border-bottom : 1px solid #FF9900; 125: 126: } 127: 128: div.encart h1 { 129: 130: font-weight : bold; 131: font-size : 100%; 132: 133: text-align : left; 134: text-transform : none; 135: 136: color : #3366CC; 137: background-color : inherit; 138: 139: margin : 0; 140: padding : 0; 141: border-bottom : none; 142: 143: 144: } 145: 146: 147: div.encart li { 148: margin-left : 5em; 149: } 150: 151: 152: img { 153: float : left; 154: margin : 1em 1em 1em 0em; 155: } 156: 157: ul { 158: 159: clear : both; 160: }
Fabien Torre Valid HTML5! Valid CSS!
site de Fabien Torre, université de Lille