css
Transcription
css
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 body { width: 760px; margin-right: auto; /* Pour centrer notre page */ margin-left: auto; /* Pour centrer notre page */ margin-top: 40px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */ margin-bottom: 20px; /* Idem pour le bas du navigateur */ background-image: url("../images/dark_bg.gif"); background-repeat: repeat-x; background-color: #6483a0; } #container { /*conteneur principal*/ width: 760px; height: 100%; margin-bottom: 10px; } #container_top { /*conteneur bandeau*/ height: 100px; margin-bottom: 0px; background-image: url("../images/bandeau.png"); } #container_intro { /*conteneur provisoire pour image de fond intro*/ background-image: url("../images/neige.png"); height: 300px; } #container_mnu { /*conteneur menu gauche*/ float: left; width: 150px; padding-top: 20px; padding-left: 7px; padding-right: 7px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #397F00; text-align: right; } #container_mnu a:link { /* apparence des boutons - lien */ color: #C18512; display: block; float: right; width: 70px; border: 1px solid #D8D8D8; padding-top: 1px; padding-bottom: 2px; text-decoration: none; text-align: center; font-weight: bold; padding-left: 7px; padding-right: 2px; margin-bottom: 3px; } #container_mnu a:hover { /* apparence des boutons - passage souris */ background-color: #F7F7F7; } #container_mnu a:visited { /* apparence des boutons - lien visité */ color: #9F6E10; display: block; float: right; width: 70px; border: 1px solid #D8D8D8; padding-top: 1px; padding-bottom: 2px; text-decoration: none; text-align: center; font-weight: bold; padding-left: 7px; padding-right: 2px; margin-bottom: 3px; } #container_main { /*conteneur page principale*/ margin-left: 170px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le men u */ 85 margin-bottom: 0px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */ D:\G_Guth\Site OVH\.ger\r1\css\styles.css: 1/2 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */ padding-left: 80px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #397F00; } #container_main a:link { /* apparence des boutons - lien */ color: #C18512; display: block; float: left; width: 100px; border: 1px solid #D8D8D8; padding-top: 1px; padding-bottom: 2px; text-decoration: none; text-align: center; font-weight: bold; padding-left: 4px; padding-right: 4px; margin-bottom: 3px; } #container_main a:hover { /* apparence des boutons - passage souris */ background-color: #F7F7F7; } #container_main a:visited { /* apparence des boutons - lien visité */ color: #9F6E10; display: block; float: left; width: 100px; border: 1px solid #D8D8D8; padding-top: 1px; padding-bottom: 2px; text-decoration: none; text-align: center; font-weight: bold; padding-left: 4px; padding-right: 4px; margin-bottom: 3px; } #container_bottom { /*conteneur bas copyright*/ height: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; text-align: center; color: #B3B3B3; background-image: url("../images/pied.png"); } #container_main img { border: none; } #container_main h3 { font-size: 12px; } /* ------ Apparence Formulaire ------- */ .little_input { /* taille de la textbox du formulaire */ width: 44px; height: 13px; background-color:#FFCC00; font-size: 10px; margin-right: 10px; } select { /* taille de la listbox du formulaire */ width: 49px; height: 18px; background-color:#FFCC00; font-size: 10px; margin-right: 10px; } D:\G_Guth\Site OVH\.ger\r1\css\styles.css: 2/2