body { min-width:990px; min-height:734px; margin-bottom:5px; margin-left:0px; margin-top:0px; margin-right:0px; font-family:"arial","sans-serif"; font-size:12px; color:#333333; background-color:#FFFFFF; } .noir { background-color:#000000; } a { text-decoration:none; color:#333333; } a:active { color:#000000; } img { BEHAVIOR: url(js/iepngfix.htc); } #logoextel { display:block; position:absolute; top:550px; left:780px; } #global { position: relative; width: 980px; min-height:734px; height: 100%; margin: 0 auto 0 auto; display:block; color:#333333;/* border:#CC0000 1px solid;*/ } #footer { float:left; width:979px; height:26px; font-size: 11px; vertical-align:middle; color: #999999; background-color:#E0E0E0; } #footer a { text-decoration:none; color:#999999; } #footer a:hover { text-decoration:none; color:#000000; } #footer .input { float:left; padding-left:2px; background-color:#E0E0E0; border:1px solid #bfbdbd; height:13px; line-height:12px; width:150px;} #footer .input:hover { background-color:#FFFFFF; } #footer .bouton { float:left; background:transparent url(../img/bt_ok.jpg) no-repeat ; height:17px; width:26px; cursor:pointer; border:0; margin-bottom:5px;} #footer .bouton:hover { background:transparent url(../img/bt_okover.jpg) no-repeat; cursor:pointer; border:0; } #footer #copyright { float:right; margin-right:50px; padding-top:6px;} #footer #newsletter { float:left; margin-left:100px; padding-top:6px;} #footer #search { float:left; margin-left:50px; padding-top:5px; } h4 { font-size:12px; } /* ## page INDEX */ #passintro { width:983px; text-align:center; margin-top:2px; font-size:11px; } #passintro a { color:#8f8d8d; text-decoration:none; } #passintro a:hover { color:#000000; text-decoration:none; } /* ## page ACCUEIL */ #courb_haut { height:139px; width:980px; } #cylindre_produits { height:350px; width:980px; text-align:center; background-color:#FFFFFF; margin-bottom:30px; margin-top:30px; } #courbe_bas { height:142px; width:980px; } #footersmall { width:980px; text-align:center; font-size:10px; height:24px; color:#B5B5B5; background-color:#FFFFFF; margin-top:12px } #footersmall a { text-decoration:none; color:#999999; } #footersmall a:hover { text-decoration:none; color:#000000; } #footersmall #copyright { float:right; margin-right:118px; padding-top:6px; height:24px;} #footersmall #newsletter { float:left; margin-left:129px; padding-top:6px; height:24px;} #footersmall #search { float:left; margin-left:116px; height:24px; padding-top:4px; } #footersmall #search .input { float:left; padding-left:2px; background-color:#FFFFFF; border:1px solid #bfbdbd; height:13px; line-height:12px; width:100px; } #footersmall #search .input:hover { background-color:#E0E0E0; } #footersmall #search .bouton { float:left; background:transparent url(../img/bt_okover.jpg) no-repeat ; height:17px; width:26px; cursor:pointer; border:0;} #footersmall #search .bouton:hover { background:transparent url(../img/bt_ok.jpg) no-repeat; cursor:pointer; border:0; } #gaucheferm { float:left; height:708px; width:24px;} #gauche, #gauche_ve, #gauche_vio, #gauche_bl, #gauche_br { float:left; height:708px; width:225px;} #gauche_s { float:left; height:708px; width:90px; } #gauche_ve { background:url(../img/fond/gauche/contact.jpg); background-repeat:no-repeat;} #gauche_vio { background:url(../img/fond/gauche/societe.jpg); background-repeat:no-repeat;} #gauche_bl { background:url(../img/fond/gauche/distributeurs.jpg); background-repeat:no-repeat;} #gauche_br { background:url(../img/fond/gauche/rejoindre.jpg); background-repeat:no-repeat;} /* ## DEBUT STYLES PAGES PRODUITS */ /* styles communs aux pages PRODUITS (toutes les catégories) */ #content, #bienetrecontent, #bienetreintro, #utilitecontent, #utiliteintro, #tranquillitecontent, #tranquilliteintro, #confortcontent, #confortintro, #noticescontent, #noticesintro, #catalogueintro, #techniqueintro, #techniqueintroassist, #techniqueintrorepar, #techniqueintropiece { float:left; height:708px;} #navig_interneA { display:block; position:absolute; top:581px; left:93px; } #navig_interneB { display:block; position:absolute; top:606px; left:195px; } #navig_interneBA { display:block; position:absolute; top:614px; left:236px; } #navig_interneC { display:block; position:absolute; top:615px; left:269px; } #navig_interneD { display:block; position:absolute; top:619px; left:380px; } #content { background:url(../img/fond/nouveautes.jpg); background-repeat:no-repeat; width:777px; text-align:center;} #content #eca { float:left; display:block; width:100px; height:100%; } #content #nouveautes { display:block; float:left; width:610px; height:710px; overflow:hidden;} #content #nouveautes .titrenouv { font-size:14px; font-weight:bold;} #content #nouveautes .descnouv { font-size:12px; } #bienetreintro #txt, #tranquilliteintro #txt, #utiliteintro #txt, #confortintro #txt { display:block; position:relative; width:500px; font-size:12px; top:200px; left:200px; text-align:right; } #bienetrecontent #txt, #utilitecontent #txt, #tranquillitecontent #txt, #confortcontent #txt { display:block; position:relative; top:240px; left:200px; width:500px; text-align:right; font-size:14px; } #bienetrecontent #titre, #utilitecontent #titre, #tranquillitecontent #titre, #confortcontent #titre { display:block; position:relative; top:120px; left:475px; width:220px; text-align:right; font-size:24px; font-weight:bold; } #bienetrecontent #accroche, #utilitecontent #accroche, #tranquillitecontent #accroche, #confortcontent #accroche { display:block; position:relative; top:130px; left:475px; width:220px; text-align:right; font-size:16px; font-weight:bold; } #bienetrecontent #description, #utilitecontent #description, #tranquillitecontent #description, #confortcontent #description { display:block; position:relative; top:140px; left:465px; width:235px; text-align:right; } #bienetrecontent #detail, #utilitecontent #detail, #tranquillitecontent #detail, #confortcontent #detail { display:block; position:relative; left:455px; width:245px; text-align:right; font-size:11px; top:160px; } #bienetrecontent #photo, #utilitecontent #photo, #tranquillitecontent #photo, #confortcontent #photo { display:block; position:absolute; top:141px; left:24px; width:464px; height:373px; } #bienetrecontent #caracteristik, #utilitecontent #caracteristik, #tranquillitecontent #caracteristik, #confortcontent #caracteristik { display:block; position:absolute; top:575px; left:66px; width:120px; text-align:right; color:#999999; } #bienetrecontent #caracteristik a:visited, #bienetrecontent #caracteristik a:link, #utilitecontent #caracteristik a:visited, #utilitecontent #caracteristik a:link, #tranquillitecontent #caracteristik a:link, #confortcontent #caracteristik a:link { color:#999999; text-decoration:none; } #bienetrecontent #caracteristik a:hover, #utilitecontent #caracteristik a:hover, #tranquillitecontent #caracteristik a:hover, #confortcontent #caracteristik a:hover { color:#575757; text-decoration:none; } #bienetrecontent #notices, #utilitecontent #notices, #tranquillitecontent #notices, #confortcontent #notices { display:block; position:absolute; top:618px; left:262px; width:120px; height:20px; text-align:right; color:#999999; } #bienetrecontent #lesnotices, #utilitecontent #lesnotices, #tranquillitecontent #lesnotices, #confortcontent #lesnotices { display:block; position:absolute; bottom:18px; top:auto; left:38px; width:120px; text-align:left; color:#999999; padding-bottom:2px; font-style:italic; } #bienetrecontent #notices a:visited, #bienetrecontent #notices a:link, #utilitecontent #notices a:visited, #utilitecontent #notices a:link, #tranquillitecontent #notices a:link, #confortcontent #notices a:link { color:#999999; text-decoration:none; } #bienetrecontent #notices a:hover, #utilitecontent #notices a:hover, #tranquillitecontent #notices a:hover, #confortcontent #notices a:hover { color:#575757; text-decoration:none; } #bienetrecontent #accessoires, #utilitecontent #accessoires, #tranquillitecontent #accessoires, #confortcontent #accessoires { display:block; position:absolute; top:605px; left:164px; width:120px; text-align:right; color:#999999; } #bienetrecontent #accessoires a:visited, #bienetrecontent #accessoires a:link, #utilitecontent #accessoires a:visited, #utilitecontent #accessoires a:link, #tranquillitecontent #accessoires a:visited, #tranquillitecontent #accessoires a:link, #confortcontent #accessoires a:visited, #confortcontent #accessoires a:link { color:#999999; text-decoration:none; } #bienetrecontent #accessoires a:hover, #utilitecontent #accessoires a:hover, #tranquillitecontent #accessoires a:hover, #confortcontent #accessoires a:hover { color:#575757; text-decoration:none; } /* styles pages produits (bien etre) */ #bienetreintro { background:url(../img/fond/bienetre.jpg); background-repeat:no-repeat; width:710px; } #bienetreintro #txt { color:#498fb8; line-height:20px; } #bienetrecontent { background:url(../img/fond/bleu.jpg); background-repeat:no-repeat; width:710px;} #bienetrecontent #txt { color:#21668e; } #bienetrecontent #titre { color: #afd2e6; } #bienetrecontent #accroche { color: #767D80; } #bienetrecontent #description { color:#999999; } #bienetrecontent #detail { color:#999999; } /* styles pages produits (tranquilite) */ #tranquilliteintro { background:url(../img/fond/tranquillite.jpg); background-repeat:no-repeat; width:710px; } #tranquilliteintro #txt { color:#8451b4; line-height:26px;} #tranquillitecontent { background:url(../img/fond/violet.jpg); background-repeat:no-repeat; width:710px;} #tranquillitecontent #txt { color:#21668e; } #tranquillitecontent #titre { color: #b599d4; } #tranquillitecontent #accroche { color: #767D80; } #tranquillitecontent #description { color:#999999; } #tranquillitecontent #detail { color:#999999; } /* styles pages produits (utilite) */ #utiliteintro { background:url(../img/fond/utilite.jpg); background-repeat:no-repeat; width:710px; } #utiliteintro #txt { color:#dd8403; line-height:26px; } #utilitecontent { background:url(../img/fond/orange.jpg); background-repeat:no-repeat; width:710px; } #utilitecontent #txt { color:#FF6600; } #utilitecontent #titre { color: #fbcc86; } #utilitecontent #accroche { color: #a18152; } #utilitecontent #description { color:#999999; } #utilitecontent #detail { color:#999999; } /* styles pages produits (confort) */ #confortintro { background:url(../img/fond/confort.jpg); background-repeat:no-repeat; width:710px; } #confortintro #txt { color:#88b03e; line-height:28px;} #confortcontent { background:url(../img/fond/vert.jpg); background-repeat:no-repeat; width:710px;} #confortcontent #txt { color:#21668e; } #confortcontent #titre { color: #c0da6f; } #confortcontent #accroche { color: #617045; } #confortcontent #description { color:#999999; } #confortcontent #detail { color:#999999; } /* styles pages produits (notices) */ #noticesintro { background:url(../img/fond/notices.jpg); background-repeat:no-repeat; width:710px; } #intro_notices { position:absolute; top:150px; left:70px; width:480px; height:20px; } #nav_notices { position:absolute; top:220px; left:150px; width:200px; height:350px; line-height:26px; } #cont_notices { position:absolute; top:220px; left:400px; width:200px; height:350px; overflow:auto; padding-right:5px; } #cont_notices a { } #cont_notices a:hover { text-decoration:none; color:#000000; font-weight:bold; } .titrecatnotice { color:#959595; } .lanotice { padding-left:10px; } .iconotice { border:0; vertical-align:bottom; } .not1:hover { color:#e5b56f; font-weight:bold; } .not01 { color:#e5b56f; } .not2:hover { color:#b5dd6c; font-weight:bold; } .not02 { color:#b5dd6c; } .not3:hover { color:#79b4d6; font-weight:bold; } .not03 { color:#79b4d6; } .not4:hover { color:#a47ec8; font-weight:bold; } .not04 { color:#a47ec8; } .not5:hover { color:#79b4d6; font-weight:bold; } .not05 { color:#79b4d6; } .not6:hover { color:#a47ec8; font-weight:bold; } .not06 { color:#a47ec8; } .not7:hover { color:#e5b56f; font-weight:bold; } .not07 { color:#e5b56f; } .not8:hover { color:#79b4d6; font-weight:bold; } .not08 { color:#79b4d6; } .not9:hover { color:#a47ec8; font-weight:bold; } .not09 { color:#a47ec8; } .notabs:hover { color:#000000; font-weight:bold; } .not0abs { color:#000000; } #techniqueintro { background:url(../img/fond/technique.jpg); background-repeat:no-repeat; width:710px; } #techniqueintroassist { background:url(../img/fond/tech_assistance.jpg); background-repeat:no-repeat; width:710px; } #techniqueintrorepar { background:url(../img/fond/tech_centre_reparation.jpg); background-repeat:no-repeat; width:710px; } #techniqueintropiece { background:url(../img/fond/tech_pieces_detachees.jpg); background-repeat:no-repeat; width:710px; } #techniquecontent { overflow:auto; height:400px; display:block; position:absolute; top:150px; left:50px; width:620px;} #selectpieces { display:block; position:absolute; top:125px; left:50px; width:620px; height:80px; } #techniquecontent2 { overflow:auto; height:240px; display:block; position:absolute; top:300px; left:50px; width:620px;} #techniquecontent3 { overflow:auto; height:330px; display:block; position:absolute; top:150px; left:50px; width:620px;} #techniquecontent a, #techniquecontent2 a, #techniquecontent3 a { font-weight:bold; } #techniquecontent a:hover, #techniquecontent2 a:hover , #techniquecontent3 a:hover { font-weight:bold; color:#7a7a7a; } .weATV2 { color:#077fdc; } .lien { font-weight:bold; } #centrereparation { display:block; position:absolute; top:500px; left:450px; width:240px; height:30px; } #catalogueintro { background:url(../img/fond/catalogue.jpg); background-repeat:no-repeat; width:710px; } #catalogueintro #titre { color: #959595; display:block; position:absolute; top:150px; left:90px;} #img_cat1 { display:block; position:absolute; top:180px; left:90px; } #img_cat1 img { float:left; margin-right:30px; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; border:#FFFFFF solid 1px; } #img_cat1 img:hover { float:left; margin-right:30px; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; border:#FFFFFF solid 1px; } #img_cat2 { display:block; position:absolute; top:380px; left:90px; } #img_cat2 img { float:left; margin-right:30px; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; border:#FFFFFF solid 1px; } #img_cat2 img:hover { float:left; margin-right:30px; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; border:#FFFFFF solid 1px; } #aff_accessoires {/*visibility:hidden; display:none; */ position:absolute; top:141px; left:24px; width:464px; height:385px; background:url(../produits/fond_accessoire.png) no-repeat; margin:0; } #aff_accessoires:hover { cursor:pointer; } #aff_accessoires #photo_accessoire { position:absolute; left: 50%; top: 50%; width: 366px; height: 300px; margin-top: -150px; /* moitié de la hauteur */ margin-left: -183px; /* moitié de la largeur */ text-align:center; } #aff_accessoires #photo_accessoire1 { position:absolute; left: 50%; top: 50%; width: 366px; height: 98px; margin-top: -56px; /* moitié de la hauteur */ margin-left: -183px; /* moitié de la largeur */ text-align:center; } #aff_accessoires #photo_accessoire2 { position:absolute; left: 50%; top: 50%; height: 200px; margin-top: -106px; /* moitié de la hauteur */ margin-left: -183px; /* moitié de la largeur */ text-align:center; } .photoaccessoire { /*float:left;*/ filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; border:#FFFFFF solid 1px; } .photoaccessoire:hover { /*float:left;*/ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; border:#666666 solid 1px; } #nav_interne { border:0; display:block; height:35px; width:105px; position:absolute; top:525px; left:200px;} .precedent { border:0; background:url(../img/produit_precedent.jpg) no-repeat; display:block; height:35px; width:35px; float:left; } .precedent:hover { border:0; background:url(../img/produit_precedent_over.jpg) no-repeat; display:block; height:35px; width:35px; float:left; } .suivant { border:0; background:url(../img/produit_suivant.jpg) no-repeat; display:block; height:35px; width:35px; float:left; margin-left:30px; } .suivant:hover { border:0; background:url(../img/produit_suivant_over.jpg) no-repeat; display:block; height:35px; width:35px; float:left; margin-left:30px; } /* ## FIN STYLES PAGES PRODUITS ////////////////// */ #contactcontent, #contactmagcontent, #quisommescontent, #quisommescontent2, #ousommescontent, #rejoignezcontent, #ousommescontenteurope { width:733px; float:left; height:708px; } #navig_interne1 { display:block; position:absolute; top:581px; left:294px; } #navig_interne2 { display:block; position:absolute; top:606px; left:396px; } #navig_interne25 { display:block; position:absolute; top:614px; left:437px; } #navig_interne3 { display:block; position:absolute; top:615px; left:470px; } #navig_interne4 { display:block; position:absolute; top:619px; left:581px; } #contactcontent, #contactmagcontent { background:url(../img/fond/contact.jpg); background-repeat:no-repeat; } #contactcontent #contactformul { position:absolute; top:200px; left:350px; height:350px; width:550px; } #contactmagcontent #contactformul { position:absolute; top:180px; left:350px; height:350px; width:550px; } #contactcontent #contactformul label, #contactmagcontent #contactformul label { clear:both; display: block; float: left; margin-top: 3px; margin-left:25px; width: 150px; height: 20px; line-height: 20px; text-align:right; } #contactcontent #contactformul .input, #contactmagcontent #contactformul .input { display: block; float: left; margin-top: 3px; margin-left:25px; width: 250px; height: 20px; line-height: 20px; background-color:#f3f9f2; border:1px solid #789176; } #contactcontent #contactformul .textarea, #contactmagcontent #contactformul .textarea {display: block; float: left; margin-top: 3px; margin-left:25px; width: 250px; background-color:#f3f9f2; border:1px solid #789176; } #contactcontent #contactformul .textform, #contactmagcontent #contactformul .textform { clear:both; display:block; float:left; margin-top: 3px; margin-left:25px; margin-bottom:5px; width:100%;} #contactcontent #contactformul .textform a:hover {font-weight:bold; } #contactcontent #contactformul .textform2, #contactmagcontent #contactformul .textform2 { clear:both; display:block; float:left; margin-top: 3px; margin-left:25px; margin-bottom:20px; font-style:italic; font-size:11px;} #contactcontent #contactformul .textform3, #contactmagcontent #contactformul .textform3 { clear:both; display:block; float:left; margin-top: 3px; margin-left:25px; margin-bottom:5px; width:100%; color:#990000;} .nostyle { display: block; float: left; margin-top: 3px; margin-left:25px; width: 250px; height: 20px; line-height: 20px; border:1px solid #789176; background-color:#e7eae6; font-style:italic; } .nostyle2 { display: block; float: left; margin-top: 3px; margin-left:25px; width: 250px; border:1px solid #789176; background-color:#e7eae6; font-style:italic; } #contactcontent #contactformul .input:hover, #contactcontent #contactformul .textarea:hover, #contactmagcontent #contactformul .input:hover, #contactmagcontent #contactformul .textarea:hover { background-color:#FFFFFF; } #contactcontent #contactformul .bouton, #contactmagcontent #contactformul .bouton { clear:both; display:block; background-color:#f3f9f2; border:1px #789176 solid; margin-left:200px; height: 20px; padding-bottom:2px; } #contactcontent #contactformul .bouton:hover, #contactmagcontent #contactformul .bouton:hover { background-color:#b1b1b1; } #quisommescontent { background:url(../img/fond/societe.jpg); background-repeat:no-repeat; } #quisommescontent #societe { display:block; position:absolute; top:200px; left:300px; height:400px; width:610px; font-size:14px;} #quisommescontent #societe .photo_societe { display:block; position:absolute; top:110px; left:300px; height:280px; width:320px;} #quisommescontent2 { background:url(../img/societe/fond_societe2.jpg); background-repeat:no-repeat; } #quisommescontent2 #video { display:block; position:absolute; top:250px; left:450px; height:240px; width:320px;} #quisommescontent2 #showroom { display:block; position:absolute; top:140px; left:260px; height:240px; width:650px;} #quisommescontent2 .intropresse { position:absolute; top:140px; left:270px; width:600px; height:30px;} #quisommescontent2 #presse { position:absolute; top:195px; left:300px; width:610px; height:350px; overflow:auto; padding-right:5px; } #quisommescontent2 #presse h4 { margin-top:0px; } #quisommescontent2 #showroom .img_showroom { display:block; position:absolute; top:50px; left:260px; height:411px; width:418px; } #ousommescontent { background:url(../img/fond/distributeurs.jpg); background-repeat:no-repeat; } #ousommescontenteurope { background:url(../img/fond/europe.jpg); background-repeat:no-repeat; } #ousommescontenteurope #esp_port { display:block; position:absolute; top:460px; left:320px; width:88px; height:69px; } #ousommescontenteurope #italie_grece { display:block; position:absolute; top:450px; left:650px; width:88px; height:69px; } #ousommescontenteurope #belg_holl { display:block; position:absolute; top:300px; left:520px; width:88px; height:69px;} #ousommescontenteurope #angleterre { display:block; position:absolute; top:280px; left:450px; width:88px; height:69px; } #ousommescontenteurope #allemagne { display:block; position:absolute; top:310px; left:600px; width:88px; height:69px;} #ousommescontenteurope #contacteurope { display:block; position:absolute; top:255px; left:715px; } #ousommescontenteurope #nav_pays { display:block; position:absolute; top:165px; left:245px;} #ousommescontent #distributeurs { display:block; position:absolute; top:190px; left:660px; height:400px; width:250px; overflow:auto; padding-right:5px;} #ousommescontent #distributeurs .nom { font-weight:bold; color:#607382;} #ousommescontent #distributeurs .ville { color:#607382;} #ousommescontent #distributeurs .adresse { color:#607382;} #ousommescontent #distributeurs .textepdv { color:#607382;} #ousommescontent area:hover { cursor:pointer; } .img_france { margin-top:168px; margin-left:30px;} #maisonic { display:block; position:absolute; top:598px; left:755px; height:67px; width:181px; text-align:center; color:#607382; } #maisonic a { color:#607382; } #maisonic a:hover { color:#607382; } #rejoignezcontent { background:url(../img/fond/rejoindre.jpg); background-repeat:no-repeat; } #rejoignezcontent #stage { display:block; position:absolute; top:180px; left:300px; height:375px; width:560px; overflow:auto; padding-right:5px;} #rejoignezcontent #stage .titre { font-weight:bold; } .fond_metier { display:block; padding:3px; } .fond_metier:hover { background-color:#f9faf1; } #choisircontentauto, #choisircontentvisio, #choisircontentinter, #choisircontentcarill { float:left; width:777px; height:708px; text-align:center; background:url(../img/choisir/automatisme1.png) no-repeat right; } #choisircontentauto { background:url(../img/choisir/automatisme1.png) no-repeat right; } #choisircontentvisio { background:url(../img/choisir/visiophonie.png) no-repeat right; } #choisircontentinter { background:url(../img/choisir/interphonie.png) no-repeat right; } #choisircontentcarill { background:url(../img/choisir/carillons.png) no-repeat right; } #choisircarillons { overflow:auto; height:400px; display:block; position:absolute; top:150px; left:120px; width:450px; } #resultchoixcarillons { display:block; position:absolute; top:200px; left:623px; padding-left:8px; height:360px; width:207px; border:#bc9cdb 1px solid; overflow:auto; text-align:left; } #choisircontent { display:block; position:absolute; top:180px; left:120px; height:150px; width:230px; } #choisircontent1 { display:block; position:absolute; top:235px; left:120px; height:150px; width:230px; } #choisircontent2 { display:block; position:absolute; top:325px; left:120px; height:150px; width:230px; } #choisircontent3 { display:block; position:absolute; top:397px; left:120px; height:150px; width:230px; } #choisircontent4 { display:block; position:absolute; top:470px; left:120px; height:150px; width:230px; } #choisircontent5 { display:block; position:absolute; top:180px; left:370px; height:150px; width:230px; } #choisircontent6 { display:block; position:absolute; top:280px; left:370px; height:150px; width:230px; } #choisircontent7 { display:block; position:absolute; top:355px; left:370px; height:150px; width:230px; } #choisircontent8 { display:block; position:absolute; top:430px; left:370px; height:150px; width:230px;} #resultchoix { display:block; position:absolute; top:200px; left:623px; height:360px; width:232px; border:#bc9cdb 1px solid; overflow:auto; } #choisircontent input, #choisircontent1 input, #choisircontent2 input, #choisircontent3 input, #choisircontent4 input { float:left; } .ft{ clear:both; display:block; font-size: 12px; padding-left:3px; background-color:#e6d2fa; background-position: top; } .directo { display: block; margin-top: 1px; width: 180px; padding-left:12px; color: #000000; font-size: 12px;line-height: 16px; float: left; text-align:left; } #coulissant { display:block; float:left; position:absolute; top:166px; left:270px; height:144px; width:451px; } #vantaux { display:block; float:left; position:absolute; top:320px; left:270px; height:145px; width:451px; } #garage { display:block; float:left; position:absolute; top:474px; left:270px; height:145px; width:451px; } .txt_choisir { display:block; float:left; position:absolute; top:63px; /left:0px; width:200px; height:29px; font-size:13px; font-weight:bold; } .fleche_choisir { display:block; float:left; position:absolute; top:57px; left:180px; /left:180px; width:38px; height:29px; background:url(../img/choisir/fleche.png) no-repeat; } .fleche_choisir:hover { display:block; float:left; position:absolute; top:57px; left:180px; width:38px; height:29px; background:url(../img/choisir/fleche_over.png) no-repeat; } .img_choisir { float:right } #bancdessaicontent { float:left; width:777px; height:708px; background:url(../img/banc_essai.png) no-repeat; } #video_bancessai { display:block; position:absolute; top:255px; left:390px; } #nbcycles { text-align:center; display:block; position:absolute; top:145px; left:647px; color:#7a7a7a; font-size:14px; font-weight:bold; } #route { text-align:center; display:block; position:absolute; top:650px; left:210px; font-size:9px; font-weight:bold; } #resultrecherche { float:left; width:777px; height:708px; background:url(../img/fond/recherche.jpg) no-repeat; } #resultrechcontent { display:block; position:absolute; top:160px; left:190px; height:420px; width:566px; overflow:auto; padding:5px; background-color:#FFFFFF; border:solid 1px #c0c1c1;} #resultrechcontent .resultrecherchetexte a, #resultrechcontent .resultrecherchetexte a:hover { color:#000000; text-decoration:none; } #resultrechercheintro { display:block; position:absolute; top:110px; left:174px; width:400px; height:15px; } .fond_recherche { display:block; width:100%; height:96px; } .pres_recherche { display:block; width:100%; } .fond_recherche:hover { background-color:#999999; } .separateur { clear:both; display:block; padding-top:8px; padding-bottom:8px; } .img_recherche { float:left; padding-right:10px; border:0; display:block; } #resulrechg { display:block; position:relative; width:282px; height:330px; padding:1px; float:left;} #resulrechgd{ display:block; position:relative; width:282px; height:330px; padding:1px; float:left;} #resultplansite { float:left; width:777px; height:708px; background:url(../img/fond/plansite.jpg) no-repeat; } #newslettercontent { float:left; width:777px; height:708px; background:url(../img/fond/newsletter.jpg) no-repeat; } #fond { position:absolute; width:380px; height:360px; top:200px; left:160px; padding-top:10px; } #notenews { display:block; position:absolute; top:320px; left:595px; width:220px; height:300px; text-align:justify; font-size:10px; } #notenews a { text-decoration:none; color:#333333; } #notenews a:hover { text-decoration:none; color:#999999; } .explain_news { font-size:10px; } .txtformnewsletter { float:left; margin-left:20px; width:105px; line-height:19px;} .inputnewsletter {display: block; float: left; margin-top: 3px; margin-left:25px; width: 150px; height: 20px; line-height: 20px; background-color:#eceded; border:1px solid #cacbcb; } .inputnewsletter:hover { background-color:#FFFFFF; } #newslettercontent #fond .bouton {clear:both; display:block; background-color:#eceded; border:1px #cacbcb solid; margin-left:150px; height: 20px; padding-bottom:2px; } #newslettercontent #fond .bouton:hover { background-color:#cacbcb; } #inscripnews { display:block; position:absolute; top:595px; left:200px; width:150px; height:15px; } #desinscripnews { display:block; position:absolute; top:620px; left:350px; width:150px; height:15px; } #droiteferm { float:left; height:708px; width:22px; } #droite, #droite_be, #droite_vio, #droite_ve, #droite_ora, #droite_gri { float:left; height:708px; width:245px;} #droite_s { float:left; height:708px; width:113px; text-align:right; } #droite_be { background:url(../img/fond/droite/bienetre.jpg); background-repeat:no-repeat;} #droite_vio { background:url(../img/fond/droite/tranquilite.jpg); background-repeat:no-repeat;} #droite_ve { background:url(../img/fond/droite/confort.jpg); background-repeat:no-repeat;} #droite_ora { background:url(../img/fond/droite/utilite.jpg); background-repeat:no-repeat;} #droite, #droite_gri { background:url(../img/fond/droite/notices.jpg); background-repeat:no-repeat;} #droite_s2 { float:left; height:708px; width:179px; text-align:right; background:url(../img/fond/droite/notices_s.jpg); background-repeat:no-repeat; } #noticesUK { display:block; height:708px; width:980px; background:url(../img/fond/notices-UK.jpg); background-repeat:no-repeat;} #noticesDE { display:block; height:708px; width:980px; background:url(../img/fond/notices-DE.jpg); background-repeat:no-repeat;} #noticesNL { display:block; height:708px; width:980px; background:url(../img/fond/notices-NL.jpg); background-repeat:no-repeat;} #noticesIT { display:block; height:708px; width:980px; background:url(../img/fond/notices-IT.jpg); background-repeat:no-repeat;} #noticesES { display:block; height:708px; width:980px; background:url(../img/fond/notices-ES.jpg); background-repeat:no-repeat;} #noticesPT { display:block; height:708px; width:980px; background:url(../img/fond/notices-PT.jpg); background-repeat:no-repeat;} #nav_notices_AL { position:absolute; top:220px; left:150px; width:280px; height:350px; line-height:26px; } #cont_notices_AL { position:absolute; top:220px; left:430px; width:250px; height:350px; overflow:auto; padding-right:5px; } #cont_notices_AL a { } #cont_notices_AL a:hover { text-decoration:none; color:#000000; font-weight:bold; } #promogarantie{border:0px Solid green;position:absolute;top:20px;left:620px;width:50px;height:50px; }