body, html { width: 100%; height:100%; } body, table { margin:0px; padding:0px; font-family: Arial, sans-serif; font-size:12px; } html { } body { background-color:#e3e3e3; background-position:top center; background-attachment:fixed; background-repeat: no-repeat; background-image:url(../img/fond06.jpg); } /*img, div, a, li, h3, h2 { behavior: url(/styles/iepngfix.htc) } * html div#map img { behavior: none; }*/ table { background-color:transparent; } #page-homepage #bodycontent { margin:0px 0px; } #homevideo { position:absolute; top: 40px; left: 300px; text-align:center; } #homevideo #flashcontent { cursor:pointer; text-align:left; } #homevideo .nav { position:relative; width: 609px;} #homevideo .nav .rejouer { float: left; text-align:left;} #homevideo .nav .skip {float: right; text-align:right;} /* squelette */ #bodycontent { margin:0px auto; position:relative; width: 980px; height:100%; z-index:0; background-color: transparent; background-position:top center; } #portrait { position:fixed; width:350px; height: 510px; bottom:0px; left: 0px; z-index:0; background-repeat:no-repeat; background-position:bottom left; _display:none; } #portrait.p21 { background-image:url(../img/portraits/portrait21.png); } #portrait.p22 { background-image:url(../img/portraits/portrait22.png); } #portrait.p23 { background-image:url(../img/portraits/portrait23.png); } #portrait.p4 { background-image:url(../img/portraits/portrait4.png); } #portrait.p24 { background-image:url(../img/portraits/portrait24.png); } #portrait.p6 { background-image:url(../img/portraits/portrait6.png); } #portrait.p25 { background-image:url(../img/portraits/portrait25.png); } #portrait.p8 { background-image:url(../img/portraits/portrait8.png); } #portrait.p9 { background-image:url(../img/portraits/portrait9.png); } #portrait.p10 { background-image:url(../img/portraits/portrait10.png); } #portrait.p11 { background-image:url(../img/portraits/portrait11.png); } #banner { position:fixed; width:370px; height: 220px; top:0px; right: 0px; z-index:0; background-repeat:no-repeat; background-position:top right; } #banner.b1 { background-image:url(../img/banners/ecrou.png); } #banner.b2 { background-image:url(../img/banners/mains.png); } #banner.bspatial, #banner.bsecurite-defense, #banner.baeronautique-spatial-defense { background-image:url(../img/banners/aeronautique01.png); } #banner.bassurance-prevoyance-retraite { background-image:url(../img/banners/retraite.png); } #banner.bautomobile { background-image:url(../img/banners/automobile02.png); } #banner.bbanques-finances { background-image:url(../img/banners/banque.png); } #banner.benergie { background-image:url(../img/banners/energie.png); } #banner.binfrastructures-transports { background-image:url(../img/banners/transport.png); } #banner.bsciences-du-vivant { background-image:url(../img/banners/sciences-vie02.png); } #banner.bservice-distribution { background-image:url(../img/banners/service-distrib.png); } #banner.btelecom-medias { background-image:url(../img/banners/telecom01.png); } #banner.binfra { background-image:url(../img/banners/infra.png); } #banner.bsi { background-image:url(../img/banners/systeme-info.png); } #banner.bse { background-image:url(../img/banners/systeme-embarque.png); } #banner.bmeca { background-image:url(../img/banners/ecrou.png); } #banner.bhomepage { } #banner.bpartenaires { background-image:url(../img/banners/partenaires02.png); } #banner.binvestisseurs { background-image:url(../img/banners/banque-finance.png); } #banner.buniversite { background-image:url(../img/banners/universite.png); } #banner.brecrutement { background-image:url(../img/banners/jeune-saut.png); } #banner.bnews { background-image:url(../img/banners/presse.png); } #banner.bimplantations { background-image:url(../img/banners/implantation.png); } #banner.benvironnement { background-image:url(../img/banners/dev-durable01.png); } #banner.bgroupe { background-image:url(../img/banners/groupe-edito.png); } #banner.bedito { background-image:url(../img/banners/groupe-edito.png); } #banner.bqualite { background-image:url(../img/banners/qualite-groupe.png); } #banner.bsociete { background-image:url(../img/banners/groupe-edito.png); } #banner.batouts-rh { background-image:url(../img/banners/mains.png); } #banner.bsolutions-cles { background-image:url(../img/banners/solution-cles.png); } #banner.bnos-engagements { background-image:url(../img/banners/groupe-edito.png); } #header { position:relative; width: 750px; height: 126px; margin-left: 200px; } #logo { position:absolute; top: 35px; left: 35px; width: 196px; height: 79px; background-image:url(../img/logo_196px.png); background-repeat:no-repeat; z-index: 2; } #logo a { display:block; width: 196px; height: 79px; } #baseline { position:absolute; top: 87px; left: 35px; width: 400px; text-align:left; color:#FFFFFF; font-weight:bold; font-size: 16px; z-index:3; } #header #mots { position:absolute; top: 13px; left: 0px; width: 615px; height:100px; color:#FFFFFF; font-weight:bold; overflow:hidden; cursor:pointer; background:url(../img/bandeau-haut02.png) no-repeat; opacity:0.4; filter:alpha(opacity=40); background-position:center top; } #header #mots marquee { position:absolute; } #header #mots marquee div.global { } #header #mots marquee div.global span { display:block; float: left; padding: 0px 5px; height:100px; } #header #mots marquee.un {top: 0px;} #header #mots marquee.deux {top: 0px;} #header #mots marquee.deux div.global span { display:block; float: left; padding: 0px 5px; height:100px; } #header #mots marquee span.couleur1 { color: #FFFFFF; } #header #mots marquee span.couleur2 { color: #6f6f6f; } #header #mots marquee span.couleur3 { color: #4f4f4f; } #header #mots marquee span.couleur4 { color: #000000; } #header #mots marquee span.couleur5 { color: #efefef; } #leftbar { position:relative; padding:40px 20px 0px 15px; width: 170px; float:left; } #leftmenu { position:relative; width: 187px; padding-top: 0px; } #leftmenu .container { height:500px; margin-left: 10px; } #leftmenu ul li { width: 180px; padding:0px 0px; } #leftmenu .menu_investisseurs ul li { } #leftmenu ul li a { display:block; height:24px; padding:4px 17px 12px 8px; font-weight:bold; color: #0093BD; font-size:14px;background-image:url(../img/bouton02.png); background-repeat:no-repeat; } #leftmenu .menu_investisseurs ul li a { display:block; height:25px; padding:8px 12px 8px 8px; font-weight:bold; color: #3e3d40; font-size:12px; background-image:url(../img/bouton02.png); background-repeat:no-repeat; } #leftmenu .menu_investisseurs ul li a:hover { background-image:url(../img/bouton02.png); background-position:0px -45px; } #leftmenu .menu_investisseurs ul li.selected a { background-image:url(../img/bouton02.png); background-position:0px -90px; } #leftmenu .menu_investisseurs ul li a.long { height:23px; padding:11px 12px 8px 8px; } #leftmenu .menu_investisseurs ul li.info { height: auto; } #leftmenu .menu_investisseurs ul li.info a {cursor:pointer; } #leftmenu .menu_investisseurs ul li.info a.long { height:33px; padding:1px 12px 6px 8px; cursor:pointer; } #leftmenu .menu_investisseurs ul li.info .ul { display:none; margin-bottom:10px; } #leftmenu .menu_inve stisseurs ul li#menu_actuelles { margin-top: 30px; } #leftmenu ul li a:hover { background-image:url(../img/bouton02.png); background-position:0px -45px; } #leftmenu ul li a.selected { background-image:url(../img/bouton02.png); background-position:0px -90px; } #leftmenu ul li h3 { display:block; height:24px; padding:7px 17px 9px 8px; font-weight:bold; color: #0093BD; font-size:13px;background-image:url(../img/bouton02.png); background-repeat:no-repeat; margin: 0; } #leftmenu ul li.long a { height:31px; padding:1px 17px 8px 8px; } #leftmenu ul li div.top { background-image:url(../img/submenu02.png); width: 165px; height:10px; margin:0; padding:0; } #leftmenu ul li div.ul { background-image:none; width: 165px; padding:0px; margin: 0px 0px 0px 0px; } #leftmenu ul li div.ul div.li { padding:0px; width: 165px; background-image:url(../img/1px-transparent-blanc.png); } #leftmenu ul li div.ul div.li a { padding:3px 2px 3px 6px; font-weight:normal; font-size: 11px; background-image:url(../img/bouton-nv04.png); background-position:-173px -11px; line-height:12px; height:auto; font-weight:bold; } #leftmenu ul li div.ul div.li.selected a { background-image:url(../img/bouton-nv04.png); background-position:-360px -11px; color: #e1e2e3;} #leftmenu .menu_investisseurs ul li div.ul div.li a { background-image:url(../img/bouton-nvdarkblue.png); } #leftmenu .menu_investisseurs ul li div.ul div.li.selected a { background-image:url(../img/bouton-nvdarkblue.png); background-position:-360px -11px; color: #000;} #leftmenu ul li div.bottom { background-image:url(../img/submenu02.png); background-position:0px -10px; width: 165px; height:10px; margin-bottom:0px; background-repeat:no-repeat; } #leftmenu .menu_investisseurs #action_ausy { position:absolute; top: 561px; } #leftmenu .menu_investisseurs #action_ausy .contenu { text-align:center; padding:0px 5px;} #leftmenu ul li div.ul div.ul { display:none; } #leftmenu ul li div.ul div.ul div.li a { padding-left:15px; font-weight:normal; } #leftmenu #metiers .bottom { margin-bottom: 28px; } #leftmenu #implantations { position: absolute; margin: 0px; top: 200px; } #leftmenu #implantations div.nosimplantations a, #leftmenu #implantations div.nosimplantations a:hover { display:block; background-image:url(../img/bouton-sansombre.png); background-repeat:no-repeat; background-color:transparent; background-position:0px 0px; height:14px; padding:6px 8px 10px 8px; _padding:6px 8px 8px 8px; font-weight:bold; color: #0093BD; font-size:13px; width: 149px; } #leftmenu #implantations div.planisphere { width:165px; margin:0; padding:10px 0px 0px; background-image:url(../img/1px-transparent-blanc.png); height: 85px; } #leftmenu #implantations div.planisphere a { display:block; width: 165px; height: 85px; background-image:url(../img/planisphere/carte-generale.png); background-position: top center; background-repeat:no-repeat; margin:0; padding:0; } #leftmenu #implantations .bottom { width: 165px; height: 10px; background-image:url(../img/submenu02.png); background-position: 0px -10px; margin-bottom:28px; background-repeat:no-repeat; } #leftmenu #secteurs { position: absolute; margin-top:0px; top:373px; } #leftmenu #secteurs ul li h3 { font-size:12px; padding:8px 17px 8px 8px; } #leftmenu #secteurs ul li div.ul { display:block; } #leftmenu #secteurs ul li div.ul div.li { padding:0px; background-image:url(../img/1px-transparent-blanc.png); width: 165px; height:auto; } #leftmenu #secteurs ul li div.ul div.li a { padding:3px 2px 3px 6px; font-weight:normal; font-size: 11px; height:auto; background-image:url(../img/bouton-nv04.png); background-position:-173px -11px; font-weight:bold; } #leftmenu #secteurs ul li div.ul div.li.selected a { background-image:url(../img/bouton-nv04.png); background-position:-360px -11px;} #leftmenu .bloc { padding-left: 10px; width: 150px; } #leftmenu .bloc .title { width: 149px; font-size:14px; display:block; height:18px; background-image:url(../img/bouton-sansombre.png); padding:6px 8px; font-weight:bold; } #leftmenu .menu_investisseurs .bloc .title a { color: #3e3d40; } #leftmenu .bloc .top { background-image:url(../img/submenu02.png); width: 165px; height:10px; margin: 0; padding:0; } #leftmenu .bloc .contenu { padding:7px 5px 0px; width: 155px; background-image:url(../img/1px-transparent-blanc.png); } #leftmenu .bloc .bottom { background-image:url(../img/submenu02.png); background-position:0px 10px; width: 165px; height:10px; padding:0; margin-bottom:10px; } #maincontent { float:left; width: 570px; } #topmenu { position:relative; width: 500px; height: 41px; float:left; } #topmenu ul#topnavigation { position:absolute; margin-left: 0px; z-index:95; } #topmenu ul#topnavigation li { float: left; position:relative; } #topmenu ul#topnavigation li h3, #topmenu ul#topnavigation li h2 { font-size: 14px; padding-left:0px; font-weight:bold; color: #704878; margin: 0; } #topmenu ul#topnavigation li h3 a {color: #704878;text-decoration: none; display:block; margin-bottom: 0; padding: 0px 12px 0px 12px; cursor:pointer; height:37px; font-size:inherit; margin-top:0px; font-weight:bold; border-right: 1px solid #ACABAD; } #topmenu ul#topnavigation li h2 a {color: #704878;text-decoration: none; display:block; margin-bottom: 0; padding: 5px 12px 0px 12px; cursor:pointer; height:32px; font-size:inherit; margin-top:0px; font-weight:bold; border-right: 1px solid #ACABAD; } #topmenu ul#topnavigation li h3 a img { margin-left:10px; vertical-align:middle; width: 60px;} #topmenu ul#topnavigation li h2 a:hover{ color:#57156b; } #topmenu ul#topnavigation li h2 a span { padding-left:0px; } #topmenu ul#topnavigation li h2.clients a { background-image:url(../img/topmenu-05.png); background-position: -0px -0px; width:49px; } #topmenu ul#topnavigation li h2.clients a:hover { background-image:url(../img/topmenu-05.png); background-position: -0px -41px; } #topmenu ul#topnavigation li h2.clients.selected a { background-image:url(../img/topmenu-05.png); background-position: -0px -82px; } /*#topmenu ul#topnavigation li h2.groupe a { background-image:url(../img/topmenu-05.png); background-position: top right; border-right-width:0px; padding-right:25px; width:75px; } #topmenu ul#topnavigation li h2.groupe a:hover { background-image:url(../img/topmenu-05.png); background-position: right -41px; } #topmenu ul#topnavigation li h2.groupe.selected a { background-image:url(../img/topmenu-05.png); background-position: right -82px; }*/ #topmenu ul#topnavigation li h2.groupe a { background-image:url(../img/topmenu-05.png); background-position: -50px -0px; width: 70px; } #topmenu ul#topnavigation li h2.groupe.selected a { background-image:url(../img/topmenu-05.png); background-position: -200px -82px; } #topmenu ul#topnavigation li h2.groupe a:hover { background-image:url(../img/topmenu-05.png); background-position: -50px -41px; } #topmenu ul#topnavigation li h2.intranet a { background-image:url(../img/topmenu-05.png); background-position: top right; border-right-width:0px; padding-right:25px; width:65px; } #topmenu ul#topnavigation li h2.intranet a:hover { background-image:url(../img/topmenu-05.png); background-position: right -41px; } #topmenu ul#topnavigation li h2.intranet.selected a { background-image:url(../img/topmenu-05.png); background-position: right -82px; } #topmenu ul#topnavigation li h2.partenaires a { background-image:url(../img/topmenu-05.png); background-position: -50px -0px; width: 81px; } #topmenu ul#topnavigation li h2.investisseurs a { background-image:url(../img/topmenu-05.png); background-position: -50px -0px; width: 96px;} #topmenu ul#topnavigation li h2.partenaires.selected a, #topmenu ul#topnavigation li h2.investisseurs.selected a { background-image:url(../img/topmenu-05.png); background-position: -200px -82px; } #topmenu ul#topnavigation li h2.partenaires a:hover, #topmenu ul#topnavigation li h2.investisseurs a:hover { background-image:url(../img/topmenu-05.png); background-position: -50px -41px; } #topmenu ul#topnavigation li { list-style: none; margin-top:0px; padding-left: 0px; } #topmenu ul#topnavigation li.first { clear: left; padding-left: 55px; } #topmenu ul#topnavigation li ul{ display:none; margin: 0 0 0 0; list-style: none; position: absolute; z-index: 99; } #topmenu ul#topnavigation li ul .top { background-image:url(../img/submenu_bg.png); background-repeat:no-repeat; background-position:0px 0px; width: 116px; height:10px; } #topmenu ul#topnavigation li ul .bottom { background-image:url(../img/submenu_bg.png); background-position:0px 10px; width: 116px; height:10px; background-repeat:no-repeat; } #topmenu ul#topnavigation li ul div.li { float:none; margin:0px; padding:0px;} #topmenu ul#topnavigation li ul div.li a {display: block;text-decoration: none; background-color:#cbccce; width: 106px; padding: 3px 5px; margin:0;color: #704878; font-size:11px; font-weight:bold; } #topmenu ul#topnavigation ul div.li a, #topmenu ul#topnavigation ul div.li a:link, #topmenu ul#topnavigation ul div.li a:visited{color: #704878;} #topmenu ul#topnavigation ul div.li a:hover{background: #958eaf;color: #fff;} #maincontent #language { position:relative; top: 7px; left: 7px; } #maincontent #language a { display:block; float:left; width: 20px; height: 20px; cursor:pointer; margin-right:5px; } #maincontent #language a.fr { background-image:url(../img/flag-fr2.png); background-position:0px 0px; } #maincontent #language a.en { background-image:url(../img/flag-en2.png); background-position:0px 0px; } /*#maincontent #language a.selected { background-position:0px 0px; }*/ #maincontent #language a:hover { background-position:0px 0px; } #maincontent #language a.selected { color:#000000; cursor: default; } #midcontent { width: 560px; padding-right: 10px; float:left; } #midcontent .top { width: 560px; height: 10px; background-image:url(../img/midcontent.png); } #midcontent #main { width: 560px; background-image:url(../img/1px-transparent-blanc.png); background-repeat:repeat; padding:0px; line-height:17px; min-height:680px; height:auto !important;height:680px; } #midcontent #main .padding { padding:1px 10px 10px 10px; } #midcontent #main div.page { position:relative; } #midcontent #main div.edit { float: right; } #midcontent .bottom { width: 560px; height: 10px; background-image:url(../img/midcontent.png); background-position:0px 10px; margin-bottom:10px; } #footer { width: 920px; padding: 0px 0px; font-size:10px; float:left; padding-left: 45px; color: #4F4F4F; } #footer .content { width: 920px; height:20px; padding-top: 3px; position:absolute; text-align:center; background-image:url(../img/footer.png); background-repeat: no-repeat; } #rightmenu { float:left; width: 175px; position:relative; padding:40px 0px 0px 5px; height:720px; } #rightmenu div.ad { height:160px; width: 157px; padding: 0px 0px 0px 3px; position:relative; font-size: 14px; font-weight:bold; overflow:hidden; } #rightmenu div.ad a { display:block; height:90px; width: 157px; background-image:url(../img/pastille.gif); padding: 35px 0px; background-repeat:no-repeat; text-align:center; color: #FFFFFF; border: 0px; background-color: transparent; } #rightmenu .title { width: 180px; font-size:14px; } #rightmenu .menu_investisseurs .title { width: 180px; font-size:12px; } #rightmenu .title a { color: #9e1e5c; display:block; height:27px; background-image:url(../img/bouton02.png); padding:6px 8px; font-weight:bold; } #rightmenu .title a:hover { background-position: 0px -45px; } #rightmenu .title a.selected { background-position: 0px -90px; } #rightmenu .menu_investisseurs .title a { padding:10px 8px; height: 20px; } #rightmenu .menu_investisseurs .bloc .title.long a { padding:1px 8px; height: 28px; font-size:12px; } #rightmenu .menu_investisseurs .title.long a { padding:1px 8px; height:37px; } #rightmenu .menu_investisseurs .bloc .title.violet a, #rightmenu .menu_investisseurs .title.violet a { color: #3e3d40; } #rightmenu .menu_investisseurs .bottombloc { position:absolute; top: 568px; } #rightmenu .bloc { } #rightmenu .menu_investisseurs .bloc { margin-bottom:30px; } #rightmenu .bloc .title { width: 165px; font-size:13px; } #rightmenu .bloc .title a { color: #9e1e5c; display:block; height:18px; background-image:url(../img/bouton-sansombre.png); padding:6px 8px; font-weight:bold; } #rightmenu .menu_investisseurs .bloc .title a { color: #075d7d ; } #rightmenu .bloc .title a:hover { background-position: 0px 0px; } #rightmenu .menu_investisseurs .bloc .title a { padding:7px 8px; height: 16px; font-size:12px; } #rightmenu .bloc .top { background-image:url(../img/submenu02.png); width: 165px; height:10px; margin: 0; padding:0; } #rightmenu .bloc .contenu { padding:7px 5px 0px; width: 155px; background-image:url(../img/1px-transparent-blanc.png); } #rightmenu .menu_investisseurs .bloc .contenu { font-weight:bold; } #rightmenu .bloc div.ul { width:165px; padding:0px 0px; } #rightmenu .bloc div.ul div.li { font-weight:bold; background-image:url(../img/1px-transparent-blanc.png); } #rightmenu .bloc div.ul div.li a { padding:3px 5px; color: #9e1e5c; background-image:url(../img/bouton-nvrose.png); background-position:-20px -5px; display:block; font-size:11px; } #rightmenu .menu_investisseurs .bloc div.ul div.li a { background-image:url(../img/bouton-nvdarkblue.png); } #rightmenu .menu_investisseurs .bloc div.ul div.li a { color: #3e3d40; } #rightmenu .bloc div.ul div.li.selected a { background-image:url(../img/bouton-nvrose.png); background-position:-360px 0px; color: #e1e2e3;} #rightmenu .bloc .bottom { background-image:url(../img/submenu02.png); background-position:0px -10px; width: 165px; height:10px; padding:0; margin-bottom:10px; background-repeat:no-repeat; } #rightmenu .bloc#events { margin-bottom:60px; } #rightmenu .bloc#news { position:absolute; bottom:85px; _bottom:65px;} #rightmenu .bloc#events .title, #rightmenu .bloc#news .title { font-size: 14px;} #rightmenu .bloc#news .bottom { padding-bottom:0px; margin-bottom:0;} #rightmenu #universites { margin-bottom:46px; } #rightmenu #universites.title { padding:0px; } #rightmenu #universites.title a { border-bottom: 0px; } #rightmenu .bloc.contact_news { margin-bottom:129px; } #rightmenu .bloc.contact_news .title a { padding:0px 8px; height:30px; } #rightmenu .bloc.contact_news .contenu { font-size:11px; } #rightmenu .logo { width: 165px; height: 67px; background-image:url(../img/logo_165px.png); position:absolute; bottom: 0px; } ul.scrolling { width: 165px; padding: 0px 0px; height: 70px; overflow:hidden; background-image:url(../img/1px-transparent-blanc.png); } ul.scrolling.news { height:90px; } ul.scrolling li { padding: 0px; height: 70px; overflow: hidden; width: 155px; background: transparent; font-size: 11px; padding: 0px 5px; } ul.scrolling.news li {height: 90px; } ul.scrolling li a {color: #9e1e5c; } ul.scrolling li .date { color: #9e1e5c; font-weight:bold; } ul.scrolling li .entete { height:55px; overflow:hidden; } ul.scrolling li .readmore img { vertical-align:bottom; } /* Contenu */ #main .nyromodal {} #main ul { } #main ul li { margin-left:15px; list-style: none; } #main .menu { text-align:center; font-size:13px; font-weight:bold;} #main .menu ul { width: 540px;} #main .menu ul li { float:left; padding:0; margin:0; } #main .menu ul li.last { padding-right:0px;} #main .menu ul li a { cursor:pointer; color:#999999;} #main .menu ul li img { vertical-align:bottom; } #main .menu ul li a.selected { text-decoration:none; color:#0092BC; } #main .menu.recrutement ul li { padding-right: 10px; } #main .menu.recrutement ul li.last { padding-right:0px;} #main .menu.recrutement ul li a.selected { color:#9e1e5c; } #main table tr, #main table tr td, #main table { border-collapse:collapse; } #main #environnement h1 { color: #4ea300; } #main #edito h1 { color: #000000; } #main #anim_avion { width: 500px; height: 377px; background-image:url(../img/animation-avion.png); position:relative;} #main #anim_avion div { width: 40px; height: 40px; position:absolute;} #main #anim_avion div.f1 { top: 120px; left: 380px;} #main #anim_avion div.f2 { top: 160px; left: 300px;} #main #anim_avion div.f3 { top: 200px; left: 300px;} #main #anim_avion div.f4 { top: 230px; left: 280px;} #main #anim_avion div.f5 { top: 160px; left: 150px;} #main #anim_voiture { width: 500px; height: 377px; background-image:url(../img/anim-voiture.png); background-position:-1px 0px; position:relative;} #main #anim_voiture div { width: 40px; height: 40px; position:absolute;} #main #anim_voiture div.f1 { top: 160px; left: 340px;} #main #anim_voiture div.f2 { top: 240px; left: 160px;} #main #anim_voiture div.f3 { top: 210px; left: 70px;} #main #anim_voiture div.f4 { top: 300px; left: 260px;} #main #anim_voiture div.f5 { top: 60px; left: 180px;} #main #anim_voiture div.f6 { top: 260px; left: 370px;} #main #anim_voiture div.f7 { top: 130px; left: 270px;} #nos-implantations .menu { height:40px; } #nos-implantations .menu ul li { padding-right: 70px; } #nos-implantations .menu ul li.last { padding-right:0px;} #nos-implantations .contentvisible { position:relative; width: 530px; height:500px; overflow:hidden;clear:left; z-index: 0; } #nos-implantations .contentvisible div.ul { height:500px; overflow:hidden; width: 10000px; margin: 0px; padding:0px; } #nos-implantations .contentvisible div.ul div.li { float: left; width: 530px; padding:0px 10px; margin:0px; overflow:hidden; } #nos-implantations .offshore { position:relative; width: 530px; height: 500px; background:url(../img/planisphere/carte-offshore.png) no-repeat 0px 0px; z-index:50;} #nos-implantations .offshore div { position: absolute; cursor:pointer; z-index:51; } #nos-implantations .offshore div a { display:block; width: 100%; height:100%; cursor:pointer; } #nos-implantations .offshore div.inde {top: 260px; left: 230px; width: 70px; height: 100px; } #nos-implantations .offshore div.inde a img { width: 70px; height: 100px; } #nos-implantations .offshore div.russie { top: 100px; left: 100px; width: 380px; height: 140px; } #nos-implantations .offshore div.russie a img { width: 380px; height: 140px; } #nos-implantations .offshore div.vietnam { top: 290px; left: 330px; width: 40px; height: 80px; } #nos-implantations .offshore div.vietnam a img { width: 40px; height: 80px; } #nos-implantations .offshore div.chine { top: 210px; left: 240px; width: 160px; height: 90px; } #nos-implantations .offshore div.chine a img { width: 160px; height: 90px; } #nos-implantations .nearshore { position:relative; width: 530px; height: 500px; background:url(../img/planisphere/carte-nearshore.png) no-repeat 0px 0px; z-index:50;} #nos-implantations .nearshore div { position: absolute; cursor:pointer; z-index:51; } #nos-implantations .nearshore div a { display:block; width: 100%; height:100%; cursor:pointer; } #nos-implantations .nearshore div.maroctunisie { top: 240px; left: 70px; width: 130px; height: 120px; } #nos-implantations .nearshore div.maroctunisie a img { width: 130px; height: 120px; } #nos-implantations .nearshore div.roumanie { top: 130px; left: 340px; width: 100px; height: 70px; } #nos-implantations .nearshore div.roumanie a img { width: 100px; height: 70px; } #nos-implantations .nearshore div.pologne { top: 50px; left: 280px; width: 110px; height: 80px; } #nos-implantations .nearshore div.pologne a img { width: 110px; height: 80px; } #nos-implantations .nearshore div.france { top: 110px; left: 150px; width: 140px; height: 120px; } #nos-implantations .nearshore div.france a img { width: 140px; height: 120px; } #nos-implantations .proximite { position:relative; width: 530px; height: 500px; background:url(../img/planisphere/carte-france.png) no-repeat 0px 0px; z-index:50;} #nos-implantations .proximite div { position: absolute; cursor:pointer; z-index:51; } #nos-implantations .proximite div a { display:block; width: 30px; height:30px; cursor:pointer; } #nos-implantations .proximite div a img { width: 30px; height: 30px; } #nos-implantations .proximite div.paris { top: 160px; left: 270px; } #nos-implantations .proximite div.aix { top: 350px; left: 330px; } #nos-implantations .proximite div.nice { top: 345px; left: 395px; } #nos-implantations .proximite div.orleans { top: 190px; left: 260px; } #nos-implantations .proximite div.niort { top: 270px; left: 180px; } #nos-implantations .proximite div.brest { top: 185px; left: 95px; } #nos-implantations .proximite div.lille { top: 120px; left: 290px; } #nos-implantations .proximite div.strasbourg{ top: 170px; left: 410px; } #nos-implantations .proximite div.rennes { top: 190px; left: 165px; } #nos-implantations .proximite div.lyon { top: 280px; left: 330px; } #nos-implantations .proximite div.grenoble { top: 315px; left: 360px; } #nos-implantations .proximite div.nantes { top: 220px; left: 165px; } #nos-implantations .proximite div.tours { top: 220px; left: 205px; } #nos-implantations .proximite div.le-mans { top: 200px; left: 185px; } #nos-implantations .proximite div.lannion { top: 185px; left: 125px; } #nos-implantations .proximite div.toulouse { top: 350px; left: 240px; } #nos-implantations .proximite div.bordeaux { top: 320px; left: 180px; } #nos-implantations .proximite div.luxembourg { top: 135px; left: 375px; } #nos-implantations .proximite div.luxembourg a, #nos-implantations .proximite div.luxembourg a img { width: 30px; height: 30px; } #nos-implantations .proximite div.belgique { top: 90px; left: 290px; } #nos-implantations .proximite div.belgique a, #nos-implantations .proximite div.belgique a img { width: 120px; height: 70px; } #form_recherche { margin-bottom:30px; margin-top: 9px; padding: 10px 0px; } #form_recherche .recherche { width:100%; } #form_recherche .recherche tr td { vertical-align:top; } #form_recherche .recherche option.groupe { font-weight:bold; } #form_recherche .recherche option.item { padding-left:10px; } #form_recherche .explanation { color: #666; font-size:10px; } #rechercheContainer { padding: 10px 0px 20px; } #rechercheContainer a.toggle_recherche { background-color: #9e1e5c; color: #FFFFFF; padding:10px; } #rechercheContainer a.toggle_recherche:hover {background-color: #d0a6ba; } .caption { text-align:right; } .offres { width:100%; } .offres th { text-align:left; padding:3px 5px; white-space:nowrap; } .offres tr { cursor: pointer; } .offres td { text-align:left; padding:3px 5px; } .offres td.titre { text-transform:uppercase; font-weight:bold; } .offres td.titre div.competences{ font-weight:normal; color:#666666; font-size: 12px; text-transform:none; } .offres td.titre div.competences span.competences{ text-transform:lowercase; } .offres th.localisation { padding-left: 10px; } .offres td.localisation { text-transform:uppercase; padding-left: 10px; } .offres td.competences { text-transform:lowercase; } .offres td.niveaudetudes { text-transform:lowercase; } .offres td.nouveau { color:#990000; font-size:10px; } .offres tr.row1 { background-color: #DFDFDF; } .offres tr:hover { background-color:#CCCCCC; background-image:none; } .offre { } .offre h2 { border-bottom:1px solid #9e1e5c; margin:20px 0px; text-transform:uppercase; } .offre .edit img { padding: 0px 5px; } .offre .item { clear:both; } .offre .item .label { float:left; width: 130px; color: #9e1e5c; } .offre .longitem .label { color: #9e1e5c; padding-top:40px; font-size:14px; border-bottom:1px solid #9e1e5c; } .offre .nav { padding-top:40px; } .offre .nav a.postuler { float:right; font-size:18px; background-color: #9e1e5c; color: #FFFFFF; padding:10px; } .offre .nav a.postuler:hover {background-color: #d0a6ba; } .offre .nav a.back { float:left; background-color: #9e1e5c; color: #FFFFFF; padding:10px; } .offre .nav a.back:hover {background-color: #d0a6ba; } #form_candidature { margin-top:20px; } #form_candidature .item .label { float:left; width: 150px; color: #9e1e5c; } #form_candidature input { width: 350px; } #form_candidature input[type="radio"] { width: 20px; } #form_candidature label { } #form_candidature input[type="submit"] { width: auto; } #form_candidature option.groupe { font-weight:bold; } #form_candidature option.item { padding-left:10px; } #form_candidature .status { margin-left:155px; color:#CC0000; } #form_candidature .explanation { margin-left:155px; color: #666; font-size:10px; } #form_candidature .submit { margin-left:150px; } #form_candidature .submit input { background-color: #9e1e5c; color:#FFFFFF } #form_candidature .hidden { border-width:0px; padding:0; width: 30px; } #form_candidature textarea { width: 350px; height:120px; } .interactive-map { position:relative; } .interactive-map .minimap { width: 130px; height:140px; background-image:url(../img/regions/region_default.png); background-repeat:no-repeat; position:absolute; } .interactive-map .minimap img { display:none; position:absolute; } .interactive-map .areas { position:absolute; width: 130px; height: 140px; } .interactive-map .areas div { position:absolute; width: 15px; height: 15px; cursor:pointer; background-image:url(../img/blank.gif); } #visuel_secteur { width: 125px; height:90px; } #visuel_secteur.secteur1 { background: url(../img/visuel_secteur/1.png) center no-repeat; } #visuel_secteur.secteur2 { background: url(../img/visuel_secteur/2.png) center no-repeat; } #visuel_secteur.secteur3 { background: url(../img/visuel_secteur/3.png) center no-repeat; } #visuel_secteur.secteur4 { background: url(../img/visuel_secteur/4.png) center no-repeat; } #visuel_secteur.secteur5 { background: url(../img/visuel_secteur/5.png) center no-repeat; } #visuel_secteur.secteur6 { background: url(../img/visuel_secteur/6.png) center no-repeat; } #visuel_secteur.secteur7 { background: url(../img/visuel_secteur/7.png) center no-repeat; } #visuel_secteur.secteur8 { background: url(../img/visuel_secteur/8.png) center no-repeat; } #visuel_secteur.secteur9 { background: url(../img/visuel_secteur/9.png) center no-repeat; } #visuel_secteur.secteur11 { background: url(../img/visuel_secteur/11.png) center no-repeat; } #visuel_metier { width: 125px; height:90px; } #visuel_metier.secteur1 { background: url(../img/visuel_secteur/m1.png) center no-repeat; } #visuel_metier.secteur2 { background: url(../img/visuel_secteur/m2.png) center no-repeat; } #visuel_metier.secteur3 { background: url(../img/visuel_secteur/m3.png) center no-repeat; } #visuel_metier.secteur4 { background: url(../img/visuel_secteur/m4.png) center no-repeat; } #visuel_metier.secteur5 { background: url(../img/visuel_secteur/m5.png) center no-repeat; } #visuel_metier.secteur6 { background: url(../img/visuel_secteur/m6.png) center no-repeat; } #visuel_metier.secteur7 { background: url(../img/visuel_secteur/m7.png) center no-repeat; } #visuel_metier.secteur8 { background: url(../img/visuel_secteur/m8.png) center no-repeat; } #newss {} #newss h2 { margin-top: 0; } #newss .actu { width: 540px; } #newss .actu .space { float:left; width: 40px; text-align:right; padding: 0px 5px; color: #704878; } #newss .actu .doc { float:left; border-top: 1px solid #9f0015; background-color:#d6c6dd; color: #9f0015; } #newss .actu .doc .titre { font-weight:bold; float:left;width: 420px; font-size:14px; color:#4f4f4f; } #newss .actu .doc .titre a { color:#4f4f4f; } #newss .actu .doc .date { float:left; width: 120px; text-align:right; white-space:nowrap;} #newss .actu .doc2 .desc { color:#666666; padding:0px 0px 0px 15px;} #newss .actu .doc2 .contenu { padding:15px 0px 15px 15px;} #newss .actu .doc3 .more { float:left; padding:5px 5px 15px 15px; } #newss .actu .doc3 .icone { float:right; padding:5px 5px 15px 5px; } /* Recrutement > Témoignages */ .temoignages {} .temoignages .liste { font-family:Arial; } .temoignages .liste .bloc { float:left; width: 120px; height: 120px; padding: 0px 19px 19px 0px; overflow:hidden;} .temoignages .liste .bloc.third { padding-right:0px;} .temoignages .liste .bloc .info { position: absolute; z-index:5; padding: 5px; width: 110px; height: 110px; overflow:hidden; } .temoignages .liste .bloc .info .prenom { font-size: 14px; font-weight: bold; color: #9e1e5c; } .temoignages .liste .bloc .info .couleur1 { color: #ca99df; } .temoignages .liste .bloc .info .couleur2 { color: #0093BD; } .temoignages .liste .bloc .info .couleur0 { color: #ffa200; } .temoignages .liste .bloc .info .age { font-size: 10px; } .temoignages .liste .bloc .info .poste { font-size: 11px; line-height:11px; font-weight:bold; } .temoignages .liste .bloc .img { position: absolute; z-index:6; width: 120px; height: 120px; overflow:hidden;} .temoignages .liste .bloc .img img { width: 120px; } .temoignages .fiche {} .temoignages .fiche .info { padding:10px 0px;} .temoignages .fiche h2 { margin: 40px 0px 0px 0px;} .temoignages .fiche.couleur1 .customcolor { color: #ca99df; } .temoignages .fiche.couleur2 .customcolor { color: #0093BD; } .temoignages .fiche.couleur0 .customcolor { color: #ffa200; } .temoignages .fiche .contenu { text-align:justify;} .temoignages .fiche .contenu img { padding: 0px 0px 10px 10px;} .temoignages .fiche .graphique { padding-top:30px; text-align:center;} .temoignages .fiche .back { margin:30px 0px 10px;} .temoignages .fiche .back a { font-size:24px; background-color: #9e1e5c; color: #FFFFFF; padding: 0px 5px 2px;} .temoignages .fiche .back a:hover {background-color: #d0a6ba; } /* Informations reglementees */ .infos {} .infos h2 { border-bottom:0px solid #704878; font-size: 30px; line-height:normal; color: #FFFFFF; } .infos .info { width: 540px; } .infos .info .space { float:left; width: 40px; text-align:right; padding: 0px 5px; color: #704878; } .infos .info .doc { float:left; border-top: 1px solid #3e3d40; background-color:#87a9c3; color: #3e3d40; } .infos .info .doc .titre { font-weight:bold; float:left;width: 440px; } .infos .info .doc .titre a { color:#fff; } .infos .info .doc .titre.docderef a { color:#000; } .infos .info .doc .date { float:left; width: 100px; text-align:right;} .infos .info .doc2 .desc { float:left; font-size:10px; color:#666666; padding:0px 15px 15px 15px;} .infos .info .doc2 .icone { float:right; padding:5px 5px 15px 5px; } /* Alerte email */ .alerteemail #alerteemail { margin-top:20px; } .alerteemail #alerteemail .item { clear:both; } .alerteemail #alerteemail .item .label { float:left; width: 150px; } .alerteemail #alerteemail .item .field { } .alerteemail #alerteemail h3 { margin-top:20px; } .alerteemail #alerteemail input { width: 200px; } .alerteemail #alerteemail input.error { border-color: #cc0000 } .alerteemail #alerteemail input[type="radio"] { width: 20px; } .alerteemail #alerteemail input[type="submit"] { width: auto; } .alerteemail #alerteemail select { width: 200px; } .alerteemail #alerteemail .status { margin-left:155px; color:#CC0000; } .alerteemail #alerteemail .submit { text-align:center; margin: 20px 0px; } .alerteemail #alerteemail .hidden { border-width:0px; padding:0; width: 30px; } .alerteemail #alerteemail textarea { width: 350px; height:120px; } .alerteemail .explanation { color: #666; font-size:10px; font-style:italic; } /* Formulaires */ form select, form textarea, form input { width: 355px; border: 1px solid #999; margin: 2px; padding:2px; background-color:#dfdfdf; } form input[type=radio] { border-width: 0px; } form textarea, form input { width: 294px; } form input.bouton { width: auto; border:2px outset #ccc; background-color:#ccc; color: #000000; padding: 5px 15px; } /* Utils - General */ .dotted { letter-spacing:7px; font-weight:bold; line-height:8px;} .clear { clear:both; } .pointer { cursor:pointer; } a img { border: 0px; outline:none; } a, a:link, a:visited { text-decoration:none; outline:none; } a:hover { text-decoration:none; } .introuvable { text-align:center; font-weight: bold; } .hidden_link {color: #ffffff; } ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{ margin: 0px; padding: 0px; } p { margin: 0px 0px; } h1 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight:bold; color: #000000; letter-spacing:0px; margin: 0px 0px 20px; line-height:20px; } h2 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight:bold; color: #000000; letter-spacing:0px; margin: 20px 0px; } h3 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight:bold; color: #000000; letter-spacing:0px; margin: 16px 0px; } h4 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; color: #000000; letter-spacing:0px; margin: 14px 0px; } h5 { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold; color: #000000; letter-spacing:0px; margin: 10px 0px; } a img,:link img,:visited img { border: none; } li { list-style-type: none; } input, textarea, select, option { font: normal 11px Verdana; color: #666666; } span.puce { font-size:14px; } span.arrow { font-size:24px; } .toggle_recherche span.arrow { font-size:18px; } a#closeBut { position: absolute; display: block; top: 4px; right: 34px; width: 12px; height: 12px; text-indent: -9999em; background: url(../img/nyromodal/close.gif) no-repeat; outline: 0; } .bouton_framboise_arrondi { background-image:url(../img/bouton-framb-arrondi.png); background-position:center center; background-repeat:no-repeat; } table tr th { font-weight:normal; text-align:left; } table[summary=plus] .clickable { cursor:pointer; } table[summary=plus] .clickable.hover { color: #0093BD; } table[summary=plus] tr td.plus { color: #0093BD; width: 1%; white-space: nowrap; vertical-align:top; } table[summary=plus] tr td.text { vertical-align:top; } table[summary=plus] tr td.plus img { vertical-align:bottom; padding:0px 5px;} table[summary=plus] caption.clickable { text-align:left; font-weight:normal; }