BODY {background: #FFF; margin:0px; padding:0px; font-family: Verdana, Helvetica, sans-serif; font-size: 11pt;} IMG {border: 0px; } UL {position: absolute; padding: 0px; margin: 0px; list-style-type: none;} LI {float: left; margin-top:0px; margin-left:5px;} a:link, a:visited {text-decoration: underlined; color: #EB7C15} H1 {font-size: 16px; color: #5F5F61} H2 {font-size: 14px; color: #5F5F61} H3 {font-size: 12px; color: #5F5F61; line-height: 1em;} H4 {font-size: 10px; color: #A3A0AE; line-height: 1em;} P {color: #5F5F61; line-height:16px ; font-size:11px; padding-top:-10px; padding-bottom:0px;} /* Divers */ .ErrorCont { position: absolute; top: 250px; left: 250px; text-align: center; } /** Layout */ .SiteGlobal {position: absolute; top: 25px; width: 960px; margin-left: -480px; left: 50%;} .SiteCont {position: relative; border: 1px solid #9c9d9f;} .HeaderCont {width:100%; height: 99px; background: url(img_site/TEST/headerIntrinsec.png) } .HeaderCont .Logo {position: absolute; left: 35px; top: 30px; width: 198px; height: 76px;} .HeaderMenu {width:100%; height: 25px; background-color: #9C9D9F} /* Formulaire */ LABEL {width: 80px; display: block; float:left} INPUT, TEXTAREA {float:left;} TEXTAREA {width: 400px; height: 150px;} INPUT.Code {width: 50px} INPUT.Subject {width: 250px} .FLine {padding: 2px} .Error {height: 20px; color: red; display: none} /** pages */ .Content {position: relative; width: 100%; padding-bottom: 10px; height: 100%;} .Exemple {position: relative; width: 100%; padding-bottom: 10px; margin-top: 15px;} .Exemple .Header {width: 100%; } .Exemple .Title {color: #EB7C15; font-size: 15px; margin-bottom: 5px; text-transform: uppercase} .Exemple P.Section{margin-bottom: 0px; color: #5F5F61;} .Exemple DIV.Bullet {line-height: 2em; color: #5F5F61; padding-left: 18px; background: url(img_site/small_bullet.png) no-repeat 10px 6px } .Exemple .Subtitle {margin-top : 15px; color: #5F5F61; font-size: 10px; text-transform: uppercase} .Exemple H1.Titre {margin-top : 15px; color: #5F5F61; font-size: 13px; text-transform: uppercase} .Exemple .Orange {color: #5F5F61} .Accueil {position: relative; width: 80%; padding-bottom: 10px; margin-top: 15px;} .Accueil .Header {width: 100%; } .Accueil .Title {color: #EB7C15; font-size: 13px; margin-bottom: 5px;} .Accueil P.Section{margin-bottom: 0px; color: #5F5F61;} .Accueil DIV.Bullet {line-height: 2em; color: #5F5F61; padding-left: 18px; background: url(img_site/small_bullet.png) no-repeat 10px 6px } .Accueil .Subtitle {margin-top : 15px; color: #5F5F61; font-size: 10px; text-transform: uppercase} .Accueil H1.Titre {margin-top : 15px; color: #5F5F61; font-size: 13px; text-transform: uppercase} .Accueil .Orange {color: #5F5F61} .ContentCont {margin-top: 10px;} .RubriqueCont {margin: 0px 10px;} .TextCont {padding: 10px; background: #F5F5F5; color: #5F5F61; text-align: justify; line-height: 10pt; } .TextCont .HL {color: #EB7C15; font-weight: bold} .TextCont .BoldGrey {color: #5F5F61; font-weight: bold} .TextCont .BoldOrange {color: #EB7C15; font-weight: bold} .TextCont .Orange {color:#EB7C15} .TextCont .Title { color:#666; font-size: 20px; font-weight: bold; line-height:1.2em; margin-top:20px; } .TextCont P.Intro {margin-top: 0px; font-weight: bold} .TextCont P.Bullet {line-height: 2em; text-indent: 10px; background: url(img_site/bullet.png) no-repeat 0px 6px } .TextCont DIV.Bullet {line-height: 2em; padding-left: 8px; background: url(img_site/small_bullet.png) no-repeat 0px 6px } .TextCont .Address {background: #EB7C15; padding: 10px; color: white; text-align: center; } .TextCont .Comment {color: #F00;} .TextCont SPAN { background-color:rgb(245, 245, 245)} .TextCont TABLE { background-color:rgb(245, 245, 245)} /*.NewsCont {position: relative; float: right; width: 160px; padding: 5px; margin-top: 15px; } .NewsCont .Box {background: #F19544;padding: 3px;} .NewsCont .Header {width: 100%; height: 30px; background: url(img_site/news_title.png) no-repeat -2px 0px; } .NewsCont .News {position: relative; color: white; font-size: 11px; margin-bottom: 5px;} .NewsCont .News a {color: white; } .NewsCont .News .Title {font-weight: bold;}*/ .Index {position: relative; border: 1px solid #9c9d9f; background-color: #F5F5F5; } .Index DIV.Title {margin-top: 20px; font-size: 12px; font-weight: bold; color: #A3A0AE; line-height: 1em; } .Index P.Paragraphe {margin-top: 20px; font-size: 10px; color: #A3A0AE; line-height: 1em; } /** Menu */ /* Context menu */ ul.MainMenu {z-index: 100;} ul.MainMenu, ul.MainMenu ul {cursor: default; margin: 0px; } ul.MainMenu {margin-left: 10px;} ul.MainMenu li {list-style-type: none; margin: 0px; padding: 0px; width:100%; height: 25px ;} ul.MainMenu li li {height: 20px ; width: 100% ;} ul.MainMenu li li:hover { background-color: #EB7C15 ;} ul.MainMenu li > ul { display: none; position: absolute; top: 25px; } ul.MainMenu li:hover, ul.MainMenu li.Selected { background-position: bottom; } ul.MainMenu li:hover > ul { display: block; } ul.MainMenu .End {width: 100%; height: 10px; background: url(img_site/sub_menu_bkg.png); font-size: 0px; float:left} ul.MainMenu .End:hover {background-color: transparent} ul.MainMenu .Separator {width: 1px; height: 25px; background: url(img_site/menu_sep.png); float:left;} ul.MainMenu A {display: block; width: 100%; height: 100%;} /* Header */ /*.Motto {position: absolute; left: 440px; top: 40px; width: 510px; height: 80px; background-repeat: no-repeat;} .Motto#contact {background-image: url(img_site/m_contact.png)} .Motto#who {background-image: url(img_site/m_contact.png)} .Motto#knowhow {background-image: url(img_site/m_knowhow.png)} .Motto#rd {background-image: url(img_site/m_rd.png)} .Motto#communication {background-image: url(img_site/m_contact.png)} .Motto#energie {background-image: url(img_site/m_energie.png)} */ /* Sub menu */ ul.MainMenu #qui_sommes_nous, ul.MainMenu #qui_sommes_nous UL {width: 150px;} /*ul.MainMenu #knowhow_bt, ul.MainMenu li#knowhow_bt UL {width: 190px} ul.MainMenu #rd_bt, ul.MainMenu #rd_bt UL {width: 213px}*/ ul.MainMenu #securite_bt, ul.MainMenu #securite_bt UL {width: 150px} ul.MainMenu #infogerance_bt, ul.MainMenu #infogerance_bt UL {width: 150px} ul.MainMenu #mc2_bt, ul.MainMenu #mc2_bt UL {width: 150px} ul.MainMenu #communication_bt, ul.MainMenu #communication_bt UL {width: 150px} ul.MainMenu #contact_bt, ul.MainMenu #contact_bt UL {width: 150px} /* Bt */ ul.MainMenu li#qui_sommes_nous {background-image: url(img_site/TEST/BT/who_btn1.png)} /*ul.MainMenu li#knowhow_bt {background-image: url(img_site/TEST/BT/knowhow_bt.png)} ul.MainMenu li#rd_bt {background-image: url(img_site/TEST/BT/rd_bt.png)}*/ ul.MainMenu li#securite_bt {background-image: url(img_site/TEST/BT/securite_btn1.png)} ul.MainMenu li#infogerance_bt {background-image: url(img_site/TEST/BT/infogerance_btn1.png)} ul.MainMenu li#mc2_bt {background-image: url(img_site/TEST/BT/mc2_btn1.png)} ul.MainMenu li#communication_bt {background-image: url(img_site/TEST/BT/communication_btn1.png)} ul.MainMenu li#contact_bt {background-image: url(img_site/TEST/BT/contact_btn1.png)} ul.MainMenu #qui_sommes_nous #presentation {background-image: url(img_site/TEST/BT/who_present_bt.png)} ul.MainMenu #qui_sommes_nous #chiffres {background-image: url(img_site/TEST/BT/who_fact_bt.png)} ul.MainMenu #qui_sommes_nous #histoire {background-image: url(img_site/TEST/BT/who_history_bt.png)} /*ul.MainMenu #qui_sommes_nous #reference {background-image: url(img_site/TEST/BT/who_ref_bt.png)}*/ ul.MainMenu #qui_sommes_nous #responsabilite_sociale {background-image: url(img_site/TEST/BT/who_soc_bt.png)}/*Green IT*/ ul.MainMenu #qui_sommes_nous #responsabilite_sociale2 {background-image: url(img_site/TEST/BT/who_soc2_bt.png)}/*Responsabilité sociale*/ /*ul.MainMenu #knowhow_bt #knowhow {background-image: url(img_site/TEST/BT/knowhow_intro_bt.png)} ul.MainMenu #knowhow_bt #securite {background-image: url(img_site/TEST/BT/knowhow_security_bt.png)} ul.MainMenu #knowhow_bt #integration {background-image: url(img_site/TEST/BT/knowhow_integration_bt.png)} ul.MainMenu #knowhow_bt #iode {background-image: url(img_site/TEST/BT/knowhow_iode_bt.png)} ul.MainMenu #knowhow_bt #pra {background-image: url(img_site/TEST/BT/knowhow_pra_bt.png)} ul.MainMenu #knowhow_bt #mc2 {background-image: url(img_site/TEST/BT/knowhow_mc2_bt.png)}*/ ul.MainMenu #securite_bt #securite {background-image: url(img_site/TEST/BT/securite_offre_btn2.png)} /*ul.MainMenu #infogerance_bt #infogerance {background-image: url(img_site/TEST/BT/infogerance_offre_btn2.png)}*/ ul.MainMenu #infogerance_bt #infogerance {background-image: url(img_site/TEST/BT/infogerance_offre_btn_iode.png)} ul.MainMenu #infogerance_bt #finance {background-image: url(img_site/TEST/BT/infogerance_offre_btn_finance.png)} /*ul.MainMenu #infogerance_bt #infogerance #ebiz {background-image: url(img_site/TEST/BT/infogerance_offre_btn_ebusiness.png)}*/ ul.MainMenu #mc2_bt #mc2 {background-image: url(img_site/TEST/BT/mc2_offre_btn2.png)} /* ul.MainMenu #knowhow_bt #housing {background-image: url(img_site/knowhow_housing_bt.png)} ul.MainMenu #knowhow_bt #mgmt {background-image: url(img_site/knowhow_mgmt_bt.png)} */ /*ul.MainMenu #rd_bt #rd {background-image: url(img_site/TEST/BT/rd_intro_bt.png)} ul.MainMenu #rd_bt #rtms {background-image: url(img_site/TEST/BT/rd_rtms_bt.png)} ul.MainMenu #rd_bt #erp {background-image: url(img_site/TEST/BT/rd_erp_bt.png)} ul.MainMenu #rd_bt #open_src {background-image: url(img_site/TEST/BT/rd_open_src_bt.png)}*/ ul.MainMenu #communication_bt #presse {background-image: url(img_site/TEST/BT/communication_presse_btn2.png)} ul.MainMenu #communication_bt #telechargement {background-image: url(img_site/TEST/BT/communication_telechargement_btn2.png)} ul.MainMenu #contact_bt #fcontact {background-image: url(img_site/TEST/BT/contact2_form_bt.png)} ul.MainMenu #contact_bt #address {background-image: url(img_site/TEST/BT/contact_adrs_bt.png)} ul.MainMenu #contact_bt #apply {background-image: url(img_site/TEST/BT/contact_apply_bt.png)} /******** Sous menu */ .SSMenuContSecu {width: 140px; float: left; margin: 10px 10px 10px 0px; } .SSMenuContSecu .Box {text-align: left; background: #F19544; padding: 3px;} .SSMenuContSecu .header{width: 100%; height: 30px; background: url(img_site/TEST/securite_title.png) no-repeat -2px 0px; } .SSMenuContSecu a {text-decoration:none; text-align: left; color: white; font-size: 11px; margin-bottom: 5px;} .SSMenuContSecu a:hover, .SSMenuContSecu a.Selected {text-align: left; text-decoration:underline;} .SSMenuContIode {width: 140px; float: left; margin: 10px 10px 10px 0px; } .SSMenuContIode .Box {text-align: left; background: #F19544; padding: 3px;} .SSMenuContIode .header{width: 100%; height: 60px; background: url(img_site/TEST/iode_title.png) no-repeat -2px 0px; } .SSMenuContIode a {text-decoration:none; text-align: left; color: white; font-size: 11px; margin-bottom: 5px;} .SSMenuContIode a:hover, .SSMenuContIode a.Selected {text-align: left; text-decoration:underline;} .SSMenuContMc2 {width: 140px; float: left; margin: 10px 10px 10px 0px; } .SSMenuContMc2 .Box {text-align: left; background: #F19544; padding: 3px;} .SSMenuContMc2 .header{width: 100%; height: 90px; background: url(img_site/TEST/mc2_title.png) no-repeat -2px 0px; } .SSMenuContMc2 a {text-decoration:none; text-align: left; color: white; font-size: 11px; margin-bottom: 5px;} .SSMenuContMc2 a:hover, .SSMenuContMc2 a.Selected {text-align: left; text-decoration:underline;} .SSMenuContCommunication {width: 153px; float: left; margin: 10px 10px 10px 0px; } .SSMenuContCommunication .Box {text-align: left; background: #F19544; padding: 3px;} .SSMenuContCommunication .header{width: 100%; height: 90px; background: url(img_site/TEST/communication_title.png) no-repeat -2px 0px; } .SSMenuContCommunication a {text-decoration:none; text-align: left; color: white; font-size: 11px; margin-bottom: 5px;} .SSMenuContCommunication a:hover, .SSMenuContCommunication a.Selected {text-align: left; text-decoration:underline;} .SSMenuContIntegration {width: 140px; float: left; margin: 10px 10px 10px 0px; } .SSMenuContIntegration .Box {text-align: left; background: #F19544; padding: 3px;} .SSMenuContIntegration .header{width: 100%; height: 30px; background: url(img_site/TEST/integration_title.png) no-repeat -2px 0px; } .SSMenuContIntegration a {text-decoration:none; text-align: left; color: white; font-size: 11px; margin-bottom: 5px;} .SSMenuContIntegration a:hover, .SSMenuContIntegration a.Selected {text-align: left; text-decoration:underline;} .MenuCont {width: 100%; height:20px; margin-top: 15px} .MenuCont A {margin-right: 15px; display: block; height:13px; float: left; background-repeat: no-repeat } .MenuCont A:hover, .MenuCont A.Selected {border-bottom: 2px solid #EF9949} .MenuCont #intrusion {width: 98px; background-image: url(img_site/intrusion_bt.png)} .MenuCont #audit {width: 104px; background-image: url(img_site/audit_bt.png)} .MenuCont #gestion_vulnerabilite {width: 148px; background-image: url(img_site/gestion_vulnerabilite_bt.png)} .MenuCont #rssi {width: 112px; background-image: url(img_site/rssi_bt.png)} .MenuCont #risque {width: 98px; background-image: url(img_site/risque_bt.png)} .MenuCont #politique_securite {width: 118px; background-image: url(img_site/politique_securite_bt.png)} .MenuCont #RGS {width: 85px; background-image: url(img_site/RGS_bt.png)} .MenuCont #energie {width: 119px; background-image: url(img_site/energie_bt.png)} .MenuCont #private_cloud {width: 93px; background-image: url(img_site/privatecloud_bt.png)} .MenuCont #capacite {width: 178px; background-image: url(img_site/capacite_bt.png)} .MenuCont #production {width: 161px; background-image: url(img_site/production_bt.png)} .MenuCont #tuning {width: 136px; background-image: url(img_site/tuning_bt.png)} .MenuCont #exemple {width: 108px; background-image: url(img_site/exemples_projets_bt.png)} .MenuCont #architecture {width: 150px; background-image: url(img_site/architecture_bt.png)} .MenuCont #virtualisation {width: 78px; background-image: url(img_site/virtualisation_bt.png)} .MenuCont #stockage {width: 136px; background-image: url(img_site/stockage_et_sauvegarde_bt.png)} .MenuCont #pra_pca {width: 53px; background-image: url(img_site/pra_pca_bt.png)} .MenuCont #pandemie {width: 158px; background-image: url(img_site/pandemie_bt.png)} .MenuCont #infrastructures {width: 113px; background-image: url(img_site/infrastructures_bt.png)} .MenuCont #concept {width: 73px; background-image: url(img_site/concept_bt.png)} .MenuCont #avantages {width: 55px; background-image: url(img_site/avantages_bt.png)} .MenuCont #exemple {width: 107px; background-image: url(img_site/exemples_projets_bt.png)} .MenuCont #info_pres {width: 70px; background-image: url(img_site/pres_bt.png)} .MenuCont #principes_orga {width: 149px; background-image: url(img_site/principes_orga_bt.png)} .MenuCont #mutualise {width: 118px; background-image: url(img_site/services_mutualises_bt.png)} .MenuCont #open_src {width: 149px; background-image: url(img_site/principes_orga_bt.png)} .MenuCont #rooster {width: 43px; background-image: url(img_site/rooster_bt.png)} .MenuCont #vulture {width: 43px; background-image: url(img_site/vulture_bt.png)} .MenuCont #Paris {width: 71px; background-image: url(img_site/Paris_bt.png)} .MenuCont #Lyon {width: 85px; background-image: url(img_site/Lyon_bt.png)} .MenuCont #Nantes {width: 97px; background-image: url(img_site/Nantes_bt.png)} .MenuCont #media {width: 40px; background-image: url(img_site/Media_bt.png)} .MenuCont #public {width: 43px; background-image: url(img_site/Public_bt.png)} .MenuCont #transport {width: 65px; background-image: url(img_site/Transports_bt.png)} .MenuCont #medical {width: 45px; background-image: url(img_site/Medical_bt.png)} /******** Titres */ .PageTitle { background-color: #EB7C15 ;} .TitleCont#qui_sommes_nous .PageTitle {margin-left: 1px; width: 150px; height: 25px; background-image: url(img_site/TEST/BT/who_fact_bt.png)} .TitleCont#presentation .PageTitle {margin-left: 1px; width: 150px; height: 25px; background-image: url(img_site/TEST/BT/who_present_bt.png)} .TitleCont#histoire .PageTitle {margin-left: 1px; width: 150px; height: 25px; background-image: url(img_site/TEST/BT/who_history_bt.png)} /*.TitleCont#reference .PageTitle {margin-left: 1px; width: 150px; height: 25px; background-image: url(img_site/TEST/BT/who_ref_bt.png)}*/ .TitleCont#responsabilite_sociale .PageTitle {margin-left: 1px; width: 150px; height: 25px; background-image: url(img_site/TEST/BT/who_soc_bt.png)} .TitleCont#responsabilite_sociale2 .PageTitle {margin-left: 1px; width: 150px; height: 25px; background-image: url(img_site/TEST/BT/who_soc2_bt.png)} /*.TitleCont#knowhow_intro .PageTitle {margin-left: 152px; width: 190px; height: 25px; background-image: url(img_site/TEST/BT/knowhow_intro_bt.png)} .TitleCont#knowhow_mc2 .PageTitle {margin-left: 152px; width: 190px; height: 25px; background-image: url(img_site/TEST/BT/knowhow_mc2_bt.png)} .TitleCont#knowhow_security .PageTitle {margin-left: 152px; width: 190px; height: 25px; background-image: url(img_site/TEST/BT/knowhow_security_bt.png)}*/ /* .TitleCont#security .PageTitle {margin-left: 152px; width: 150px; height: 25px; background-image: url(img_site/knowhow_security_bt.png)} .TitleCont#hebergement .PageTitle {margin-left: 152px; width: 150px; height: 25px; background-image: url(img_site/knowhow_housing_bt.png)} .TitleCont#mgmt .PageTitle {margin-left: 152px; width: 150px; height: 25px; background-image: url(img_site/knowhow_mgmt_bt.png)} .TitleCont#iode .PageTitle {margin-left: 152px; width: 150px; height: 25px; background-image: url(img_site/knowhow_iode_bt.png)} .TitleCont#integration .PageTitle {margin-left: 152px; width: 150px; height: 25px; background-image: url(img_site/knowhow_integration_bt.png)} .TitleCont#pra_pca .PageTitle {margin-left: 152px; width: 150px; height: 25px; background-image: url(img_site/knowhow_pra_bt.png)} */ /*.TitleCont#rd_intro .PageTitle {margin-left: 343px; width: 213px; height: 25px; background-image: url(img_site/TEST/BT/rd_intro_bt.png)} .TitleCont#rtms .PageTitle {margin-left: 343px; width: 213px; height: 25px; background-image: url(img_site/TEST/BT/rd_rtms_bt.png)} .TitleCont#erp .PageTitle {margin-left: 343px; width: 213px; height: 25px; background-image: url(img_site/TEST/BT/rd_erp_bt.png)} .TitleCont#open_src .PageTitle {margin-left: 343px; width: 213px; height: 25px; background-image: url(img_site/TEST/BT/rd_open_src_bt.png)}*/ .TitleCont#securite .PageTitle {margin-left: 152px; width: 150px; height: 25px; background-image: url(img_site/TEST/BT/securite_offre_btn2.png)} .TitleCont#infogerance .PageTitle {margin-left: 303px; width: 150px; height: 25px; background-image: url(img_site/TEST/BT/infogerance_offre_btn2.png)} .TitleCont#mc2 .PageTitle {margin-left: 454px; width: 150px; height: 25px; background-image: url(img_site/TEST/BT/mc2_offre_btn2.png)} .TitleCont#presse .PageTitle {margin-left: 605px; width: 150px; height: 25px; background-image: url(img_site/TEST/BT/communication_presse_btn2.png)} .TitleCont#telechargement .PageTitle {margin-left: 605px; width: 150px; height: 25px; background-image: url(img_site/TEST/BT/communication_telechargement_btn2.png)} .TitleCont#fcontact .PageTitle {margin-left: 756px; width: 150px; height: 25px; background-image: url(img_site/TEST/BT/contact2_form_bt.png)} .TitleCont#address .PageTitle {margin-left: 756px; width: 150px; height: 25px; background-image: url(img_site/TEST/BT/contact_adrs_bt.png)} .TitleCont#apply .PageTitle {margin-left: 756px; width: 150px; height: 25px; background-image: url(img_site/TEST/BT/contact_apply_bt.png)} /********* Tableau */ .refclients-tab { width:1px; background-image: url("../img_site/bg_clients.gif"); background-attachment: scroll; background-repeat: no-repeat; background-position-x: 0px; background-position-y: 0px; background-size: auto; background-origin: padding-box; background-clip: border-box; background-color: transparent; } .refclients-tab img { padding:0px 13px 20px 13px; } .Sample {position: relative; top: 10px;} .Sample TD {padding: 1px 2px 1px 2px; border-bottom: 1px solid #A9A7A9; vertical-align: top; font-size: 11px;} .Sample .First TD {border-bottom: 1px solid #EB7C15; color: #EB7C15; font-size: 12px;} .TabFacture { border-top: 1px solid #CCC; margin-top: 0px; position: relative; background-color:#FFF; font-size:9px; } .TabFacture .L TD { border-bottom: 1px solid #CCC; } .TabFacturesynthese { border-top: 1px solid #CCC; margin-top: 0px; position: relative; background-color:#FFF; font-size:10px; } .TabFacturesynthese .L TD { border-bottom: 1px solid #CCC; } .tabletitle { text-align: center; color: #EB7C15; } .Sommaire { margin-left:150px; position:relative; font-size:9px; } .ContTab { /*border-top: 1px solid #A9A7A9;*/ margin-top: 20px; position: relative; background-color:#FFF; } .ContTab TD { padding: 1px 2px 1px 2px; height:30px; /*border-bottom: 1px solid #A9A7A9; */ vertical-align: top; font-size: 11px; margin-bottom: 5px; margin-top: 5px; vertical-align:middle; font-size: 12px; line-height: 1.5em; } .ContTab .First TD { text-align:left; vertical-align:middle; margin-top: 20px; padding-top:20px; border-bottom: 1px solid #EB7C15; color: #EB7C15; font-size: 12px; } .ContTab2 { /*border-top: 1px solid #A9A7A9;*/ margin-top: 0px; position: relative; background-color:#FFF } .ContTab2 TD { padding: 1px 2px 1px 2px; text-align:center; height:10px; /*border-bottom: 1px solid #A9A7A9; */ vertical-align: top; font-size: 11px; margin-bottom: 0px; margin-top: 0px; vertical-align:middle; font-size: 12px; line-height: 1.5em; } .ContTab2 .First TD { text-align: center; vertical-align:middle; margin-top: 0px; padding-top:0px; border-bottom: 1px solid #EB7C15; color: #EB7C15; font-size: 12px; } .Sample { margin-top: 0px; position: relative; background-color:#FFF } .Sample TD { padding: 1px 2px 1px 2px; height:30px; /*border-bottom: 1px solid #A9A7A9; */ vertical-align: top; font-size: 11px; margin-bottom: 5px; margin-top: 5px; text-align:center; vertical-align:middle; } .Sample .First TD { text-align:center; vertical-align:middle; margin-top: 0px; border-bottom: 1px solid #EB7C15; color: #EB7C15; font-size: 12px; } /********* Onglets */ .tab { margin-bottom: 0px; font-weight: bold; font-size:12px; color:#FFF; width: 284px; height: 34px; background-image: url(img_site/onglet.png); text-align: center; } .tab_hover { margin-bottom: 0px; font-weight: bold; font-size:12px; color:#FFF; background-image:url(img_site/onglet_hover.png) } /* Note: doit etre apres tab_hover */ .selected_tab { margin-bottom: 0px; font-weight: bold; font-size:14px; background-image:url(img_site/onglet_selected.png); color:#EB7C15; } /*Bloc Offres*/ .offre-box{ width:960px; overflow:hidden; margin:50px -20px 0px 0; font-size:12px; /*float:left;*/ /*_padding-bottom:20px;*/ } .offre-box .frame{ float:left; /*empêche les box de se superposer*/ width:300px; /*taille des images : 300 par 170 px*/ margin:0 0 0 10px; /*espacement avant (gauche) et entre les box*/ height:170px; /*taille des images : 300 par 170 px*/ padding:0px 0 0 5px; color:#fff; } .securite-module{background:url(img_site/TEST/BlocOffreSecu.png) no-repeat;} .infogerance-module{background:url(img_site/TEST/BlocOffreInfo.png) no-repeat;} .cloudcomputing-module{background:url(img_site/TEST/BlocOffreCloud.png) no-repeat;} .offre-box h2{ font-size:18px; margin:0; font-weight:normal; color:#000; padding:0; } .offre-box p{ margin:4px 10px 0 0; line-height:16px; } .more{ float:left; font-size:10px; color:#fff; margin:12px 0 0; line-height: 1.8em ; } .more:hover{text-decoration:underline;} /*.grey-module{ padding:9px 0 0 105px !important; width:196px !important; }*/ /*.cloudcomputing-module{ padding:9px 80px 0 21px !important; width:200px !important;*/ } .place{ font-style:normal; display:block; margin:4px 0; color:#09f; line-height:13px; } .place span{display:block;} .cloudcomputing-module .more{float:none;} .securite-module .more{float:none;} .infogerance-module .more{float:none;} /*.tab_css {margin-left: 1px; width: 150px; height: 35px;); color:#FFF; font: xxx; font-size: 12px; background-color:#CCC; border-bottom: 1px solid #A9A7A9; border-top: 1px solid #A9A7A9; border-left: 1px solid #A9A7A9; border-right: 1px solid #A9A7A9; } .tab_css A:hover { background-color:#EB7C15; color:#FFF; } .selected_tab_css { color: #EB7C15; font-weight: bold; background-color:#FFF; border-top: 1px solid #A9A7A9; border-right: 1px solid #A9A7A9; border-left: 1px solid #A9A7A9; } */ /*Bloc NewsEvents*/ .newsevents-box{ width:960px; overflow:hidden; margin:12px -20px 0px 0; font-size:12px; background:url(img_site/TEST/background_news.png) no-repeat; } .newsevents-box .frame{ float:left; /*empêche les box de se superposer*/ width:225px; /*taille des images : 230 par 95 px*/ margin:0 0 0 10px; /*espacement avant (gauche) et entre les box*/ height:95px; /*taille des images : 230 par 95 px*/ padding:2px 0 0 2px; /*marge interieure top ; marge intérieur gauche*/ color:#fff; } /*.newsevents-module{background:url(img_site/TEST/BlocNewsEvents.png) no-repeat;} */ .newsevents-box h3{ font-size:12px; margin:0; font-weight:700; font-style:italic; color:#FFF; padding:0; } .newsevents-box p{ margin:4px 4px 0 0; font-size:10px; line-height:16px; color:#FFF; } .newsevents-box a{text-decoration:underline; color:#FFF;} }