/* STATIONS2SKI 2010 */
/* COMMON STYLES */

/*************** DEFAULT DEFINITION */
html, body { margin: 0; padding: 0; font: 100% Arial, Verdana, Helvetica, sans-serif; text-align: center; line-height: normal; color:#FFFFFF; background: #a3a386 url(../img/interface/bg-body.png) left top repeat-x; }
img, table, td, fieldset, form, legend, h1, h2, h3, h4, h5, h6, ul, ol, li, p, dl, dt, dd { margin: 0; padding: 0; border: 0; list-style: none; }
dt, dd, p, li { font-size: 0.75em; }
li li, li p, li h2, li h3, dd li, dd p, dd dd, dd dt, dd h2, dd h3 { font-size: 1em; }
table { border-collapse: collapse; font-size: 1em; padding: 0; }
a { outline: 0 none; text-decoration: none; color: #FFFFFF; }
a:active, a:focus {  }
a:hover { color: #fc8200; }
.offLeft { position: absolute; left: -5000px; top: -2000em; }
.clear { clear: both; display: block; padding-bottom:1px; margin-bottom:-1px; font-size:0; }
acronym, abbr { border: none; border-bottom: 1px dotted #333333; cursor: help; }
a:hover acronym, a:hover abbr, strong a acronym, strong a abbr { border-bottom-color: #FC8200; }

/*************** CLEARFIX */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: block; }

/*************** STRUCTURE - GENERAL */
#header, #contentContainer, #partnersBlock { text-align: left; width: 994px; margin: 0 auto; }
#mainNav { width: 954px; margin: 0 auto; }
p#IEAlert { font-size: .75em; }
.hasJS #quickAccess { position: absolute; left: -5000px; top: -2000em; }

/*************** STRUCTURE - HEADER */
#headerContainer { background: transparent url(../img/interface/bg-header-container.png) top left repeat-x; }
/* header */
#header { position: relative; padding: 0 0 7px 0; }
#logo { margin-left: -53px; }
#slogan { position: absolute; left: 177px; top: 56px; padding: 0; color: #FFFFFF; font-size: 1.5em; font-weight: bold; font-style: italic; text-transform: none; line-height: .8em; }
#slogan span { display: block; color: #fc8200; }
#clientAccess { position: absolute; top: 0; right: 0; padding: 0 0 0 10px; background: transparent url(../img/interface/bg-client-access-l.png) bottom left no-repeat; font-size: .69em; font-weight: bold; font-style: italic; }
#clientAccess a { display: block; padding: 0 10px 0 3px; color: #CCCCCC; background: transparent url(../img/interface/bg-client-access-r.png) bottom right no-repeat; }
#clientAccess a span { display: block; padding: 7px 5px 8px 19px; background: transparent url(../img/interface/picto-lock.png) center left no-repeat; }
/* nav */
#mainNav { margin-top: -9px; }
#mainNav li { float: left; padding: 0 0 0 14px; margin: 0 1px 0 0; background: transparent url(../img/interface/bg-nav-l-off.png) bottom left no-repeat; font-size: .69em; font-weight: bold; text-transform: uppercase; }
#mainNav li.activeNav, #mainNav li.hoverNav { background-image: url(../img/interface/bg-nav-l-on.png); }
#mainNav li a { display: block; padding: 0 14px 0 0; background: transparent url(../img/interface/bg-nav-r-off.png) bottom right no-repeat; color: #FFFFFF; }
#mainNav li strong a, #mainNav li.hoverNav a, #mainNav li a:hover { background-image: url(../img/interface/bg-nav-r-on.png); }
#mainNav li a span { display: block; padding: 0 0 14px 0; background: transparent url(../img/interface/bg-nav-b-off.png) bottom left repeat-x; color: #FFFFFF; }
#mainNav li strong a span, #mainNav li.hoverNav a span, #mainNav li a:hover span { background-image: url(../img/interface/bg-nav-b-on.png); }
#mainNav li a span span { display: block; padding: 3px 1px 0 2px; background-color: #1b1b1b; background-image: none; }
#mainNav li strong a span span, #mainNav li.hoverNav a span span, #mainNav li a:hover span span { background-color: #fc8200; background-image: none; }
#mainNav li span.cufon, #mainNav li span.cufon-alt { padding: 0; background: transparent none !important; }


/*************** STRUCTURE - CONTENT */
#contentContainer { padding: 17px 0 40px 0; }


/*************** STRUCTURE - BLOCKS */
.block { margin: 0 0 10px 0; padding: 14px 0 0 0; background: top left no-repeat; position: relative; }
.hasJS #homeContent .block { cursor: pointer; }
.blockType1 { background-image: url(../img/interface/blocks/bg-blocktype1-t.png); }
#homeContent .blockType1 { background-image: url(../img/interface/blocks/bg-blocktype1-t-home.png); }
.blockType2 { background-image: url(../img/interface/blocks/bg-blocktype2-t.png); }
.blockType3 { background-image: url(../img/interface/blocks/bg-blocktype3-t.png); }
.blockType4 { background-image: url(../img/interface/blocks/bg-blocktype4-t.png); }
.blockType5 { background-image: url(../img/interface/blocks/bg-blocktype5-t.png); }
.blockCenter { padding: 0 7px; background: bottom left repeat-y; }
.blockType1 .blockCenter { background-image: url(../img/interface/blocks/bg-blocktype1-s.png); }
.blockType2 .blockCenter { padding: 0 11px; background-image: url(../img/interface/blocks/bg-blocktype2-s.png); }
.blockType3 .blockCenter { padding: 0 11px; background-image: url(../img/interface/blocks/bg-blocktype3-s.png); }
.blockType4 .blockCenter { background-image: url(../img/interface/blocks/bg-blocktype4-s.png); }
.blockType5 .blockCenter { background-image: url(../img/interface/blocks/bg-blocktype5-s.png); }
#homeContent .blockType1 .blockCenter { background-image: url(../img/interface/blocks/bg-blocktype1-s-home.png); }
.innerBlockCenter { position: relative; padding: 0 7px; background: bottom left repeat-x; }
.blockType1 .innerBlockCenter { padding: 15px 35px 15px 30px; background: #202020 url(../img/interface/blocks/bg-blocktype1-d.png) bottom left repeat-x; }
.blockType2 .innerBlockCenter { padding: 10px 0 0 0; background-color: #91bc0e; background-image: url(../img/interface/blocks/bg-blocktype2-d.png); text-align: center; }
.blockType3 .innerBlockCenter { padding: 10px 0 0 0; background-color: #fcc700; background-image: url(../img/interface/blocks/bg-blocktype3-d.png); text-align: center; }
.blockType4 .innerBlockCenter { padding: 5px 15px; background-color: #0d0d0d; background-image: url(../img/interface/blocks/bg-blocktype4-d.png); text-align: center; }
.blockType5 .innerBlockCenter { padding: 15px 5px 0 5px; background-color: #0d0d0d; background-image: url(../img/interface/blocks/bg-blocktype4-d.png); text-align: center; }
.specCCInfo .innerBlockCenter { padding: 5px 5px 10px 5px; background-color: #0d0d0d; background-image: url(../img/interface/blocks/bg-blocktype4-d.png); text-align: center; }
#homeContent .blockType1 .innerBlockCenter { padding: 10px 10px 0 15px; background-image: url(../img/interface/blocks/bg-blocktype1-d-home.png); }
.blockFooter { height: 14px; overflow: hidden; background: top left no-repeat; }
.blockType1 .blockFooter { background-image: url(../img/interface/blocks/bg-blocktype1-b.png); }
.blockType2 .blockFooter { background-image: url(../img/interface/blocks/bg-blocktype2-b.png); }
.blockType3 .blockFooter { background-image: url(../img/interface/blocks/bg-blocktype3-b.png); }
.blockType4 .blockFooter { background-image: url(../img/interface/blocks/bg-blocktype4-b.png); }
.blockType5 .blockFooter { background-image: url(../img/interface/blocks/bg-blocktype5-b.png); }
#homeContent .blockType1 .blockFooter { background-image: url(../img/interface/blocks/bg-blocktype1-b-home.png); }
.homeIllus { display: block; position: absolute; top: 7px; left: 212px; }

/*************** STRUCTURE - SIDEBAR */
#contentCol { width: 724px; float: left; }
#sideCol { width: 264px; float: right; }


/*************** STRUCTURE - PARTNERS */
#partnersBlock { clear: both; position: relative; }
#partnersBlock h2 { padding: 0 0 0 7px; color: #3b3b32; font-size: .88em; text-transform: uppercase; }
#partnersListOuterContainer { padding: 14px 0 0 0; background: transparent url(../img/interface/blocks/bg-block-partners-t.png) top left no-repeat; }
#partnersListContainer { padding: 5px 0 19px 26px; background: transparent url(../img/interface/blocks/bg-block-partners-b.png) bottom left no-repeat; }
.hasJS #partnersList { width: 944px; height: 48px; overflow: hidden; position: relative; }
#partnersList ul { position: absolute; top: 0; }
#partnersList li { float: left; margin: 0 15px 0 0; }
#partnersList li img { display: block; }


/*************** STRUCTURE - FOOTER */
#footer { text-align: right; width: 980px; margin: 0 auto; padding: 20px 0; color: #ebebeb; font-weight: bold; font-style: italic; }
#footer a { color: #ebebeb; }
#footer a:hover { color: #ebebeb; text-decoration: underline; }


/*************** TYPOS - GENERAL */
.specText { padding: 0 0 10px 0; color: #96bf0d; font-size: 1em; text-transform: uppercase; line-height: 1.1em; }
.specText a { color: #96bf0d; }
.specText span { color: #41a62a; }
#homeContent .specText span { display: block; }
.block strong { color: #fc8200; font-weight: normal; }
.block em { font-style: normal; font-weight: bold; }
.block em a { color: #fc8200; }
.block em a:hover { text-decoration: underline; }
.block p, .block li { line-height: 1.5em; }
.block li { padding: 0 0 0 10px; background: transparent url(../img/interface/bullet.png) left .7em no-repeat; }
.block p { padding: 0 0 2em 0; text-align: justify; }
.block p.bfList { padding: 0; }
.block ul { padding: 0 0 1.5em 10px; text-align: justify; }
.block ul ul { padding: 0; }
#homeContent .block p { padding: 0 0 1em 0; }
.subTitle { clear: both; padding: 10px 0 25px 0; color: #FFFFFF; font-size: .88em; font-style: italic; text-transform: none; }
.subTitle strong { color: #fc8200; font-weight: bold; }
.subSubTitle { color: #fc8200; font-size: .75em; font-weight: normal; }
.block p.illusLeft { float: left; margin: 0 15px 0 0; padding: 0; }
.block p.illusRight { float: right; margin: 0 0 0 15px; padding: 0; }
.block p.illusCenter { text-align: center; }
.actusBlock { padding: 10px 0; }
.actusBlock .subTitle { padding: 0; }
.actusBlock p.illusRight img, .actusBlock p.illusLeft img { display: block; border: 1px solid #FC8200; }
.actusBlock p.actusDate { padding: 0 0 1em 0; color: #CCCCCC; font-size: .69em; }
.actusBlock p a { color: #fc8200; text-decoration: underline; }
.actusBlock p a:hover { text-decoration: none; }

/*************** STRUCTURE - HOME */
#homeContent .block { float: left; }
#homeContent .blockType1 { width: 359px; margin: 0 6px 6px 0; }
#homeContent .blockType2, #homeContent .blockType3 { width: 264px; margin: 0 0 6px 0; }
#transfoBlock h2, #hebergBlock h2 { padding-top: 20px; }
#infogeranceBlock h2 { padding-top: 10px; }
#infrasBlock, #infrasBlock a { color: #FFFFFF; }
#infrasBlock .specText span { color: #fcc400; }
#infrasBlock p { text-align: center; }
#infrasBlock p strong { display: block; font-weight: bold; }
#cloudBlock { color: #333333; }
#cloudBlock a { color: #FFFFFF; }
#cloudBlock .specText span { color: #01632f; }
#cloudBlock .specText span.alt { color: #01632f; }
#cloudBlock p { text-align: center; }
#cloudBlock p strong { color: #01632f; font-weight: bold; }


/*************** STRUCTURE - INSIDE PAGES */
#knowMoreBlock ul { padding: 0 15px .5em 15px; text-align: center; }
#knowMoreBlock .specText { color: #333333; }
#knowMoreBlock li { padding: 0 0 8px 0; background: transparent none; line-height: normal; }
#knowMoreBlock li a { padding: 0 0 0 14px; background: transparent url(../img/interface/arrow.png) left top no-repeat; color: #FFFFFF; }
#knowMoreBlock li strong { font-weight: bold; }
#knowMoreBlock li a:hover { text-decoration: underline; }
/* mises en avant */
#meaBlock p { padding: 0; }
/* page contact */
#postalCoords { float: left; width: 330px; }
#mailCoords a { color: #fc8200; }
#mailCoords a:hover { text-decoration: underline; }
/* infrastructures */
#infraPics { padding-left: 0; }
#infraPics li { float: left; margin: 0 15px 0 0; padding: 0; background: none; }
#infraPics li.lastItem { margin: 0; }
/* on demand */
#onDemandFeatures { width: 350px; text-align: left; }
#meaBlock #cloudBlock { width: 264px; position: absolute; top: -14px; right: -7px; }
#meaBlock #cloudBlock .blockCenter { background-image: url(../img/interface/blocks/bg-blocktype3-s.png); }
#meaBlock #cloudBlock .blockFooter { background-image: url(../img/interface/blocks/bg-blocktype3-b.png); }
#meaBlock #cloudBlock .innerBlockCenter { padding: 17px 0 0 0; background-color: #fcc700; background-image: url(../img/interface/blocks/bg-blocktype3-d.png); text-align: center; }
#meaBlock #cloudBlock .innerBlockCenter p { padding: 0 0 20px 0; }
/* offre cloud computing */
#offreCCContainer { position: relative; }
#offreCC1 { float: left; position: relative; left: -5px; }
#offreCC2 { float: right; position: relative; right: -10px; }
#offreCC1, #offreCC2 { padding: 0; margin: 0; width: 220px; text-align: center; }
#offreCC1 li, #offreCC2 li { padding: 0; margin: 0; background: none; }
#offreCC1 li p, #offreCC2 li p { padding: 0; text-align: center; }
#offreCC { width: 225px; position: absolute; left: 212px; top: 55px; }
#offreCC #cloudBlock { background-image: url(../img/interface/blocks/bg-blocktype2-cc-t.png); }
#offreCC #cloudBlock .blockCenter { background-image: url(../img/interface/blocks/bg-blocktype2-cc-s.png); }
#offreCC #cloudBlock .blockFooter { background-image: url(../img/interface/blocks/bg-blocktype2-cc-b.png); }
#offreCC #cloudBlock .innerBlockCenter { padding: 35px 0 5px 0; }
#offreCC #cloudBlock .innerBlockCenter p strong { color: #FFFFFF; }






/* END */