18041 sujets
<style type="text/css">
#header {
width:819px;
height:128px;
margin:0 auto;
padding:0px;
background:url(header.jpg) no-repeat right top;
position:relative;
}
</style>
</head>
<body>
<div id="header">
<a href="index.html"><img src="logo_dpassurance.jpg" alt="logo dpassurance" border="0" /></a>
</div>
/*CONTENU*/
#rayures1{
width:342px;
height:100%;
min-height: 100%;
background: url(images/rayures.jpg) repeat right top ;
float:right;
margin-right:11px;
}
#photo{
z-index:90;
position:absolute;
margin-left:508px;
margin-top:100px;
width:258px;
height:173px;
}
#photo{
z-index:90;
position:absolute;
left:508px;
top:100px;
width:258px;
height:173px;
}
)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
body {
background: #dedffc;
margin: 0;
padding: 0;
font: 100% Verdana, Geneva, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
text-decoration: none;
}
html {
margin: 0;
padding: 0;
}
#site{
width:819px;
margin:0 auto;
padding:0;
position: relative;
background:url(fond_dpa2.jpg) repeat-y center top;
}
/* HEADER */
#header {
width:819px;
height:128px;
padding:0px;
background:url(header.jpg) no-repeat right top;
position:relative;
}
/* MENU */
#menu{
width:798px;
position:absolute;
left: 50%;
margin-left: -399px;
top: 128px;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
font: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
text-transform:uppercase;
font-size:10px;
text-align: center;
}
#menu dl {
float: left;
width: 114px;
margin: 0px;
}
#menu dt {
color: #FFFFFF;
cursor: pointer;
font-weight: bold;
height: 37px;
}
#menu li a, #menu dt a {
color: #FFFFFF;
text-decoration: none;
display: block;
padding:6px;
}
#menu li a:hover, #menu dt a:hover {
background: #000066;
}
/*CONTENU*/
#gauche{
float: left;
width: 467px;
background:url(cote.jpg) repeat-y left top;
background-color: #fff;
}
#droite{
width:335px;
overflow: hidden;
}
#droite img{
margin-top:100px;
margin-left:30px;
}
#txt{
width:420px;
margin-left:31px;
margin-top:100px;
padding: 0px;
}
#txt h3{
padding: 0;
font: 100% Verdana, Geneva, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
font-size:11px;
font-weight:bold;
color:#0000CC;
}
#txt p{
font: 100% Verdana, Geneva, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
font-size:11px;
}
#footer{
clear: both;
height: 21px;
margin: 0 auto 0;
background: url(pied.gif);
}
</style>
<script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
//-->
</script>
</head>
<div id="site">
<div id="header">
<a href="index.html"><img src="logo_dpassurance.jpg" alt="logo dpassurance" border="0" /></a>
</div>
<div id="menu">
<dl>
<dt onmouseover="javascript:montre('smenu1');" style="background-color:#C45555"><a href="#">Risques d'entreprises</a></dt>
<dd style="display: none;" id="smenu1">
<ul style="background-color:#C45555">
<li><a href="#">Le risque industriel</a></li>
<li><a href="#">Les assurances de responsabilité civile</a></li>
<li><a href="#">L'assurance de vos marchandises en cours de transport</a></li>
<li><a href="#">L'assurance crédit</a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu2');" style="background-color:#965578"><a href="#">Assurances de personnes</a></dt>
<dd style="display: block;" id="smenu2">
<ul style="background-color:#965578">
<li><a href="#">La prÉvoyance collective</a></li>
<li><a href="#">La retraite surcom-<br />plÉmentaire par capitalisation</a></li>
<li><a href="#">Les indemnitÉs de dÉpart à la retraite</a></li>
<li><a href="#">L'Épargne salariale</a></li>
<li><a href="#">Les autres produits</a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu3');" style="background-color:#047391"><a href="#">Audit risques et assurances</a></dt>
<dd style="display: none;" id="smenu3">
<ul style="background-color:#047391">
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu4');" style="background-color:#76BC81"><a href="#">Assurances du particulier</a></dt>
<dd style="display: none;" id="smenu4">
<ul style="background-color:#76BC81">
<li><a href="#">L'assurance "des belles demeures" et objets d'art</a></li>
<li><a href="#">L'assurance des vhÉicules haut de gamme et de collection</a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu5');" style="background-color:#0000CC"><a href="#">RÉfÉrence clients</a></dt>
<dd style="display: none;" id="smenu5"> </dd>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu6');" style="background-color:#0000CC"><a href="#">Demande de devis</a></dt>
<dd style="display: none;" id="smenu6"> </dd>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu7');" style="background-color:#0000CC"><a href="#">Contact<br /></a></dt>
<dd style="display: none;" id="smenu7"> </dd>
</dl>
</div>
<div id="gauche">
<div id="txt">
<h3>Qui sommes-nous ?</h3>
<p>Mandataire juridique de nos clients,
Expert et conseil en assurances, indépendant de toute compagnie,
Membre du FCA, Fédération Française des Courtiers d'Assurances
et de Réassurances.
</p>
<h3>Notre mission</h3>
<p>Vous conseiller en matière de gestion des risques,
Vous aider à mettre en place puis à gérer
dans le temps un programme d'assurances adapté.
</p>
<h3>Notre spécifité : les risques d'entreprises</h3>
<p>Courtage d'assurances</p>
<p>Audit des risques et des couvertures d'assurances</p>
<h3>Notre ambition : devenir votre véritable "Monsieur Sécurité"</h3>
<p>Vous apporter un regard extérieur neuf sur les risques majeurs
encourus par votre entreprise,
Vous aider à élaborer un plan de protection,
Vous aider à « acheter » les garanties d'assurances adéquates,
puis traiter les sinistres, à Vous accompagner dans le temps.</p>
<h3>Lorem ipsum dolor sit ame</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce quis lacus. Morbi suscipit nulla vel quam. Praesent nonummy venenatis lorem. Cras vel erat sit amet lacus luctus blandit. Nullam nibh erat, aliquet a, hendrerit in, scelerisque eu, lacus. Phasellus nec nunc quis nisl congue fringilla. Nam consectetuer placerat ante. Sed nunc enim, pellentesque non, luctus eu, tempus nec, nunc. Nam condimentum. Maecenas metus. Nam mollis metus eu est. Nullam vel lorem. Etiam laoreet, lacus vel tempor convallis, enim lacus auctor eros, sit amet tempor augue eros aliquet nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec auctor, quam eu imperdiet porta, lectus tortor auctor pede, ut molestie quam velit vitae erat. Donec convallis. Aenean vitae lectus. Morbi in eros non dolor venenatis ullamcorper.</p>
</div>
</div>
<div id="droite">
<img src="dpa1.jpg" alt="photo1" border="0" />
</div>
<div id="footer">
</div>
</div>
</body>
</html>
surtout que je viens d'écraser mes fichiers... J'ai plus qu'a m'y replonger. 
#acc{
width:345px;
height:235px;
margin-top:100px;
margin-left:0px;
padding:0;
border:0;
}
#acc2{
width:345px;
height:235px;
margin-top:14px;
margin-left:0px;
padding:0;
border:0;
}
#bloc1, #bloc2, #bloc3, #bloc4{
width:150px;
height:230px;
font: 100% Verdana, Geneva, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
font-size:11px;
text-align:left;
border:#FFFFFF;
float:left;
padding:6px;
margin-left:7px;
}
Le lundi au soleil...
(Cloud François)