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 85 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 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232
| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Document sans nom</title>
<style type="text/css" media="screen">
body{
background-color:white;
color:black;
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:85%;
}
a.rubrique:link{/* LIENS DE BASE DE NAV (couleur par defaut, pas souligne*/
color: #FFFFFF;
text-decoration:none;
padding: 0px;
margin: 0em;
}
a.rubrique:visited{/* LIENS VISITES DE NAV (couleur par defaut, pas souligne*/
color:#FFFFFF;
text-decoration:none;
padding: 0px;
margin: 0em;
}
a.rubrique:hover{/* LIENS SURVOLES DE NAV (couleur par defaut, souligne*/
color: #FFFFFF;
text-decoration: underline;
padding: 0px;
margin: 0em;
}
a.rubrique:active{/* LIENS CLIQUES DE NAV (couleur par defaut, pas souligne*/
color: #FF0000;
text-decoration:none;
padding: 0px;
margin: 0em;
}
a.ssrubrique:link{/* LIENS DE BASE DE NAV (couleur par defaut, pas souligne*/
color: #FFFFFF;
text-decoration:none;
font-size:small;
font-weight:normal;
margin: 0 0 Oem 0;
padding: 0 0 0 0em;
margin-left:-2em;
}
a.ssrubrique:visited{/* LIENS VISITES DE NAV (couleur par defaut, pas souligne*/
color:#FFFFFF;
text-decoration:none;
font-size:small;
font-weight:normal;
margin: 0 0 0em 0;
padding: 0 0 0 0em;
margin-left:-2em;
}
a.ssrubrique:hover{/* LIENS SURVOLES DE NAV (couleur par defaut, souligne*/
color: #FFFFFF;
text-decoration: underline;
font-size:small;
font-weight: normal;
margin: 0 0 0em 0;
padding: 0 0 0 0em;
margin-left:-2em;
}
a.ssrubrique:active{/* LIENS CLIQUES DE NAV (couleur par defaut, pas souligne*/
color: white;
text-decoration:none;
font-size:small;
font-weight:normal;
margin: 0 0 0em 0;
padding: 0 0 0 0em;
margin-left:-2em;
}
a.ensavoirplus:link{/* LIENS DE BASE DE NAV (couleur par defaut, pas souligne*/
color: black;
display:block;
text-decoration:none;
text-align: right;
font-size:75%;
padding: 0px;
margin: 0em;
}
a.ensavoirplus:visited{/* LIENS VISITES DE NAV (couleur par defaut, pas souligne*/
color:black;
display:block;
text-decoration:none;
text-align: right;
font-size:75%;
padding: 0px;
margin: 0em;
}
a.ensavoirplus:hover{/* LIENS SURVOLES DE NAV (couleur par defaut, souligne*/
color: black;
display:block;
text-decoration: underline;
text-align: right;
font-size:75%;
padding: 0px;
margin: 0em;
}
a.ensavoirplus:active{/* LIENS CLIQUES DE NAV (couleur par defaut, pas souligne*/
color: blue;
display:block;
text-decoration:none;
text-align: right;
font-size:75%;
padding: 0px;
margin: 0em;
}
p.acote{
text-align:justify;
font-size:90%;
color:white;
}
#conteneur{
background-color: aqua;
position:absolute;
top;0px;
left:0px;
margin-top:2%;
margin-bottom:5%;
margin-left:5%;
margin-right:5%;
width:90%;
height:90%;
padding:0;
}
#entete{
margin:0;
padding:0;
background-color:yellow;
width:100%;
height:100px;
}
#boite{
float:right;
margin:0;
padding:0;
background-color:lime;
width:11em;
padding:1em;
}
#menu{
float:left;
margin:0;
padding:1em;
background-color:red;
color:white;
width:150px;
font-weight: bold;
font-size:105%;
font-family:Arial, Helvetica, sans-serif;
}
#contenu{
float:left;
margin:0em;
padding:1em;
background-color: #CCCCCC;
width:27em;
text-align:justify;
}
#pied{
clear:both;
margin:0;
padding:0;
background-color:fuchsia;
width:760px;
height:20px;
font-size:75%;
text-align:center;
}
</style>
</head>
<body>
<div id="conteneur">conteneur maitre fixe a 760
<div id="entete">en tete</div>
<span id="boite">
<div><p class="acote">Dicit maluisset pro ut, has ut duis convenire petentium. Cu copiosae
dissentiet est.</p>
<a href="tst15.htm" class="ensavoirplus">en savoir plus...</a>
</div>
<div>
<p class="acote">Dicit maluisset pro ut, has ut duis convenire petentium. Cu copiosae
dissentiet est.</p>
<a href="tst15.htm" class="ensavoirplus">en savoir plus...</a></div>
</span>
<span id="menu">
<dl>
<dt><a href="tst13.htm" class="rubrique">Accueil</a></dt>
<dt>Lorem
<dl><a href="tst13.htm" class="ssrubrique">Lorem ipsum dolor</a></dl>
<dl><a href="tst13.htm" class="ssrubrique">Sit amet</a></dl>
<dl><a href="tst13.htm" class="ssrubrique">Consectetur adipisicing</a></dl>
<dt>Ipsum
<dl><a href="tst13.htm" class="ssrubrique">Sed do eiusmod</a></dl>
<dl><a href="tst13.htm" class="ssrubrique">Tempor incididunt</a></dl>
<dt>Dolor
<dl><a href="tst13.htm" class="ssrubrique">Ut labore</a></dl>
<dt>Sit amet
<dl><a href="tst13.htm" class="ssrubrique">Dolore magna aliqua</a></dl>
<dl><a href="tst13.htm" class="ssrubrique">Ut enim ad</a></dl>
<dl><a href="tst13.htm" class="ssrubrique">Minim veniam</a></dl>
</dl>
</span>
<span id="contenu"
><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
in reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur. Excepteur sint occaecat cupidatat non proident,
sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p>Vel duis diceret ad. Postea eripuit et sea, quo omnes facete consequuntur
cu. Et usu equidem verterem, impetus copiosae vituperatoribus his ei, ne
quo equidem recteque patrioque. Vis minim error pertinax et. Affert dicunt
et mei, mea id everti labores, ius no solum labores. Eum audiam labores ei,
timeam nusquam eu cum?</p>
<p>Has ne audire definitionem, ullum voluptua mei et? Sit primis nusquam ut,
legere officiis usu id. Cum ignota audire quaeque at. Nam illum consul te,
mei no forensibus deterruisset, nec no dicta tation!</p></span>
<div id="pied">Accueil | Lorem | Ipsum | Dolor | Sit amet | Contact</div>
<div id="pied">Copyright © Auteur 2004, tous droits réservés.</div>
</div>
</body>
</html> |
Partager