/* Delta Entreprise - www.delta-entreprise.com */
/* Réalisation par Environnement.WEB - www.environnementweb.com */

* {
	margin: 0;
	padding: 0;
}

h1 {
	margin: 24px 0 16px;
	font-size: 22px;
	font-weight: bold;
}

h2 {
	margin: 18px 0 8px;
	font-size: 16px;
	font-weight: bold;
	color: #1468ad;
}

h3 {
	margin: -8px 0 0;
	font-size: 12px;
	font-weight: normal;
	color: #c8e023;
}

h4 {
	margin: 8px 0;
	font-size: 12px;
	font-weight: bold;
}

h5 {
	margin: 10px 0;
	font-size: 19px;
	font-weight: bold;
	color: #c8e023;
	text-align: center;
}

p {
	margin: 5px 0;
	text-align: justify;
}

a {
	color: #1468ad;
}

ul, ol {
	margin: 5px 0;
	list-style-position: inside;
}

strong {
	color: #6ab106; /* #a7bf00 */
	font-weight: bold;
}


/* Structure globale */

#global {
	position: relative;
	width: 880px;
	margin: 0 auto 6px auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0c385b;
}

#entete {
	position: relative;
	height: 125px;
	background: url(images/entete.jpg) no-repeat;
}

#corps {
	width: 880px;
	overflow: auto;
	background: red;
	background: #fff url(images/corps.jpg) bottom left repeat-x;
}

#menu {
	position: relative;
	float: left;
	width: 253px;
	background: url(images/menu.jpg) top right no-repeat;
	z-index: 2;
}

#contenu {
	position: relative;
	float: left;
	width: 595px;
	padding: 10px 12px 0 20px;
	min-height: 440px;
	z-index: 1;
	overflow-x: hidden;
}

#pied {
	position: relative;
	padding-top: 74px;
	background: url(images/pied.jpg) no-repeat;
}

#signature {
	/*position: relative;*/
	width: 880px;
	margin: 0 auto 20px auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}





/* Structure de l'entête */

#entete h1 {
	margin: 0;
	padding: 6px 0 0 33px;
	width: 226px;
	height: 100px;
}

#entete h1 a {
	display: block;
	width: 266px;
	height: 94px;
}

#entete h1 a span {
	display: none;
}




/* Structure des menus */

#menu-complementaire {
	float: left;
	width: 40px;
	list-style: none;
	list-style-position: outside;
	margin: 0;
	padding-top: 30px;
}

#menu-complementaire li {
	width: 40px;
	height: 30px;
}

#menu-complementaire li a {
	display: block;
	width: 40px;
	height: 30px;
	background: url(images/menu-complementaire.jpg) 0 0 no-repeat;
}

#menu-complementaire li a:hover {
	background-position: -40px 0;
}

#menu-complementaire li a span {
	display: none;
}

#menu-complementaire #menu-plan {
	background-position: 0 -30px;
}
#menu-complementaire #menu-plan:hover {
	background-position: -40px -30px;
}

#menu-complementaire #menu-contact {
	background-position: 0 -60px;
}
#menu-complementaire #menu-contact:hover {
	background-position: -40px -60px;
}

#colonne-menus {
	position: relative;
	float: left;
	width: 213px;
	margin-top: 20px;
	padding-top: 10px;
	background: url(images/colonne-menus.jpg) top left repeat-y;
}

#colonne-menus ul {
	list-style: none;
	list-style-position: outside;
	margin: 0;
}

#colonne-menus ul li {
	position: relative;
	display: block;
	height: 18px;
	width: 213px;
	margin-bottom: 1px;
}

#colonne-menus ul li a {
	display: block;
	background: #0c385b;
	color: #fff;
	text-decoration: none;
	font-size: 11px;
	line-height: 18px;
	padding-left: 8px;
}

#colonne-menus ul li a:hover {
	background-color: #0b4c7f;
}

#colonne-menus ul li.menu-deroulant a.lien-deroulant {
	background: #0c385b url(images/menu-deroulant.jpg) top right no-repeat;
}

#colonne-menus ul li.menu-deroulant a.lien-deroulant:hover {
	background: #0b4c7f url(images/menu-deroulant.jpg) bottom right no-repeat;
}

#colonne-menus ul#menu-secondaire {
	margin-top: 23px;
	z-index: 3;
}

#colonne-menus .sous-menu {
	position: absolute;
	z-index: 4;
	top: 0;
	left: 213px;
	margin: 0;
}

#colonne-menus .sous-menu li {
	position: relative;
	width: 184px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	margin: 0;
	display: none;
}

#colonne-menus ul li:hover .sous-menu li,
#colonne-menus ul li.sfhover .sous-menu li {
	display: block;
}

#colonne-menus .sous-menu li.ss-ss-menu a {
	padding-left: 20px;
	background: #105d99;
}

#colonne-menus .sous-menu li.ss-ss-menu a:hover {
	background: #0b4c7f;
}

#menu-anglais {
	margin-top: 13px;
	display: block;
	background: #0c385b url(images/english.png) 4px 4px no-repeat;
	color: #fff;
	text-decoration: none;
	font-size: 11px;
	line-height: 18px;
	padding: 11px 0 11px 66px;
}

#menu-anglais:hover {
	background-color: #0b4c7f;
}



/* Structure particulière de la cheville */

#cheville {
	position: relative;
	bottom: 0;
	height: 177px;
}

#bloc-environnement {
	position: relative;
	margin-left: 4px;
	width: 333px;
	height: 177px;
	background: url(images/bloc-environnement.jpg) no-repeat;
}

#bloc-environnement a {
	display: block;
	height: 105px;
	margin-left: 10px;
	padding: 68px 0 0 29px;
	font-size: 10px;
	line-height: 15px;
	text-decoration: none;
	color: #0c385b;
}

#bloc-projet {
	position: absolute;
	top: 0;
	left: 354px;
	width: 506px;
	height: 177px;
	background: url(images/bloc-projet.jpg) no-repeat;
	font-size: 11px;
}

#bloc-projet form {
	margin: 36px 175px 0 33px;
}

#bloc-projet fieldset {
	border: 0;
	height: 15px;
	margin: 0 0 0 20px;
	padding: 0;
}

#bloc-projet .label {
	float: none;
	width: auto;
	margin: 0;
}

#bloc-projet p {
	color: #000;
	margin-bottom: 18px;
}

#bloc-projet .btn-radio {
	color: #8da013;
	margin: 0;
}

#bloc-projet #projet-nb-personnes {
	margin-top: 14px;
	margin-left: 0;
}

#bloc-projet #projet-nb-personnes input {
	width: 82px;
	line-height: 18px;
}

#bloc-projet #submit-projet {
	position: absolute;
	top: 119px;
	left: 286px;
	width: 39px;
	height: 41px;
	border: 0;
	cursor: pointer;
	background: url(images/submit-projet.jpg) no-repeat;
}





/* Affichage du pied */

#retour-accueil {
	position: absolute;
	left: 36px;
	top: 20px;
	line-height: 31px;
}

#retour-accueil a {
	background: url(images/retour-accueil.jpg) 0 0 no-repeat;
	padding: 8px 8px 8px 36px;
	text-decoration: none;
	color: #999;
}
#retour-accueil a:hover {
	background-position: 0 -31px;
	color: #ee881c;
}

#logos-pied {
	text-align: center;
}
#logos-pied img {
	margin: 0 20px;
}

#logos-pied-encombre {
	text-align: center;
}
#logos-pied-encombre img {
	margin: 0 10px;
}




/* Affichage de la signature */

#signature p {
	text-align: right;
}

#signature a {
	text-decoration: none;
	color: #bbb;
}

#signature a:hover {
	color: #1568ae;
}




/* Structure de l'accueil */


#contenu.contenu-accueil {
	float: left;
	width: 627px;
	padding: 0;
	min-height: 250px;
}

#contenu.contenu-accueil h1 {
	margin-left: 30px;
}

.bloc, 
.conteneur-double-bloc {
	float: left;
	display: inline; /* pour annuler le bug de la double marge d'IE6 */
	width: 180px;
	height: 288px;
	margin: 0 0 58px 24px;
	text-align: center;
	overflow: hidden;
}

.bloc {
	background: url(images/bloc.png) no-repeat;
}


.bloc-principal {
	width: 188px;
	height: 309px;
	margin: 0 6px 30px 10px;
}

.bloc-principal a.lien-bloc {
	display: block;
	width: 188px;
	height: 309px;
	text-decoration: none;
}

.bloc-principal a.lien-bloc span {
	display: block;
	margin-left: 32px;
	width: 156px;
	color: #fff;
	line-height: 20px;
	font-size: 13px;
	text-align: center;
}

.bloc-principal .bloc-sous-menu {
	display: none;
	position: absolute;
	top: 22px;
	right: 0;
	width: 156px;
	margin: 0;
	list-style: none;
	list-style-position: outside;
	background: #fff url(images/bloc-sous-menu.jpg) bottom left repeat-x;
}

.bloc-principal .bloc-sous-menu li a {
	display: block;
	padding: 1px;
	text-align: center;
	text-decoration: none;
	color: #3c5a7c;
	border-bottom: 1px solid #ddd;
}

.bloc-principal .bloc-sous-menu li a:hover {
	color: #ebe9ee;
	background: #3c5a7c;
}

#bloc-maison-bbc {
	height: 309px;
	margin: 0 6px 30px 23px;
}

a.lien-image {
	display: block;
	margin: 1px 1px 1px 10px;
}

a.lien-image img {
	border: 0;
}

#bloc-terrains {
	background: url(images/bloc-terrains.jpg) no-repeat;
}
#bloc-maisons {
	background: url(images/bloc-maisons.jpg) no-repeat;
}
#bloc-maisons-terrains {
	background: url(images/bloc-maisons-terrains.jpg) no-repeat;
}
#bloc-maisons-terrains span {
	color: #1468ad;
}
/*
#actualites {
	position: relative;
	margin: 1px 1px 0 10px;
	height: 212px;
	padding: 38px 6px 25px;
	background: url(images/bloc-actualites.jpg) no-repeat;
	text-align: center;
}

#contenu-actualites {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#contenu-actualites.loading {
	background: url(images/ajax-loader.gif) center no-repeat;
}

#actualites img {
	margin-bottom: 8px;
}

#actualites h2 {
	font-weight: bold;
	font-size: 11px;
	margin: 0 0 2px;
	text-align: left;
}

#actualites h3 {
	margin: 0;
	font-weight: normal;
	color: #9b9b9b;
	font-size: 11px;
	margin-bottom: 2px;
	text-align: left;
}

#actualites p {
	margin: 0;
	font-size: 10px;
	line-height: 14px;
	text-align: left;
}

#pos-actu {
	display: none;
}

#more-actualites {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 169px;
	height: 19px;
	background: #1568ae url(images/more-actualites.jpg) bottom left repeat-x;
	text-align: right;
	text-decoration: none;
	font-size: 11px;
	line-height: 16px;
	color: #fff;
}

#more-actualites span {
	margin-right: 5px;
}
*/

.demi-bloc {
	width: 180px;
	height: 128px;
	background: url(images/demi-bloc.jpg) no-repeat;
}

.demi-bloc h2 {
	margin: 0 1px 0 10px;
	height: 18px;
	background: #edf1bd url(images/titre-demi-bloc-vert.jpg) bottom left repeat-x;
	font-size: 11px;
	line-height: 17px;
}

.demi-bloc h2 a {
	color: #0c385b;
	text-decoration: none;
}

.demi-bloc h2.variante {
	background-image: url(images/titre-demi-bloc-bleu.jpg);
}

.demi-bloc h2.variante a {
	color: #fff;
}

.demi-bloc a.lien-image {
	margin-left: 10px;
}

.demi-bloc a.lien-image img {
	border: 0;
}

#pourquoi-construire,
#alertes-terrains {
	margin-bottom: 31px;
}

#flash-info {
	position: relative;
	margin: 1px 1px 0 10px;
	height: 202px;
	padding: 48px 6px 25px;
	background: url(images/bloc-flash-info.jpg) no-repeat;
	text-align: left;
	overflow: hidden;
}
#flash-info h2 {
	font-weight: bold;
	font-size: 12px;
	margin: 5px 0 2px;
	text-align: left;
}
#flash-info h2 a {
	text-decoration: none;
}
#flash-info p {
	margin: 0 0 10px;
	font-size: 10px;
	line-height: 14px;
	text-align: left;
}

#more-flash-info {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 169px;
	height: 19px;
	background: #1568ae url(images/more-actualites.jpg) bottom left repeat-x;
	text-align: right;
	text-decoration: none;
	font-size: 11px;
	line-height: 16px;
	color: #fff;
}

#more-flash-info span {
	margin-right: 5px;
}


#spot-umf {
	position: absolute;
	left: 164px;
	top: 806px;
	width: 511px;
	height: 287px;
	border: 1px solid #333;
	background: #000 url(images/spot-loading.gif) center no-repeat;
	z-index: 100;
}




/* Affichage des garanties "un contrat sécurisé" */

.colonne-garanties {
	float: left;
	width: 186px;
	margin-right: 18px;
}

h3.comment-ca-marche, 
h3.bon-a-savoir {
	margin: 6px 0 0;
}

.comment-ca-marche span {
	background: #c8e123;
	padding: 1px 5px;
	text-transform: uppercase;
	font-size: 11px;
	line-height: 13px;
	color: #fff;
}

.bon-a-savoir span {
	background: #1568ae;
	padding: 1px 5px;
	text-transform: uppercase;
	font-size: 11px;
	line-height: 13px;
	color: #fff;
}

.c-c-m,
.b-a-s {
	color: #777;
}

.duree-garantie {
	text-transform: uppercase;
	color: #444;
	margin-right: 10px;
}

table#comparatif-contrats {
	background: #fff;
	border-collapse: collapse;
	empty-cells: hide;
	border: 1px solid #ccc;
}

table#comparatif-contrats td {
	text-align: left;
	padding: 5px 8px;
	border: 1px solid #ccc;
}

table#comparatif-contrats th {
	text-align: left;
	padding: 5px 8px;
	border: 1px solid #ccc;
	background: #bbb;/*#eee*/
}
 
table#comparatif-contrats th.entete-tab {
	text-align: center;
}

table#comparatif-contrats th.col1,
table#comparatif-contrats th.col2,
table#comparatif-contrats th.col3 {
	width: 33%;
}

table#comparatif-contrats li {
	margin-left: 0;
}

.logos-centres {
	text-align: center;
	padding: 10px 0;
}
.logos-centres img {
	margin: 0 5px;
}



/* Affichage des garanties "un contrat sécurisé" / label-qualite */

.qualite-precisions {
	clear: both;
	color: #0b4c7f;
	margin: 2px 0 14Px 10px;
	padding: 1px 10px;
	font-family: "Times New Roman", serif;
	font-size: 13px;
	background: url(images/degrade-gris.jpg) repeat-x;
	text-indent: 0;
}

.bloc-orange {
	margin: 0 -10px;
	padding: 0 10px 2px;
	/*background: #fff089 url(images/degrade-orange.jpg) repeat-x;*/
}

.bloc-orange h2 {
	text-align: right;
	color: #ff8500;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	padding-top: 5px;
}

.bloc-orange #visuel-photodit-verspieren {
	margin: 0 -10px;
}

#qualite-photodit {
	color: #714e0b;
}

#bloc-maisons-qualite {
	margin: 40px 0px;
}

#bloc-maisons-qualite #presentation-association {
	float: left;
	width: 285px;
	margin-right: 15px;
	margin-bottom: 20px;
	color: #777;
}

#bloc-maisons-qualite #visu-slogan {
	float: left;
	width: 291px;
}

#bloc-maisons-qualite #visu-slogan h2 {
	color: #0091a4;
	font-size: 20px;
	line-height: 22px;
	text-align: center;
	font-weight: normal;
	margin-bottom: 12px;
}

#bloc-maisons-qualite #visu-slogan h3 {
	color: #004a91;
	font-size: 20px;
	line-height: 22px;
	text-align: center;
	margin-bottom: 12px;
}

#bloc-maisons-qualite #visu-slogan  p {
	color: #999;
}

#bloc-maisons-qualite #engagements {
	clear: left;
	float: left;
	width: 390px;
	margin-right: 15px;
}

#bloc-maisons-qualite #label {
	float: left;
	width: 190px;
	color: #999;
	font-size: 11px;
}

#qualite-logo-photodit {
	float: right;
	margin-top: -20px;
}

#qualite-eco-logique {
	float: right;
}






/* Affichage de Pourquoi construire / Poème "Maison, je t'aime" */

#parchemin {
	background: url(images/parchemin-milieu.jpg) center repeat-y;
}
#parchemin-haut {
	background: url(images/parchemin-haut.jpg) top center no-repeat;
	padding-top: 100px;
}
#parchemin-bas {
	background: url(images/parchemin-bas.jpg) bottom center no-repeat;
	padding: 20px 0 300px;
}

#titre-pourquoi-construire {
	text-align: center;
}
#titre-pourquoi-construire span {
	font-size: 14px;
	font-style: italic;
	margin-left: 100px;
}

#titre-poeme {
	text-align: center;
}
/*
#poeme-accordeon {
	background: url(images/texture-papier.jpg);
}
*/
#poeme-accordeon .vers {
	cursor: pointer;
	/*text-indent: 40px;*/
	font-size: 16px;
	margin: 2px 41px 2px 47px;
	padding: 6px 6px;
	text-align: center;
}

#poeme-accordeon .vers:hover,
#poeme-accordeon .vers.vershover {
	background: #fff4c3 url(images/plus-parchemin.png) right 3px no-repeat;
}

#poeme-accordeon .details {
	position: relative;
	padding: 5px 0 0 0px;
	margin: 2px 41px 2px 47px;
	background: #f4df7c;
}

#poeme-accordeon .details .contenu-details {
	margin: 0 0 4px 1px;
	padding: 10px;
	background: #fffae3;
	border: 1px solid #f4df7c;
}

#poeme-accordeon .details h3 {
	margin: 0;
}

#erreur-simple {
	position: absolute;
	top: 29px;
	left: 340px;
	color: #f00;
}

#resultats-calcul table {
	border-collapse: collapse;
	width: 300px;
}

#resultats-calcul td,
#resultats-calcul th {
	border: 1px solid #ddd;
	text-align: center;
	padding: 2px;
}

#asterisque-augmentation {
	font-size: 10px;
	color: #888;
	margin-bottom: 8px;
	visibility: hidden;
}

#conclusion-investissement {
	font-size: 14px;
}

#signature-poeme {
	margin: 20px 0 5px 300px;
	font-size: 15px;
	font-style: italic;
	color: #1568ae;
}

#sondage-habitation {
	margin-bottom: 10px;
}

#sondage-habitation td,
#sondage-habitation th {
	text-align: left;
}

#sondage-habitation .source-sondage {
	color: #999;
	font-size: 10px;
	font-style: italic;
}

#sondage-habitation .colonne-espacement {
	width: 50px;
}





/* Affichage des actualités */

.actualite {
	margin: 8px 0;
	padding-bottom: 8px;
	border-bottom: 2px solid #eee;
}

.actualite img {
	float: left;
	margin: 3px 12px 3px 0;
	padding: 3px;
	border: 1px solid #ccc;
}

.demandez-simulation {
	margin: 2px 0 0 395px;
	display: block;
	width: 200px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	text-decoration: none;
	background: url(images/btn-demander-simulation.png) no-repeat;
}

.ensavoirplus {
	margin: 2px 0 0 475px;
	display: block;
	width: 120px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	text-decoration: none;
	background: url(images/btn-ensavoirplus.png) no-repeat;
}

.visuel-actu {
	float: left;
	margin: 0 14px 1px 0;
	padding: 3px;
	border: 1px solid #ccc;
}

.document-actu {
	margin: 20px 0 10px;
}

.document-actu a {
	text-decoration: none;
	line-height: 24px;
	padding: 6px 0 6px 30px;
	background: url(images/btn-telecharger.png) 0 -55px no-repeat;
}

.document-actu a:hover {
	color: #1b87df;
	background-position: 0 1px;
}






/* Affichage des terrains et des programmes maison+terrain */

h2#titre-maisons-terrains {
	float: right;
	width: 330px;
	height: 54px;
	padding-right: 15px;
	text-align: right;
	font-size: 16px;
	line-height: 46px;
	background: #c8e023 url(images/titre-maisons-terrains.jpg) no-repeat;
}

#choix-departement {
	width: 245px;
}

#choix-departement p {
	float: left;
	margin: 0 5px 0 0;
}

.label-dpt {
	vertical-align: top;
}

.checkbox {
	height: 14px;
	width: 12px;
	vertical-align: top;
}

.submit-dpt {
	margin-left: 4px;
	padding: 0 3px;
	font-size: 10px;
	border: 1px solid #ddd;
	color: #666;
	cursor: pointer;
	background: url(images/fond-btn.jpg) 0 0 repeat-x;
}

.submit-dpt:hover {
	background: url(images/fond-btn.jpg) 0 -30px repeat-x;
}

#localisation-programme {
	float: right;
	width: 376px;
	height: 287px;
	margin-top: 8px;
	border: 1px solid #0c385b;
}

#intitule-programme {
	width: 120px;
	height: 40px;
	overflow: auto;
	background: #fff;
	border: 4px solid red;
}

#liste-programmes {
	float: left;
	width: 200px;
	height: 289px;
	margin-top: 8px;
	overflow: auto;
}

#liste-programmes .bloc-programme {
	margin: 0 5px 11px 0;
	padding: 3px;
	border: 1px solid #f6f6f6;
	cursor: pointer;
}

#liste-programmes .bloc-programme.actif {
	background: #f0ff84;
	border: 1px solid #f0ff84;
}

#liste-programmes h4 {
	font-weight: bold;
	font-size: 11px;
	margin: 8px 0 4px;
}

#liste-programmes p {
	font-size: 11px;
	margin: 0 0 1px;
}

#detail-programme {
	clear: both;
	position: relative;
	padding-top: 30px;
}

#detail-programme h3 {
	font-size: 24px;
	margin-bottom: 8px;
}

#detail-programme h3 span {
	color: #9e9e9e;
	font-weight: normal;
}

#detail-programme #description-programme {
	margin: 5px;
}

#detail-programme #illustration-offre {
	margin: 3px 10px 5px 0;
	float: left;
}

#detail-programme #chiffres-offre {
	border: 1px solid #1568ae;
	background: #9fd4ff url(images/degrade-bleu.jpg) top left repeat-x;
	padding: 5px;
	float: left;
	width: 288px;
	font-size: 13px;
}

#detail-programme #chiffres-offre span {
	color: #fff;
	font-weight: bold;
}

.tableau-lots {
	position: relative;
	width: 100%;
	border-collapse: separate;
	border-spacing: 4px;
}

.tableau-lots tr td {
	padding: 5px 11px 3px;
	background: #f0ff84;
	color: #0c385b;
}

.tableau-lots tr.variante td {
	background: #efefef;
}

.tableau-lots a {
	text-decoration: none;
}

.tableau-lots a:hover {
	text-decoration: underline;
}





/* Affichage de la présentation */

#mots-cle {
	clear: both;
	list-style: none;
	height: 160px;
	margin-top: 50px;
}

#mots-cle li {
	display: block;
	float: left;
	width: 125px;
	height: 140px;
	margin: 0 28px 0 0;
	background: #eee;
}

#mots-cle li.marge-droite-0 {
	margin-right: 0;
}

#mots-cle li a {
	display: block;
	width: 125px;
	height: 140px;
	padding: 2px;
	border: 1px solid #ccc;
	background-color: #fff;
	background-position: center;
	color: #fff;
	text-decoration: none;
	text-align: center;
}

#mots-cle li a:hover {
	border-color: #1568ae;
}

#keyword-societe a {
	background: url(images/encart-societe.jpg) no-repeat;
}
#keyword-garanties a {
	background: url(images/encart-garanties.jpg) no-repeat;
}
#keyword-qualite a {
	background: url(images/encart-maisons-de-qualite.jpg) no-repeat;
}
#keyword-services a {
	background: url(images/encart-services.jpg) no-repeat;
}
#keyword-agences a {
	background: url(images/encart-agences.jpg) no-repeat;
}

#visuel-presentation {
	display: block;
	width: 492px;
	margin: 10px auto 20px;
}

#presentation-daniel-durand,
#presentation-dominique-durand {
	float: left;
	margin-right: 10px;
}

#visuel-engagement-durable {
	float: right;
	margin-left: 10px;
}

#visuel-proximite {
	float: left;
	margin-right: 10px;
	padding: 2px;
	border: 1px solid #c8e123;
}

#visuel-proximite img {
	border: none;
}





/* Affichage des agences */

.agence {
	margin: 20px auto 28px;
	width: 483px;
	background: url(../images/agences-fond.jpg) repeat-y;
}

.agence h2 {
	margin: 0;
	padding-left: 9px;
	height: 27px;
	line-height: 27px;
	font-size: 15px;
	background: url(../images/agences-haut.jpg) no-repeat;
}

.agence h2 .adresse {
	font-size: 11px;
	font-weight: normal;
	padding-left: 24px;
	display: none;
}

.agence .details {
	padding: 16px 16px 10px;
	background: url(../images/agences-bas.jpg) bottom left no-repeat;
	overflow: hidden;
}

.agence .arobase-agences {
	vertical-align: middle;
	margin: 0 2px;
}

.agence .coordonnees {
	border: 1px solid #ccc;
	padding: 3px;
	margin: 0 29px 10px 0;
}

.agence .coordonnees p {
	margin: 0;
	padding: 2px 10px 2px 38px;
	background: #eee;
	color: #1568ae;
}

.boxLocalisation {
	position: relative;
	float: left;
	display: block;
	width: 32px;
	height: 32px;
	margin: 2px;
	background: url(images/info.png) no-repeat;
	text-decoration: none;
}

.boxLocalisation span {
	display: none;
}

.boxLocalisation:hover span {
	position: absolute;
	top: 3px;
	left: 35px;
	display: block;
	width: 110px;
	font-size: 10px;
	background: #fff;
	border: 1px solid #bbb;
	padding: 3px;
	z-index: 1000;
}

.agence .apercu-agence {
	float: left;
	width: 206px;
	padding: 3px;
	border: 1px solid #ccc;
	margin-right: 2px;
	margin-bottom: 10px;
}

.agence .personnel {
	float: left;
	width: 108px;
	height: 173px;
	margin: 0;
	text-align: center;
	line-height: 14px;
	overflow: hidden;
}

.agence .personnel img {
	width: 80px;
	padding: 3px;
	border: 1px solid #ccc;
	margin-bottom: 4px;
}

.agence .personnel p {
	margin: 0 0 2px;
	font-size: 11px;
	line-height: 11px;
	text-align: center;
}

.agence .personnel p span {
	font-weight: bold;
	font-variant: small-caps;
}

.agence .personnel p.entree {
	font-size: 10px;
	margin: 0;
}

.agence .personnel p.fonction {
	color: #1568ae;
	font-weight: bold;
	font-size: 10px;
	line-height: 10px;
	margin: 0 0 2px;
}

#siege {
	margin-bottom: 76px;
}





/* Affichage de Naturea */

#visu-bois-1,
#visu-bois-3 {
	width: 290px;
	float: right;
	margin: 0 0 10px 10px;
}
#visu-bois-2 {
	clear: left;
	width: 290px;
	float: left;
	margin-top: 15px;
}

.visuel-sans-extension {
	float: left;
	width: 290px;
	margin-bottom: 16px;
}

.visuel-avec-extension {
	float: right;
	width: 290px;
	margin-bottom: 16px;
}
.visuel-avec-extension p,
.visuel-sans-extension p {
	text-align: center;
	color: #1468ad;
}

.demande-infos {
	float: left;
	margin: 30px 0 5px;
}
.demande-infos a {
	line-height: 30px;
	padding: 6px 8px 6px 35px;
	background: url(images/demande-infos.png) left center no-repeat;
	text-decoration: none;
}
.retour-collections {
	float: right;
	margin: 30px 0 5px;
}
.retour-collections a {
	line-height: 30px;
	padding: 6px 35px 6px 8px;
	background: url(images/retour-collections.png) right center no-repeat;
	text-decoration: none;
}
.envoyer-ami {
	float: right;
	margin: 30px 0 5px;
}
.envoyer-ami a {
	line-height: 30px;
	padding: 6px 35px 6px 8px;
	background: url(images/envoyer-ami.png) right center no-repeat;
	text-decoration: none;
}
.demande-infos a:hover,
.retour-collections a:hover,
.envoyer-ami a:hover {
	color: #ee881c;
}



/* Affichage de Ma Maison pour 15 euros par jour */

#logo-charte-15-euros {
	float: left;
	margin-right: 24px;
}

#titre-15-euros {
	margin-top: 30px;
	margin-bottom: 10px;
}

#titre-15-euros-2 {
	margin-top: 0;
	color: #949c9c;
	line-height: 24px;
	font-size: 19px;
}

#visu-15-euros-1,
#visu-15-euros-2 {
	float: right;
	margin: 0 0 10px 10px;
}

.tab-15-euros {
	margin: 10px auto 10px auto;
	width: 350px;
	border-collapse: collapse;
}

.tab-15-euros td,
.tab-15-euros th {
	text-align: center;
	padding: 4px;
	border: 1px solid #ddd;
}

#tab-montants {
	float: left;
	margin-right: 10px;
}

.precisions {
	margin-top: 14px;
	font-size: 10px;
	color: #888;
}

.precisions span {
	font-weight: bold;
	color: #444;
}

#exemple-mensuel th,
#exemple-total th {
	text-align: left;
}





/* Affichage de la page "Habitat des seniors" */

#visu-senior {
	float: right;
	margin: 0 0 10px 10px;
}

#slogan-nouveaux-cadres {
	clear: both;
	/*
	float: right;
	width: 290px;
	*/
	text-align: center;
	font-size: 26px;
	padding-top: 30px;
}

#visu-concept-senior-1{
	float: left;
	margin-bottom: 14px;
	margin-top: 30px;
}

#visu-concept-senior-2 {
	float: right;
	margin-bottom: 14px;
	margin-top: 30px;
}

#visu-concept-senior-3 {
	clear: both;
	margin-bottom: 14px;
}





/* Affichage de la page Bati d'Home / Pour les As du bricolage */

#visu-bati-dhome-1,
#visu-bati-dhome-4 {
	clear: both;
	float: left;
	margin-bottom: 14px;
}

#visu-bati-dhome-2,
#visu-bati-dhome-3,
#visu-bati-dhome-5 {
	float: right;
	margin-bottom: 14px;
}

#slogan-bati-dhome {
	width: 290px;
	text-align: center;
	float: left;
	clear: both;
	padding-top: 56px;
}





/* Affichage de la page 100% sur mesure */

#visu-sur-mesure-1,
#visu-sur-mesure-3,
#visu-sur-mesure-5 {
	clear: both;
	float: left;
	margin-bottom: 14px;
}

#visu-sur-mesure-2,
#visu-sur-mesure-4,
#visu-sur-mesure-6 {
	float: right;
	margin-bottom: 14px;
}




/* Affichage de la page parrainage */

#logos-parrainage {
	text-align: center;
	margin: 18px 0;
}

#logos-parrainage img {
	margin: 0 30px;
}



/* Affichage de "reportage photo" */

#contenu.contenu-reportage {
	float: left;
	width: 627px;
	padding: 0 0 30px;
	min-height: 404px;
}

.contenu-reportage h1 {
	margin-left: 20px;
}

.bloc-reportage {
	position: relative;
	float: left;
	display: inline; /* pour annuler le bug de la double marge d'IE6 */
	width: 180px;
	height: 182px;
	margin: 0 0 10px 24px;
	text-align: center;
	overflow: hidden;
	background: url(images/bloc-reportage.png) no-repeat;
}

.bloc-reportage a {
	position: absolute;
	display: block;
	top: 85px;
	left: 95px;
}




/* Affichage de "Réflexe écologique" */

.img-produit-h2o {
	float: left;
	margin: 0 10px 10px 0;
}

#contact-gamme-h2o {
	clear: both;
	margin: auto 50px;
	text-align: center;
	font-weight: bold;
}




/* Affichage de "Investissement locatifs" */

#visu-investir-1 {
	float: left;
	margin: 10px 0 20px;
}
#visu-investir-2 {
	float: right;
	margin: 10px 0 20px;
}




/* Affichages des actualités sur l'environnement */

.alignement-gauche {
	float: left;
	margin: 0 20px 20px 0;
}

.alignement-droite {
	float: right;
	margin: 0  0 20px 20px;
}

h3.actualites-environnement {
	margin: 0;
	font-weight: bold;
	font-size: 14px;
	color: #6ab106;
}

h4.actualites-environnement {
	color: #b27800;
	text-transform: uppercase;
	font-size: 14px;
	margin: 16px 0 12px;
}

h5.actualites-environnement {
	color: #b12020;
	text-align: left;
	font-size: 13px;
	margin: 10px 0 5px;
}

#visu-environnement-4 {
	margin-right: 42px;
}

#diminution-besoins {
	float: left;
	width: 290px;
	margin-bottom: 20px;
}
#equipements-performants {
	float: right;
	width: 290px;
}
#equipements-performants h2 {
	text-align: center;
	font-style: italic;
	font-size: 18px;
	color: #ff9900;
	margin-top: 80px;
	padding-bottom: 10px;
	border-bottom: 4px solid #eee;
}

#fonctionnement-photovoltaique {
	float: left;
	width: 217px;
	border: 1px solid #eb9f12;
	background: #f9f086;
	padding: 0 3px 3px;
	margin-bottom: 20px;
}
#fonctionnement-photovoltaique p {
	line-height: 110%;
}

#expansion-solaire {
	float: right;
	width: 210px;
	margin: 0 0 20px 20px;
}

#production-fonction-ensoleillement {
	float: left;
	width: 260px;
	border: 1px solid #eb9f12;
	background: #f9f086;
	padding: 3px;
	margin-top: 124px;
}

#financement-adapte {
	width: 250px;
	float: right;
	margin-left: 20px;
}
#offre-solaire li {
	color: #b12020;
	font-size: 13px;
}
#precisions-offre-solaire {
	clear: both;
}
#bilan-financier-solaire {
	border-collapse: collapse;
}
#bilan-financier-solaire td,
#bilan-financier-solaire th {
	border: 1px solid #bbb;
	padding: 4px;
	font-size: 13px;
	
}
#bilan-financier-solaire th {
	background: #eee;
}






/* Affichage de "Simulation de financement" */

#moins-apl {
	margin-top: -80px;
	margin-bottom: 15px;
	font-size: 20px;
}
#moins-deductibilite {
	margin-left: 60px;
	font-size: 24px;
}
#exemple-financement {
	margin: 30px 0;
	font-size: 14px;
}
#titre-financement {
	text-align: center;
	font-size: 28px;
	color: #1568ae;
}
#financement-100 {
	padding-left: 40px;
	background: url(images/financement-100.png) center left no-repeat;
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
	color: #1568ae;
	margin-left: 160px;
	margin-bottom: 50px;
}




/* Affichage de la page en anglais */

img#agree-maison-de-qualite {
	display: block;
	width: 190px;
	margin: 5px auto 40px;
}




/* Affichage du plan */

#liste-plan-du-site {
	margin-left: 60px;
}

#liste-plan-du-site li {
	margin: 2px 0;
}

#liste-plan-du-site ul {
	margin: 2px 0 4px 30px;
}

#liste-plan-du-site a:link,
#liste-plan-du-site a:visited {
	text-decoration: none;
}





/* Affichage des popups */

#popup {
	font-family: Arial, Helvetica, Liberation, sans-serif;
	margin: 10px;
	font-size: 12px;
}

#popup fieldset {
	padding: 5px 10px;
	margin: 8px 0;
}

#popup .field {
	margin-bottom: 4px;
}

#popup .label {
	margin-right: 6px;
	width: 120px;
}

#popup .input {
	width: 170px;
}

#popup #form-code {
	margin: 4px 0 0 126px;
	width: 100px;
}

#popup .submit {
	margin-left: 20px;
}

#popup .erreur-form,
#popup .confirm-form {
	margin: 8px 0 0;
}

#popup .erreur-form p {
	background: #fff url(images/degrade-rose.jpg) bottom left repeat-x;
	width: auto;
	height: 23px;
	border: 1px solid #ddd;
}

#popup .confirm-form p {
	background: #fff url(images/degrade-vert.jpg) bottom left repeat-x;
	width: auto;
	height: 23px;
	border: 1px solid #ddd;
}

#colonne-gauche {
	float: left;
	width: 330px;
}

#colonne-droite {
	float: right;
	width: 320px;
}

#rappel-informations {
	border: 1px solid #234663;
	background: #9fd4ff url(images/degrade-bleu.jpg) repeat-x;
	padding: 12px 10px 8px;
}

#rappel-informations h1 {
	margin: 0 0 2px;
	font-size: 14px;
	color: #1468ad;
	font-weight: bold;
}

#rappel-informations h1 span {
	color: #0c385b;
	font-size: 13px;
}

#rappel-informations p {
	margin: 0;
	color: #234663;
}






/* Affichage des formulaires */

fieldset {
	margin: 12px 0;
	padding: 10px 10px 5px;
	border: 1px solid #888;
}

legend {
	font-weight: bold;
	color: #1568ae;
	padding: 1px 5px;
	margin: 0 10px;
}

.field {
	clear: left;
	margin-bottom: 8px;
}

.label {
	float: left;
	width: 120px;
	margin-right: 10px;
}

.input {
	width: 426px;
	padding: 1px 5px;
	border: 1px inset #bbb;
	background: #f7ffbf;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #0c385b;
}

.bloc-input {
	float: left;
	width: 438px;
}

.bloc-radio {
	margin-bottom: 1px;
}

.btn-radio {
	vertical-align: middle;
	margin-right: 4px;
}

#cryptogram {
	float: left;
	margin-right: 10px;
}

#form-code {
	width: 125px;
	height: 20px;
	padding-top: 6px;
	letter-spacing: 5px;
	text-align: center;
}

.champs-obligatoires {
	margin-top: -8px;
	font-style: italic;
	font-size: 0.9em;
	color: #888;
}

.submit {
	background: #fff;
	padding: 3px 20px 2px;
	margin-left: 34%;
	border: 2px solid #bbb;
	border-right-width: 1px;
	border-left-width: 3px;
	font-size: 1.1em;
	font-weight: bold;
	font-variant: small-caps;
	color: #0c385b;
}

#form-foyer,
#form-budget {
	width: 80px;
}

.avertissement-cnil {
	font-style: italic;
	font-size: 0.9em;
	color: #555;
	margin: 8px 0;
}

.label-erreur,
#popup .label-erreur {
	padding-left: 20px;
	width: 100px;
	background: url(images/label-erreur.png) 0 0 no-repeat;
}

.input-erreur {
	border-color: #bf2f2f;
	background: #ffdfdf;
}

.erreur-form {
	height: 67px;
	padding-left: 75px;
	margin: 30px 0 15px;
	background: url(images/erreur-form.png) no-repeat;
}

.confirm-form {
	height: 67px;
	padding-left: 75px;
	margin: 30px 0 15px;
	background: url(images/confirm-form.png) no-repeat;
}

.erreur-form p,
.confirm-form p {
	width: 500px;
	height: 27px;
	margin: 0;
	padding: 20px 10px;
	line-height: 18px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	background: url(images/message-form.png) no-repeat;
}

.erreur-form p {
	color: #f03706;
}

.confirm-form p {
	color: #638c00;
}





/* Popup Envoyer à un ami */

#popup-envoyer-ami {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0c385b;
	padding: 10px;
}
#popup-envoyer-ami h1 {
	margin: 0 0 6px;
}
#popup-envoyer-ami .label {
	width: auto;
	float: none;
	display: block;
}
#popup-envoyer-ami .erreur-form,
#popup-envoyer-ami .confirm-form {
	margin-top: 5px;
}
#popup-envoyer-ami .erreur-form p,
#popup-envoyer-ami .confirm-form p {
	width: auto;
}
#popup-envoyer-ami .champs-obligatoires {
	margin-bottom: -4px;
}





/* Classes génériques */

.clearer {
	clear: both;
}

.distinct {
	color: #ff9900;
	font-weight: bold;
}

.note {
	vertical-align: super;
	font-size: 0.72em;
	vertical-align: top;
	margin-left: 2px;
}

.avertissement-leger {
	font-style: italic;
	color: #777;
}

.puce-textuelle li {
	list-style-type: none;
	margin-left: 36px;
	text-indent: -7px;
	
}

.marge-haut-0 {
	margin-top: 0;
}

.marge-droite-0 {
	margin-right: 0;
}

h5.variante {
	color: #099f1e;
}