/* TABLE DES MATIÈRES: - Classes générales (body, html, h1, h2, ...) - Conteneurs - Menus et sous-menus - Textes - Pieds de page - Formulaires ----------------------------------------------------------------------------------------*/ /* GÉNÉRALES --------------------------------------------------------------------------------------- */ html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;} body{ background: #8aa24f url(Gx/bg_body.jpg) repeat-x center top; text-align: center; font-family: Tahoma, Geneva, Verdana, sans-serif; font-size: 14px; color: #54301a; } object{ outline: none; } /* TEXTES ET HYPERLIENS GLOBAUX --------------------------------------------------------------------------------------- */ a, a:link, a:visited, a:hover{outline:none;} p{ font-size: 11px; line-height: 130%; color: #54301a; font-size: 12px; font-family: Tahoma, Geneva, Verdana, sans-serif; } p.textePetit{font-size:10px;} p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color:#0A254E; text-decoration:underline;} p a:hover, p a:visited:hover, ul li a:hover, ul li a:visited:hover, ol li a:hover, ol li a:visited:hover{ color:#000; text-decoration:underline; } ul li{color:#1F1F1F; font-size:11px; line-height:150%; list-style:square; margin-left:16px;} ol li{color:#1F1F1F; font-size:11px; line-height:150%; margin-left:16px;} /* CONTENEURS ET CLASSES GÉNÉRALES --------------------------------------------------------------------------------------- */ #conteneur{ margin: 0 auto; text-align: left; width: 987px; padding-top: 70px; position: relative; background: url(Gx/shadow_content.jpg) no-repeat 16px 64px; } #conteneur.shadow_contact{ background: url(Gx/shadow_content_contact.jpg) no-repeat 16px 64px; } #conteneur #contenu{ width: 937px; height: 474px; margin: 0 25px; position: relative; } #langue{ position: absolute; top: 46px; left: 26px; text-transform: uppercase; } #langue a{ font-size: 12px; color: #54301a; text-decoration: none; } #langue a:hover{ text-decoration: underline; } #skip_intro{ position: absolute; top: 46px; right: 26px; text-transform: uppercase; } #skip_intro a{ font-size: 12px; color: #54301a; text-decoration: none; } #skip_intro a:hover{ text-decoration: underline; } .both{ clear:both; } /* MENUS --------------------------------------------------------------------------------------- */ #menu{ position: absolute; top: 35px; right: 25px; height: 35px; z-index: 999; } #menu ul{ margin: 0; padding: 0; height: 35px; float: right; } #menu ul li{ margin: 0 0 0 2px; padding: 0; list-style-type: none; float: left; height: 35px; position: relative; } #menu ul li a, #menu ul li a:link, #menu ul li a:visited{ float: left; font-size: 15px; font-weight: normal; text-decoration: none; color: #6a8a22; display: block; height: 25px; margin: 0; padding: 10px 20px 0 20px; text-transform: uppercase; } #menu ul li a:hover, #menu ul li a:visited:hover{ background: #8aa24f; color: white; } #menu ul li a.actif, #menu ul li a.actif:visited{ background: #8aa24f; color: white; } #menu ul li ul{ position: absolute; top: 37px; left: 0; float: none; display: none; z-index: 999; } #menu ul li ul li{ background: #8aa24f; margin: 0 0 2px 0; padding: 0; height: 35px; list-style-type: none; float: none; } #menu ul li ul li a, #menu ul li ul li a:link, #menu ul li ul li a:visited{ display: block; color: white; text-align: center; padding: 10px 0 0 0; height: 25px; text-transform: uppercase; float: none; } #menu ul li ul li a:hover, #menu ul li ul li a:visited:hover{ color: white; background: #9bb751; } #menu ul li ul li a.actif, #menu ul li ul li a.actif:visited{ color: white; background: #9bb751; cursor: default; } /* sous menu et sous sous menu mode de vie */ #menu.langue_fr #sousmenu_lifestyle, #menu.langue_fr #sousmenu_lifestyle li, #menu.langue_fr #sousmenu_lifestyle a{ width: 160px; } #menu.langue_en #sousmenu_lifestyle, #menu.langue_en #sousmenu_lifestyle li, #menu.langue_en #sousmenu_lifestyle a{ width: 140px; } #menu #sousmenu_lifestyle #soussousmenu_lifestyle, #menu #sousmenu_lifestyle #soussousmenu_lifestyle li, #menu #sousmenu_lifestyle #soussousmenu_lifestyle a{ width: 120px; } #menu.langue_fr #sousmenu_lifestyle #soussousmenu_lifestyle{ position: absolute; top: 0; left: 162px; } #menu.langue_en #sousmenu_lifestyle #soussousmenu_lifestyle{ position: absolute; top: 0; left: 142px; } /* sous menu galerie */ #menu.langue_fr #sousmenu_galerie, #menu.langue_fr #sousmenu_galerie li, #menu.langue_fr #sousmenu_galerie a{ width: 180px; } #menu.langue_en #sousmenu_galerie, #menu.langue_en #sousmenu_galerie li, #menu.langue_en #sousmenu_galerie a{ width: 130px; } /* sous menu inventaire */ #menu.langue_fr #sousmenu_inventaire li.btn_condos, #menu.langue_fr #sousmenu_inventaire li.btn_condos a{ width: 125px; } #menu.langue_fr #sousmenu_inventaire, #menu.langue_fr #sousmenu_inventaire li, #menu.langue_fr #sousmenu_inventaire a{ width: 240px; } #menu.langue_en #sousmenu_inventaire, #menu.langue_en #sousmenu_inventaire li, #menu.langue_en #sousmenu_inventaire a{ width: 200px; } /* sous menu developpeur */ #menu.langue_fr #sousmenu_developpeur li.btn_developpeur, #menu.langue_fr #sousmenu_developpeur li.btn_developpeur a{ width: 160px; } #menu.langue_en #sousmenu_developpeur li.btn_developpeur, #menu.langue_en #sousmenu_developpeur li.btn_developpeur a{ width: 118px; } #menu.langue_fr #sousmenu_developpeur, #menu.langue_fr #sousmenu_developpeur li, #menu.langue_fr #sousmenu_developpeur a{ width: 270px; } #menu.langue_en #sousmenu_developpeur, #menu.langue_en #sousmenu_developpeur li, #menu.langue_en #sousmenu_developpeur a{ width: 265px; } /* PAGE ACCUEIL --------------------------------------------------------------------------------------- */ /* PAGE MODE DE VIE - 03_100 --------------------------------------------------------------------------------------- */ #conteneur div#contenu.page_03_110{ background: url(Gx/03/background_living.jpg) no-repeat right top; } #conteneur div#contenu.page_03_110 #texte{ width: 315px; color: #54301a; font-size: 12px; font-family: Tahoma, Geneva, Verdana, sans-serif; line-height: 130%; position: absolute; top: 210px; left: 590px; } #conteneur div#contenu.page_03_110 #texte h1, #conteneur div#contenu.page_03_110 #texte h2{ font-size: 24px; text-transform: uppercase; margin-bottom: 10px; line-height: 70%; } #conteneur div#contenu.page_03_110 #texte h2{ text-transform: none; margin-bottom: 20px; } #conteneur div#contenu.page_03_110 #logo{ position: absolute; top: 41px; left: 590px; width: 255px; height: 153px; background: url(Gx/03/logo_living.gif) no-repeat; } #conteneur div#contenu.page_03_110 a#btn_next_fr{ position: absolute; top: 435px; left: 842px; } #conteneur div#contenu.page_03_110 a#btn_next_en{ position: absolute; top: 435px; left: 846px; } #conteneur div#contenu.page_03_120{ background: url(Gx/03/background_living.jpg) no-repeat right top; } #conteneur div#contenu.page_03_120 #texte{ width: 315px; color: #54301a; font-size: 12px; font-family: Tahoma, Geneva, Verdana, sans-serif; line-height: 130%; position: absolute; top: 60px; left: 590px; } #conteneur div#contenu.page_03_120 #texte h1, #conteneur div#contenu.page_03_120 #texte h2{ font-size: 21px; text-transform: uppercase; margin-bottom: 10px; color: #007dbe; line-height: 130%; } #conteneur div#contenu.page_03_120 #texte h2{ font-size: 18px; margin-bottom: 0; } #conteneur div#contenu.page_03_120 #texte p{ margin-bottom: 15px; } #conteneur div#contenu.page_03_120 a#btn_next_fr{ position: absolute; top: 435px; left: 842px; } #conteneur div#contenu.page_03_120 a#btn_next_en{ position: absolute; top: 435px; left: 846px; } /* PAGE FEATURES - 03_200 --------------------------------------------------------------------------------------- */ #conteneur div.page_03_210{ background: url(Gx/03/background_features.jpg) no-repeat right 258px; } #conteneur div#contenu.page_03_210 #texte{ width: 510px; color: #54301a; font-size: 12px; font-family: Tahoma, Geneva, Verdana, sans-serif; line-height: 130%; position: absolute; top: 282px; left: 363px; } #conteneur div#contenu.page_03_210 #texte h1{ font-size: 24px; text-transform: uppercase; margin-bottom: 18px; color: #6a8a22; position: relative; left: -3px; } #conteneur div#contenu.page_03_210 #texte p{ margin-bottom: 10px; } #conteneur div#contenu.page_03_210 #logo{ position: absolute; top: 276px; left: 36px; width: 287px; height: 171px; background: url(Gx/03/logo_features.gif) no-repeat; } #conteneur div#contenu.page_03_210 a#btn_next_fr{ position: absolute; top: 435px; left: 842px; } #conteneur div#contenu.page_03_210 a#btn_next_en{ position: absolute; top: 435px; left: 846px; } #conteneur div#contenu.page_03_210 #image{ position: absolute; top: 17px; left: 0; } #conteneur div.page_03_220{ background: url(Gx/03/background_features.jpg) no-repeat right 258px; } #conteneur div#contenu.page_03_220 #texte{ width: 755px; color: #54301a; font-size: 12px; font-family: Tahoma, Geneva, Verdana, sans-serif; line-height: 130%; position: absolute; top: 293px; left: 36px; } #conteneur div#contenu.page_03_220 #texte h1{ font-size: 20px; text-transform: uppercase; margin-bottom: 18px; color: #8aa24f; position: relative; left: -1px; } #conteneur div#contenu.page_03_220 #texte p{ margin-bottom: 10px; } #conteneur div#contenu.page_03_220 a#btn_next_fr{ position: absolute; top: 435px; left: 842px; } #conteneur div#contenu.page_03_220 a#btn_next_en{ position: absolute; top: 435px; left: 846px; } #conteneur div#contenu.page_03_220 #image{ position: absolute; top: 17px; left: 0; } #conteneur div.page_03_230{ background: url(Gx/03/background_features.jpg) no-repeat right 258px; } #conteneur div#contenu.page_03_230 #texte{ width: 755px; color: #54301a; font-size: 12px; font-family: Tahoma, Geneva, Verdana, sans-serif; line-height: 130%; position: absolute; top: 285px; left: 36px; } #conteneur div#contenu.page_03_230 #texte h1{ font-size: 20px; text-transform: uppercase; margin-bottom: 5px; color: #8aa24f; position: relative; left: -1px; } #conteneur div#contenu.page_03_230 #texte p{ margin-bottom: 20px; } #conteneur div#contenu.page_03_230 a#btn_next_fr{ position: absolute; top: 435px; left: 842px; } #conteneur div#contenu.page_03_230 a#btn_next_en{ position: absolute; top: 435px; left: 846px; } #conteneur div#contenu.page_03_230 #image{ position: absolute; top: 17px; left: 0; } #conteneur div.page_03_240{ background: url(Gx/03/background_features.jpg) no-repeat right 258px; } #conteneur div#contenu.page_03_240 #texte{ width: 755px; color: #54301a; font-size: 12px; font-family: Tahoma, Geneva, Verdana, sans-serif; line-height: 130%; position: absolute; top: 280px; left: 36px; } #conteneur div#contenu.page_03_240 #texte h1{ font-size: 20px; text-transform: uppercase; margin-bottom: 7px; color: #6a8a22; position: relative; left: -1px; } #conteneur div#contenu.page_03_240 #texte p{ margin-bottom: 15px; } #conteneur div#contenu.page_03_240 a#btn_next_fr{ position: absolute; top: 435px; left: 842px; } #conteneur div#contenu.page_03_240 a#btn_next_en{ position: absolute; top: 435px; left: 846px; } #conteneur div#contenu.page_03_240 #image{ position: absolute; top: 17px; left: 0; } #conteneur div#contenu.page_03_240 a#lien_pdf{ font-family: Tahoma, Geneva, Verdana, sans-serif; font-weight: bold; font-size: 12px; color: #54301a; text-decoration: none; text-transform: uppercase; } #conteneur div#contenu.page_03_240 a#lien_pdf:hover{ text-decoration: underline; } #conteneur div.page_03_250{ background: url(Gx/03/background_features.jpg) no-repeat right 258px; } #conteneur div#contenu.page_03_250 #texte{ width: 850px; color: #54301a; font-size: 12px; font-family: Tahoma, Geneva, Verdana, sans-serif; line-height: 130%; position: absolute; top: 305px; left: 36px; } #conteneur div#contenu.page_03_250 #texte h1{ font-size: 20px; text-transform: uppercase; margin-bottom: 7px; color: #6a8a22; position: relative; left: -1px; } #conteneur div#contenu.page_03_250 #texte p{ margin-bottom: 15px; } #conteneur div#contenu.page_03_250 a#btn_next_fr{ position: absolute; top: 435px; left: 842px; } #conteneur div#contenu.page_03_250 a#btn_next_en{ position: absolute; top: 435px; left: 846px; } #conteneur div#contenu.page_03_250 #image{ position: absolute; top: 17px; left: 0; } #conteneur div#contenu.page_03_250 a#lien_pdf{ font-family: Tahoma, Geneva, Verdana, sans-serif; font-weight: bold; font-size: 12px; color: #54301a; text-decoration: none; text-transform: uppercase; } #conteneur div#contenu.page_03_250 a#lien_pdf:hover{ text-decoration: underline; } #conteneur div.page_03_260{ background: url(Gx/03/background_features_video.jpg) no-repeat right top; } #conteneur div#contenu.page_03_260 a#btn_next_fr{ position: absolute; top: 435px; left: 828px; } #conteneur div#contenu.page_03_260 a#btn_next_en{ position: absolute; top: 435px; left: 848px; } #conteneur div#contenu.page_03_260 #video{ width: 465px; height: 425px; margin: 0 auto; padding-top: 24px; } /* PAGE SOURCE - 03_300 --------------------------------------------------------------------------------------- */ #conteneur div.page_03_310{ background: white; } #conteneur div#contenu.page_03_310 #texte{ width: 305px; color: #54301a; font-size: 12px; font-family: Tahoma, Geneva, Verdana, sans-serif; line-height: 130%; position: absolute; top: 48px; left: 287px; } #conteneur div#contenu.page_03_310 #texte h1{ font-size: 24px; text-transform: uppercase; margin-bottom: 18px; color: #6a8a22; position: relative; left: -3px; line-height: 110%; } #conteneur div.page_03_310 a#btn_next_fr{ position: absolute; top: 435px; left: 819px; display: block; width: 82px; height: 12px; text-decoration: none; outline: none; background: url(Gx/spacer.gif); } #conteneur div.page_03_310 a#btn_next_en{ position: absolute; top: 435px; left: 846px; display: block; width: 55px; height: 12px; text-decoration: none; outline: none; background: url(Gx/spacer.gif); } #conteneur div.page_03_320{ background: url(Gx/03/background_living.jpg) no-repeat right top; } #conteneur div#contenu.page_03_320 #texte{ width: 315px; color: #54301a; font-size: 12px; font-family: Tahoma, Geneva, Verdana, sans-serif; line-height: 130%; position: absolute; top: 195px; left: 590px; } #conteneur div#contenu.page_03_320 #texte p{ margin-bottom: 10px; } #conteneur div#contenu.page_03_320 #logo{ position: absolute; top: 33px; left: 622px; width: 228px; height: 148px; background: url(Gx/03/logo_source.gif) no-repeat; } #conteneur div#contenu.page_03_320 a#btn_next_fr{ position: absolute; top: 435px; left: 842px; } #conteneur div#contenu.page_03_320 a#btn_next_en{ position: absolute; top: 435px; left: 846px; } #conteneur div#contenu.page_03_320 a#lien_pdf{ font-family: Tahoma, Geneva, Verdana, sans-serif; font-weight: bold; font-size: 12px; color: #54301a; text-decoration: none; text-transform: uppercase; } #conteneur div#contenu.page_03_320 a#lien_pdf:hover{ text-decoration: underline; } /* PAGE COMMUNITY - 03_400 --------------------------------------------------------------------------------------- */ #conteneur div.page_03_410{ background: url(Gx/03/background_living.jpg) no-repeat right top; } #conteneur div#contenu.page_03_410 #texte{ width: 315px; color: #54301a; font-size: 12px; font-family: Tahoma, Geneva, Verdana, sans-serif; line-height: 130%; position: absolute; top: 145px; left: 590px; } #conteneur div#contenu.page_03_410 #texte h1{ font-size: 24px; text-transform: uppercase; margin-bottom: 18px; color: #552f25; position: relative; left: -3px; line-height: 110%; } #conteneur div#contenu.page_03_410 #texte h2{ font-size: 14px; text-transform: uppercase; margin-bottom: 0; color: #6a8a22; } #conteneur div#contenu.page_03_410 #texte p{ margin-bottom: 10px; } #conteneur div#contenu.page_03_410 #logo{ position: absolute; top: 33px; left: 588px; width: 149px; height: 92px; background: url(Gx/03/logo_plateau.gif) no-repeat; } #conteneur div#contenu.page_03_410 a#btn_next_fr{ position: absolute; top: 435px; left: 842px; } #conteneur div#contenu.page_03_410 a#btn_next_en{ position: absolute; top: 435px; left: 846px; } #conteneur div.page_03_420{ background: url(Gx/03/background_living.jpg) no-repeat right top; } #conteneur div#contenu.page_03_420 #texte{ width: 315px; color: #54301a; font-size: 12px; font-family: Tahoma, Geneva, Verdana, sans-serif; line-height: 130%; position: absolute; top: 145px; left: 590px; } #conteneur div#contenu.page_03_420 #texte h1{ font-size: 14px; text-transform: uppercase; margin-bottom: 0; color: #6a8a22; line-height: 100%; } #conteneur div#contenu.page_03_420 #texte p{ margin-bottom: 20px; } #conteneur div#contenu.page_03_420 #logo{ position: absolute; top: 33px; left: 588px; width: 149px; height: 92px; background: url(Gx/03/logo_plateau.gif) no-repeat; } #conteneur div#contenu.page_03_420 a#btn_next_fr{ position: absolute; top: 435px; left: 842px; } #conteneur div#contenu.page_03_420 a#btn_next_en{ position: absolute; top: 435px; left: 846px; } #conteneur div.page_03_430{ background: url(Gx/03/background_living.jpg) no-repeat right top; } #conteneur div#contenu.page_03_430 #texte{ width: 315px; color: #54301a; font-size: 12px; font-family: Tahoma, Geneva, Verdana, sans-serif; line-height: 130%; position: absolute; top: 145px; left: 590px; } #conteneur div#contenu.page_03_430 #texte h1{ font-size: 14px; text-transform: uppercase; margin-bottom: 2px; color: #6a8a22; line-height: 100%; } #conteneur div#contenu.page_03_430 #texte p{ margin-bottom: 10px; } #conteneur div#contenu.page_03_430 #logo{ position: absolute; top: 33px; left: 588px; width: 149px; height: 92px; background: url(Gx/03/logo_plateau.gif) no-repeat; } #conteneur div#contenu.page_03_430 a#btn_next_fr{ position: absolute; top: 435px; left: 842px; } #conteneur div#contenu.page_03_430 a#btn_next_en{ position: absolute; top: 435px; left: 846px; } #conteneur div.page_03_440{ background: url(Gx/03/background_living.jpg) no-repeat right top; } #conteneur div#contenu.page_03_440 #texte{ width: 315px; color: #54301a; font-size: 12px; font-family: Tahoma, Geneva, Verdana, sans-serif; line-height: 130%; position: absolute; top: 145px; left: 590px; } #conteneur div#contenu.page_03_440 #texte h1{ font-size: 14px; text-transform: uppercase; margin-bottom: 2px; color: #6a8a22; line-height: 100%; } #conteneur div#contenu.page_03_440 #texte p{ margin-bottom: 10px; } #conteneur div#contenu.page_03_440 #logo{ position: absolute; top: 33px; left: 588px; width: 149px; height: 92px; background: url(Gx/03/logo_plateau.gif) no-repeat; } #conteneur div#contenu.page_03_440 a#btn_next_fr{ position: absolute; top: 435px; left: 842px; } #conteneur div#contenu.page_03_440 a#btn_next_en{ position: absolute; top: 435px; left: 846px; } /* PAGE amenities map - 03_500 --------------------------------------------------------------------------------------- */ #conteneur div#contenu.page_03_510 img#bgBottom{ vertical-align: top; margin: 0; padding: 0; } #conteneur div#contenu.page_03_510 div#image{ height: 450px; overflow: hidden; } #conteneur div#contenu.page_03_510 a#btn_next_fr{ position: absolute; top: 455px; left: 839px; display: block; width: 82px; height: 12px; text-decoration: none; outline: none; background: url(Gx/spacer.gif); } #conteneur div#contenu.page_03_510 a#btn_next_en{ position: absolute; top: 455px; left: 866px; display: block; width: 55px; height: 12px; text-decoration: none; outline: none; background: url(Gx/spacer.gif); } #conteneur div#contenu.page_03_510 a#btn_download_fr{ position: absolute; top: 456px; left: 211px; display: block; width: 184px; height: 15px; text-decoration: none; outline: none; background: url(Gx/spacer.gif); } #conteneur div#contenu.page_03_510 a#btn_download_en{ position: absolute; top: 456px; left: 166px; display: block; width: 134px; height: 10px; text-decoration: none; outline: none; background: url(Gx/spacer.gif); } #conteneur div#contenu.page_03_510 a#btn_agrandir_fr{ position: absolute; top: 456px; left: 13px; display: block; width: 163px; height: 12px; text-decoration: none; outline: none; background: url(Gx/spacer.gif); } #conteneur div#contenu.page_03_510 a#btn_agrandir_en{ position: absolute; top: 456px; left: 13px; display: block; width: 118px; height: 10px; text-decoration: none; outline: none; background: url(Gx/spacer.gif); } #conteneur div#contenu.page_03_520 a#btn_next_fr{ position: absolute; top: 435px; left: 819px; display: block; width: 82px; height: 12px; text-decoration: none; outline: none; background: url(Gx/spacer.gif); } #conteneur div#contenu.page_03_520 a#btn_next_en{ position: absolute; top: 435px; left: 846px; display: block; width: 55px; height: 12px; text-decoration: none; outline: none; background: url(Gx/spacer.gif); } #conteneur div#contenu.page_03_520 a#btn_download_fr{ position: absolute; top: 453px; left: 504px; display: block; width: 184px; height: 15px; text-decoration: none; outline: none; background: url(Gx/spacer.gif); } #conteneur div#contenu.page_03_520 a#btn_download_en{ position: absolute; top: 456px; left: 554px; display: block; width: 134px; height: 10px; text-decoration: none; outline: none; background: url(Gx/spacer.gif); } #conteneur div#contenu.page_03_520 a#btn_agrandir_fr{ position: absolute; top: 456px; left: 256px; display: block; width: 163px; height: 12px; text-decoration: none; outline: none; background: url(Gx/spacer.gif); } #conteneur div#contenu.page_03_520 a#btn_agrandir_en{ position: absolute; top: 456px; left: 256px; display: block; width: 118px; height: 10px; text-decoration: none; outline: none; background: url(Gx/spacer.gif); } /* PAGE galerie modelisation - 04_100 --------------------------------------------------------------------------------------- */ #conteneur div.page_04_110{ background: url(Gx/04/background_04_110.jpg) no-repeat right top; } #conteneur div#contenu.page_04_110 a#img_precedente{ display: block; height: 54px; width: 38px; position: absolute; top: 204px; left: 44px; text-decoration: none; outline: none; background: url(Gx/spacer.gif); } #conteneur div#contenu.page_04_110 a#img_suivante{ display: block; height: 54px; width: 40px; position: absolute; top: 204px; left: 854px; text-decoration: none; outline: none; background: url(Gx/spacer.gif); } #conteneur div#contenu.page_04_110 #images{ width: 749px; height: 426px; position: absolute; top: 24px; left: 94px; overflow: hidden; } #conteneur div#contenu.page_04_110 #images img{ border: 5px white solid; } #conteneur div#contenu.page_04_110 #btn_visite{ position: absolute; top: 364px; left: 854px; } /* PAGE visite virtuelle - 04_200 --------------------------------------------------------------------------------------- */ #conteneur div#contenu.page_04_210 #lien_modele_animer{ display: block; width: 227px; height: 391px; position: absolute; left: 166px; top: 41px; text-decoration: none; outline: none; background: url(Gx/spacer.gif); } #conteneur div.page_04_220{ background: url(Gx/03/background_features_video.jpg) no-repeat right top; } #conteneur div#contenu.page_04_220 a#btn_next_fr{ position: absolute; top: 435px; left: 828px; } #conteneur div#contenu.page_04_220 a#btn_next_en{ position: absolute; top: 435px; left: 848px; } #conteneur div#contenu.page_04_220 #video{ width: 620px; height: 425px; margin: 0 auto; padding-top: 24px; } /* PAGE plan de plancher - 04_300 --------------------------------------------------------------------------------------- */ #conteneur div#contenu.page_04_310 a#img_precedente{ display: block; height: 54px; width: 38px; position: absolute; top: 204px; left: 44px; text-decoration: none; outline: none; background: url(Gx/spacer.gif); } #conteneur div#contenu.page_04_310 a#img_suivante{ display: block; height: 54px; width: 40px; position: absolute; top: 204px; left: 854px; text-decoration: none; outline: none; background: url(Gx/spacer.gif); } #conteneur div#contenu.page_04_310 #image_principal{ position: absolute; top: 28px; left: 98px; } #conteneur div#contenu.page_04_310 #image_secondaire{ position: absolute; top: 329px; left: 595px; } #conteneur div#contenu.page_04_310 #description{ position: absolute; top: 210px; left: 595px; width: 224px; padding: 0 10px; text-align: center; } #conteneur div#contenu.page_04_310 #description h1{ font-size: 28px; font-weight: normal; margin: 0 0 10px 0; text-transform: uppercase; } #conteneur div#contenu.page_04_310 #description p{ font-size: 14px; } #conteneur div#contenu.page_04_310 a#btn_download_fr{ position: absolute; top: 428px; left: 595px; display: block; width: 234px; height: 15px; text-decoration: none; outline: none; background: url(Gx/spacer.gif); } #conteneur div#contenu.page_04_310 a#btn_download_en{ position: absolute; top: 431px; left: 663px; display: block; width: 164px; height: 10px; text-decoration: none; outline: none; background: url(Gx/spacer.gif); } #conteneur div#contenu.page_04_310 a#btn_agrandir_fr{ position: absolute; top: 431px; left: 109px; display: block; width: 163px; height: 12px; text-decoration: none; outline: none; background: url(Gx/spacer.gif); } #conteneur div#contenu.page_04_310 a#btn_agrandir_en{ position: absolute; top: 431px; left: 109px; display: block; width: 119px; height: 10px; text-decoration: none; outline: none; background: url(Gx/spacer.gif); } /* PAGE site plan - 04_400 --------------------------------------------------------------------------------------- */ #conteneur div#contenu.page_04_410 a#btn_download_fr{ position: absolute; top: 428px; left: 533px; display: block; width: 184px; height: 15px; text-decoration: none; outline: none; background: url(Gx/spacer.gif); } #conteneur div#contenu.page_04_410 a#btn_download_en{ position: absolute; top: 431px; left: 551px; display: block; width: 164px; height: 10px; text-decoration: none; outline: none; background: url(Gx/spacer.gif); } #conteneur div#contenu.page_04_410 a#btn_agrandir_fr{ position: absolute; top: 431px; left: 220px; display: block; width: 163px; height: 12px; text-decoration: none; outline: none; background: url(Gx/spacer.gif); } #conteneur div#contenu.page_04_410 a#btn_agrandir_en{ position: absolute; top: 431px; left: 220px; display: block; width: 119px; height: 10px; text-decoration: none; outline: none; background: url(Gx/spacer.gif); } /* PAGE Inventaire - 05_100 --------------------------------------------------------------------------------------- */ #conteneur div#contenu.page_05_100 #coll_droite{ background: white; width: 511px; height: 454px; overflow: auto; position: absolute; top: 0; left: 406px; padding: 20px 0 0 20px; } #conteneur div#contenu.page_05_100 #coll_droite h1{ font-size: 17px; color: #6a8a22; margin-bottom: 15px; } #conteneur div#contenu.page_05_100 #coll_droite .modele{ width: 490px; } #conteneur div#contenu.page_05_100 #coll_droite .modele .descr{ float: left; width: 225px; border-bottom: 1px #552f25 solid; } #conteneur div#contenu.page_05_100 #coll_droite .modele .descr h2{ font-size: 12px; } #conteneur div#contenu.page_05_100 #coll_droite .modele .descr p{ margin-bottom: 15px; } #conteneur div#contenu.page_05_100 #coll_droite .modele .image{ float: right; width: 220px; text-align: right; margin-right: 10px; } #conteneur div#contenu.page_05_100 #coll_droite .modele .image .lien_suite{ font-size: 12px; color: #54301a; text-decoration: none; font-weight: bold; margin-top: 10px; } #conteneur div#contenu.page_05_110 #coll_droite{ background: white; width: 511px; height: 454px; overflow: auto; position: absolute; top: 0; left: 406px; padding: 20px 0 0 20px; } #conteneur div#contenu.page_05_110 #coll_droite h1{ font-size: 17px; color: #6a8a22; margin-bottom: 15px; } #conteneur div#contenu.page_05_110 #coll_droite .modele{ width: 490px; } #conteneur div#contenu.page_05_110 #coll_droite .modele .descr{ float: left; width: 225px; } #conteneur div#contenu.page_05_110 #coll_droite .modele .descr h2{ font-size: 12px; } #conteneur div#contenu.page_05_110 #coll_droite .modele .descr p{ margin-bottom: 15px; } #conteneur div#contenu.page_05_110 #coll_droite .modele .image{ float: right; width: 220px; text-align: right; margin-right: 10px; } #conteneur div#contenu.page_05_110 #coll_droite .modele .image .lien_suite{ font-size: 12px; color: #54301a; text-decoration: none; font-weight: bold; margin-top: 10px; } #conteneur div#contenu.page_05_110 #coll_droite .modele .image .lien_imprimer{ font-size: 12px; color: #54301a; text-decoration: none; font-weight: bold; margin-top: 10px; margin-bottom: 2px; } #conteneur div#contenu.page_05_110 #coll_droite .btn_back{ float: right; margin-right: 16px; } /* PAGE developpeur - 06_100 --------------------------------------------------------------------------------------- */ #conteneur div.page_06_110{ background: url(Gx/03/background_living.jpg) no-repeat right top; } #conteneur div#contenu.page_06_110 #texte{ width: 315px; color: #54301a; font-size: 12px; font-family: Tahoma, Geneva, Verdana, sans-serif; line-height: 130%; position: absolute; top: 125px; left: 590px; } #conteneur div#contenu.page_06_110 #texte p{ margin-bottom: 15px; } #conteneur div#contenu.page_06_110 a#btn_next_fr{ position: absolute; top: 435px; left: 842px; } #conteneur div#contenu.page_06_110 a#btn_next_en{ position: absolute; top: 435px; left: 846px; } #conteneur div#contenu.page_06_110 a#logo_junic{ position: absolute; top: 35px; left: 590px; } #conteneur div.page_06_210{ background: url(Gx/03/background_living.jpg) no-repeat right top; } #conteneur div#contenu.page_06_210 #texte{ width: 315px; color: #54301a; font-size: 12px; font-family: Tahoma, Geneva, Verdana, sans-serif; line-height: 130%; position: absolute; top: 125px; left: 590px; } #conteneur div#contenu.page_06_210 #texte p{ margin-bottom: 15px; } #conteneur div#contenu.page_06_210 a#btn_next_fr{ position: absolute; top: 435px; left: 842px; } #conteneur div#contenu.page_06_210 a#btn_next_en{ position: absolute; top: 435px; left: 846px; } #conteneur div#contenu.page_06_210 a#logo_junic{ position: absolute; top: 35px; left: 590px; } #conteneur div#contenu.page_06_210 ul{ margin: 0; padding: 0; } #conteneur div#contenu.page_06_210 ul li{ margin: 0 0 5px 15px; padding: 0; list-style-type: disc; font-weight: bold; color: #54301a; font-size: 12px; font-family: Tahoma, Geneva, Verdana, sans-serif; line-height: 130%; } #conteneur div.page_06_310{ background: url(Gx/03/background_living.jpg) no-repeat right top; } #conteneur div#contenu.page_06_310 #texte{ width: 315px; color: #54301a; font-size: 12px; font-family: Tahoma, Geneva, Verdana, sans-serif; line-height: 130%; position: absolute; top: 48px; left: 590px; } #conteneur div#contenu.page_06_310 #texte p{ margin-bottom: 15px; } #conteneur div#contenu.page_06_310 a#btn_next_fr{ position: absolute; top: 435px; left: 828px; } #conteneur div#contenu.page_06_310 a#btn_next_en{ position: absolute; top: 435px; left: 846px; } #conteneur div#contenu.page_06_310 a#logo_qualite{ position: absolute; top: 23px; left: 786px; z-index: 2; } #conteneur div#contenu.page_06_310 #texte a{ font-size: 12px; font-family: Tahoma, Geneva, Verdana, sans-serif; color: #54301a; text-decoration: none; display: block; margin-top: 13px; } #conteneur div#contenu.page_06_310 #texte a:hover{ text-decoration: underline; } /* CALCULATRICE HYPOTHECAIRE --------------------------------------------------------------------------------------- */ #calculateur{ background: #8AA24F; color: #fff; font-size: 12px; border: 2px solid #3D2F1A; width: 330px; height: 300px; position: absolute; margin: 0; display: none; left: 328px; top: 130px; z-index: 800; } #calculateur #calculatrice{ padding: 20px 10px 0 10px; } #calculateur a{ color: #fff; text-transform: uppercase; font-size: 14px; } #calculateur h2{ color: #fff; margin: 0 0 10px 0; font-size: 16px; } #calculateur #close{ position: absolute; bottom: 10px; right: 10px; } #calculateur #calculatrice label{ position: relative; top: 4px; } #calculateur #calculatrice input, #calculateur #calculatrice select{ border: 1px gray solid; } /* Envoyez cette page à un(e) ami(e) --------------------------------------------------------------------------------------- */ #conteneur div#contenu.page_00_200 #texte{ width: 300px; position: absolute; left: 505px; top: 70px; } #conteneur div#contenu.page_00_200 #texte h1{ color: #54301a; font-size: 17px; font-family: Tahoma, Geneva, Verdana, sans-serif; } #conteneur div#contenu.page_00_200 #texte fieldset{ border: none; } #conteneur div#contenu.page_00_200 #texte label, #conteneur div#contenu.page_00_200 #texte #msg{ color: #836100; font-size: 14px; font-family: Tahoma, Geneva, Verdana, sans-serif; font-weight: bold; } #conteneur div#contenu.page_00_200 #texte input{ margin: 3px 0 7px 0; height: 17px; width: 277px; padding: 3px 0 0 3px; border: 1px #b4d7dc solid; background: #ebecee; } #conteneur div#contenu.page_00_200 #texte #envoyer{ width: auto; height: 30px; } #conteneur div#contenu.page_00_200 #texte #btn_retour, #conteneur div#contenu.page_00_200 #texte #envoyer{ width: 80px; height: 28px; display: block; background: white; color: #589bd4; font-size: 16px; padding: 0; margin: 0; border: none; } /* PAGE CONTACT --------------------------------------------------------------------------------------- */ #conteneur div#contenu.page_07_100{ height: 1150px; background: white; } #contenuContact{ padding-top:35px; width:940px; } #formulaireContact{ width:770px; padding: 0 0 0 103px; } #infosContact{ height:270px; padding:10px 0 0 342px } #infosContact a.heures{ font-size:12px; color: #552f25; text-decoration: none; position: relative; top: 8px; } #infosContact a.heures:hover{ text-decoration: underline; } #formulaireSondage{ float:left;width:370px; } #formulaireInfos{ float:left; width:365px; } #textContact{ color:#856500; font-size:14px; padding: 0px 10px 0 0; } #conteneurContact_fr{ background:#fff url(gx/07/main_contact_fr.jpg) no-repeat top left; width:937px; } #conteneurContact_en{ background:#fff url(gx/07/main_contact_en.jpg) no-repeat top left; width:937px; } #formulaireSondage label{ font-size:13px; } #formulaireInfos label{ font-size:13px; color:#856500; } #formulaireInfos h2{ border:none; color:#00a4e4; font-size:14px; font-weight:bold; padding:3px 0 3px 0; } #formulaireInfos td{ height:30px; } #formulaireInfos table td .erreur{ color: #FF0000; } #textContact{ font-size: 12px; } #textContact strong{ font-size: 18px; font-weight: bold; color: #552f25; } #googleMapLien{ width:111px; float:left; position: absolute; left: 792px; top: 73px; line-height: 100%; } #googleMapLien p{ line-height: 100%; } #googleMapLien a{ text-transform:uppercase; font-size:11px; line-height: 100%; color: #54301A; text-decoration: none; } #boutonEnvoyer_fr{ margin:5px 0 10px 0;width:738px; height:33px; background:url(gx/07/send_fr.gif); cursor: pointer; } #boutonEnvoyer_fr:hover{ margin:5px 0 10px 0;width:738px; height:33px; background:url(gx/07/send_fr_hover.gif); } #boutonEnvoyer_en{ margin:5px 0 10px 0;width:738px; height:33px; background:url(gx/07/send_en.gif); cursor: pointer; } #boutonEnvoyer_en:hover{ margin:5px 0 10px 0;width:738px; height:33px; background:url(gx/07/send_en_hover.gif); } #conteneur div#contenu.page_07_110 #texte{ width: 414px; text-align: center; font-size: 15px; text-transform: uppercase; position: absolute; top: 180px; left: 438px; } #conteneur div#contenu.page_07_110 #texte h1{ font-size: 18px; margin: 0 0 4px 0; padding: 0; } #conteneur div#contenu.page_07_110 #btn_retour_fr{ width: 216px; height: 15px; display: block; position: absolute; top: 328px; left: 660px; text-decoration: none; background: url(Gx/spacer.gif); } #conteneur div#contenu.page_07_110 #btn_retour_en{ width: 185px; height: 12px; display: block; position: absolute; top: 331px; left: 691px; text-decoration: none; background: url(Gx/spacer.gif); } /* ICONES GÉNÉRALES --------------------------------------------------------------------------------------- */ /* .lienPDF{background: url(Gx/icone_PDF.gif) no-repeat left;padding:5px 0 5px 20px;} */ /* PIED DE PAGE --------------------------------------------------------------------------------------- */ #piedPage{ margin-bottom: 100px; padding-top: 10px; } #piedPage #addresse{ font-size: 10px; color: white; margin-left: 25px; text-transform: uppercase; } #piedPage #envoierAmi, #piedPage #legal{ margin-left: 0px; color: white; font-size: 10px; text-decoration: underline; text-transform: uppercase; } #piedPage #envoierAmi:hover, #piedPage #legal:hover{ text-decoration: none; } #piedPage #separateur{ color: white; font-size: 10px; margin: 0 2px; } #piedPage #envoierAmi{ margin-left: 25px; background: url(Gx/icone_boite_lettres.gif) no-repeat left 1px; padding-left: 19px; } #piedPage #developpeur{ margin-left: 25px; color: white; font-size: 10px; text-decoration: none; text-transform: uppercase; } #piedPage #developpeur span{ text-decoration: underline; } #piedPage #developpeur:hover span{ text-decoration: none; } #piedPage #lienJunic{ float: right; text-align: right; padding-right: 25px; } #piedPage #lienJunic p, #piedPage #lienJunic a{ color: white; font-size: 10px; text-transform: uppercase; } #piedPage #lienJunic a{ text-decoration: underline; } #piedPage #lienJunic a:hover{ text-decoration: none; } /* FORMULAIRES --------------------------------------------------------------------------------------- */ fieldset{border:none; font-size: 12px; margin-bottom:10px; padding:0; color:#856500;} /*fieldset p{border: 0px solid #999; color:#2fb5e8; font-size:18px; font-weight:bold; padding:3px;}*/ fieldset legend{border:none; color:#00a4e4; font-size:14px; font-weight:bold; padding:3px 0 3px 0;} fieldset label{font-size:14px; color:#856500; margin:2px 0 2px 0;} /*fieldset .option{width:400px; background:#e6e7e9; border: 1px solid #81c7e1;margin:5px; }*/ .champTexte{ background:#e6e7e9; border: 1px solid #81c7e1; color: #4E677A; font-size: 14px; margin:2px 0 2px 0; text-align:left; width:180px; } .champTexte2{ background:#e6e7e9; border: 1px solid #81c7e1; color: #4E677A; font-size: 14px; margin:2px 0 2px 0; text-align:left; width:130px; } .listeDeroulante{ background:#e6e7e9; border: 1px solid #81c7e1; color: #4E677A; font-size: 14px; margin:2px 0 2px 0; width:330px } .listeDeroulante2{ background:#e6e7e9; border: 1px solid #81c7e1; color: #4E677A; font-size: 14px; margin:2px 0 2px 0; width:130px } .boiteTexte{ background:#fff; border: 1px solid #81c7e1; color: #4E677A; font-family: Tahoma; font-size: 14px; margin:2px 0 2px 0; height:150px; width:360px; } .bouton{ color: #498ECB; font-family: Tahoma; font-size: 14px; font-weight: bold; padding:2px; border:0; } /*.bouton:hover{background-color:#1A80B6; color:#FFF;}*/ .champCache {display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */ .erreur{color: #FF0000;} #close{position:absolute; bottom:15px; right:15px;} .merci{ text-transform:uppercase; font-size:14px; text-align:center; padding:50px 50px 0 50px; } .merci strong span{ display:block;font-size:18px; }