@charset "utf-8";
/* CSS Document */

/* Propriétés générales */
html, body { height:100%; background-image:url("../img/fond.gif"); font-family:Arial, serif; margin:0; padding:0; overflow:hidden; }
img { margin:0; padding:0; border:0; }
a { color:#cbcbcb; font-family:Arial, serif; text-decoration:none; display:block; margin:8px 0 0 30px; font-weight:bold; font-size:11px; }
a:hover { color:#567cc9; text-decoration:none; }
p { margin:15px 0; }

/* Propriétés de structure globale du site */
.table1 { width:100%; height:100%; border:0; margin:0; padding:0; }
.table2 { width:100%; height:571px; border:0; margin:0; padding:0; background-color:#282828; }

.ligne1, .ligne3 {  background-repeat:repeat-y; width:100%; }
.ligne2 { width:100%; height:571px; }

.ligne21 { width:100%; height:6px; background-color:#282828; }
.ligne22 { width:100%; height:95px; background-color:#552f28; }
.ligne23 { width:100%; height:8px; background-color:#282828; }
.ligne24 { width:100%; height:394px; }
.ligne25 { width:100%; height:16px; background-color:#282828; }
.ligne26 { width:100%; height:46px; background-color:#552f28; }
.ligne27 { width:100%; height:6px; background-color:#282828; }

.colonne22-1, .colonne22-2, .colonne24-2, .colonne26-3 { vertical-align:top; }

.colonne24-1 { background-image:url("../img/fly2.jpg"); background-repeat:no-repeat; background-position:center; }
.colonne24-2 { background-image:url("../img/fly.jpg"); background-repeat:no-repeat; background-position:center; }

/* Propriétés du logo, titre et copyright */
.logo { position:absolute; z-index:2; margin:-25px 0 0 -125px; }
.logo-fond { position:absolute; width:2000px; height:137px; margin:-25px 0 0 -2000px; background-image:url("../img/logo-fond.gif"); background-repeat:repeat-x; }
.titre { position:absolute; margin:34px 0 0 182px; }
.copyright { position:absolute; margin:32px 0 0 280px; }

/* Propriétés pour le menu */
.menu { position:absolute; z-index:2; margin:8px 0 0 -90px; width:151px; height:394px; background-color:#282828; }
.bande { float:left; width:4px; height:354px; margin:25px 0 0 11px; background-color:#562f28; }
.link-accueil { margin-top:29px; }
.link-interieur, .link-exterieur, .link-construction { background-image:url("../img/puce.gif"); background-repeat:no-repeat; background-position:left; padding-left:15px; margin:3px 0 0 35px; }
.link-video1, .link-video2, .link-video3 { background-image:url("../img/puce.gif"); background-repeat:no-repeat; background-position:left; display:inline; padding-left:15px; margin-left:7px; }
.link-video1 { margin-left:20px; }
.link-contact { margin-top:150px; }
.nolink-photos, .nolink-videos {  color:#cbcbcb; font-family:Arial, serif; display:block; margin:8px 0 0 30px; font-weight:bold; font-size:11px;  }

/* Propriétés spécifiques à la page d'accueil */
.text-accueil { position:absolute; width:408px; height:290px; margin-left:188px; border:1px solid #a0a8a8;  background-image:url("../img/fond2.png"); background-repeat:repeat; padding:30px 70px 70px 70px; font-size:11px; font-family:Arial, serif; text-align:justify; overflow:auto; color:#3e3e3d; }
.first-letter { font-size:28px; font-weight:bold; }

/* Propriétés spécifiques à la page des spécifications */
.text-specifications { width:100%; height:393px; background-color:#dbdad8; }
.specifications-titre {
	position:absolute;
	width:680px;
	margin:10px 0 0 91px;
	font-size:10px;
	background-color:#666666;
	color:#cccccc;
	font-weight:bold;
	padding:6px 10px;

}
table.specifications {
	position:absolute;
	width:560px;
	margin:40px 0 0 91px;
	font-size:10px;
}
.specifications td {
	text-align:right;
	line-height:10px;
	color:#3c2a39;
	font-weight:normal;
}
td.specifications-right {
	text-align:left;
	padding-left:3px;
	color:#757876;
	font-weight: normal;
}
.specifications-vign1-container, .specifications-vign2-container { position:absolute; width:126px; height:125px; margin:62px 0 0 665px; background-image:url("../img/loader1.gif"); background-repeat:no-repeat; background-position:center; background-color:#dbdad8; }
.specifications-vign2-container { margin-top:251px; }

/* Propriétés spécifiques à la page des plans */
.plans-area { width:100%; height:393px; background-color:#dbdad8; }
.plans-img-container { position:absolute; width:800px; height:353px; padding:20px 0; overflow:auto; margin-left:61px; text-align:center; background-color:#ffffff; background-image:url("../img/loader2.gif"); background-repeat:no-repeat; background-position:center; }

/* Propriétés spécifiques aux pages photos */
.photos-area { position:absolute; width:100%; height:393px; background-color:#dbdad8; overflow:hidden; }
.photos-img-container { position:absolute; width:5757px; height:393px; overflow:hidden; margin-left:-2940px; background-color:#dbdad8; background-image:url("../img/loader2.gif"); background-repeat:no-repeat; background-position:3350px; }
#rollon-1 { position:absolute; width:30px; height:393px; margin:-393px 0 0 3001px; }
#rollon-2 { position:absolute; width:50px; height:393px; margin:-393px 0 0 3031px; }
#rollon-3 { position:absolute; width:70px; height:393px; margin:-393px 0 0 3081px; }
#rollon-4 { position:absolute; width:70px; height:393px; margin:-393px 0 0 3601px; }
#rollon-5 { position:absolute; width:50px; height:393px; margin:-393px 0 0 3671px; }
#rollon-6 { position:absolute; width:3000px; height:393px; margin:-393px 0 0 3721px; }
#rollout { position:absolute; width:450px; height:393px; margin:-393px 0 0 3151px; }

/* Propriétés spécifiques aux pages vidéos */
.video-area { position:absolute; width:100%; height:351px; background-color:#282828; border-left:1px solid #545454; margin-left:61px; padding:42px 0 0 143px; }

/* Propriétés spécifiques à la page contact */
.contact-area { position:absolute; width:100%; height:393px; background-color:#dbdad8; }
.contact-label { position:absolute; width:368px; height:16px; background-color:#666666; color:#d8d8d8; margin:33px 0 0 92px; padding:4px 0 0 10px; font-size:10px; font-weight:bold; }
.adresse-label { position:absolute; width:285px; height:16px; background-color:#666666; color:#d8d8d8; margin:33px 0 0 497px; padding:4px 0 0 10px; font-size:10px; font-weight:bold; }
.infoleg-label { position:absolute; width:285px; height:16px; background-color:#666666; color:#d8d8d8; margin:165px 0 0 497px; padding:4px 0 0 10px; font-size:10px; font-weight:bold; }
input { position:absolute; width:287px; height:11px; margin:65px 0 0 172px; padding:4px 5px; border:0; font-size:10px; font-family:Arial, serif; font-weight:bold; color:#9a9a9a;}
label { position:absolute; width:80px; height:11px; margin:65px 0 0 92px; padding:4px 0; color:#848484; font-size:10px; font-weight:bold; }
.input2, .label2 { margin-top:88px; }
.input3, .label3 { margin-top:111px; }
.input4, .label4 { margin-top:134px; }
.input5, .label5 { margin-top:157px; }
.label6 { margin-top:180px; }
textarea { position:absolute; width:367px; height:149px; margin:203px 0 0 92px; border:0; font-size:10px; font-family:Arial, serif; overflow:hidden; color:#9a9a9a; font-weight:bold; padding:3px 5px; }
.input6 { width:75px; height:19px; margin:368px 0 0 258px; background-image:url("../img/effacer.gif"); font-size:0; cursor:pointer; }
.input6:hover { background-image:url("../img/effacer-hover.gif"); }
.input6:active { margin:369px 0 0 259px; }
.input6-en { width:75px; height:19px; margin:368px 0 0 258px; background-image:url("../img/effacer-en.gif"); font-size:0; cursor:pointer; }
.input6-en:hover { background-image:url("../img/effacer-hover-en.gif"); }
.input6-en:active { margin:369px 0 0 259px; }
.input7 { width:75px; height:19px; margin:368px 0 0 344px; background-image:url("../img/envoyer.gif"); font-size:0; cursor:pointer; }
.input7:hover { background-image:url("../img/envoyer-hover.gif"); }
.input7:active { margin:369px 0 0 345px; }
.input7-en { width:75px; height:19px; margin:368px 0 0 344px; background-image:url("../img/envoyer-en.gif"); font-size:0; cursor:pointer; }
.input7-en:hover { background-image:url("../img/envoyer-hover-en.gif"); }
.input7-en:active { margin:369px 0 0 345px; }
.tel { position:absolute; width:285px; height:11px; padding:4px 19px; margin:55px 0 0 497px; font-size:11px; color:#343434; font-weight:bold; background-image:url("../img/puce2.gif"); background-repeat:no-repeat; background-position:3px 7px; }
.adresse { position:absolute; width:285px; height:11px; padding:4px 19px; margin:74px 0 0 497px; font-size:11px; color:#343434; font-weight:bold; background-image:url("../img/puce2.gif"); background-repeat:no-repeat; background-position:3px 7px; }
.mail { position:absolute; width:285px; height:11px; padding:4px 19px; margin:103px 0 0 497px; font-size:11px; color:#343434; font-weight:bold; background-image:url("../img/puce2.gif"); background-repeat:no-repeat; background-position:3px 7px; }
a.contact-link { color:#889ef3; display:inline; margin:0; padding:0; text-decoration:underline; }
a.contact-link:hover { text-decoration:none; }
.infoleg { position:absolute; width:285px; padding:5px; height:90px; text-align:justify; margin:199px 0 0 497px; font-size:10px; color:#343434; }
.link1 { position:absolute; width:285px; height:11px; padding:4px 19px; margin:324px 0 0 497px; background-image:url("../img/puce2.gif"); background-repeat:no-repeat; background-position:3px 7px; }
.link2 { position:absolute; width:285px; height:11px; padding:4px 19px; margin:342px 0 0 497px; background-image:url("../img/puce2.gif"); background-repeat:no-repeat; background-position:3px 7px; }
.link3 { position:absolute; width:285px; height:11px; padding:4px 19px; margin:360px 0 0 497px; background-image:url("../img/puce2.gif"); background-repeat:no-repeat; background-position:3px 7px; }

/* Propriétés spécifiques à la page envoyé */
.envoye-area { width:100%; height:393px; background-color:#dbdad8; }
.envoye-message { position:absolute; width:300px; height:20px; margin:180px 0 0 300px; font-size:12px; font-family:Arial, serif; color:#3e3e3d; font-weight:bold; }