/* styles globaux */ /* +++ les elements avec - devant (-margin-left) sont specifiques à ie6 ceux avec / (/margin-left) sont specifiques à ie7 */ body { min-width:980px; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#000000; background-color:#FFFFFF; margin:0px; } a { text-decoration:none; } /* pour que IE6 supporte les png*/ img { -BEHAVIOR: url(js/iepngfix.htc); } #content { display:block; position:relative; top:-22px; left:0px; height:665px; width:980px; } /* COLONNE GAUCHE */ #contleft { display:block; height:665px; width:297px; float:left; background:url(../img/hfleft.png) no-repeat; background-position:46px 101px; -background:url(../img/hfleftie6.png) no-repeat; -background-position:0px 0px; -BEHAVIOR: url(js/iepngfix.htc); } #fr_contlefthisto { display:block; height:665px; width:297px; float:left; background:url(../img/histo.png) no-repeat; background-position:46px 101px; -background:url(../img/histoie6.png) no-repeat; -background-position:0px 0px; -BEHAVIOR: url(js/iepngfix.htc); } #uk_contlefthisto { display:block; height:665px; width:297px; float:left; background:url(../img/uk_histo.png) no-repeat; background-position:46px 101px; -background:url(../img/histoie6.png) no-repeat; -background-position:0px 0px; -BEHAVIOR: url(js/iepngfix.htc); } #logo { display:block; cursor:pointer; position:relative; float:left; top:40px; left:112px; height:130px; width:115px; background:url(../img/hfcompany.png) no-repeat; -BEHAVIOR: url(js/iepngfix.htc);} #convergence { clear:both; display:block; position:relative; float:left; top:0px; margin-top:65px; left:46px; height:376px; width:251px; } #convergencehf { clear:both; display:block; position:relative; float:left; top:0px; margin-top:45px; left:46px; height:376px; width:251px; } #convergencefil { clear:both; display:block; position:relative; float:left; top:0px; margin-top:65px; left:46px; height:376px; width:251px; font-size:9px; color:#FFFFFF; text-align:center; } #actionnariat { clear:both; display:block; position:relative; float:left; top:80px; left:46px; height:320px; width:250px; } #convergencehisto { clear:both; display:block; position:relative; float:left; top:0px; margin-bottom:65px; left:46px; height:376px; width:251px; } #menresult { clear:both; display:block; position:absolute; top:590px; left:30px; height:22px; width:215px; -top:20px;} #meninfo { clear:both; display:block; position:absolute; top:620px; left:54px; height:22px; width:230px; -top:30px;} #avidsen, #metronic, #omenex, #lea, #kaorka, #extel { display:none; position:relative; top:0px; left:0px;} #bourseinfo { clear:both; display:block; position:relative; float:left; top:18px; left:30px; height:70px; width:265px; } #bourseinfo2 { clear:both; display:block; position:relative; float:left; top:140px; left:30px; height:70px; width:265px; -top:115px; } #bourseinfo .txt, #bourseinfo2 .txt { display:block; width:265px; height:45px; text-align:right; font-size:9px; } #bourseinfo .cours, #bourseinfo2 .cours { color:#2358a2; font-size:14px; font-weight:bold; } #bourseinfo .txt a, #bourseinfo2 .txt a{ color:#878378; } #bourseinfo .txt a:hover, #bourseinfo2 .txt a:hover{ color:#726f69; } #convergenceinter { clear:both; display:block; position:relative; float:left; top:120px; line-height:16px; margin-top:65px; left:46px; height:376px; width:251px; text-align:center; color:#FFFFFF; font-weight:bold;} #convergenceinter .txte { color:#14a0d2; } #convergenceactiv { clear:both; display:block; position:relative; float:left; top:20px; line-height:13px; font-size:11px; margin-top:65px; left:46px; height:376px; width:251px; text-align:center; color:#FFFFFF;} #convergenceresult { clear:both; display:block; position:relative; float:left; top:120px; margin-top:65px; left:46px; height:360px; width:235px; text-align:center; color:#FFFFFF; font-size:10px; font-weight:bold; line-height:16px; padding:8px; } #convergencepress { clear:both; display:block; position:relative; float:left; top:0px; margin-top:65px; left:46px; height:376px; width:251px; } #ybouget { clear:both; display:block; position:relative; float:left; top:20px; height:170px; width:230px; text-align:center; color:#14a0d2; font-size:12px; } #etabone { clear:both; display:block; position:relative; float:left; top:20px; height:170px; width:230px; text-align:center; color:#14a0d2; font-size:12px;} #ybouget .txta { color:#989ea1; font-weight:bold;} #etabone .txta { color:#e1dfd9; font-weight:bold;} #motpres { padding:3px; color:#FFFFFF; text-align:center; font-size:11px; } #hfconvergence { padding:3px; padding-top:6px; color:#FFFFFF; text-align:center; font-size:11px; line-height:13px; } #emplcentre { display:block; position:relative; top:0px; left:0px; height:20px; width:251px; } #emplparis { display:block; position:relative; top:40px; left:0px; height:20px; width:251px; } #emplpaca { display:block; position:relative; top:80px; left:0px; height:20px; width:251px; } #emplinter { display:block; position:relative; top:120px; left:0px; height:20px; width:251px; } #convergencefil { clear:both; display:block; position:relative; float:left; top:0px; margin-top:65px; left:46px; height:376px; width:251px; font-size:10px; color:#FFFFFF; text-align:center; } #convergencefil a { color:#ffffff; } #convergencefil a:hover { text-decoration:underline; } #convergencecomm { clear:both; display:block; position:relative; float:left; top:0px; margin-top:63px; left:46px; height:376px; width:251px; } #receptiontv, #multimedia, #confortique, #hautdebit { display:none; position:relative; top:0px; left:0px;} .photo1activites { display:block; position:absolute; top:235px; left:0px;} .photo2activites { display:block; position:absolute; top:195px; left:0px;} .photo3activites { display:block; position:absolute; top:227px; left:0px;} /* COLONNE CENTRE */ #contenu { display:block; position:relative; float:left; top:0px; left:0px; height:556px; width:450px; padding-left:0px; } #contenul { display:block; position:relative; float:left; top:0px; left:0px; height:556px; width:655px; padding-left:0px; } #contenulre { display:block; position:relative; float:left; top:34px; left:26px; height:290px; width:655px; padding-left:0px; } #menugen { display:block; position:relative; float:left; top:0px; left:0px; height:204px; width:427px; padding-left:7px; padding-top:94px; } #news { display:block; position:relative; float:left; top:18px; left:0px; height:210px; width:200px; padding-top:5px; padding-left:30px; } .ndate { color:#FFFFFF; font-size:12px; font-weight:bold; } .ntitre { color:#878378; font-size:10px; font-weight:bold; } .ntxt { color:#878378; font-size:10px; } .nsuite a { color:#4a97b1; font-size:10px; } .nsuite a:hover { color:#2a5d6f; } #press { display:block; position:relative; float:left; top:18px; left:0px; height:210px; width:200px; padding-top:5px; text-align:right; padding-right:12px; } #carmarques { display:block; position:relative; float:left; top:18px; left:22px; height:136px; width:425px; } #conthisto { display:block; position:relative; float:left; top:14px; left:30px; height:242px; width:617px; padding-top:2px; } #contfiliales { clear:both; display:block; position:relative; float:left; top:66px; left:30px; height:268px; width:626px; } #menlangh { display:block; position:absolute; top:0px; right:47px; height:22px; width:149px; margin-top:43px;} #mennewsletterh { display:block; position:absolute; top:0px; right:17px; height:22px; width:110px; margin-top:72px;} #histobase { display:block; position:absolute; float:left; top:624px; left:30px; height:20px; width:620px; padding-top:2px; } #filinterbase { display:block; position:absolute; float:left; top:634px; left:23px; height:23px; width:630px;} #infobase { display:block; position:absolute; float:left; top:624px; left:20px; height:24px; width:421px;} #actiobase { display:block; position:absolute; float:left; top:634px; left:20px; height:24px; width:421px;} #avidsentxt, #metronictxt, #omenextxt, #leatxt, #kaorkatxt, #exteltxt { float:left; display:none; position:relative; top:170px; left:12px; width:200px; text-align:center; color:#878378; line-height:18px; font-size:11px; } #presse, #inforeglementees { display:block; position:relative; float:left; top:30px; left:30px; height:273px; width:403px; background:url(../img/infos/fond.png) no-repeat; } .rtitre { display:block; background-color:#14a0d2; color:#FFFFFF; width:390px; height:12px; padding:5px; font-weight:bold; } .rtexte , .rtexteon{ display:block; width:390px; padding-top:2px; font-size:11px; } .rtexte a, .rtexteon a { color:#878378; padding-left:10px; display:block; width:390px; line-height:22px; } .rtexte a:hover, .rtexteon a:hover { color:#FFFFFF; background-color:#a5a095; display:block; width:390px; padding-left:10px;} .rtexteon { color:#FFFFFF; background-color:#c1bdb4; padding-left:10px; font-size:11px; } #contfilialesinter { clear:both; display:block; position:relative; float:left; top:37px; left:23px; height:288px; width:630px; } #usa { clear:both; display:block; position:relative; float:left; top:-200px; left:130px; height:15px; width:20px; background:url(../img/inter/usa.png) no-repeat; -BEHAVIOR: url(js/iepngfix.htc); } #uk { clear:both; display:block; position:relative; float:left; top:-238px; left:262px; height:15px; width:20px; background:url(../img/inter/uk.png) no-repeat; -BEHAVIOR: url(js/iepngfix.htc); } #spain { clear:both; display:block; position:relative; float:left; top:-225px; left:265px; height:15px; width:20px; background:url(../img/inter/spain.png) no-repeat; -BEHAVIOR: url(js/iepngfix.htc); } #belgique { clear:both; display:block; position:relative; float:left; top:-260px; left:284px; height:15px; width:20px; background:url(../img/inter/belgique.png) no-repeat; -BEHAVIOR: url(js/iepngfix.htc); } #pologne { clear:both; display:block; position:relative; float:left; top:-270px; left:307px; height:15px; width:20px; background:url(../img/inter/pologne.png) no-repeat; -BEHAVIOR: url(js/iepngfix.htc); } #italia { clear:both; display:block; position:relative; float:left; top:-265px; left:300px; height:15px; width:20px; background:url(../img/inter/italia.png) no-repeat; -BEHAVIOR: url(js/iepngfix.htc); } #chine { clear:both; display:block; position:relative; float:left; top:-295px; left:480px; height:15px; width:20px; background:url(../img/inter/chine.png) no-repeat; -BEHAVIOR: url(js/iepngfix.htc); } .icosurv { filter:alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity: 0.2; opacity: 0.2; } .icol { filter:alpha(opacity=100); } #usaov { clear:both; display:none; position:relative; float:left; top:-335px; left:17px; height:42px; width:130px; } #ukov { clear:both; display:none; position:relative; float:left; top:-350px; left:150px; height:34px; width:130px; } #spainov { clear:both; display:none; position:relative; float:left; top:-300px; left:153px; height:85px; width:129px; } #belgiqueov { clear:both; display:none; position:relative; float:left; top:-377px; left:284px; height:68px; width:130px; } #pologneov { clear:both; display:none; position:relative; float:left; top:-398px; left:307px; height:95px; width:130px; } #italiaov { clear:both; display:none; position:relative; float:left; top:-295px; left:300px; height:85px; width:130px; } #chineov { clear:both; display:none; position:relative; float:left; top:-310px; left:480px; height:41px; width:130px;} #txtfilinter { float:left; display:block; position:relative; top:188px; left:20px; width:185px; text-align:center; color:#878378; line-height:18px;} #contboard{ clear:both; display:block; position:relative; float:left; top:51px; left:25px; height:264px; width:629px; } #contactivites{ clear:both; display:block; position:relative; float:left; top:17px; left:25px; height:264px; width:629px; } #contactionnariat { display:block; position:relative; float:left; top:6px; left:23px; height:273px; width:403px; } #div1 { display:block; position:absolute; top:250px; left:0px; } #div3 { display:block; position:absolute; top:250px; left:370px; } #emplois { display:block; position:relative; float:left; top:30px; left:30px; height:273px; width:616px; background:url(../img/fondb.png) no-repeat; } #emplcentrecont, #emplpariscont, #emplpacacont, #emplintercont {display: none; position: relative; float: left; top: 2px; left:2px; height: 257px; width: 611px; overflow-y: auto; overflow-x: hidden; padding-top: 5px; padding-bottom: 5px;} .annsoc { clear:both; float:left; color:#878378; font-size:13px; line-height:18px; font-weight:bold; margin-bottom:5px;padding-right: 5px; padding-left: 5px; width: 510px;} .annpos { clear:both; float:left; color:#878378; font-size:11px; line-height:16px; padding-bottom:10px;padding-right: 5px; padding-left: 5px; width: 580px;} .annsoc2{ clear:both; float:left; width:601px; color:#FFFFFF; font-size:13px; line-height:18px; font-weight:bold; height:20px; padding-right: 5px; padding-left: 5px; background:#a5a095; } .annpos2 { clear:both; float:left; display:block; width:585px; color:#FFFFFF; font-size:12px; line-height:16px; padding-bottom:10px;padding-right: 20px; padding-left: 5px; background:#a5a095; } .anntitre { display:block; background-color:#14a0d2; color:#FFFFFF; width:602px; height:12px; padding:5px; font-weight:bold;padding-right: 4px; padding-left: 5px; } .anntexte , .anntexteon{ display:block; width:602px; } .anntexte a, .anntexteon a { color:#878378; padding-left:10px; display:block; width:601px; line-height:18px; } .anntexte a:hover, .anntexteon a:hover { color:#FFFFFF; background-color:#a5a095; display:block; width:601px; padding-left:10px;} .anntexteon { color:#FFFFFF; background-color:#c1bdb4; display:block; width:601px; padding-left:10px; } /* COLONNE DROITE */ #contright { display:block; height:665px; width:233px; float:left; background:url(../img/hfright.png) no-repeat; background-position:0px 101px; -margin-top:101px; -BEHAVIOR: url(js/iepngfix.htc); } #menlang { clear:both; display:block; position:relative; float:right; top:0px; right:75px; height:22px; width:149px; margin-top:43px; -margin-top:-58px;} #mennewsletter { clear:both; display:block; position:relative; float:right; top:0px; right:45px; height:22px; width:110px; margin-top:7px; -margin-top:-30px;} #nouveautes { clear:both; display:block; position:relative; float:left; top:0px; left:0px; height:180px; width:205px; /margin-top:101px; -margin-top:-10px; BEHAVIOR: url(js/iepngfix.htc); } #agenda { clear:both; display:block; position:relative; float:left; top:0px; left:0px; height:307px; width:185px; text-align:center; -margin-top:-50px; } .adate { color:#8d9396; font-size:12px; font-weight:bold; } .atitre , .atitre a{ color:#5a8fa8; font-size:10px; font-weight:bold; } .atitre a:hover{ color:#355869; font-size:10px; font-weight:bold; } #bourse { clear:both; display:block; position:relative; float:left; top:0px; left:0px; height:70px; width:185px; text-align:center; } #bourse .txt { margin-left:15px; margin-right:15px; font-size:9px; } #bourse .cours { color:#2358a2; font-size:14px; font-weight:bold; } #hmenu { display:block; position: relative; top:130px; left:0px; float:left; width:185px; height:380px;} #hmenu img { border:0; } #hmenu label { display:block; width:185px; height:20px; } .reference { background:url(../img/infos/reference.png) no-repeat; margin-bottom:42px; -BEHAVIOR: url(js/iepngfix.htc); } .reference:hover , .referenceon{ background:url(../img/infos/reference_on.png) no-repeat; cursor:pointer; margin-bottom:42px; -BEHAVIOR: url(js/iepngfix.htc); } .rapports { background:url(../img/infos/rapports.png) no-repeat; margin-bottom:42px; -BEHAVIOR: url(js/iepngfix.htc); } .rapports:hover, .rapportson { background:url(../img/infos/rapports_on.png) no-repeat; margin-bottom:42px; -BEHAVIOR: url(js/iepngfix.htc); } .reglementees { background:url(../img/infos/reglementees.png) no-repeat; -BEHAVIOR: url(js/iepngfix.htc); } .reglementees:hover, .reglementeeson { background:url(../img/infos/reglementees_on.png) no-repeat; -BEHAVIOR: url(js/iepngfix.htc); } .reglementeeson:hover { background:url(../img/infos/reglementees.png) no-repeat; -BEHAVIOR: url(js/iepngfix.htc); } .assemblees { background:url(../img/infos/assemblees.png) no-repeat; margin-top:42px; -BEHAVIOR: url(js/iepngfix.htc); } .assemblees:hover, .assembleeson { background:url(../img/infos/assemblees_on.png) no-repeat; -BEHAVIOR: url(js/iepngfix.htc); } #hmenur, #hmenua { display:none; position:relative; float:left; width:185px; height:95px;} #hmenur label ,#hmenua label { display:block; width:185px; height:11px; margin-top:10px;} .obsaar { background:url(../img/infos/obsaar.png) no-repeat; -BEHAVIOR: url(js/iepngfix.htc); } .obsaar:hover, .obsaaron { background:url(../img/infos/obsaar_on.png) no-repeat; cursor:pointer; -BEHAVIOR: url(js/iepngfix.htc); } .rachats_actions { background:url(../img/infos/rachats_actions.png) no-repeat; -BEHAVIOR: url(js/iepngfix.htc); } .rachats_actions:hover, .rachats_actionson { background:url(../img/infos/rachats_actions_on.png) no-repeat; cursor:pointer; -BEHAVIOR: url(js/iepngfix.htc); } .droits_vote { background:url(../img/infos/droits_vote.png) no-repeat; -BEHAVIOR: url(js/iepngfix.htc); } .droits_vote:hover, .droits_voteon { background:url(../img/infos/droits_vote_on.png) no-repeat; cursor:pointer; -BEHAVIOR: url(js/iepngfix.htc); } .infos_publiees { background:url(../img/infos/infos_publiees.png) no-repeat; -BEHAVIOR: url(js/iepngfix.htc); } .infos_publiees:hover, .infos_publieeson { background:url(../img/infos/infos_publiees_on.png) no-repeat; cursor:pointer; -BEHAVIOR: url(js/iepngfix.htc); } .ag_060511 { background:url(../img/infos/ag_060511.png) no-repeat; -BEHAVIOR: url(js/iepngfix.htc); } .ag_060511:hover, .ag_060511on { background:url(../img/infos/ag_060511_on.png) no-repeat; cursor:pointer; -BEHAVIOR: url(js/iepngfix.htc); } .ag_290509 { background:url(../img/infos/ag_290509.png) no-repeat; -BEHAVIOR: url(js/iepngfix.htc); } .ag_290509:hover, .ag_290509on { background:url(../img/infos/ag_290509_on.png) no-repeat; cursor:pointer; -BEHAVIOR: url(js/iepngfix.htc); } .ag_040610 { background:url(../img/infos/ag_040610.png) no-repeat; -BEHAVIOR: url(js/iepngfix.htc); } .ag_040610:hover, .ag_040610on { background:url(../img/infos/ag_040610_on.png) no-repeat; cursor:pointer; -BEHAVIOR: url(js/iepngfix.htc); } .ag_080608 { background:url(../img/infos/ag_080608.png) no-repeat; -BEHAVIOR: url(js/iepngfix.htc); } .ag_080608:hover, .ag_080608on { background:url(../img/infos/ag_080608_on.png) no-repeat; cursor:pointer; -BEHAVIOR: url(js/iepngfix.htc); } .ag_140507 { background:url(../img/infos/ag_140507.png) no-repeat; -BEHAVIOR: url(js/iepngfix.htc); } .ag_140507:hover, .ag_140507on { background:url(../img/infos/ag_140507_on.png) no-repeat; cursor:pointer; -BEHAVIOR: url(js/iepngfix.htc); } .regint { background:url(../img/infos/reglement_off.png) no-repeat; -BEHAVIOR: url(js/iepngfix.htc); } .regint:hover, .reginton { background:url(../img/infos/reglement_on.png) no-repeat; cursor:pointer; -BEHAVIOR: url(js/iepngfix.htc); } #hmenur img, #hmenua img{ margin-top:9px; } #amf { clear:both; display:block; position:relative; width:185px; height:50px; float:left; margin-top:100px; } #pmenu { display:block; position: relative; top:0px; left:27px; float:left; width:131px; height:552px;} #pressmenu { display:block; position: relative; top:0px; left:0px; float:left; width:185px; height:552px;} #chiffres { clear:both; display:block; position:relative; float:left; top:160px; left:0px; height:307px; width:185px; text-align:center; color:#878378; font-size:9px; line-height:22px; font-weight:bold; /top:260px; -top:160px; } /* BAS DE PAGE */ #footer { float:left; display:block; position:absolute; top:640px; width:610px; height:28px; color:#747474; padding-left:130px; padding-top:5px; } #footer label { padding-left:8px; padding-right:8px; color:#8f8f90; cursor:pointer; font-size:10px;} #footer .copyright { padding-left:370px; font-size:5px;} label a{text-decoration:none;color:#8f8f90;} /* NEWSLETTER */ #pagnewsletter { display:block; top:0; left:0; width:500px; height:345px; background:url(../img/fr_newsletter.png) no-repeat; } #formcontact #pnom { display:block; position:absolute; top:154px; left:-20px; width:400px; height:20px; } #formcontact #pprenom { clear:both;display:block; position:absolute; top:184px; left:-20px; width:400px; height:20px; } #formcontact #pemail { clear:both;display:block; position:absolute; top:214px; left:-20px; width:400px; height:20px; } #formcontact #inputnom { clear:both; display:block; position:absolute; top:154px; left:235px;} #formcontact #inputnom .inputnews { width:130px; height:18px; background-color:#c8e1e5; border:1px solid #44b3dc; } #formcontact #inputprenom { clear:both;display:block; position:absolute; top:184px; left:235px; } #formcontact #inputprenom .inputnews { width:130px; height:18px; background-color:#c8e1e5; border:1px solid #44b3dc; } #formcontact #inputmail { clear:both; display:block; position:absolute; top:214px; left:235px; } #formcontact #inputmail .inputnews { width:130px; height:18px; background-color:#c8e1e5; border:1px solid #44b3dc; } #formcontact #inputnom .inputnews:hover,#formcontact #inputprenom .inputnews:hover,#formcontact #inputmail .inputnews:hover { background-color:#FFFFFF; } #formcontact #textform { clear:both; display:block; position:absolute; top:322px; left:150px; font-size:8px; color:#878378; } #formcontact .bouton { clear:both; display:block; position:absolute; top:290px; left:220px; background:url(../img/fr_newslettersend.png) no-repeat; -BEHAVIOR: url(js/iepngfix.htc); width:59px; height: 25px; border:0; } #formcontact .bouton:hover { background:url(../img/fr_newslettersendov.png) no-repeat; -BEHAVIOR: url(js/iepngfix.htc); } /* LIGHTBOX */ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #f0f0f0; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; background:#f0f0f0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #f0f0f0; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; background-color: #000; background-image: url(../img/overlay.png); }