BODY {background: #FFF; margin:0px; padding:0px; font-family: Verdana, Helvetica, sans-serif; font-size: 8.6pt}
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;}

/* 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: 150px; background: url(img_site/infogerance_securite_informatique.png) }
.HeaderCont .Logo {position: absolute; left: 35px; top: 30px; width: 265px; height: 105px;}

.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 {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 {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;margin-left: 2px;}

.RubriqueCont {margin-left: 35px;}
.TextCont {padding: 10px; width: 850px; background: #F5F5F5; color: #5F5F61; overflow: auto; 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 .Title {color: #EB7C15; font-size: 13px; margin-bottom: 5px; font-weight: bold; text-transform: uppercase}
.TextCont P.Intro {margin-top: 0px; font-weight: bold}
.TextCont P.Bullet {text-indent: 10px; background: url(img_site/bullet.png) no-repeat 0px 6px }
.TextCont DIV.Bullet {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; }

.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: 35px;}
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: 150px}
ul.MainMenu #rd_bt, ul.MainMenu #rd_bt UL {width: 210px}
ul.MainMenu #communication_bt, ul.MainMenu #communication_bt UL {width: 140px}
ul.MainMenu #contact_bt, ul.MainMenu #contact_bt UL {width: 105px}

/* Bt */
ul.MainMenu li#qui_sommes_nous {background-image: url(img_site/who_bt.png)}
ul.MainMenu li#knowhow_bt {background-image: url(img_site/knowhow_bt.png)}
ul.MainMenu li#rd_bt {background-image: url(img_site/rd_bt.png)}
ul.MainMenu li#communication_bt {background-image: url(img_site/communication_bt.png)}
ul.MainMenu li#contact_bt {background-image: url(img_site/contact_bt.png)}

ul.MainMenu #qui_sommes_nous #presentation {background-image: url(img_site/who_present_bt.png)}
ul.MainMenu #qui_sommes_nous #chiffres {background-image: url(img_site/who_fact_bt.png)}
ul.MainMenu #qui_sommes_nous #histoire {background-image: url(img_site/who_history_bt.png)}
ul.MainMenu #qui_sommes_nous #reference {background-image: url(img_site/who_ref_bt.png)}
ul.MainMenu #qui_sommes_nous #responsabilite_sociale {background-image: url(img_site/who_soc_bt.png)}/*Green IT*/
ul.MainMenu #qui_sommes_nous #responsabilite_sociale2 {background-image: url(img_site/who_soc2_bt.png)}/*Responsabilité sociale*/


ul.MainMenu #knowhow_bt #knowhow {background-image: url(img_site/knowhow_intro_bt.png)}
ul.MainMenu #knowhow_bt #securite {background-image: url(img_site/knowhow_security_bt.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 #knowhow_bt #iode {background-image: url(img_site/knowhow_iode_bt.png)}
ul.MainMenu #knowhow_bt #integration {background-image: url(img_site/knowhow_integration_bt.png)}
ul.MainMenu #knowhow_bt #pra {background-image: url(img_site/knowhow_pra_bt.png)}

ul.MainMenu #rd_bt #rd {background-image: url(img_site/rd_intro_bt.png)}
ul.MainMenu #rd_bt #rtms {background-image: url(img_site/rd_rtms_bt.png)}
ul.MainMenu #rd_bt #erp {background-image: url(img_site/rd_erp_bt.png)}
ul.MainMenu #rd_bt #open_src {background-image: url(img_site/rd_open_src_bt.png)}

ul.MainMenu #communication_bt #communication {background-image: url(img_site/communication_presse_bt.png)}
ul.MainMenu #communication_bt #theatre {background-image: url(img_site/communication_theatre_bt.png)}

ul.MainMenu #contact_bt #fcontact {background-image: url(img_site/contact2_form_bt.png)}
ul.MainMenu #contact_bt #address {background-image: url(img_site/contact_adrs_bt.png)}
ul.MainMenu #contact_bt #apply {background-image: url(img_site/contact_apply_bt.png)}


/******** Sous menu */
.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/who_fact_bt.png)}

.TitleCont#presentation .PageTitle {margin-left: 1px; width: 150px; height: 25px; background-image: url(img_site/who_present_bt.png)}
.TitleCont#histoire .PageTitle {margin-left: 1px; width: 150px; height: 25px; background-image: url(img_site/who_history_bt.png)}
.TitleCont#reference .PageTitle {margin-left: 1px; width: 150px; height: 25px; background-image: url(img_site/who_ref_bt.png)}
.TitleCont#responsabilite_sociale .PageTitle {margin-left: 1px; width: 150px; height: 25px; background-image: url(img_site/who_soc_bt.png)}
.TitleCont#responsabilite_sociale2 .PageTitle {margin-left: 1px; width: 150px; height: 25px; background-image: url(img_site/who_soc2_bt.png)}


.TitleCont#knowhow_intro .PageTitle {margin-left: 152px; width: 150px; height: 25px; background-image: url(img_site/knowhow_intro_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: 303px; width: 210px; height: 25px; background-image: url(img_site/rd_intro_bt.png)}
.TitleCont#rtms .PageTitle {margin-left: 303px; width: 210px; height: 25px; background-image: url(img_site/rd_rtms_bt.png)}
.TitleCont#erp .PageTitle {margin-left: 303px; width: 210px; height: 25px; background-image: url(img_site/rd_erp_bt.png)}
.TitleCont#open_src .PageTitle {margin-left: 303px; width: 210px; height: 25px; background-image: url(img_site/rd_open_src_bt.png)}

.TitleCont#communication_intro .PageTitle {margin-left: 514px; width: 140px; height: 25px; background-image: url(img_site/communication_presse_bt.png)}
.TitleCont#theatre .PageTitle {margin-left: 514px; width: 140px; height: 25px; background-image: url(img_site/communication_theatre_bt.png)}

.TitleCont#fcontact .PageTitle {margin-left: 655px; width: 105px; height: 25px; background-image: url(img_site/contact2_form_bt.png)}
.TitleCont#address .PageTitle {margin-left: 655px; width: 105px; height: 25px; background-image: url(img_site/contact_adrs_bt.png)}
.TitleCont#apply .PageTitle {margin-left: 655px; width: 105px; height: 25px; background-image: url(img_site/contact_apply_bt.png)}


/********* Tableau */

.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;}