/* **************************************** */ /* PROJET : AL 2009 CSS */ /* DATE DEBUT : septembre 2009 */ /* LAST MODIF : JUILLET 2011 */ /* ****************************************** */ /*__________________________________________ _ _ _____ _ _ _____ /| / / ' / / / ' ---/-| -/-----/__-------/----/-----/__---- / | / / / / / _/___|/_____/____ ____(____/_____/________ */ * { margin:0; padding:0;} html { font-size:100%; margin:0; padding:0; } body { font-size:.8em; margin:0; padding:0; color:#333; font-family:Arial, Helvetica, Verdana, Sans-serif; background-color:#fff; } #global { width:100%; margin:0 auto; background:transparent url(/images/commun/bg-html4.png) repeat-x 0 0px; } #header { width:964px; margin:0 auto 20px auto;/* background:transparent url(/images/commun/header/coupe.jpg) no-repeat 550px 5px; */ } #header #logo { width:964px; height:77px; padding:0px 0 0 0; margin-bottom:0; margin-top:0px; } #header #logo A#logoImg { display:block; float:left; width:470px; height:59px; margin-top:15px; background:transparent url(/neuf/images/commun/header/logo_neuf.png) no-repeat 0 0; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/neuf/images/commun/header/logo_htlneuf.png', sizingMethod='crop'); } #header #logo #couple { display:none; float:left; width:90px; height:70px; margin:0px; background:transparent url(/neuf/images/commun/header/couple.png) no-repeat 0 0; } #content { position:relative; width:964px; margin:20px auto 0px auto; padding-bottom:15px; background-color:transparent; } #content .contentColGlobal { width:964px; margin:0px 0 0px 0; padding-top:0px; /* background:#fff url(/images/commun/bg-contentcolglobal.png) 635px 0px repeat-y; */ } #arboAccueil .contentColGlobalTop { width:964px; height:11px; font-size:1px; margin-top:10px; background:transparent url(/images/commun/sprite-skl-moteurs.png) no-repeat 0 -674px; } #arboAccueil .contentColGlobalBottom { width:964px; height:11px; font-size:1px; background:transparent url(/images/commun/sprite-skl-moteurs.png) no-repeat 0 -612px; }/* Toute la largeur du site : */ #content .contentColLeft { float:left; display:inline; width:632px; margin:0; padding:0; border-right:0px solid #cdcdcd; } #content .contentColRight { float:right; display:inline; width:320px; margin:0; padding:0 0 10px 0; font-size:.85em; background:transparent url(/images/commun/accueil/sprites-bgcols.png) no-repeat -1320px bottom; } #content .contentColLeft .colGlobal { float:left; display:inline; width:632px; margin:0; padding:0 0 0 0; background:transparent url(/images/commun/accueil/sprites-bgcols.png) no-repeat 0 0; } #content .contentColLeft .colGlobalFooter { float:left; display:inline; width:632px; height:10px; margin-bottom:15px; background:transparent url(/images/commun/accueil/sprites-bgcols.png) no-repeat 0 bottom; } #content .contentColLeft .colLeft { float:left; font-size:.85em; display:inline; width:222px; height:653px;margin:0 11px 0 0; padding:0 0px 10px 0; background:transparent url(/images/commun/accueil/sprites-bgcols.png) no-repeat -660px bottom; } #content .contentColLeft .colRight { float:right; display:inline; width:397px; height:653px; margin:0 0px 0 0px; padding:0 0px 10px 0px; background:transparent url(/images/commun/accueil/sprites-bgcols.png) no-repeat -900px bottom; } #content .contentColRight DIV.first { height:10px; font-size:.5em; border:0; margin:0; padding:0 0 5px 0; background:transparent url(/images/commun/accueil/sprites-bgcols.png) no-repeat -1320px 0; } .contentColLeft .colLeft DIV.first { height:10px; border:0; margin:0; padding:0 0 5px 0; background:transparent url(/images/commun/accueil/sprites-bgcols.png) no-repeat -660px 0; } .contentColLeft .colRight DIV.first { height:10px; border:0; margin:0; padding:0 0 5px 0; background:transparent url(/images/commun/accueil/sprites-bgcols.png) no-repeat -900px 0; } .contentColLeft .colLeft P { padding:0 10px; margin:2px 0; } .contentColLeft .colRight UL { padding:0 10px 0 20px; } #content .contentColLeft .colLeft H2 { clear:both; width:90%; font:bold 1.15em Arial, Helvetica, Verdana, Sans-serif; color:#333; border-top:2px solid #ccc; margin:17px auto 10px auto; padding:10px 0 2px 0px; background:none; } #content .contentColLeft .colRight H2 { clear:both; width:90%; font:bold 1.35em Arial, Helvetica, Verdana, Sans-serif; color:#333; border-bottom:3px solid #ccc; margin:40px auto 10px auto; padding:0 0 2px 0px; background:none; } #content .contentColLeft .colRight .firstH2 { margin-top:0; } #content .contentColLeft .colLeft .firstH2 { margin-top:4px; padding:0; border:0; } #content .searchError { position:absolute; top:-200px; left:200px; width:300px; height:100px; background-color:#fff; z-index:10000;} #content .searchError H2.titreGrisFonce { margin:0; padding:0 5px; border:0; font:bold 1.2em/1.4em Arial, Helvetica, Verdana, Sans-serif; color:#fff; background:transparent url(/images/commun/global-image-4.png) no-repeat 0 -240px;} #footer { font-size:0.95em; width:100%; height:70px; clear:both; background-color:white; margin:0px auto; padding-top:12px; border-top:1px solid #ccc; } #footer DIV { width:962px; margin:0 auto 0 auto; } #footer address { width:57%; float:left; margin-top:3px; font-style:normal; font-size:.9em;} #footer img { margin-left:0px;} #footer #ours_liens { float:right; margin-top:25px; } #footer UL.legroupe { float:left; font-size:.95em; margin-top:13px; width:160px; } #footer UL.legroupe LI { float:left; margin-right:12px; } #footer UL.lesite { float:right; font-size:.95em; margin-top:8px; } #footer UL.lesite LI { float:right; margin-right:12px; } #footer A, #footer A:visited, #footer A:hover { font-size:.95em; color:#333; font-weight:normal; text-decoration:underline; } #footer2 { font-size:0.9em; width:100%; height:30px; clear:both; background-color:#f2f2f2; margin:0px auto 0 auto; padding-top:12px; text-align:center; border-top:1px solid #cdcdcd; } #footer2 UL { margin:0px auto 0 auto; width:400px; height:20px; } #footer2 UL LI { float:left; margin-right:20px;} #footer2 A, #footer2 A:visited, #footer2 A:hover { font-size:.95em; color:#333; font-weight:normal; text-decoration:underline; } #footerFooter { width:100%; height:5px; margin:0px auto; background:transparent url(/images/commun/bg-content.png) repeat-x 0 -5px; } #underFooter { font-size:11px; width:100%; text-align:center; clear:both; margin:0px auto 10px auto; background-color:#eaeaea; border-bottom:1px solid #ccc; border-top:1px solid #ccc; } #underFooter A, #underFooter A:hover { color:#999; text-decoration:none;} #underFooter P { color:#999; padding-top:0; margin:0 0 0px 0; padding:5px; } /* acces pro dans le header */ #header .accesPro { float:right; display:inline; height:67px; width:218px; padding:0; margin:0px 0px 0 0; color:#f5f5f5; background-color:#ccc; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } #header .accesPro H3 { background:none; margin:10px 0 3px 5px; text-align:left; padding:0 0 3px 3px; color:#f5f5f5; font:bold 0.85em Verdana, Arial, helvetica, sans-serif; } #header .accesPro #identifiant { padding-left:8px; float:left; width:82px; height:35px; margin:0px; font:0.85em Verdana, Arial, Helvetica, sans-serif; } #header .accesPro #identifiant INPUT { width:75px; height:13px; border:1px solid #999; padding:1px; font-size:1.2em;} #header .accesPro #motDePasse { float:left; margin:0; padding-left:3px; width:85px; height:35px; font:0.85em Verdana, Arial, Helvetica; } #header .accesPro #motDePasse INPUT { width:75px; height:13px; border:1px solid #999; padding:1px; font-size:1.2em; } #header .accesPro A#ok { float:left; width:26px; height:17px; margin:12px 0 0 0; background:url(/images/commun/bt/bt-ok.png) no-repeat 0 0; } #header .accesPro A#ok:hover { float:left; width:26px; height:17px; background:transparent url(/images/commun/bt/input-button-ok.png) no-repeat 0 0; } /* Pubs colonne de droite */ .pubimage { margin:5px 0; padding-top:10px; width:300px; height:250px; text-align:center; background:transparent url(/images/commun/publicite-titre.png) no-repeat 0px 0px; } .pubimage IMG { width:300px; height:250px; margin:0; padding:0;} .pubiframe { margin-bottom:10px; padding-top:10px; visibility:hidden; display:none; width:300px; height:250px; background:transparent url(/images/commun/publicite-titre.png) no-repeat 0px 0px;} .pubiframe IFRAME { width:300px; height:250px; margin-bottom:10px;} .pubflash { visibility:hidden; display:none; padding-top:10px; width:300px; height:250px; margin-bottom:10px; background:transparent url(/images/commun/publicite-titre.png) no-repeat 0px 0px; } /*clearfix le magnifique*/ .clearfix:after {content: "."; display: block; clear: both; visibility:hidden; line-height:0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block;} * html .clearfix { height: 1%;} /*commun*/ .none { display:none; } .block { display:block; } /* **** TYPOS STYLES **** */ .bold { font-weight:bold; } .red { color:#c30009; } .redBold { color:#c30009; font-weight:bold; } .blue { color:#0a71b3; } .blueBold { color:#0a71b3; font-weight:bold; } .grey { color:#cccccc; } .greyBold { color:#cccccc; font-weight:bold; } .green { color:#006b0a; } .greyFonce { color:#525252; } .blackBold { color:#000000; font-weight:bold;} .greySmall { color:#888; font:normal .9em Arial, Helvetica, Sans-serif;} .underline { text-decoration:underline; } /* **** DIVERS **** */ IMG { border:0; } UL { margin:0; padding:0; list-style-type:none; } UL LI { list-style-type:none; margin:0; padding:0; } FORM { margin:0; padding:0; font-size:11px; } INPUT, SELECT, OPTION { font-size:1em;} INPUT.btRadio { vertical-align:-2px;} /*Voir réglage des marges : screnn_ie.css et sreen_firefox.css*/ HR { height:1px; border-top:1px solid #ccc; border-bottom:0; } .clear { clear:both; height:0px; border:0; margin:0px 0; padding:0; font-size:0px;} .clearVide { clear:both; height:0; border:0; margin:0; padding:0; font-size:0;} HR.clear { display:block; clear:both; height:1px; visibility:hidden; margin: 0; _margin: -7px 0; padding:0; font-size:1px; border:1px solid black; } P { margin:0; } .centre { text-align:center; } .floatLeft { float:left; } .floatRight { float:right; } .imgLeft IMG { float:left; margin:0 5px 5px 0;} .imgRight IMG { float:right; margin:0 0 5px 5px; } EM.normal { font-style:normal; } A { color:#bc5e61; text-decoration:none; } A:hover { color:#95484b; text-decoration:none;} .marginright10 { margin-right:10px;} /* **** BOUTONS **** */ A.btGenericwhite { display:block; background:url(/neuf/images/commun/bt/btgeneric-balnc.png) 0 0 no-repeat; width:105px; padding-left:26px; height:24px; color:#676767; text-decoration:none; line-height:24px;} A.btGenericwhite:hover { display:block; background:url(/neuf/images/commun/bt/btgeneric-balnc.png) 0 -24px no-repeat; width:105px; padding-left:26px; height:24px; color:#676767; text-decoration:none; line-height:24px;} A.btGreyIndex { display:block; color:#666; text-decoration:none; width:70px; height:18px; margin:5px 0 0 0; padding:1px 0 0 30px; background:url(/images/commun/bt/bt_fleche.png) 0 0 no-repeat; } A.btGreyIndex:hover { color:#c30009;} A.btRechercher { display:block; background:url(/neuf/images/commun/bt/bt-chercher.png) 0 0 no-repeat; width:105px; padding-left:26px; height:24px; color:#676767; text-decoration:none; line-height:24px;} A.btRechercher:hover { background:url(/neuf/images/commun/bt/bt-chercher.png) 0 -24px no-repeat; color:#666666; } A.btTri { display:block; background:url(/neuf/images/commun/bt/bt-tri.png) 0 0 no-repeat; width:105px; padding-left:26px; height:24px; color:#676767; text-decoration:none; line-height:24px;} A.btTri:hover { background:url(/neuf/images/commun/bt/bt-tri.png) 0 -24px no-repeat; color:#666666; } A.btEnveloppe { display:block; background:url(/neuf/images/commun/bt/bt-enveloppe.png) 0 0 no-repeat; width:103px; padding-left:38px; height:24px; color:#676767; text-decoration:none; line-height:23px;} A.btEnveloppe:hover { background:url(/neuf/images/commun/bt/bt-enveloppe.png) 0 -24px no-repeat; color:#666666; } A.bt-rss { display:block; width:16px; height:16px; padding-left:19px; color:#f3892f; background:url(/neuf/images/commun/picto_rss.png) 0 0 no-repeat; } A.bt-rss:hover { -moz-opacity:0.7; opacity: 0.7; filter:alpha(opacity=70); color:#f3892f; } .bloc1 A.bt-rss { position:absolute; top:5px; right:5px;}/*Pour les blocs de la colonne de droite*/ /* **** BOUTONS DONT ON PEUT SE RESSERVIR **** */ /* Encadrer avec un div pour typo, graisse... ou directement avec balise style */ A.btGreyArrowInvert { display:block; height:19px; color:#333; text-decoration:none; background:url(/images/commun/bt/btGreyArrowInvert.gif) 0 0 no-repeat;} A.btGreyArrowInvert:hover { color:#c30009;} A.btGreyIndex { display:block; color:#666; text-decoration:none; width:70px; height:18px; margin:5px 0 0 0; padding:0px 0 0 30px; background:url(/images/commun/global-image-1.png) -150px -30px no-repeat; } A.btGreyIndex:hover { color:#c30009; background:url(/images/commun/global-image-1.png) -150px -50px no-repeat;} A.btGrey1 { display:block; color:#333; text-decoration:none; background:url(/images/commun/bt/btGrey1.gif) 0 0 no-repeat; } A.btGrey1:hover { color:#c30009;} A.btGrey2 { display:block; color:#333; text-decoration:none; background:url(/images/commun/bt/btGrey1.gif) 0 0 no-repeat; } A.btGrey2:hover { color:#c30009;} A.btGrey2rev { display:block; color:#333; text-decoration:none; background:url(/images/commun/bt/btGrey1.gif) 0 0 no-repeat; } A.btGrey2rev:hover { color:#c30009;} A.btGeneriqueGris { display:block; width:66px; height:24px; line-height:24px; color:#333; text-decoration:none; padding-left:10px; background:transparent url(/images/commun/bt-gris.png) 0 0 no-repeat;} A.btGeneriqueGris:hover { display:block; width:66px; height:24px; line-height:24px; color:#333; text-decoration:none; background:transparent url(/images/commun/bt-gris.png) 0 -24px no-repeat;} A.btGeneriqueGris01 { display:block; padding-left:10px; text-align:left; width:59px; height:21px; line-height:20px; color:#565656; text-decoration:none; background:url(/images/commun/global-image-1.png) -270px -30px no-repeat;} A.btGeneriqueGris01:hover { background:url(/images/commun/global-image-1.png) -270px -60px no-repeat; } A.btGeneriqueGris02 { display:block; width:85px; height:21px; line-height:20px; color:#565656; text-decoration:none; padding-left:5px; background:url(/images/commun/global-image-1.png) -360px -30px no-repeat; } A.btGeneriqueGris02:hover { background:url(/images/commun/global-image-1.png) -360px -60px no-repeat; } /* Lire la suite dans le bloc actualites en page d'accueil */ A.lireLaSuite { display:block; margin:10px 0 0 165px; width:110px; color:#525252;} A.lireLaSuite:hover { color:#c30009;} DIV.btBack { background:transparent url(/neuf/images/commun/bt/bt-back1.png) no-repeat left 0; padding-left:17px; width:30px; height:17px; position:absolute; white-space:nowrap; } html > body DIV.btBack { min-width:30px; width:auto;} DIV.btBack A, DIV.btBack A:link, DIV.btBack A:visited { display:block; background:url(/neuf/images/commun/bt/bt-back2.png) right 0 no-repeat; height:17px; line-height:17px; color:#000; text-decoration:none; font-weight:bold; padding-right:5px;} DIV.btBack A:hover { color:#888;} /* **** LISTES ET LIENS**** */ UL.carre LI { list-style-image: url(../neuf/images/commun/puces/li-carre-noir.png); } UL.arrowRose LI { margin:0; line-height:1.25em; padding-left:6px; background:transparent url(/neuf/images/commun/puces/arrow-rose1.png) no-repeat 0 5px; } UL.arrowRose LI.margeListe { margin-bottom:3px;} UL.arrowRose LI A { text-decoration:none; padding:0; color:#333; } UL.arrowRose LI A:hover { text-decoration:underline;} A.arrowRose { padding-left:6px; color:#333; text-decoration:none; background:transparent url(/neuf/images/commun/puces/arrow-rose1.png) no-repeat 0 5px; } A.arrowRose:hover { text-decoration:underline;} .bloc1 A.arrowRose { float:right; margin-top:8px;} UL.arrowGrey LI { margin:0; line-height:1.25em; padding-left:6px; background:transparent url(/neuf/images/commun/puces/triangle-darkgrey.png) 0 5px no-repeat; } UL.arrowGrey LI.margeListe { margin-bottom:3px;} UL.arrowGrey LI A { text-decoration:none; padding:0; color:#555; } A.arrowGrey { padding-left:6px; color:#555; text-decoration:none; background:transparent url(/neuf/images/commun/puces/triangle-darkgrey.png) 0 5px no-repeat; } UL.chevronGris LI { line-height:1.5em;} UL.chevronGris LI A, UL.chevronGris LI A.visited { text-decoration:none; color:#333; padding:0 0 0 10px; background:transparent url(/neuf/images/commun/puces/double-chevrons-gris.png) no-repeat 0 5px; } UL.chevronGris LI A.chevronGrisdark { color:#333;} UL.chevronGris LI A.chevronGrisclair { color:#6f6f6f;} UL.chevronGris LI A:hover { text-decoration:underline; color:#999; } A.chevronGris { display:block; padding:0 0 0 5px; background:transparent url(/neuf/images/commun/puces/double-chevrons-gris.png) no-repeat 0 5px; } /* **** Blocs de droite **** */ .bloc1 { position:relative; width:278px; padding:10px; margin:0 0 10px 0; border-right:1px solid #bbb; border-left:1px solid #bbb; } .bloc1 p { margin:0; color:#333333; margin-bottom:5px;} .pub { width:300px; height:250px; } /* **** PNG TRANSPARENT **** */ .pngImg { color:#fff; position:absolute; top:10px; left:10px; width:200px; height:200px; z-index:500; background:url(images/commun/pngtest.png) top left no-repeat; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/neuf/images/commun/pngtest.png', sizingMethod='crop'); } .alphaImg { -moz-opacity:0.5; opacity: 0.5; filter:alpha(opacity=50); position:absolute; top:210px; left:10px; width:200px; height:200px; z-index:500; color:#000; background-color:#310000; } /* **** TITRES H **** */ /* H1 */ H1 { font:bold 1.5em Arial, Helvetica, Verdana, Sans-serif; color:#c30009; margin:0 0 10px 0px; padding:0 0 0 0px; } H1.chemin { font-size:1.7em; margin:0; background:none; color:#525252; } H1.sousTitreChemin { background:none; font-size:1.5em; color:#c30009;} /* H2 */ H2 { font:bold 1.35em/1.55em Arial, Helvetica, Verdana, Sans-serif; color:#333; margin:20px auto 12px auto; padding:0 0 2px 0px; background:none; } H2.titreHautServices { font:bold 1.05em/1.35em Arial, Helvetica, Verdana, Sans-serif; color: #000000; border:0; border-bottom:1px dotted #ccc; margin:0 0 0 0; padding:5px 0 0 10px; background:none;} H2.noBorder { font:bold 1.35em/1.55em Arial, Helvetica, Verdana, Sans-serif; color:#444444; border:0; margin:10px 0 0 0px; padding:0 0 0 8px; } H2.HGris { font:bold 1.45em Arial, Helvetica, Sans-Serif; text-align:left; color:#333333; padding:0 0 6px 0; margin:0 0 12px 0; border-top:0; border-bottom:3px solid #cdcdcd; background:transparent none; } H2.HNoir { font:bold 1.45em Arial, Helvetica, Sans-Serif; text-align:left; color:#333333; padding:0 0 6px 0; margin:0 0 12px 0; border-top:0; border-bottom:3px solid #444444; background:transparent none; } H2.HBleu { font:bold 1.45em Arial, Helvetica, Sans-Serif; text-align:left; color:#333333; padding:0 0 6px 0; margin:0 0 12px 0; border-top:0; border-bottom:3px solid #2e6ba9; background:transparent none; } H2.HBleuX2 { font:bold 1.45em Arial, Helvetica, Sans-Serif; text-align:left; color:#2e6ba9; padding:0 0 6px 0; margin:0 0 12px 0; border-top:0; border-bottom:3px solid #2e6ba9; background:transparent none; } H2.HRouge { font:bold 1.45em Arial, Helvetica, Sans-Serif; text-align:left; color:#333333; padding:0 0 6px 0; margin:0 0 15px 0; border-top:0; border-bottom:3px solid #c30009; background:transparent none; } H3 { font-family:Arial, Helvetica, Verdana, Sans-serif; font-weight:bold; font-size:1em; margin:10px 0 2px 0; } H4 { color:#333333; font:bold 14px Arial,Georgia, Times, serif; margin:0px 0 25px 20px; } H5 { color:#996666; font:bold 12px Verdana, Arial, Helvetica; margin:30px 0 20px 0px; border-bottom:1px solid #c6c5bb; } /* REFERENCEMENT */ /* en bas */ P.textBas { font-size:11px; border:1px solid #ccc; padding:5px; margin:30px 0 20px 0;} P.textBas A { color:#333; text-decoration:none; } P.textBas A :hover { color:#ccc;} /* ************************* Menu Principal ************************************************************************ */ #menuPrincipal { width:100%; height:33px; padding:0 0 0 0; margin:0 0 0 0; font:.95em Arial, Helvetica, Sans-serif; background-color:transparent;} #menuPrincipal UL { margin:0; padding:0; } #menuPrincipal UL LI { float:left; text-align:center; margin:0; padding:0; border-right:1px solid #687a8b; } #menuPrincipal UL LI:last-child { border:0 } #menuPrincipal UL LI A, #menuPrincipal UL LI A:visited { display:block; margin:0; padding:0 64px; text-align:center; height:32px; line-height:33px; text-decoration:none; color:#fff; font-weight:bold; } #menuPrincipal UL LI A.on, #menuPrincipal UL LI A.on:visited { display:block; margin:0; text-align:center; height:32px; line-height:33px; text-decoration:none; color:#fff; font-weight:bold; } #menuPrincipal UL LI.end A, #menuPrincipal UL LI.end A:visited { display:block; margin:0; text-align:center; height:32px; line-height:33px; text-decoration:none; color:#fff; font-weight:bold; border-right:0px solid #ccc; } #menuPrincipal UL LI A:hover { text-decoration:underline; color:#fff; background-color:#374450; } #menuPrincipal UL LI.end A:hover { text-decoration:underline; color:#fff; background-color:#374450; } #menuPrincipal UL LI.on A:hover { text-decoration:underline; color:#fff; background-color:#374450; } /* ******************************* Infobulle ************************************* */ .infobulle { position:absolute; width:182px; display:none; font-size:.9em; top:40px; left:250px; z-index:10000; } .infobulle P { background-color:#feffb6; padding:0; margin:0; } .infobulle .Top { font-size:.9em; width:172px; line-height:14px; padding:5px 5px 0 5px; background:transparent url(/images/commun/tooltip-top.png) no-repeat 0 0; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/commun/tooltip-top.png', sizingMethod='crop'); } .infobulle .Bottom { width:100%; height:17px; background:transparent url(/images/commun/tooltip-bottom.png) no-repeat 0 0; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/commun/tooltip-bottom.png', sizingMethod='crop'); } /* ******************************** barUnder ***************************************************************************** */ #barUnder { width:100%; height:23px; margin:4px 0 0px 0px; padding:0; z-index:10; background-color:transparent; border-bottom:1px dotted #ddd; } #breadcrump { float:left; font-weight:normal; color:#333; margin:4px 20px 0 10px; display:inline; padding:0 0 0 8px; width:400px; font-size:.85em; background:transparent url(/images/commun/global-image-1.png) no-repeat 0 -316px;} #btBar { float:right; width:50%; font-size:.85em;} /* Voir plus loin pour btBar accueil */ #btBar UL LI { float:right; margin:0; padding:0;} /* Voir plus loin pour btBar accueil */ #btBar A.coupdeCoeur, #btBar A:visited.coupdeCoeur { display:block; width:131px; height:17px; text-decoration:none; font-weight:bold; color:#777; margin:1px 2px 0 0; padding:3px 0 0 19px; background:transparent url(/images/commun/icon-coeur.png) no-repeat 5px 6px; border-left:1px solid #ccc; } #btBar A:hover.coupdeCoeur { color:#c30009; text-decoration:underline; } #btBar A.votreSelection , #btBar A:visited.votreSelection { display:block; width:121px; height:17px; text-decoration:none; font-weight:bold; color:#777; margin:1px 2px 0 0; padding:3px 0 0 19px; background:transparent url(/images/commun/icon-ok.png) no-repeat 5px 6px; border-left:1px solid #ccc; } #btBar A:hover.votreSelection { color:#c30009; text-decoration:underline; } #btBar A.nouveautes, #btBar A:visited.nouveautes { display:block; width:121px; height:17px; text-decoration:none; font-weight:bold; color:#777; margin:1px 2px 0 0; padding:3px 0 0 19px; background:transparent url(/images/commun/icon-etoile.png) no-repeat 5px 4px; border-left:1px solid #ccc; } #btBar A:hover.nouveautes { color:#c30009; text-decoration:underline; } /* ************ ACCUEIL ************** */ /******* CALCULETTE *********/ #arboAccueil .calculetteAdomos { } #arboAccueil .textServiceG { float:left; width:280px; border:1px solid #ccc; margin-top:0; padding:15px 5px 10px 5px; background-color:#fff; } #arboAccueil H5.sousTitre { margin:15px 0 0 0; width:288px; padding:5px; font:bold .9em Arial, Helvetica, Verdana, Sans-serif; color:#525252; border:1px solid #ccc; border-bottom:0; background:#eee url(/neuf/images/index/calculette.png) right 3px no-repeat; } #arboAccueil DIV.calcul { margin:0 0 5px 0;} #arboAccueil DIV.calcul LABEL { float:left; display:block; width:150px; } #arboAccueil .textServiceG A.btGeneriqueGris01 { font-size:0.85em; margin:20px auto 0 auto; padding:0 0 0 7px; width:64px; } /* ................. ongletsMoteur .................... */ .ongletsMoteur { width:965px; height:35px; margin-top:10px; background:transparent url(/images/commun/accueil/onglet-fd-1px.png) 1px bottom no-repeat; } .ongletsMoteur UL LI { float:left; text-align:left; margin-right:5px; line-height:50px; padding:0 0px 0 20px; background:transparent url(/images/commun/accueil/onglet-off-left.png) 0 3px no-repeat; } .ongletsMoteur UL LI.bgOn { background:transparent url(/images/commun/accueil/onglet-on-left.png) 0 0px no-repeat; } .ongletsMoteur UL LI A { display:block; cursor:pointer; cursor:hand; color:#999; height:31px; padding:0px 40px 3px 3px; font:bold 1em/2.8em Arial, Helvetica, Sans-serif; background:transparent url(/images/commun/accueil/onglet-off-right.png) right 3px no-repeat; } .ongletsMoteur UL LI A.on { display:block; color:#333; height:32px; font:bold 1em/2.8em Arial, Helvetica, Sans-serif; background:transparent url(/images/commun/accueil/onglet-on-right.png) right 0 no-repeat; } /* form_carte form_moteur */ .formOn { display:block; } .formOff { display:none; } #form_moteur { z-index:1; margin:0; background-color:#fff; } #form_moteur UL#cityList { margin:0; width:100%; } #form_moteur H3 { position:relative; color:#fff; border-bottom:0px solid #aaa; padding:8px 5px 7px 8px; margin:0px 0 6px 0; background:transparent url(/neuf/images/commun/onglet1.png) no-repeat 0 0; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} #form_moteur H4 { margin:5px 0 2px 0; padding:1px; font-size:1.1em; /* background-color:#eee; border-bottom:1px solid #ccc; */} #form_moteur .colA { float:right; font-size:1.2em; width:202px; min-height:170px; padding:0 7px 7px 0; margin:0 25px 0 0; border:0px solid #ddd; background-color:transparent; } #form_moteur .colA .diapoContainer { margin:15px 0 0 0; } #form_moteur .colA SPAN { } #form_moteur .colA SPAN A { color:#333; padding:0 5px 0 15px; font-weight:100; background:url(/images/commun/bt/delete.png) 0px center no-repeat; } #form_moteur .colB { float:left; width:600px; min-height:170px; padding:17px; margin-right:10px; background-color:transparent; } #form_moteur .colB-1 { border:1px solid #ddd; background-color:#fff; } #form_moteur .colC { float:right; width:120px; padding-left:80px;} #form_moteur A.valide { float:right; display:block; color:#fff; font-weight:700; width:130px; height:52px; line-height:50px; text-align:center; font-size:1.1em; margin:0 0 0 0px; background:url(/images/bt/bt-valide.png) 0px 0 no-repeat; } #form_moteur A.valide:hover { line-height:49px; } #localisation_search { width:350px; font-size:1.2em; padding:5px; margin:0 0 5px 0; border:1px solid #666; border-top:1px solid #999; border-left:1px solid #999; } UL#cityList { color:#005800; font-size:.9em; margin:0; padding:0; } UL#cityList LI { float:left; padding:0 0px 0 0; margin:0; } UL#cityList LI A { display:block; float:left; margin:0px 0px 0 0; padding:0 0 0 3px; /* padding:0 7px; */ width:13px; height:13px; background:transparent url(/images/commun/puces/del2.png) 0 0 no-repeat; } UL#addCity { color:#cc0000; font-size:.8em; margin:0 0 0 0; padding:5px; } UL#addCity LI { float:left; padding:0 10px 3px 0; margin:0; } UL#addCity LI A{ display:block; float:left; margin:0px 4px 0 0; /* padding:0 7px; */ width:9px; height:9px; background:transparent url(/images/commun/puces/plus.png) 0 0 no-repeat; } UL#addCityOff { display:none; } UL.type { display:block; padding:5px 0 0px 0; } UL.type LI { float:left; margin:0 10px 0 0;} UL.type LI INPUT{ vertical-align:-2px; } INPUT#prixMin:hover, INPUT#prixMax:hover, INPUT#prixMin:focus, INPUT#prixMax:focus, INPUT#surfaceMin:hover, INPUT#surfaceMax:hover, INPUT#surfaceMin:focus, INPUT#surfaceMax:focus, INPUT#surfaceTerrMin:hover, INPUT#surfaceTerrMax:hover, INPUT#surfaceTerrMin:focus, INPUT#surfaceTerrMax:focus { background-color:#f8f8df; border:1px solid #333; padding:1px; } INPUT#surfaceMin { font-weight:700; text-align:right; color:#414d59; } INPUT#surfaceMax { font-weight:700; text-align:left; color:#414d59; } INPUT#prixMin { font-weight:700; text-align:right; color:#414d59; } INPUT#prixMax { font-weight:700; text-align:left; color:#414d59; } INPUT#surfaceTerrMin { font-weight:700; text-align:right; color:#414d59; } INPUT#surfaceTerrMax { font-weight:700; text-align:left;color:#414d59; } .mesure { font-weight:100; font-size:.9em; } DIV.curseur { position:relative; cursor:default; height:19px; width:135px; margin:0 0 5px 0; background:url(/images/annonces/recherche_xml/barre_curseur.png) center center repeat-x ; } DIV.curseurG { z-index:10; zoom:1; cursor:pointer; position:absolute; left:0px; height:19px; width:20px; background:url(/images/annonces/recherche_xml/curseur_G.png) right 0px no-repeat transparent;} DIV.curseurD { z-index:10; zoom:1; cursor:pointer; position:absolute; right:0px; height:19px; width:20px; background:url(/images/annonces/recherche_xml/curseur_D.png) left 0px no-repeat transparent; } .vignetteCurseur { padding:2px 3px; font-size:.9em; text-align:center; border:1px solid #bdb987; background-color:#fffab2; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-box-shadow:3px 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow:3px 3px 3px rgba(0,0,0,0.2); box-shadow:3px 3px 3px rgba(0,0,0,0.2); } .errorMessage { display:none; } DIV.mini { background:transparent url(/images/commun/puces/triangle-black.png) center center no-repeat; } #form_moteur .localisationWrapper { position:relative; float:left; height:70px; margin:0 0 0px 0; z-index:200; } .villeList { padding:5px; background-color:#f1f1f1; } .divVilles { z-index:1000; display:none; position:absolute; top:60px; left:0; padding:5px; background-color:#fff; overflow:auto; width:350px; max-height:150px; margin-top:-10px; border:#a5a8b2 1px solid; } .divVilles DIV:hover { cursor:pointer; cursor:hand; background-color:#eee;} .divVillesOff { display:none;} .spanTitre { font-size:10px; font-weight:bold; color:#C30009; font-family:verdana,arial,sans-serif; margin:0 0 0 3px;} .spanVille { font-size:10px; color:black; font-family:verdana,arial,sans-serif; margin:0 0 0 3px;} /* drop down list dans include annonces */ #listingHeaderContent #form_preciser DIV#dropdownVille { position:relative; margin:0px; padding:0px; background:transparent; } #listingHeaderContent #form_preciser DIV#dropdownVille UL#cityList.Out { display:none; z-index:10} html >body #listingHeaderContent #form_preciser DIV#dropdownVille UL#cityList { height:150px; max-height:150px;} #listingHeaderContent #form_preciser DIV#dropdownVille UL#cityList LI A { display:block; float:left; margin:0px 0px 0 0; padding:0 0 0 3px; /* padding:0 7px; */ width:13px; height:13px; background:transparent url(/images/commun/puces/del2.png) 0 0 no-repeat; } #listingHeaderContent #form_preciser DIV#dropdownVille UL#cityList.Over { display:block; background:#fff; padding:0px; margin:0px; position:absolute; top:20px; max-height:120px; overflow:auto; border:0px solid #ccc; background-color:#eee; box-shadow:1px 1px 3px #888; -webkit-box-shadow:1px 1px 3px #888; -moz-box-shadow:1px 1px 3px #888; } #listingHeaderContent #form_preciser DIV#dropdownVille UL#cityList LI { float:none; background:#fff; padding:3px; margin:0px; border-bottom:1px solid #ccc; } #listingHeaderContent #form_preciser DIV#dropdownVille H4 { margin:0; padding:3px 0 3px 20px; font-size:1em; background:#eee url(/images/commun/puces/puce-down.png) 3px center no-repeat; border-bottom:1px solid #ccc;} /* CRITERES DE RECHERCHE */ #criteres { margin-top:17px; background-color:red} DIV.critereContainerPrice { width:135px; height:70px; float:left; margin:0px 45px 20px 0px; border:0px solid #ccc; } /* Pour les prix */ DIV.critereContainer { width:135px; height:70px; margin:0px 15px 20px 0; border:0px solid #ccc; } #arboAccueil #moteurBox { position:relative; width:964px; /* height:311px; */ height:281px; margin-bottom:10px; background:transparent url(/neuf/images/commun/bgmoteur964-2.png) no-repeat 0 bottom; } #arboAccueil #moteurBox2 { position:relative; width:954px; height:271px; padding:5px; margin-bottom:10px; background:transparent url(/neuf/images/commun/bgmoteur964-2.png) no-repeat 0 bottom; } #arboAccueil #moteurBox H2 { margin:10px 0 10px 0; } #arboAccueil #moteurBox #moteurBoxCol1 { float:left; display:inline; width:30%; margin:15px 30px 0 10px; } #arboAccueil #moteurBox #moteurBoxCol2 { float:left; display:inline; width:38%; margin:15px 30px 0 0 ; padding:0; } #arboAccueil #moteurBox #moteurBoxCol3 { float:left; width:25%; height:250px; text-align:center; margin:0; padding:0; } #moteurBoxCol3 H2 { color:#c30009; padding:0px 0 0 0px; margin:0px 0 0px 0px; border:0; border-bottom:2px solid #ccc; } #moteurBoxCol3 #boxLogo1 IMG { height:45px; width:auto; margin:5px 0 0 0; } #moteurBoxCol3 #boxLogo2 IMG { height:45px; width:auto; margin:5px 0 0 0; } #moteurBoxCol3 #boxLogo3 IMG { height:45px; width:auto; margin:5px 0 0 0; } #moteurBoxCol3 #boxLogo4 IMG { height:45px; width:auto; margin:5px 0 0 0; } #arboAccueil #moteurBox #moteurBoxCol1 UL { width:250px; margin-left:20px; } #arboAccueil #moteurBox #moteurBoxCol1 UL LI { border-top:1px solid #adbfc8; border-bottom:1px solid #d9e7ee; margin:0px 0 0 0; font-size:1.1em; background-color:#cbdbe3; } #arboAccueil #moteurBox #moteurBoxCol1 UL LI.onglet1 { font-family:Georgia, Times,"Times New Roman", Serif; font-style:italic; width:166px; height:30px; line-height:30px; padding:0px 0 0 0; margin:0 0 0 0; text-align:center; border:0; color:#fff; font-size:1.3em; background:transparent url(/neuf/images/commun/onglet1.png) no-repeat 0 0; } #arboAccueil #moteurBox #moteurBoxCol1 UL LI.liHaut { padding:0px 0 0 0px; margin:0; border-top:0; background:transparent url(/neuf/images/commun/li-haut.png) no-repeat 0 0; } #arboAccueil #moteurBox #moteurBoxCol1 UL LI.liBas { padding:0px 0 0 0px; margin:0; border-bottom:0; background:transparent url(/neuf/images/commun/li-bas.png) no-repeat 0 bottom; } #arboAccueil #moteurBox #moteurBoxCol1 UL LI A { display:block; width:240px; height:35px; line-height:35px; padding:0 0 0 10px; margin:0; border-top:0; color:#0b233b; font-size:1em; background:transparent url(/neuf/images/commun/puces/fleche.png) no-repeat 230px center; } #arboAccueil #moteurBox #moteurBoxCol1 UL LI A:hover { color:#000; text-decoration:underline; background:transparent url(/neuf/images/commun/puces/fleche1.png) no-repeat 230px center; } #encart { display:none; position:absolute; color:#fff; font-weight:bold; font-size:.9em; width:150px; padding:5px 10px 5px 5px; background-color:#333; opacity:0.80;filter:alpha(opacity=80);} html>body #encart { width:auto; min-width:150px; } #encart IMG { float:left; padding:0 4px 0 0; } #encartTitre { font-style:normal; } #encartProg { font-weight:normal; } .clickable { font-weight:normal; color:#000; } .clicked { font-weight:bold; color:#0b233b; } .logoThumb { max-width:240px; max-height:80px; margin:5px 0px 5px 5px; } #detail { display:none;} AREA {cursor:pointer; cursor:hand;} /*****Menus déroulants*/ #moteurBoxCol1 .survolInput { float:left; z-index:500; } #moteurBoxCol1 .survolInput input { font-size:1em; cursor:pointer; cursor:hand; z-index:0; margin:0 5px 0 0px; padding:3px; width:190px; border:1px dotted #ccc; font-weight: normal; background-color:transparent; color:#c30009; } DIV.menuDeroulant { top:50; left:405px; zoom:1; z-index:10000; border:1px solid #a5a8b2; border-top:none; background-color:#fff; padding:2px; overflow:auto; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:.9em; font-weight:normal; padding:2px 3px 3px 3px; display:none; /*Si position "absolute" le curseur ne se met pas dans les champs sous Firefox. La position absolute est gérée par le JavaScript*/ } DIV.menuDeroulant UL.mSousRubrik { font-size:.9em; list-style-type: none; background-color:#ebebeb; margin:0; padding:0; } DIV.menuDeroulant UL.mSousRubrik LI { padding:0px 0 0px 0; background:url(/images/commun/tirets_search.png) left bottom repeat-x; } DIV.menuDeroulant UL.mSousRubrik LI LABEL { padding-left:2px; line-height:18px; } DIV.menuDeroulant UL.mSousRubrik LI A { text-decoration:none; color:#000000; display:block; /*pour que la surface du A recouvre celle du li : effet de survol en fond blanc */ } DIV.menuDeroulant UL.mSousRubrik LI A:hover { background-color:#FFFFFF; } #form_search_annonces { width:422px; } .localisation_search input { position:relative; float:left; margin:0px 0 10px 0; padding:2px; width:180px; } #MLocalisation { left:20px; top:120px; width:190px; z-index:100;} #carte { float:left; display:block; margin:20px 0 0 0; height:30px; padding-left:34px; background:url(/neuf/images/commun/picto_carte.png) 0 0 no-repeat; color:#676767; line-height:30px; } /* Boutons de validation/affinage du moteur */ #arboAccueil #moteurBox A#valid { display:block; margin:10px auto; padding:0 16px 0 0; line-height:35px; width:105px; height:35px; text-align:right; color:#333; font-size:12px; font-weight:bold; text-decoration:none; background:transparent url(/images/commun/bt/bt-valid.png) 0 -35px no-repeat; } #arboAccueil #moteurBox A#valid:hover { color:#111; text-decoration:underline; background:url(/images/commun/bt/bt-valid.png) 0 0 no-repeat; } #arboAccueil #moteurBox A#affiner { float:left; font-size:11px; height:20px; padding:11px 0 0 10px; color:#444; font-weight:normal; margin:0px 20px 0 0; background:url(/images/commun/puces/arrow-black2.png) 0 15px no-repeat; } DIV.menuDeroulantVilles { position:absolute; top:15px; left:4px; z-index:2; border:1px solid #a5a8b2; border-top:none; background-color:#FFFFFF; padding:2px; overflow:auto; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:.9em; font-weight:normal; padding:2px 3px 3px 3px; display:none; /*Si position "absolute" le curseur ne se met pas dans les champs sous Firefox. La position absolute est gérée par le JavaScript*/ } DIV.menuDeroulantVilles UL.mSousRubrik { list-style-type: none; background-color:#ebebeb; margin:0; padding:0; } DIV.menuDeroulantVilles UL.mSousRubrik LI { background:url(/images/commun/tirets_search.png) left bottom repeat-x; padding:1px 0 1px 0; } DIV.menuDeroulantVilles UL.mSousRubrik LI LABEL{ font-size:.9em; margin-left:2px; line-height:18px; } DIV.menuDeroulantVilles UL.mSousRubrik LI A { text-decoration:none; color:#000000; display:block; /*pour que la surface du A recouvre celle du li : effet de survol en fond blanc*/ } /* ************* Rubrique colonne de gauche **************** */ #arboAccueil p.textcolLeft { margin-bottom:5px;} /* Webtv Web TV */ #webtvBloc { display:block; width:250px; height:250px; margin:0 auto 0 auto; background: url(/images/webtv/bloc-index/webtv-bg.png) 0 0 no-repeat; margin-bottom:15px; padding:1px; } #webtvBloc .pics { width:248px; height:229px; overflow:hidden; } #webtvBloc A#webtvLink { display:block; height:20px; width:248px; } /* ** Rubrique Investir ** */ #arboAccueil p.investirText { margin:1px 0 0 0;color:#555555; margin-bottom:12px;} #arboAccueil p.investirText a { display:inline; margin-left:42px; text-decoration:none;} #arboAccueil p.investirText a:hover { text-decoration:underline;} #arboAccueil ul.investirProg { margin:3px 0 0 0} #arboAccueil ul.investirProg li { float:left; margin:0 0 2px 0} #arboAccueil ul.investirProg li.progCol1 { width:100px;} #arboAccueil ul.investirProg li.progCol2 { width:97px;} #arboAccueil p#impotsText { background:url(/neuf/images/commun/logos/adomos.png) right 0 no-repeat; line-height:1.3em} #arboAccueil p#impotsText a { margin-left:110px;} /* ICONES */ A.iconAcquereur { display:block; float:left; width:60px; height:60px; margin:0 5px 0 20px; background:transparent url(/images/commun/accueil/sprite-icons.png) no-repeat 0 0; } A.iconArbres { display:block; float:left; width:45px; height:50px; margin:0 5px 0 10px; background:transparent url(/images/commun/accueil/sprite-icons.png) no-repeat 0 -122px; } A.iconAvocats { display:block; float:left; width:60px; height:60px; margin:0 5px 0 20px; background:transparent url(/images/commun/accueil/sprite-icons.png) no-repeat 0 -230px; } A.iconCalculette { display:block; float:left; width:45px; height:50px; margin:0 5px 0 10px; background:transparent url(/images/commun/accueil/sprite-icons.png) no-repeat 0 -342px; } A.iconColoc { display:block; float:left; width:45px; height:50px; margin:0 5px 0 10px; background:transparent url(/images/commun/accueil/sprite-icons.png) no-repeat 0 -450px; } A.iconInvestisseurs { display:block; float:left; width:60px; height:60px; margin:0 5px 0 20px; background:transparent url(/images/commun/accueil/sprite-icons.png) no-repeat 0 -541px; cursor:default;} A.iconKey { display:block; float:left; width:60px; height:60px; margin:0 5px 0 20px; background:transparent url(/images/commun/accueil/sprite-icons.png) no-repeat 0 -659px; } A.iconMaisonloupe { display:block; float:left; width:45px; height:50px; margin:0 5px 0 10px; background:transparent url(/images/commun/accueil/sprite-icons.png) no-repeat 0 -777px; } A.iconProprio { display:block; float:left; width:60px; height:60px; margin:0 5px 0 20px; background:transparent url(/images/commun/accueil/sprite-icons.png) no-repeat 0 -885px; } A.iconQuotidien { display:block; float:left; width:45px; height:50px; margin:0 5px 0 10px; background:transparent url(/images/commun/accueil/sprite-icons.png) no-repeat 0 -1000px; } A.iconWebtv { display:block; float:left; width:45px; height:50px; margin:0 5px 0 10px; background:transparent url(/images/commun/accueil/sprite-icons.png) no-repeat 0 -1097px; } A.iconAcquereur:hover, A.iconArbres:hover, A.iconAvocats:hover, A.iconCalculette:hover, A.iconColoc:hover, A.iconInvestisseurs:hover, A.iconKey:hover, A.iconMaisonloupe:hover, A.iconProprio:hover, A.iconQuotidien:hover, A.iconWebtv:hover { text-decoration:none; } /* ** Rubrique location de véhicule ** */ #arboAccueil label#btTourisme { margin-right:66px; } /* Bouton Alerte Email pour index accueil */ #arboAccueil A.encartAlerteEmail { color:#333; display:block; font-size:.85em; margin:0 auto; padding:0; width:178px; height:124px; background:transparent url(/images/commun/accueil/bg-alerte.png) no-repeat 0px 0; } #arboAccueil A.encartAcheter { color:#333; display:block; font-size:.85em; margin-top:10px; padding:40px 0 0 87px; width:211px; height:55px; background:transparent url(/images/commun/global-image-index1-2.png) no-repeat -500px 0; border:1px solid #cdcdcd; } #arboAccueil A.encartAcheter:hover { text-decoration:underline; border:1px solid #999; } #arboAccueil .encartAcheter { width:295px; height:95px; background:transparent url(/images/commun/encartAcheter.png) no-repeat 0 0; } #arboAccueil .encartAcheter A { width:295px; height:95px; background:transparent url(/images/commun/encartAcheter.png) no-repeat 0 0; }/* ************************ Les boutons a droite du breadcrump **************************************************** */ #arboAccueil #btBar { float:right; width:50%; } #arboAccueil .partenaire { font:normal 0.85em Arial, Helvetica, Sans-serif; float:right; text-align:right; margin-right:3px; width:40%; } /******* PAGES DE REFERENCEMENT *********/ #arboRef .contentColLeft A { text-decoration:none; color:#000000;} #arboRef .contentColLeft A:hover { text-decoration:none; color:#ccc;} #arboRef .contentColLeft #formulaire { border:1px solid #ccc; width:303px; margin:10px auto 10px auto; padding:5px; height:200px;} #arboRef .contentColLeft #formulaire A.titre { font:bold 1.5em Arial, Helvetica, sans-serif; margin:0; padding-left:30px; color:#000000;} #arboRef .contentColLeft #formulaire A.titre:hover { text-decoration:none; color:#c30009;} #arboRef .contentColLeft label { float:left; margin:5px 0 0 0;} #arboRef .contentColLeft label.biens_col01 { clear:both; width:100px;} #arboRef .contentColLeft label.biens_col02 { width:101px;} #arboRef .contentColLeft label.biens_col04 { width:85px;} #arboRef .contentColLeft .services { color:#000000;} /******* PAGES ERREUR *********/ #arboError .fond { width:580px; height:100px; border:1px solid #ccc; background:url(/images/commun/encartTransparent.png) 0 0 no-repeat;} #arboError P.contenu { font:bold 1.5em Arial, Helvetica, Verdana, Sans-serif; color:#525252; text-align:center; margin-top:40px; } /* ............. COLONNE DE DROITE .............*/ .contentColRight .blocdefault { width:278px; padding:10px; margin:0 0 10px 0; border-bottom:1px solid #bbb; border-right:1px solid #bbb; border-left:1px solid #bbb; } /* header : espace pro */ .espaceProHeader { float:right; } .espaceProHeader .bloc1 { width:218px; padding:10px; margin:0 0 0 0; border-right:1px solid #d5d5d5; border-left:1px solid #d5d5d5; background-color:#f5f5f5; } .espaceProHeader #identifiant { float:left; width:110px; height:35px; margin-right:0px; } .espaceProHeader #identifiant INPUT { width:80px; } .espaceProHeader #motDePasse { float:left; width:80px; height:35px; } .espaceProHeader #motDePasse INPUT { width:80px; } .espaceProHeader A#ok { float:left; width:26px; height:17px; margin:13px 0 0 0; background:white url(/images/commun/global-image-1.png) no-repeat -960px -30px; } .espaceProHeader A#ok:hover { float:left; width:26px; height:17px; background:transparent url(/images/commun/global-image-1.png) no-repeat -960px -50px; } .espaceProHeader INPUT { width:50px; } .espaceProHeader UL { margin-top:10px; } /* Nouveaux blocs de droite sur contentColRight */ /*GENERAL*/ .contentColRight DIV { margin-right:auto; margin-left:auto; } .contentColRight .blocColRightData1 /*Bloc par defaut*/ { width:280px; margin-bottom:0px; padding:12px 8px 20px 7px; border-bottom:1px solid #cdcdcd; border-top:2px solid #f1f1f1;} .contentColRight .blocColRightDataGroupe /*ESPACE GROUPE*/ { width:278px; margin:0 0 10px 0; padding:12px 15px 10px 15px; border:1px solid #c1c1c1; background:transparent url(/images/commun/global-image-7.png) no-repeat 10px -330px; } /*Copie de blocColRightData1 avec un fond*/ .contentColRight .blocColRightData1 UL LI { border-bottom:1px solid #eee; } .contentColRight .blocColRightData1 UL LI A { display:block; color:#333; padding:3px 0 3px 15px; background:transparent url(/images/commun/puces/square.png) 0px center no-repeat; } .contentColRight .blocColRightData1 UL LI A:hover { color:#111; } .contentColRight .blocColRightData1 UL.fiches LI A { display:block; color:#333; padding:3px 0 3px 10px; background:transparent url(/images/commun/puces/fiche.png) 0px center no-repeat; } .contentColRight .blocColRightData1 UL.arrows LI A { display:block; color:#333; padding:3px 0 3px 10px; background:transparent url(/images/commun/puces/arrow-black2.png) 0px center no-repeat; } .contentColRight UL.dataGroupe { padding:0 0 0 70px; background:#fff url(/images/commun/global-image-7.png) no-repeat 10px -330px; } .contentColRight UL.dataGroupe LI A { background:transparent none; padding-left:0;} .contentColRight UL.dataGroupe LI A:hover { background:transparent none; padding-left:0; } .contentColRight UL.blocColRightDataFooter LI { margin-top:15px; border:0; } .contentColRight UL.blocColRightDataFooter LI.liLeft { float:left; width:120px;} .contentColRight UL.blocColRightDataFooter LI.liRight { float:right; width:120px; text-align:right; } .contentColRight UL.blocColRightDataFooter LI A { color:#466eb0; padding:3px 0 3px 0px; background:transparent none; width:100%; } .contentColRight #geo_Localisation { width:280px; margin-bottom:0px; padding:12px 8px 20px 7px; border-bottom:1px solid #cdcdcd; border-top:1px solid #cdcdcd; /* background:transparent url(/images/commun/global-image-index1.png) 160px 91px no-repeat; */ } .contentColRight #geo_Localisation DIV { margin:0px 0 4px 0; padding:0; text-align:left; color:#c30009; font-weight:normal; font-size:1em; } .contentColRight #geo_Localisation LABEL.moteurRech { font-size:1em; font-weight:normal; margin:0px 0 10px 0px; } .contentColRight #geo_Localisation INPUT { width:258px; margin:5px 0 0 0px; padding:2px; font-size:1.1em; border:2px solid #64a1d0;} .contentColRight #geo_Localisation SPAN { color:#c30009; margin:0 0 0 0px; font-size:.85em; } .contentColRight .blocColRightData1_A { width:280px; margin:0 0 10px 0; padding:15px 5px 10px 5px; border:1px solid #cdcdcd; background:transparent url(/images/actualite/bg-avocat-colright.png) no-repeat 1px 1px; } .contentColRight .blocColRightDataGroupe_A { width:268px; margin:0 0 10px 0; padding:15px 15px 10px 15px; /* border-bottom:0px solid #c1c1c1; */ background:transparent url(/images/commun/global-image-7.png) no-repeat 10px -330px; } /*Copie de blocColRightData1 avec un fond*/ .contentColRight .blocColRightData1_A UL LI { } .contentColRight .blocColRightData1_A UL LI A { width:200px; color:#333; display:block; padding:3px 0px 3px 15px; background:transparent url(/images/commun/puces/square.png) 0px center no-repeat; } .avocats { float:right; margin:20px 20px 0 0px; width:132px; height:75px; background:transparent url(/images/actualite/avocats1.png) 0px 0 no-repeat; } #loader { position:absolute; top:120px; left:440px; width:50px; height:50px; background:#7f8a95 url(/neuf/images/commun/loader.gif) 0 0 no-repeat; } /* Avocats */ UL.ulAvoc { float:left; width:165px; } UL.ulAvoc LI A { font-size:0.85em; color:#333; padding-left:12px; background:transparent url(/images/commun/global-image-1.png) no-repeat 0px -275px; } #bgAvoc { height:140px; background:transparent url(/images/commun/accueil/bg-avocat.png) 20px bottom no-repeat; } /* liste 2 colonnes sur accueil */ UL.ulDef { float:left; width:165px; } UL.ulDef LI A { font-size:1em; color:#333; padding-left:12px; background:transparent url(/images/commun/global-image-1.png) no-repeat 0px -275px; } /*diapositives*/ /*#ecran { width:2000px; height:128px; margin:0px 0 0 12px; padding:0; clip:rect(0px 280px 130px 0px); position:absolute; } #diaporama { background-color:#eee; list-style:none; position:relative; margin:0; padding:0; } .diapositive { float:left; width:136px; height:128px; margin:0 5px 0 0; padding:0}*/ .flecheGauche { float:left; display:inline; margin:0px 0 0 80px; width:22px; height:22px; cursor:pointer; background:transparent url(/images/commun/sprite/v4-sprite-bt-fv.png) 0 -24px no-repeat; } .flecheDroite { float:left; display:inline; margin:0px 5px 0 5px; width:22px; height:22px; cursor:pointer; background:transparent url(/images/commun/sprite/v4-sprite-bt-fv.png) 0 -124px no-repeat; } /* ---------------------------- Encart coups de coeur ---------------------------- */ /*.colRight { float:right; width:600px;} .colRight H2 { width:50%; }*/ .diapoContainer { float:left; display:inline; position:relative; width:200px; height:250px; text-align:center; margin:20px 0 0 0px; padding:0; } /* { float:left; width : 168px;height:168px; text-align:center; position:relative; } */ .diapoContainer .ecran { position:absolute; top:20px; left:5px; height:5000px; width:200px; margin:15px 0 0 0px; padding:0; clip:rect(0px 200px 200px 0px); } .diapoContainer .ecran .diaporama { background-color:#eee; list-style:none; margin:0; padding:0; position:relative; } .diapoContainer .ecran .diaporama .diapositive { width:200px; height:200px; margin:0 0 0 0; padding:0 0 0 0; font-size:.85em; border:1px solid #eee;border-bottom:2px solid #bbb } .diapoContainer .ecran .diaporama .diapositive IMG { width:160px; height:108px; margin:10px auto;} .diapoContainer .ecran .diaporama .diapositive A { font-weight:bold; color:#262626; } /* .control { float:right; margin:-37px 0 0 0; } */ .control { margin:0 0 10px auto;text-align:center;height:10px; } /* .control .petitPied { float:right; margin:0px 1px 0 0px; width:16px; height:16px; cursor:default; cursor:pointer; background:black url(/images/commun/sprite/v4-sprite-bt-vvv.png) -55px 0 no-repeat; } */ #diapoContainer IMG#loader { width:32px; height:32px; vertical-align:center; margin-top:50px; } .logoContainer { height:150px; text-align:center; margin:0; padding:0 2px 0 2px; } .logoContainer H2 { color:#c30009; border-bottom:1px solid #ccc;width:90%;} .logoContainer #boxLogo1 IMG { height:60px; width:auto; margin:20px 0 0 0; }