pas de problème...
le code html
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8"/>
<!--[if lt IE 9]
<script
src="http://htm15shiv.googlecode.com/svn/trunk/htm15.js"><script>
<!--[endif]-->
<link rel="stylesheet" href="styles.css"/>
<title>AFC 2013 - Congréés de l'Association Française de Cristallographie AFC2013 Bordeaux</title>
</head>
<body>
<div id="bloc-page">
<header>
<div id="titre-principal">
<img src="IMG/AFC-asso-logo.gif" alt="logo de l'Association Française de Cristallographie" id="logo-afc"/>
<h1>AFC 2013 Bordeaux</h1>
<h2>afc2013@ibgc.cnrs.fr</h2>
</div>
<nav>
<ul>
<li><a href="index.html">:: Accueil ::</a></li>
<li><a href="comite.html">:: Comité scientifique ::</a></li>
<li><a href="programme.html">:: Programme ::</a></li>
<li><a href="inscription.html">:: Inscription ::</a></li>
<li><a href="resume.html">:: Résumé ::</a></li>
<li><a href="http://www.afc.asso.fr" target="_blank">:: Site de l'AFC ::</a></li>
</ul>
</nav>
</header>
<div id="banniere-image">
<div id="banniere-description">
Congrés de l'Association Française de Cristallographie :: AFC 2013 Bordeaux
</div>
</div>
<section>
<article>
<h1>L'Association Française de Cristallographie<br>
organise le<br>
congrés AFC 2013<br>
à Bordeaux<br>
du 02 au 05 Juillet 2013<br>
Les inscriptions sont ouvertes.<br>
!!!Attention!!!<br>
Date limitte d'inscription<br>
02 Juin 2013
<div id="affiche"></div>
<aside>
<img src="AFC2O13BdX_small">
<p> contact:<a href="mailto:afc2013@ibgc.cnrs.fr">afc2013</a><br>
AFC2013 BDX<br>
est organisé par<br>
<h2>L'AFC</h2><br>
avec le soutien :<br>
<ul>
<li>Des laboratoires de l'Université de Bordeaux</li>
<li>De la cellule Congrés à la DR15 du CNRS</li>
<li>Du service de gestion de l'IBGC</li>
</ul>
<br>
Ce site est hebergé par L'IBGC
</p>
</aside>
</section>
<section>
<article>
En 2013, l'AFC souflera ses 60 bougies <br>
2013, c'est le centenaire célébrant les premières résolutions de structures par Lawrence et William Bragg (père & fils).<br>
C'est pour cela qu'ils reçurent conjointement, et non pour la loi qui porte leur nom, le prix nobel de physique en 1915.<br>
Les cristallographes reviennent en congrés à Bordeaux, 23 ans apré le XVéme IUCr Congress 1990.</span><br>
Liste des précédents congrés de l'AFC :<br>
- AFC83-----Lille<br>
- AFC88-----Lyon<br>
- AFC90-----Bordeaux<br>
- AFC92-----Paris<br>
- AFC95-----Grenoble<br>
- AFC98-----Orleans<br>
- AFC2001---Orsay<br>
- AFC2003---Caen<br>
- AFC2006---Toulouse<br>
- AFC2008---Rennes<br>
- AFC2010---Strasbourg</p>
</article>
<aside>
<div id="affiche"></div>
</aside>
</section>
<footer>
Futurs partenaires: ayez votre logo ici<p class="logos"></p>
</footer>
</div>
</body>
le code css
/* définition des polices personalisées*/
@font-face
{
font-family: 'BallparkWeiner';
src: url('polices/ballpark.eot');
src: url('polices/ballpark.eot?#iefix') format('embedded-opentype'),
url('polices/ballpark.woff') format('woff'),
url('polices/ballpark.ttf') format('truetype'),
url('polices/ballpark.svg#BallparkWeiner') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face
{
font-family: 'Dayrom';
src: url('polices/dayrom.eot');
src: url('polices/dayrom.eot?#iefix') format('embedded-opentype'),
url('polices/dayrom.woff') format('woff'),
url('polices/dayrom.ttf') format('truetype'),
url('polices/dayrom.svg#Dayrom') format('svg');
font-weight: normal;
font-style: normal;
}
/*elements principaux de la page*/
body
{
background: url('image/blackred.jpg');
font-family: 'Trebuchet MS', Arial, sans-serif;
color: #fffaf0;
}
#bloc-page
{
width: 900px;
margin: auto;
}
section h1, footer h1, nav a
{
font-family: Dayrom, serif;
font-weight: normal;
text-transform: uppercase;
}
header
{
background: url('image/separateur.png') repeat-x bottom;
}
#titre-principal
{
display: inline-block;
}
header h1
{
font-family: 'BallparkWeiner', serif;
font-size: 2.5em;
font-weight: normal;
}
#logo, header h1
{
display: inline-block;
margin-bottom: 0px
}
header h2
{
font-family: Dayrom, serif;
font-size: 1.1em;
margin-top: 0px;
font-weight: normal;
}
/*navigation*/
nav
{
display: inline-block;
width: 740px;
text-align: right;
}
nav ul
{
list-style-type: none;
}
nav li
{
display: inline-block;
margin-right: 15px;
}
nav a
{
font-size: 1.3em;
color:#ff4500;
padding-bottom: 3px;
text-decoration: none;
}
nav a:hover
{
color: #ffa500
border-bottom: 3px solid #ffa500;
}
/*baniere*/
banniere-image
{
margin-top: 15px;
height:685px
border-radius: 5px;
background: url ('C:\Users\Jean Baptiste\Desktop\Site_internet\jean baptiste\final\image\bordeaux-pont.JPG') no-repeat;
position: relative;
box-shadow: 0px 4px 4px #1c1a19;
margin-bottom: 25px;
}
banniere-description
{
position: absolute;
bottom: 0px;
border-radius: 0px 0px 5px 5px;
width: 99.5%;
height: 33%;
padding-top: 15px;
padding-left: 4px
background-color: #e31230;
color: white;
font-size: 0.8em;
}
voilà... Personnelement j'y perd mon latin...
---------------
Venez me défier :