Site qui part en cacahouète!
Résolu
juliendan
Messages postés
273
Date d'inscription
Statut
Membre
Dernière intervention
-
juliendan Messages postés 273 Date d'inscription Statut Membre Dernière intervention -
juliendan Messages postés 273 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
en voulant faire une mise à jour de mon site je sais pas ce qu'il s'est passé mais je me retrouve avec des pages complètment désordonnées, sans images.
Je vous joins ce que j'ai dans ma fenêtre de dream (là rien d'anormal) et ce qu'il y a dans le navigateur.
Si vous aviez une idée...
[URL=https://imageshack.com/][IMG]http://img718.imageshack.us/img718/3571/sitea.th.jpg[/IMG][/URL]
http://www.maisons-roales-caillot.com/maisonbasseconso.html
en voulant faire une mise à jour de mon site je sais pas ce qu'il s'est passé mais je me retrouve avec des pages complètment désordonnées, sans images.
Je vous joins ce que j'ai dans ma fenêtre de dream (là rien d'anormal) et ce qu'il y a dans le navigateur.
Si vous aviez une idée...
[URL=https://imageshack.com/][IMG]http://img718.imageshack.us/img718/3571/sitea.th.jpg[/IMG][/URL]
http://www.maisons-roales-caillot.com/maisonbasseconso.html
A voir également:
- Site qui part en cacahouète!
- Site qui remplace coco - Accueil - Réseaux sociaux
- Remplaçant de Coco : quelles solutions pour tchater gratuitement en ligne ? - Accueil - Réseaux sociaux
- Site de telechargement - Accueil - Outils
- Site x - Guide
- Site pour vendre des objets d'occasion - Guide
23 réponses
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<META NAME="TITLE" CONTENT="Maison Basse consommation">
<META NAME="DESCRIPTION" CONTENT="Maison Basse consommation">
<META NAME="KEYWORDS" CONTENT="maisons individuelles, contructeur Manche, maison basse consommation">
<META NAME="SUBJECT" CONTENT="constructeur de maisons individuelles dans la manche et Maison Basse consommation">
<META NAME="CATEGORY" CONTENT="Constructeur maisons individuelles">
<META NAME="AUTHOR" CONTENT="Julien Caillot">
<META NAME="REPLY-TO" CONTENT="maisons-roalescaillot@wanadoo.fr">
<META NAME="REVISIT-AFTER" CONTENT="15 DAYS">
<META NAME="LANGUAGE" CONTENT="FR">
<META NAME="COPYRIGHT" CONTENT="© 2009 - Maisons Roales Caillot">
<META NAME="ROBOTS" CONTENT="All">
<META HTTP-EQUIV="PRAGMA" CONTENT="NO-CHACHE">
<META HTTP-EQUIV="REFRESH" CONTENT="Non">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Maison basse consommation</title>
<link href="style1.css" rel="stylesheet" type="text/css" />
<style type="text/css">
a {
text-decoration: none;
color: #000000;
}
a:hover {
text-decoration:underline;
color:#CC0000;
}
<!--
-->
</style>
<link href="style2.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.style5 {font-size: 12px}
.style7 {color: #990000}
-->
</style>
</head>
<body>
<div class="style1">
<div class="bandeau"></div>
</div>
<div id="menu">
<ul>
<li><a href="index.html">Accueil</a></li>
<li> <a href="realisations.html">Réalisations</a></li>
<li><a href="modeles.html">Modèles</a></li>
<li> <a href="maisonbasseconso.html">Maison basse conso</a></li>
<li><a href="gammepremium.html">Gamme premium</a></li>
<li><a href="news.html">News</a></li>
<li><a href="terrains.html">Terrains</a></li>
<li><a href="mailto:maisons-roalescaillot@wanadoo.fr" target="_parent">Contact</a></li>
</ul>
</div>
<div id="pagebbc">
<div id="imagebasseconso"></div>
<div id="introbasseconso"></div>
<br />
<div id="textebbc">
<p>Notre BBC a été conçu de manière à répondre parfaitement aux éxigences des futures réglementations thermiques de 2012 en matière d'économie d'énergie.<br />
<br />
Minimiser les besoins énergétiques d'une maison est aujourd'hui un enjeu primordial et notre BBC se veut résolument tournée vers l'avenir en contribuant pleinement à une politique de développement durable.<br />
</p>
<p>Son orientation plein sud, ses ouvertures, son agencement intérieur spécifique mais aussi ses matériaux sont optimisés pour allier efficacité et confort de vie.</p>
</div>
<div id="schema"></div>
<div id="facadebbc"></div>
<div id="caracteristiques">La conception bioclimatique tient compte de l'orientation de la construction pour bénéficier des apports solaires dans les pièces à vivre.<br />
<br />
Une isolation thermique renforçée par l'emploi de matériaux isolants haute performance pour les sols, murs, plafonds et vitrages.<br />
<br />
Une étanchéité à l'air visant à empécher toute entrée d'air parasite, source de
déperdition de chaleur, par la mise en oeuvre soignée des matériaux et l'utilisation d'une VMC double flux.<br />
<br />
Un chauffage thermodynamique des pièces et l'eau chaude sanitaire par pompe à chaleur air/eau. </div>
<div id="vue1"></div>
<div id="visite">
<p><strong><a href="panorama.html" target="_blank">- panorama virtuel</a><br />
<br />
<a href="JPEG/bbc/plan.jpg" target="_blank">- télécharger les plans</a></strong></p>
<p><strong><a href="basseconso/chantier/etape1.html" target="_blank">- les étapes de la construction</a></strong></p>
</div>
</div>
<div class="copyright"><span class="style5">©</span> 2009 - Maisons Roales Caillot</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<META NAME="TITLE" CONTENT="Maison Basse consommation">
<META NAME="DESCRIPTION" CONTENT="Maison Basse consommation">
<META NAME="KEYWORDS" CONTENT="maisons individuelles, contructeur Manche, maison basse consommation">
<META NAME="SUBJECT" CONTENT="constructeur de maisons individuelles dans la manche et Maison Basse consommation">
<META NAME="CATEGORY" CONTENT="Constructeur maisons individuelles">
<META NAME="AUTHOR" CONTENT="Julien Caillot">
<META NAME="REPLY-TO" CONTENT="maisons-roalescaillot@wanadoo.fr">
<META NAME="REVISIT-AFTER" CONTENT="15 DAYS">
<META NAME="LANGUAGE" CONTENT="FR">
<META NAME="COPYRIGHT" CONTENT="© 2009 - Maisons Roales Caillot">
<META NAME="ROBOTS" CONTENT="All">
<META HTTP-EQUIV="PRAGMA" CONTENT="NO-CHACHE">
<META HTTP-EQUIV="REFRESH" CONTENT="Non">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Maison basse consommation</title>
<link href="style1.css" rel="stylesheet" type="text/css" />
<style type="text/css">
a {
text-decoration: none;
color: #000000;
}
a:hover {
text-decoration:underline;
color:#CC0000;
}
<!--
-->
</style>
<link href="style2.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.style5 {font-size: 12px}
.style7 {color: #990000}
-->
</style>
</head>
<body>
<div class="style1">
<div class="bandeau"></div>
</div>
<div id="menu">
<ul>
<li><a href="index.html">Accueil</a></li>
<li> <a href="realisations.html">Réalisations</a></li>
<li><a href="modeles.html">Modèles</a></li>
<li> <a href="maisonbasseconso.html">Maison basse conso</a></li>
<li><a href="gammepremium.html">Gamme premium</a></li>
<li><a href="news.html">News</a></li>
<li><a href="terrains.html">Terrains</a></li>
<li><a href="mailto:maisons-roalescaillot@wanadoo.fr" target="_parent">Contact</a></li>
</ul>
</div>
<div id="pagebbc">
<div id="imagebasseconso"></div>
<div id="introbasseconso"></div>
<br />
<div id="textebbc">
<p>Notre BBC a été conçu de manière à répondre parfaitement aux éxigences des futures réglementations thermiques de 2012 en matière d'économie d'énergie.<br />
<br />
Minimiser les besoins énergétiques d'une maison est aujourd'hui un enjeu primordial et notre BBC se veut résolument tournée vers l'avenir en contribuant pleinement à une politique de développement durable.<br />
</p>
<p>Son orientation plein sud, ses ouvertures, son agencement intérieur spécifique mais aussi ses matériaux sont optimisés pour allier efficacité et confort de vie.</p>
</div>
<div id="schema"></div>
<div id="facadebbc"></div>
<div id="caracteristiques">La conception bioclimatique tient compte de l'orientation de la construction pour bénéficier des apports solaires dans les pièces à vivre.<br />
<br />
Une isolation thermique renforçée par l'emploi de matériaux isolants haute performance pour les sols, murs, plafonds et vitrages.<br />
<br />
Une étanchéité à l'air visant à empécher toute entrée d'air parasite, source de
déperdition de chaleur, par la mise en oeuvre soignée des matériaux et l'utilisation d'une VMC double flux.<br />
<br />
Un chauffage thermodynamique des pièces et l'eau chaude sanitaire par pompe à chaleur air/eau. </div>
<div id="vue1"></div>
<div id="visite">
<p><strong><a href="panorama.html" target="_blank">- panorama virtuel</a><br />
<br />
<a href="JPEG/bbc/plan.jpg" target="_blank">- télécharger les plans</a></strong></p>
<p><strong><a href="basseconso/chantier/etape1.html" target="_blank">- les étapes de la construction</a></strong></p>
</div>
</div>
<div class="copyright"><span class="style5">©</span> 2009 - Maisons Roales Caillot</div>
</body>
</html>
bah on dirait pas.
le pire c que j'ai rien modifié sur cette page, je l'ai juste recharger dans le FTP
le pire c que j'ai rien modifié sur cette page, je l'ai juste recharger dans le FTP
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
L'erreur était peut etre déjà là, mais pas encore mal interprétée ? (oui je sais ma phrase est bizarre) Tu as bien rechargé la même version ? parfois on a plusieurs fichiers de sauvegarde portant le même nom, et on envoi le mauvais fichier.
sûr, j'ai rechargé la même. D'ailleurs j'ai le même problème sur une autre page (page news et page terrains), que j'ai juste rechargé, elle aussi.
pourquoi avoir rechargé les pages s'il n'y avait aucune modification à apporter ?
(c'est juste une question pour satisfaire ma curiosité )
(c'est juste une question pour satisfaire ma curiosité )
j'avais un problème sur une autre page et j'ai tenté ça pour essayer de resoudre le problème... résultat c pire :-)!
Là, c franchement un mystère...
Là, c franchement un mystère...
y a une option que je viens de découvrir dans dream "affichage en direct", et là par contre j'ai l'affichage comme dans mon navigateur, c a dire en bordel. Quand je repasse en normal j'ai un affichage de ma page ou tout est bien rangé.
bonjour,
je ne sais si ça vient de la, mais la balise div, n'est pas fermé a cet endroit :
- <div class="style1">
ainsi qu'a celui la :
- <div id="pagebbc">
je ne sais si ça vient de la, mais la balise div, n'est pas fermé a cet endroit :
- <div class="style1">
ainsi qu'a celui la :
- <div id="pagebbc">
c cool merci!
je te mets le code d'une autre page qui elle n'a pas de problème d'affichage.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Nos réalisations</title>
<link href="style1.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
-->
</style>
<link href="style2.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.style5 {font-size: 12px}
-->
</style>
</head>
<body>
<div class="style1">
<div class="bandeau"></div>
</div>
<div id="menu">
<ul>
<li><a href="index.html">Accueil</a></li>
<li> <a href="realisations.html">Réalisations</a></li>
<li><a href="modeles.html">Modèles</a></li>
<li> <a href="maisonbasseconso.html">Maison basse conso</a></li>
<li><a href="gammepremium.html">Gamme premium</a></li>
<li><a href="news.html">News</a></li>
<li><a href="terrains.html">Terrains</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div id="pagereal">
<div id="imagerealisations"></div>
<div id="introrealisations"></div>
<div id="boite">
<div class="details"><a href="diaporama1.html" target="_blank">zoom</a></div>
<div id="descriptif"></div>
<div id="real2"></div>
<div id="real1"><img src="photosmaisons/vignettes/1.jpg" width="170" height="121" /></div>
<div id="real3"></div>
<div class="details2"><a href="diaporama2.html" target="_blank">zoom</a></div>
<div class="details3"><a href="diaporama3.html" target="_blank">zoom</a></div>
</div>
<div id="boite">
<div class="details"><a href="diaporama4.html" target="_blank">zoom</a></div>
<div id="real5"></div>
<div id="real4"></div>
<div id="real6"></div>
<div class="details2"><a href="diaporama5.html" target="_blank">zoom</a></div>
<div class="details3"><a href="diaporama6.html" target="_blank">zoom</a></div>
</div>
<div class="boite">
<div id="real7"></div>
<div id="real8"></div>
<div id="real9"></div>
<div class="details"><a href="diaporama7.html" target="_blank">zoom</a></div>
<div class="details2"><a href="diaporama8.html" target="_blank">zoom</a></div>
<div class="details3"><a href="diaporama9.html" target="_blank">zoom</a></div>
</div>
<div class="boite">
<div id="real10"></div>
<div id="real11"></div>
<div class="details"><a href="diaporama10.html" target="_blank">zoom</a></div>
<div id="real12"></div>
<div class="details2"><a href="diaporama11.html" target="_blank">zoom</a></div>
<div class="details3"><a href="diaporama12.html" target="_blank">zoom</a></div>
</div>
<br />
<div class="boite">
<div id="real14"></div>
<div id="real13"></div>
<div id="real15"></div>
<div class="details"><a href="diaporama13.html" target="_blank">zoom</a></div>
<div class="details2"><a href="diaporama14.html" target="_blank">zoom</a></div>
<div class="details3"><a href="diaporama15.html" target="_blank">zoom</a></div>
</div>
<div class="boite">
<div class="details"><a href="diaporama16.html" target="_blank">zoom</a></div>
<div id="real18"></div>
<div id="real17"></div>
<div id="real16"></div>
<div class="details2"><a href="diaporama17.html" target="_blank">zoom</a></div>
<div class="details3"><a href="diaporama18.html" target="_blank">zoom</a></div>
</div>
<div class="boite">
<div class="details"><a href="diaporama19.html" target="_blank">zoom</a></div>
<div id="real21"></div>
<div id="real20"></div>
<div id="real19"></div>
<div class="details2"><a href="diaporama20.html" target="_blank">zoom</a></div>
<div class="details3"><a href="diaporama21.html" target="_blank">zoom</a></div>
</div>
<div class="boite">
<div class="details"><a href="diaporama22.html" target="_blank">zoom</a></div>
<div id="real24"></div>
<div id="real23"></div>
<div id="real22"></div>
<div id="real22"></div>
<div id="real27"></div>
<div class="details2"><a href="diaporama23.html" target="_blank">zoom</a></div>
<div class="details3"><a href="diaporama24.html" target="_blank">zoom</a></div>
</div>
<div class="boite">
<div class="details"><a href="diaporama25.html" target="_blank">zoom</a></div>
<div id="real22"></div>
<div id="real26"></div>
<div id="real25"></div>
<div class="details2"></div>
<div class="details3"></div>
</div>
</div>
</div>
<div class="copyright"><span class="style5">©</span> 2009 - Maisons Roales Caillot</div>
</body>
</html>
je te mets le code d'une autre page qui elle n'a pas de problème d'affichage.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Nos réalisations</title>
<link href="style1.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
-->
</style>
<link href="style2.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.style5 {font-size: 12px}
-->
</style>
</head>
<body>
<div class="style1">
<div class="bandeau"></div>
</div>
<div id="menu">
<ul>
<li><a href="index.html">Accueil</a></li>
<li> <a href="realisations.html">Réalisations</a></li>
<li><a href="modeles.html">Modèles</a></li>
<li> <a href="maisonbasseconso.html">Maison basse conso</a></li>
<li><a href="gammepremium.html">Gamme premium</a></li>
<li><a href="news.html">News</a></li>
<li><a href="terrains.html">Terrains</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div id="pagereal">
<div id="imagerealisations"></div>
<div id="introrealisations"></div>
<div id="boite">
<div class="details"><a href="diaporama1.html" target="_blank">zoom</a></div>
<div id="descriptif"></div>
<div id="real2"></div>
<div id="real1"><img src="photosmaisons/vignettes/1.jpg" width="170" height="121" /></div>
<div id="real3"></div>
<div class="details2"><a href="diaporama2.html" target="_blank">zoom</a></div>
<div class="details3"><a href="diaporama3.html" target="_blank">zoom</a></div>
</div>
<div id="boite">
<div class="details"><a href="diaporama4.html" target="_blank">zoom</a></div>
<div id="real5"></div>
<div id="real4"></div>
<div id="real6"></div>
<div class="details2"><a href="diaporama5.html" target="_blank">zoom</a></div>
<div class="details3"><a href="diaporama6.html" target="_blank">zoom</a></div>
</div>
<div class="boite">
<div id="real7"></div>
<div id="real8"></div>
<div id="real9"></div>
<div class="details"><a href="diaporama7.html" target="_blank">zoom</a></div>
<div class="details2"><a href="diaporama8.html" target="_blank">zoom</a></div>
<div class="details3"><a href="diaporama9.html" target="_blank">zoom</a></div>
</div>
<div class="boite">
<div id="real10"></div>
<div id="real11"></div>
<div class="details"><a href="diaporama10.html" target="_blank">zoom</a></div>
<div id="real12"></div>
<div class="details2"><a href="diaporama11.html" target="_blank">zoom</a></div>
<div class="details3"><a href="diaporama12.html" target="_blank">zoom</a></div>
</div>
<br />
<div class="boite">
<div id="real14"></div>
<div id="real13"></div>
<div id="real15"></div>
<div class="details"><a href="diaporama13.html" target="_blank">zoom</a></div>
<div class="details2"><a href="diaporama14.html" target="_blank">zoom</a></div>
<div class="details3"><a href="diaporama15.html" target="_blank">zoom</a></div>
</div>
<div class="boite">
<div class="details"><a href="diaporama16.html" target="_blank">zoom</a></div>
<div id="real18"></div>
<div id="real17"></div>
<div id="real16"></div>
<div class="details2"><a href="diaporama17.html" target="_blank">zoom</a></div>
<div class="details3"><a href="diaporama18.html" target="_blank">zoom</a></div>
</div>
<div class="boite">
<div class="details"><a href="diaporama19.html" target="_blank">zoom</a></div>
<div id="real21"></div>
<div id="real20"></div>
<div id="real19"></div>
<div class="details2"><a href="diaporama20.html" target="_blank">zoom</a></div>
<div class="details3"><a href="diaporama21.html" target="_blank">zoom</a></div>
</div>
<div class="boite">
<div class="details"><a href="diaporama22.html" target="_blank">zoom</a></div>
<div id="real24"></div>
<div id="real23"></div>
<div id="real22"></div>
<div id="real22"></div>
<div id="real27"></div>
<div class="details2"><a href="diaporama23.html" target="_blank">zoom</a></div>
<div class="details3"><a href="diaporama24.html" target="_blank">zoom</a></div>
</div>
<div class="boite">
<div class="details"><a href="diaporama25.html" target="_blank">zoom</a></div>
<div id="real22"></div>
<div id="real26"></div>
<div id="real25"></div>
<div class="details2"></div>
<div class="details3"></div>
</div>
</div>
</div>
<div class="copyright"><span class="style5">©</span> 2009 - Maisons Roales Caillot</div>
</body>
</html>
pas de news?
Même les polices ont changé sur certaines pages, c vraiment un bordel pas possible. Dans dream qd je veux changer une image, ça se répercute sur d'autres pages aussi, c jamais vu un truc pareil, help!!!
Même les polices ont changé sur certaines pages, c vraiment un bordel pas possible. Dans dream qd je veux changer une image, ça se répercute sur d'autres pages aussi, c jamais vu un truc pareil, help!!!
@charset "utf-8";
.style1 {
background-image: url(JPEG/fond%202.jpg);
background-repeat: repeat-x;
background-attachment: scroll;
height: 240px;
width: auto;
background-position: center top;
margin: auto;
float: none;
clear: none;
padding: 0px;
top: auto;
clip: rect(auto,auto,auto,auto);
}
.bandeau {
background-image: url(JPEG/index.jpg);
background-repeat: no-repeat;
background-position: center top;
margin: auto;
height: 230px;
width: 750px;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: #FFFFFF;
border-right-color: #FFFFFF;
border-bottom-color: #FFFFFF;
border-left-color: #FFFFFF;
float: none;
}
.
.ongletmenu {
background-image: url(onglet.jpg);
background-repeat: repeat;
height: 30px;
width: 750px;
margin: auto;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
text-align: center;
}
#menu {
background-image: url(JPEG/onglet.jpg);
margin: auto;
padding: 0px;
height: 30px;
width: 750px;
text-align: justify;
font-family: "Times New Roman", Times, serif;
}
#menu ul {
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: center;
}
#menu li {
display: inline;
margin: 0px;
padding: 0px;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FFFFFF;
text-align: center;
}
#texte {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #000000;
background-color: #FFFFFF;
height: 235px;
width: 550px;
float: left;
text-align: justify;
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 0px 0px;
background-image: url(JPEG/fond%20texte.jpg);
margin: auto;
position: relative;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
border: thin none #333333;
}
#image {
background-image: url(JPEG/TITRE.jpg);
background-repeat: no-repeat;
height: 640px;
width: 180px;
float: left;
margin: auto;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
.copyright {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
margin: auto;
height: 20px;
width: 750px;
text-align: center;
float: none;
}
#page {
margin: auto;
height: 640px;
width: 750px;
border-top-style: none;
border-right-style: dotted;
border-bottom-style: none;
border-left-style: none;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
}
#menu li a {
float: left;
clear: none;
height: 18px;
right: 0px;
line-height: normal;
background-position: 0px 0px;
text-decoration: none;
color: #FFFFFF;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: none;
border-right-style: inset;
border-bottom-style: none;
border-left-style: none;
border-top-color: #999999;
border-right-color: #999999;
border-bottom-color: #999999;
border-left-color: #999999;
margin: 0px;
padding: 5px;
text-align: center;
}
#menu li a:hover {
color: #000000;
height: 18px;
display: block;
background-image: url(JPEG/onglet%20rollover.jpg);
margin: 0px;
font-weight: normal;
}
#coordonnées {
height: 60px;
width: 190px;
float: right;
text-align: center;
color: #003366;
}
#coord2 {
height: 60px;
width: 185px;
float: right;
color: #003366;
}
#coord3 {
height: 60px;
width: 170px;
float: right;
color: #003366;
}
#textepremium {
height: 170px;
width: 122px;
position: absolute;
left: 3px;
top: 113px;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
}
#pagemodeles {
margin: auto;
height: 1110px;
width: 750px;
border-top-style: none;
border-right-style: dotted;
border-bottom-style: none;
border-left-style: none;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
}
#pagereal {
margin: auto;
height: 1420px;
width: 750px;
border-top-style: none;
border-right-style: dotted;
border-bottom-style: none;
border-left-style: none;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
}
#vue1 {
background-image: url(JPEG/bbc/inerieur1-copie.jpg);
float: left;
height: 335px;
width: 213px;
background-repeat: no-repeat;
}
#qui {
height: 30px;
width: 500px;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-bottom-style: none;
float: left;
border-top-style: none;
border-right-style: none;
border-left-style: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 15px;
background-image: url(JPEG/qui.jpg);
margin-top: 5px;
margin-right: auto;
margin-bottom: auto;
margin-left: 5px;
background-repeat: no-repeat;
padding: 5px;
}
#textea {
width: 150px;
float: left;
height: 250px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
background-repeat: no-repeat;
margin-left: 5px;
}
#coordonnees {
float: left;
height: 100px;
width: 570px;
background-image: url(JPEG/coordonnees.jpg);
background-repeat: no-repeat;
}
#texteb {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
height: 220px;
width: 550px;
float: left;
text-align: justify;
background-image: url(JPEG/maisonfiligrane.jpg);
color: #000;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
.style1 {
background-image: url(JPEG/fond%202.jpg);
background-repeat: repeat-x;
background-attachment: scroll;
height: 240px;
width: auto;
background-position: center top;
margin: auto;
float: none;
clear: none;
padding: 0px;
top: auto;
clip: rect(auto,auto,auto,auto);
}
.bandeau {
background-image: url(JPEG/index.jpg);
background-repeat: no-repeat;
background-position: center top;
margin: auto;
height: 230px;
width: 750px;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: #FFFFFF;
border-right-color: #FFFFFF;
border-bottom-color: #FFFFFF;
border-left-color: #FFFFFF;
float: none;
}
.
.ongletmenu {
background-image: url(onglet.jpg);
background-repeat: repeat;
height: 30px;
width: 750px;
margin: auto;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
text-align: center;
}
#menu {
background-image: url(JPEG/onglet.jpg);
margin: auto;
padding: 0px;
height: 30px;
width: 750px;
text-align: justify;
font-family: "Times New Roman", Times, serif;
}
#menu ul {
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: center;
}
#menu li {
display: inline;
margin: 0px;
padding: 0px;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FFFFFF;
text-align: center;
}
#texte {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #000000;
background-color: #FFFFFF;
height: 235px;
width: 550px;
float: left;
text-align: justify;
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 0px 0px;
background-image: url(JPEG/fond%20texte.jpg);
margin: auto;
position: relative;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
border: thin none #333333;
}
#image {
background-image: url(JPEG/TITRE.jpg);
background-repeat: no-repeat;
height: 640px;
width: 180px;
float: left;
margin: auto;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
.copyright {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
margin: auto;
height: 20px;
width: 750px;
text-align: center;
float: none;
}
#page {
margin: auto;
height: 640px;
width: 750px;
border-top-style: none;
border-right-style: dotted;
border-bottom-style: none;
border-left-style: none;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
}
#menu li a {
float: left;
clear: none;
height: 18px;
right: 0px;
line-height: normal;
background-position: 0px 0px;
text-decoration: none;
color: #FFFFFF;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: none;
border-right-style: inset;
border-bottom-style: none;
border-left-style: none;
border-top-color: #999999;
border-right-color: #999999;
border-bottom-color: #999999;
border-left-color: #999999;
margin: 0px;
padding: 5px;
text-align: center;
}
#menu li a:hover {
color: #000000;
height: 18px;
display: block;
background-image: url(JPEG/onglet%20rollover.jpg);
margin: 0px;
font-weight: normal;
}
#coordonnées {
height: 60px;
width: 190px;
float: right;
text-align: center;
color: #003366;
}
#coord2 {
height: 60px;
width: 185px;
float: right;
color: #003366;
}
#coord3 {
height: 60px;
width: 170px;
float: right;
color: #003366;
}
#textepremium {
height: 170px;
width: 122px;
position: absolute;
left: 3px;
top: 113px;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
}
#pagemodeles {
margin: auto;
height: 1110px;
width: 750px;
border-top-style: none;
border-right-style: dotted;
border-bottom-style: none;
border-left-style: none;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
}
#pagereal {
margin: auto;
height: 1420px;
width: 750px;
border-top-style: none;
border-right-style: dotted;
border-bottom-style: none;
border-left-style: none;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
}
#vue1 {
background-image: url(JPEG/bbc/inerieur1-copie.jpg);
float: left;
height: 335px;
width: 213px;
background-repeat: no-repeat;
}
#qui {
height: 30px;
width: 500px;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-bottom-style: none;
float: left;
border-top-style: none;
border-right-style: none;
border-left-style: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 15px;
background-image: url(JPEG/qui.jpg);
margin-top: 5px;
margin-right: auto;
margin-bottom: auto;
margin-left: 5px;
background-repeat: no-repeat;
padding: 5px;
}
#textea {
width: 150px;
float: left;
height: 250px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
background-repeat: no-repeat;
margin-left: 5px;
}
#coordonnees {
float: left;
height: 100px;
width: 570px;
background-image: url(JPEG/coordonnees.jpg);
background-repeat: no-repeat;
}
#texteb {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
height: 220px;
width: 550px;
float: left;
text-align: justify;
background-image: url(JPEG/maisonfiligrane.jpg);
color: #000;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
@charset "utf-8";
#image {
background-image: url(JPEG/modeles.jpg);
background-repeat: no-repeat;
float: left;
height: 970px;
}
#texte {
background-image: url(JPEG/gammepremium.jpg);
height: 790px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
width: 540px;
margin: auto;
padding-left: 15px;
}
#page {
width: 750px;
height: 830px;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-right-style: dotted;
padding: 0px;
float: none;
margin: auto;
background-repeat: no-repeat;
}
.details {
}
#tableau {
margin: auto;
height: 1500px;
width: 750px;
float: none;
}
#boite {
height: 151px;
width: 570px;
clear: none;
float: right;
position: relative;
}
#tahiti {
float: right;
height: 121px;
width: 170px;
clear: left;
background-image: url(modeles/vigntahiti.jpg);
position: absolute;
left: 390px;
top: 5px;
}
#saintmartin {
background-image: url(modeles/vignsaintmartin.jpg);
height: 121px;
width: 170px;
float: left;
position: absolute;
top: 5px;
left: 10px;
}
#bora {
background-image: url(modeles/vignborabora.jpg);
float: left;
height: 121px;
width: 170px;
position: absolute;
left: 200px;
top: 5px;
}
#saintmarcouf {
background-image: url(modeles/vignsaintmarcouf.jpg);
float: left;
height: 121px;
width: 170px;
position: absolute;
left: 390px;
top: 5px;
}
#morea {
background-image: url(modeles/vignmorea.jpg);
height: 121px;
width: 170px;
float: left;
position: absolute;
left: 10px;
top: 5px;
}
#martinique {
float: left;
left: 390px;
position: absolute;
height: 121px;
width: 170px;
top: 5px;
position: absolute;
background-image: url(modeles/vignmartinique.jpg);
}
#comores {
background-image: url(modeles/vigncomores.jpg);
float: left;
height: 121px;
width: 170px;
position: absolute;
left: 10px;
top: 5px;
}
#intro {
height: 30px;
width: 450px;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-bottom-style: none;
float: left;
border-top-style: none;
border-right-style: none;
border-left-style: none;
padding: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 15px;
background-image: url(JPEG/lesmodeles.jpg);
margin-top: 5px;
margin-right: auto;
margin-bottom: auto;
margin-left: 5px;
}
#aurigny {
height: 121px;
width: 170px;
float: left;
background-image: url(modeles/vignaurigny.jpg);
position: absolute;
top: 5px;
left: 200px;
}
#saintbarth {
float: left;
left: 200px;
position: absolute;
height: 121px;
width: 170px;
top: 5px;
position: absolute;
background-image: url(modeles/vignsaintbarth.jpg);
}
#gammepremium {
height: 25px;
width: 450px;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-bottom-style: none;
float: left;
border-top-style: none;
border-right-style: none;
border-left-style: none;
padding: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 15px;
background-image: url(JPEG/gamme%20premium.jpg);
margin-top: 5px;
margin-right: auto;
margin-bottom: auto;
margin-left: 5px;
background-repeat: no-repeat;
}
#premium {
background-image: url(JPEG/premium.jpg);
background-repeat: no-repeat;
float: left;
height: 830px;
width: 180px;
}
#textegammepremium {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
background-color: #FFFFFF;
height: 790px;
width: 558px;
float: right;
text-align: justify;
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 0px 0px;
background-image: url(JPEG/gammepremium.jpg);
margin: auto;
position: relative;
border: thin none #333333;
padding: 0px;
}
#detailspremium1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
height: 20px;
width: 100px;
position: absolute;
left: 424px;
top: 259px;
text-align: right;
}
#detailspremium2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
height: 20px;
width: 100px;
position: absolute;
left: 177px;
top: 332px;
text-align: right;
}
#detailspremium3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
height: 20px;
width: 100px;
position: absolute;
left: 265px;
top: 471px;
text-align: right;
}
#belleile {
float: left;
height: 121px;
width: 170px;
position: absolute;
left: 10px;
top: 5px;
background-image: url(modeles/vignbelleile.jpg);
}
#chausey {
float: left;
height: 121px;
width: 170px;
background-image: url(modeles/vignchausey.jpg);
position: absolute;
left: 200px;
top: 5px;
}
.details a{
height: 21px;
width: 170px;
position: absolute;
left: 10px;
top: 128px;
text-align: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
color: #000000;
}
.details a:hover{
height: 21px;
width: 170px;
position: absolute;
left: 10px;
top: 128px;
text-align: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: underline;
color: #C00;
}
.boite {
height: 151px;
width: 570px;
float: left;
position: relative;
}
#jersey {
background-image: url(modeles/vignjersey.jpg);
height: 121px;
width: 170px;
position: absolute;
top: 5px;
left: 390px;
}
#futuna {
background-image: url(modeles/vignfutuna.jpg);
height: 121px;
width: 170px;
top: 5px;
position: absolute;
left: 10px;
}
#real1 {
float: left;
height: 121px;
width: 170px;
position: absolute;
left: 10px;
top: 5px;
background-image: url(photosmaisons/vignettes/25.jpg);
}
#reunion {
background-image: url(modeles/vignreunion.jpg);
height: 121px;
width: 170px;
position: absolute;
top: 5px;
left: 200px;
}
#wallis {
background-image: url(modeles/vignwallis.jpg);
height: 121px;
width: 170px;
position: absolute;
top: 5px;
left: 390px;
}
#guadeloupe {
background-image: url(modeles/vignguadeloupe.jpg);
height: 121px;
width: 170px;
position: absolute;
top: 5px;
left: 200px;
}
#vahine {
background-image: url(modeles/vignvahine.jpg);
height: 121px;
width: 170px;
position: absolute;
top: 5px;
left: 10px;
}
#lesecrehous {
background-image: url(modeles/vignlesecrehous.jpg);
height: 121px;
width: 170px;
position: absolute;
left: 390px;
top: 5px;
}
.details2 a {
height: 21px;
width: 170px;
position: absolute;
left: 200px;
top: 128px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: right;
text-decoration: none;
color: #000000;
}
.details2 a:hover{
height: 21px;
width: 170px;
position: absolute;
left: 200px;
top: 128px;
text-align: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: underline;
color: #C00;
}
.details3 a {
height: 21px;
width: 170px;
position: absolute;
left: 390px;
top: 128px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: right;
text-decoration: none;
color: #000000;
}
.details3 a:hover{
height: 21px;
width: 170px;
position: absolute;
left: 390px;
top: 128px;
text-align: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: underline;
color: #C00;
}
#herm {
background-image: url(modeles/vignherm.jpg);
height: 121px;
width: 170px;
position: absolute;
top: 5px;
left: 10px;
}
#imagemodeles {
background-image: url(JPEG/modeles.jpg);
background-repeat: no-repeat;
float: left;
height: 1110px;
width: 180px;
}
#introrealisations {
height: 30px;
width: 450px;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-bottom-style: none;
float: left;
border-top-style: none;
border-right-style: none;
border-left-style: none;
padding: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 15px;
background-image: url(JPEG/introrealisations.jpg);
margin-top: 5px;
margin-right: auto;
margin-bottom: auto;
margin-left: 5px;
}
#premium1plan {
float: left;
height: 965px;
width: 550px;
background-image: url(JPEG/premium/premium1.jpg);
margin-left: 10px;
margin-top: 5px;
border: thin none #CCCCCC;
background-repeat: no-repeat;
position: relative;
}
#imagepremium {
background-image: url(JPEG/premium.jpg);
background-repeat: no-repeat;
float: left;
height: 970px;
width: 180px;
}
#premium2plan {
float: left;
height: 965px;
width: 550px;
background-image: url(JPEG/premium/premium2.jpg);
margin-left: 10px;
margin-top: 5px;
border: thin none #CCCCCC;
background-repeat: no-repeat;
position: relative;
}
#premium3plan {
float: left;
height: 965px;
width: 550px;
background-image: url(JPEG/premium/premium3.jpg);
margin-left: 10px;
margin-top: 5px;
border: thin none #CCCCCC;
background-repeat: no-repeat;
position: relative;
}
#euros {
height: 179px;
width: 144px;
position: absolute;
left: 1px;
top: 111px;
visibility: visible;
overflow: hidden;
border-top-style: none;
border-right-style: none;
border-left-style: none;
border-bottom-style: none;
}
#euros a {
display: block;
height: 100%;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
#imagerealisations {
background-image: url(JPEG/realisations.jpg);
background-repeat: no-repeat;
float: left;
height: 1410px;
width: 180px;
}
#real2 {
background-image: url(photosmaisons/vignettes/2.jpg);
height: 121px;
width: 170px;
position: absolute;
top: 5px;
left: 200px;
}
#real3 {
float: right;
height: 121px;
width: 170px;
clear: left;
background-image: url(photosmaisons/vignettes/3.jpg);
position: absolute;
left: 390px;
top: 5px;
}
#real4 {
background-image: url(photosmaisons/vignettes/4.jpg);
height: 121px;
width: 170px;
position: absolute;
top: 5px;
left: 10px;
}
#real5 {
background-image: url(photosmaisons/vignettes/5.jpg);
height: 121px;
width: 170px;
position: absolute;
top: 5px;
left: 200px;
}
#real6 {
background-image: url(photosmaisons/vignettes/6.jpg);
height: 121px;
width: 170px;
position: absolute;
left: 390px;
top: 5px;
}
#real7 {
background-image: url(photosmaisons/vignettes/7.jpg);
height: 121px;
width: 170px;
float: left;
position: absolute;
left: 10px;
top: 5px;
}
#real8 {
float: left;
left: 200px;
position: absolute;
height: 121px;
width: 170px;
top: 5px;
position: absolute;
background-image: url(photosmaisons/vignettes/8.jpg);
}
#real9 {
float: left;
left: 390px;
position: absolute;
height: 121px;
width: 170px;
top: 5px;
position: absolute;
background-image: url(photosmaisons/vignettes/9.jpg);
}
#real10 {
background-image: url(photosmaisons/vignettes/10.jpg);
height: 121px;
width: 170px;
float: left;
position: absolute;
top: 5px;
left: 10px;
}
#real11 {
background-image: url(photosmaisons/vignettes/11.jpg);
float: left;
height: 121px;
width: 170px;
position: absolute;
left: 200px;
top: 5px;
}
#real12 {
background-image: url(photosmaisons/vignettes/12.jpg);
float: left;
height: 121px;
width: 170px;
position: absolute;
left: 390px;
top: 5px;
}
#real13 {
float: left;
height: 121px;
width: 170px;
position: absolute;
left: 10px;
top: 5px;
background-image: url(photosmaisons/vignettes/13.jpg);
}
#real14 {
float: left;
height: 121px;
width: 170px;
background-image: url(photosmaisons/vignettes/14.jpg);
position: absolute;
left: 200px;
top: 5px;
}
#real15 {
background-image: url(photosmaisons/vignettes/15.jpg);
height: 121px;
width: 170px;
position: absolute;
top: 5px;
left: 390px;
}
#real16 {
background-image: url(photosmaisons/vignettes/16.jpg);
height: 121px;
width: 170px;
top: 5px;
position: absolute;
left: 10px;
}
#real17 {
background-image: url(photosmaisons/vignettes/17.jpg);
height: 121px;
width: 170px;
position: absolute;
top: 5px;
left: 200px;
}
#real18 {
background-image: url(photosmaisons/vignettes/18.jpg);
height: 121px;
width: 170px;
position: absolute;
top: 5px;
left: 390px;
}
#real19 {
background-image: url(photosmaisons/vignettes/19.jpg);
height: 121px;
width: 170px;
top: 5px;
position: absolute;
left: 10px;
}
#real20 {
background-image: url(photosmaisons/vignettes/20.jpg);
height: 121px;
width: 170px;
top: 5px;
position: absolute;
left: 200px;
}
#real21 {
background-image: url(photosmaisons/vignettes/21.jpg);
height: 121px;
width: 170px;
top: 5px;
position: absolute;
left: 390px;
}
#real22 {
background-image: url(photosmaisons/vignettes/22.jpg);
height: 121px;
width: 170px;
top: 5px;
position: absolute;
left: 10px;
}
#real23 {
background-image: url(photosmaisons/vignettes/23.jpg);
height: 121px;
width: 170px;
top: 5px;
position: absolute;
left: 200px;
}
#real24 {
background-image: url(photosmaisons/vignettes/24.jpg);
height: 121px;
width: 170px;
top: 5px;
position: absolute;
left: 390px;
}
#real25 {
background-image: url(photosmaisons/vignettes/25.jpg);
height: 121px;
width: 170px;
top: 5px;
position: absolute;
left: 10px;
}
#real26 {
background-image: url(photosmaisons/vignettes/26.jpg);
height: 121px;
width: 170px;
top: 5px;
position: absolute;
left: 10px;
#descriptif {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
height: 32px;
width: 150px;
position: absolute;
left: 410px;
top: -36px;
text-align: right;
background-color: #666666;
border: thin none #000000;
background-image: url(JPEG/descriptif%20copy.jpg);
}
#introbasseconso {
height: 20px;
width: 450px;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-bottom-style: none;
float: left;
border-top-style: none;
border-right-style: none;
border-left-style: none;
padding: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 15px;
background-image: url(JPEG/basseconso.jpg);
margin-top: 5px;
margin-right: auto;
margin-bottom: auto;
margin-left: 5px;
background-repeat: no-repeat;
}
#lesterrains {
height: 30px;
width: 450px;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-bottom-style: none;
float: left;
border-top-style: none;
border-right-style: none;
border-left-style: none;
padding: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 15px;
background-image: url(JPEG/lesterrains.jpg);
margin-top: 5px;
margin-right: auto;
margin-bottom: auto;
margin-left: 5px;
background-repeat: no-repeat;
}
#imageterrains {
background-image: url(JPEG/terrains.jpg);
background-repeat: no-repeat;
float: left;
height: 840px;
width: 180px;
}
#textenews {
width: 550px;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
text-align: justify;
height: 400px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
}
#texte2 {
width: 550px;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
text-align: justify;
height: 70px;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
}
#lotissement {
padding: 5px;
width: 560px;
float: left;
height: 360px;
background-image: url(JPEG/lotissement.jpg);
background-repeat: no-repeat;
}
#numeros {
padding: 5px;
float: left;
width: 360px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
text-align: justify;
border-right-style: none;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
height: 210px;
background-image: url(JPEG/tab.jpg);
background-repeat: no-repeat;
margin-top: auto;
margin-right: auto;
margin-bottom: auto;
margin-left: 100px;
}
#legendetableau {
height: 30px;
width: 465px;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: right;
}
#offre {
width: 540px;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
text-align: center;
background-color: #990000;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
margin-left: 10px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
margin-right: 10px;
}
#offre2 {
width: 550px;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
text-align: center;
margin-left: auto;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-bottom-style: none;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
}
#caracteristiques {
width: 330px;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
text-align: justify;
margin-left: auto;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-bottom-style: none;
border-top-style: none;
border-right-style: none;
border-left-style: none;
left: 320px;
top: 940px;
height: 490px;
background-image: url(JPEG/bbc/VUE-arriere-copie.jpg);
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
}
#pageterrains {
width: 750px;
height: 840px;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-right-style: dotted;
padding: 0px;
float: none;
margin: auto;
background-repeat: no-repeat;
}
#imagebasseconso {
background-image: url(JPEG/bbc.jpg);
background-repeat: no-repeat;
float: left;
height: 1130px;
width: 180px;
}
#facadebbc {
width: 560px;
float: left;
height: 360px;
background-image: url(JPEG/bbc/VUE-2009-copie.jpg);
background-repeat: no-repeat;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 5px;
}
#schema {
background-image: url(JPEG/bbc/categories%20copie.jpg);
height: 180px;
width: 215px;
left: 788px;
top: 365px;
background-repeat: no-repeat;
float: left;
padding: 0px;
margin-top: 10px;
}
#pagebbc {
width: 750px;
height: 1130px;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-right-style: dotted;
float: none;
margin: auto;
background-repeat: no-repeat;
}
#vuearriere {
float: left;
height: 260px;
width: 350px;
background-image: url(basseconso/VUE%20arriere%20copie.jpg);
background-repeat: no-repeat;
left: 470px;
top: 979px;
}
#cadre {
width: 560px;
padding: 0px;
height: 350px;
float: left;
position: relative;
}
#visite {
width: 200px;
height: 120px;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 10px;
margin: 0px;
color: #990;
text-align: justify;
}
#textelotissement {
width: 340px;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
padding: 5px;
text-align: justify;
height: 200px;
}
#textebbc {
width: 330px;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
text-align: justify;
height: 200px;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
}
}
#pagenews {
width: 750px;
height: 840px;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-right-style: dotted;
padding: 0px;
float: none;
margin: auto;
background-repeat: no-repeat;
}
#pageblabla {
margin: auto;
float: none;
height: 600px;
width: 750px;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-right-style: dotted;
border-top-color: #000;
border-right-color: #000;
border-bottom-color: #000;
border-left-color: #000;
text-align: justify;
}
#textenews {
float: left;
height: 500px;
width: 550px;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
#imagenews {
height: 600px;
width: 180px;
background-image: url(JPEG/blabla.jpg);
float: left;
margin: auto;
}
#intronews {
height: 25px;
width: 450px;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-bottom-style: none;
float: left;
border-top-style: none;
border-right-style: none;
border-left-style: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 15px;
background-image: url(JPEG/lesnews.jpg);
margin-top: 5px;
margin-right: auto;
margin-bottom: 10px;
margin-left: 5px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 0px;
padding-left: 5px;
}
.titreparagraphe {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000;
font-weight: bold;
text-decoration: underline;
}
dd{
width:216px;
height:41px;
position:relative;
background-image: url(JPEG/progressbar/bg_bar.gif);
background-repeat: no-repeat;
background-position: 0 0;
}
dd span{
position:absolute;
display:block;
width:200px;
height:25px;
top:8px;
left:8px;
overflow:hidden;
text-indent:-8000px;
background-image: url(JPEG/progressbar/bar.gif);
background-repeat: no-repeat;
background-position: 0 0;
}
dd em{
position:absolute;
display:block;
width:200px;
height:25px;
top:0;
background-image: url(JPEG/progressbar/bg_cover.gif);
background-repeat: repeat-x;
}
#image {
background-image: url(JPEG/modeles.jpg);
background-repeat: no-repeat;
float: left;
height: 970px;
}
#texte {
background-image: url(JPEG/gammepremium.jpg);
height: 790px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
width: 540px;
margin: auto;
padding-left: 15px;
}
#page {
width: 750px;
height: 830px;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-right-style: dotted;
padding: 0px;
float: none;
margin: auto;
background-repeat: no-repeat;
}
.details {
}
#tableau {
margin: auto;
height: 1500px;
width: 750px;
float: none;
}
#boite {
height: 151px;
width: 570px;
clear: none;
float: right;
position: relative;
}
#tahiti {
float: right;
height: 121px;
width: 170px;
clear: left;
background-image: url(modeles/vigntahiti.jpg);
position: absolute;
left: 390px;
top: 5px;
}
#saintmartin {
background-image: url(modeles/vignsaintmartin.jpg);
height: 121px;
width: 170px;
float: left;
position: absolute;
top: 5px;
left: 10px;
}
#bora {
background-image: url(modeles/vignborabora.jpg);
float: left;
height: 121px;
width: 170px;
position: absolute;
left: 200px;
top: 5px;
}
#saintmarcouf {
background-image: url(modeles/vignsaintmarcouf.jpg);
float: left;
height: 121px;
width: 170px;
position: absolute;
left: 390px;
top: 5px;
}
#morea {
background-image: url(modeles/vignmorea.jpg);
height: 121px;
width: 170px;
float: left;
position: absolute;
left: 10px;
top: 5px;
}
#martinique {
float: left;
left: 390px;
position: absolute;
height: 121px;
width: 170px;
top: 5px;
position: absolute;
background-image: url(modeles/vignmartinique.jpg);
}
#comores {
background-image: url(modeles/vigncomores.jpg);
float: left;
height: 121px;
width: 170px;
position: absolute;
left: 10px;
top: 5px;
}
#intro {
height: 30px;
width: 450px;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-bottom-style: none;
float: left;
border-top-style: none;
border-right-style: none;
border-left-style: none;
padding: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 15px;
background-image: url(JPEG/lesmodeles.jpg);
margin-top: 5px;
margin-right: auto;
margin-bottom: auto;
margin-left: 5px;
}
#aurigny {
height: 121px;
width: 170px;
float: left;
background-image: url(modeles/vignaurigny.jpg);
position: absolute;
top: 5px;
left: 200px;
}
#saintbarth {
float: left;
left: 200px;
position: absolute;
height: 121px;
width: 170px;
top: 5px;
position: absolute;
background-image: url(modeles/vignsaintbarth.jpg);
}
#gammepremium {
height: 25px;
width: 450px;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-bottom-style: none;
float: left;
border-top-style: none;
border-right-style: none;
border-left-style: none;
padding: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 15px;
background-image: url(JPEG/gamme%20premium.jpg);
margin-top: 5px;
margin-right: auto;
margin-bottom: auto;
margin-left: 5px;
background-repeat: no-repeat;
}
#premium {
background-image: url(JPEG/premium.jpg);
background-repeat: no-repeat;
float: left;
height: 830px;
width: 180px;
}
#textegammepremium {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
background-color: #FFFFFF;
height: 790px;
width: 558px;
float: right;
text-align: justify;
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 0px 0px;
background-image: url(JPEG/gammepremium.jpg);
margin: auto;
position: relative;
border: thin none #333333;
padding: 0px;
}
#detailspremium1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
height: 20px;
width: 100px;
position: absolute;
left: 424px;
top: 259px;
text-align: right;
}
#detailspremium2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
height: 20px;
width: 100px;
position: absolute;
left: 177px;
top: 332px;
text-align: right;
}
#detailspremium3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
height: 20px;
width: 100px;
position: absolute;
left: 265px;
top: 471px;
text-align: right;
}
#belleile {
float: left;
height: 121px;
width: 170px;
position: absolute;
left: 10px;
top: 5px;
background-image: url(modeles/vignbelleile.jpg);
}
#chausey {
float: left;
height: 121px;
width: 170px;
background-image: url(modeles/vignchausey.jpg);
position: absolute;
left: 200px;
top: 5px;
}
.details a{
height: 21px;
width: 170px;
position: absolute;
left: 10px;
top: 128px;
text-align: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
color: #000000;
}
.details a:hover{
height: 21px;
width: 170px;
position: absolute;
left: 10px;
top: 128px;
text-align: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: underline;
color: #C00;
}
.boite {
height: 151px;
width: 570px;
float: left;
position: relative;
}
#jersey {
background-image: url(modeles/vignjersey.jpg);
height: 121px;
width: 170px;
position: absolute;
top: 5px;
left: 390px;
}
#futuna {
background-image: url(modeles/vignfutuna.jpg);
height: 121px;
width: 170px;
top: 5px;
position: absolute;
left: 10px;
}
#real1 {
float: left;
height: 121px;
width: 170px;
position: absolute;
left: 10px;
top: 5px;
background-image: url(photosmaisons/vignettes/25.jpg);
}
#reunion {
background-image: url(modeles/vignreunion.jpg);
height: 121px;
width: 170px;
position: absolute;
top: 5px;
left: 200px;
}
#wallis {
background-image: url(modeles/vignwallis.jpg);
height: 121px;
width: 170px;
position: absolute;
top: 5px;
left: 390px;
}
#guadeloupe {
background-image: url(modeles/vignguadeloupe.jpg);
height: 121px;
width: 170px;
position: absolute;
top: 5px;
left: 200px;
}
#vahine {
background-image: url(modeles/vignvahine.jpg);
height: 121px;
width: 170px;
position: absolute;
top: 5px;
left: 10px;
}
#lesecrehous {
background-image: url(modeles/vignlesecrehous.jpg);
height: 121px;
width: 170px;
position: absolute;
left: 390px;
top: 5px;
}
.details2 a {
height: 21px;
width: 170px;
position: absolute;
left: 200px;
top: 128px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: right;
text-decoration: none;
color: #000000;
}
.details2 a:hover{
height: 21px;
width: 170px;
position: absolute;
left: 200px;
top: 128px;
text-align: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: underline;
color: #C00;
}
.details3 a {
height: 21px;
width: 170px;
position: absolute;
left: 390px;
top: 128px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: right;
text-decoration: none;
color: #000000;
}
.details3 a:hover{
height: 21px;
width: 170px;
position: absolute;
left: 390px;
top: 128px;
text-align: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: underline;
color: #C00;
}
#herm {
background-image: url(modeles/vignherm.jpg);
height: 121px;
width: 170px;
position: absolute;
top: 5px;
left: 10px;
}
#imagemodeles {
background-image: url(JPEG/modeles.jpg);
background-repeat: no-repeat;
float: left;
height: 1110px;
width: 180px;
}
#introrealisations {
height: 30px;
width: 450px;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-bottom-style: none;
float: left;
border-top-style: none;
border-right-style: none;
border-left-style: none;
padding: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 15px;
background-image: url(JPEG/introrealisations.jpg);
margin-top: 5px;
margin-right: auto;
margin-bottom: auto;
margin-left: 5px;
}
#premium1plan {
float: left;
height: 965px;
width: 550px;
background-image: url(JPEG/premium/premium1.jpg);
margin-left: 10px;
margin-top: 5px;
border: thin none #CCCCCC;
background-repeat: no-repeat;
position: relative;
}
#imagepremium {
background-image: url(JPEG/premium.jpg);
background-repeat: no-repeat;
float: left;
height: 970px;
width: 180px;
}
#premium2plan {
float: left;
height: 965px;
width: 550px;
background-image: url(JPEG/premium/premium2.jpg);
margin-left: 10px;
margin-top: 5px;
border: thin none #CCCCCC;
background-repeat: no-repeat;
position: relative;
}
#premium3plan {
float: left;
height: 965px;
width: 550px;
background-image: url(JPEG/premium/premium3.jpg);
margin-left: 10px;
margin-top: 5px;
border: thin none #CCCCCC;
background-repeat: no-repeat;
position: relative;
}
#euros {
height: 179px;
width: 144px;
position: absolute;
left: 1px;
top: 111px;
visibility: visible;
overflow: hidden;
border-top-style: none;
border-right-style: none;
border-left-style: none;
border-bottom-style: none;
}
#euros a {
display: block;
height: 100%;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
#imagerealisations {
background-image: url(JPEG/realisations.jpg);
background-repeat: no-repeat;
float: left;
height: 1410px;
width: 180px;
}
#real2 {
background-image: url(photosmaisons/vignettes/2.jpg);
height: 121px;
width: 170px;
position: absolute;
top: 5px;
left: 200px;
}
#real3 {
float: right;
height: 121px;
width: 170px;
clear: left;
background-image: url(photosmaisons/vignettes/3.jpg);
position: absolute;
left: 390px;
top: 5px;
}
#real4 {
background-image: url(photosmaisons/vignettes/4.jpg);
height: 121px;
width: 170px;
position: absolute;
top: 5px;
left: 10px;
}
#real5 {
background-image: url(photosmaisons/vignettes/5.jpg);
height: 121px;
width: 170px;
position: absolute;
top: 5px;
left: 200px;
}
#real6 {
background-image: url(photosmaisons/vignettes/6.jpg);
height: 121px;
width: 170px;
position: absolute;
left: 390px;
top: 5px;
}
#real7 {
background-image: url(photosmaisons/vignettes/7.jpg);
height: 121px;
width: 170px;
float: left;
position: absolute;
left: 10px;
top: 5px;
}
#real8 {
float: left;
left: 200px;
position: absolute;
height: 121px;
width: 170px;
top: 5px;
position: absolute;
background-image: url(photosmaisons/vignettes/8.jpg);
}
#real9 {
float: left;
left: 390px;
position: absolute;
height: 121px;
width: 170px;
top: 5px;
position: absolute;
background-image: url(photosmaisons/vignettes/9.jpg);
}
#real10 {
background-image: url(photosmaisons/vignettes/10.jpg);
height: 121px;
width: 170px;
float: left;
position: absolute;
top: 5px;
left: 10px;
}
#real11 {
background-image: url(photosmaisons/vignettes/11.jpg);
float: left;
height: 121px;
width: 170px;
position: absolute;
left: 200px;
top: 5px;
}
#real12 {
background-image: url(photosmaisons/vignettes/12.jpg);
float: left;
height: 121px;
width: 170px;
position: absolute;
left: 390px;
top: 5px;
}
#real13 {
float: left;
height: 121px;
width: 170px;
position: absolute;
left: 10px;
top: 5px;
background-image: url(photosmaisons/vignettes/13.jpg);
}
#real14 {
float: left;
height: 121px;
width: 170px;
background-image: url(photosmaisons/vignettes/14.jpg);
position: absolute;
left: 200px;
top: 5px;
}
#real15 {
background-image: url(photosmaisons/vignettes/15.jpg);
height: 121px;
width: 170px;
position: absolute;
top: 5px;
left: 390px;
}
#real16 {
background-image: url(photosmaisons/vignettes/16.jpg);
height: 121px;
width: 170px;
top: 5px;
position: absolute;
left: 10px;
}
#real17 {
background-image: url(photosmaisons/vignettes/17.jpg);
height: 121px;
width: 170px;
position: absolute;
top: 5px;
left: 200px;
}
#real18 {
background-image: url(photosmaisons/vignettes/18.jpg);
height: 121px;
width: 170px;
position: absolute;
top: 5px;
left: 390px;
}
#real19 {
background-image: url(photosmaisons/vignettes/19.jpg);
height: 121px;
width: 170px;
top: 5px;
position: absolute;
left: 10px;
}
#real20 {
background-image: url(photosmaisons/vignettes/20.jpg);
height: 121px;
width: 170px;
top: 5px;
position: absolute;
left: 200px;
}
#real21 {
background-image: url(photosmaisons/vignettes/21.jpg);
height: 121px;
width: 170px;
top: 5px;
position: absolute;
left: 390px;
}
#real22 {
background-image: url(photosmaisons/vignettes/22.jpg);
height: 121px;
width: 170px;
top: 5px;
position: absolute;
left: 10px;
}
#real23 {
background-image: url(photosmaisons/vignettes/23.jpg);
height: 121px;
width: 170px;
top: 5px;
position: absolute;
left: 200px;
}
#real24 {
background-image: url(photosmaisons/vignettes/24.jpg);
height: 121px;
width: 170px;
top: 5px;
position: absolute;
left: 390px;
}
#real25 {
background-image: url(photosmaisons/vignettes/25.jpg);
height: 121px;
width: 170px;
top: 5px;
position: absolute;
left: 10px;
}
#real26 {
background-image: url(photosmaisons/vignettes/26.jpg);
height: 121px;
width: 170px;
top: 5px;
position: absolute;
left: 10px;
#descriptif {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
height: 32px;
width: 150px;
position: absolute;
left: 410px;
top: -36px;
text-align: right;
background-color: #666666;
border: thin none #000000;
background-image: url(JPEG/descriptif%20copy.jpg);
}
#introbasseconso {
height: 20px;
width: 450px;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-bottom-style: none;
float: left;
border-top-style: none;
border-right-style: none;
border-left-style: none;
padding: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 15px;
background-image: url(JPEG/basseconso.jpg);
margin-top: 5px;
margin-right: auto;
margin-bottom: auto;
margin-left: 5px;
background-repeat: no-repeat;
}
#lesterrains {
height: 30px;
width: 450px;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-bottom-style: none;
float: left;
border-top-style: none;
border-right-style: none;
border-left-style: none;
padding: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 15px;
background-image: url(JPEG/lesterrains.jpg);
margin-top: 5px;
margin-right: auto;
margin-bottom: auto;
margin-left: 5px;
background-repeat: no-repeat;
}
#imageterrains {
background-image: url(JPEG/terrains.jpg);
background-repeat: no-repeat;
float: left;
height: 840px;
width: 180px;
}
#textenews {
width: 550px;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
text-align: justify;
height: 400px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
}
#texte2 {
width: 550px;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
text-align: justify;
height: 70px;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
}
#lotissement {
padding: 5px;
width: 560px;
float: left;
height: 360px;
background-image: url(JPEG/lotissement.jpg);
background-repeat: no-repeat;
}
#numeros {
padding: 5px;
float: left;
width: 360px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
text-align: justify;
border-right-style: none;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
height: 210px;
background-image: url(JPEG/tab.jpg);
background-repeat: no-repeat;
margin-top: auto;
margin-right: auto;
margin-bottom: auto;
margin-left: 100px;
}
#legendetableau {
height: 30px;
width: 465px;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: right;
}
#offre {
width: 540px;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
text-align: center;
background-color: #990000;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
margin-left: 10px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
margin-right: 10px;
}
#offre2 {
width: 550px;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
text-align: center;
margin-left: auto;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-bottom-style: none;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
}
#caracteristiques {
width: 330px;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
text-align: justify;
margin-left: auto;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-bottom-style: none;
border-top-style: none;
border-right-style: none;
border-left-style: none;
left: 320px;
top: 940px;
height: 490px;
background-image: url(JPEG/bbc/VUE-arriere-copie.jpg);
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
}
#pageterrains {
width: 750px;
height: 840px;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-right-style: dotted;
padding: 0px;
float: none;
margin: auto;
background-repeat: no-repeat;
}
#imagebasseconso {
background-image: url(JPEG/bbc.jpg);
background-repeat: no-repeat;
float: left;
height: 1130px;
width: 180px;
}
#facadebbc {
width: 560px;
float: left;
height: 360px;
background-image: url(JPEG/bbc/VUE-2009-copie.jpg);
background-repeat: no-repeat;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 5px;
}
#schema {
background-image: url(JPEG/bbc/categories%20copie.jpg);
height: 180px;
width: 215px;
left: 788px;
top: 365px;
background-repeat: no-repeat;
float: left;
padding: 0px;
margin-top: 10px;
}
#pagebbc {
width: 750px;
height: 1130px;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-right-style: dotted;
float: none;
margin: auto;
background-repeat: no-repeat;
}
#vuearriere {
float: left;
height: 260px;
width: 350px;
background-image: url(basseconso/VUE%20arriere%20copie.jpg);
background-repeat: no-repeat;
left: 470px;
top: 979px;
}
#cadre {
width: 560px;
padding: 0px;
height: 350px;
float: left;
position: relative;
}
#visite {
width: 200px;
height: 120px;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 10px;
margin: 0px;
color: #990;
text-align: justify;
}
#textelotissement {
width: 340px;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
padding: 5px;
text-align: justify;
height: 200px;
}
#textebbc {
width: 330px;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
text-align: justify;
height: 200px;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
}
}
#pagenews {
width: 750px;
height: 840px;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-right-style: dotted;
padding: 0px;
float: none;
margin: auto;
background-repeat: no-repeat;
}
#pageblabla {
margin: auto;
float: none;
height: 600px;
width: 750px;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-right-style: dotted;
border-top-color: #000;
border-right-color: #000;
border-bottom-color: #000;
border-left-color: #000;
text-align: justify;
}
#textenews {
float: left;
height: 500px;
width: 550px;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
#imagenews {
height: 600px;
width: 180px;
background-image: url(JPEG/blabla.jpg);
float: left;
margin: auto;
}
#intronews {
height: 25px;
width: 450px;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-bottom-style: none;
float: left;
border-top-style: none;
border-right-style: none;
border-left-style: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 15px;
background-image: url(JPEG/lesnews.jpg);
margin-top: 5px;
margin-right: auto;
margin-bottom: 10px;
margin-left: 5px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 0px;
padding-left: 5px;
}
.titreparagraphe {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000;
font-weight: bold;
text-decoration: underline;
}
dd{
width:216px;
height:41px;
position:relative;
background-image: url(JPEG/progressbar/bg_bar.gif);
background-repeat: no-repeat;
background-position: 0 0;
}
dd span{
position:absolute;
display:block;
width:200px;
height:25px;
top:8px;
left:8px;
overflow:hidden;
text-indent:-8000px;
background-image: url(JPEG/progressbar/bar.gif);
background-repeat: no-repeat;
background-position: 0 0;
}
dd em{
position:absolute;
display:block;
width:200px;
height:25px;
top:0;
background-image: url(JPEG/progressbar/bg_cover.gif);
background-repeat: repeat-x;
}
Si tu peux mettre provisoirement des couleurs différentes de background ou des cadres de couleurs sur les diverses parties (colonnes, lignes de coupure, cellule, boite etc) çà aide bien à repérer les erreurs de position.
.
.