/* ABSOLUCE 2009 */
/* COMMON STYLES */

/*************** DEFAULT DEFINITION */
html, body { position: relative; height: 100%; margin: 0; padding: 0; font: 100% Arial, Verdana, Helvetica, sans-serif; text-align: center; line-height: normal; color:#454346; background-color: #ffffff; }
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.69em; }
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: #454346; }
a:hover { text-decoration: underline; }
.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 #336699; cursor: help; }

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

/* LINKS */


/*************** STRUCTURE - GENERAL */
#container { width: 870px; height: 600px; margin: 0 auto; text-align: left; position: relative; top: auto; }
.hasJS #container { top: 50%; }
.full #container { top: auto; }
#content { position: relative; height: 580px; }
.full #content { height: auto; }
#overlay { /*background-color: red;*/ width: 1200px; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; cursor: pointer; }
.full #overlay { display: none; }

/*************** STRUCTURE - HEADER */
#header { position: absolute; top: 0; left: 0; min-height: 106px; height: auto; width: 100%; z-index: 2; }
.full #header { position: relative; top: auto; left: auto; min-height: 0; height: auto; width: 100%; z-index: 2; }
#logo { float: left; margin: 30px 0 0 0; }
#mainNav { text-align: right; padding: 55px 0 0 0; }
#mainNav li { display: inline; }

/*************** STRUCTURE - CONTENT */
#pageBoxesContainer { clear: both; position: relative; z-index: 1; top: 121px; margin: 0 0 0 -166px; width: 1200px; height: 450px; }
.hasJS #pageBoxesContainer { overflow: hidden; }
.full #pageBoxesContainer { top: 0; width: auto; height: auto; margin: 27px 0 0 -22px; }
#pageBoxes { position: absolute; }
.hasJS #pageBoxes { width: 2300px; }
.full #pageBoxes { position: relative; width: auto; }
.contentBox { cursor: pointer; float: left; margin: 0 41px 45px 0; width: 682px; height: 466px; background: #ffffff url(../img/bg-box-big.png) bottom left no-repeat; position: relative; z-index: 10; }
#page3, #page6 { margin: 0 0 45px 0; }
#page1, #page4 { clear: left; }
.full .contentBox { margin: 0 0 0 124px !important; min-height: 466px; height: auto; cursor: default; }
.closeButton { display: block; position: absolute; top: 150px; right: 268px; z-index: 100; cursor: pointer; }
#homeImage { position: absolute; top: 0; left: 0; z-index: 11; }
#homeImage dd { position: absolute; z-index: 100; left: 166px; width: 279px; height: 191px; text-indent: -1000em; cursor: pointer; background: transparent url(../img/empty.png) top left repeat; }
#homeImage dd a { display: block; width: 279px; height: 191px; cursor: pointer; }
#homeImage dd.page1, #homeImage dd.page2, #homeImage dd.page3 { top: 0; }
#homeImage dd.page4, #homeImage dd.page5, #homeImage dd.page6 { top: 208px; }
#homeImage dd.page2, #homeImage dd.page5 { left: 462px; }
#homeImage dd.page3, #homeImage dd.page6 { left: 758px; }
.loadingImg { display: block; position: absolute; z-index: 0; width: 32px; height: 32px; top: 217px; left: 325px; }

/*************** TYPOS - CONTENT */
.pageTitle { margin: 29px 30px 4px 30px; color: #2fbcf2; font-weight: normal; font-size: 3.06em; }
#page3Inside .pageTitle { margin: 29px 30px 0 30px; }
.pageSubTitle { margin: 0 30px 40px 30px; padding-bottom: .5em; color: #494949; border-bottom: .25em solid #2fbcf2; font-size: .88em; }
.pageSubTitle img { vertical-align: middle; }
#page3Inside .pageSubTitle { padding-bottom: 2px; }
.textTitle { color: #2fbcf2; font-weight: normal; font-size: 1.06em; padding-bottom: 1em; }
.textContent { margin: -5px 0 0 30px; width: 330px; float: left; position: relative; }
.otherContent { float: right; margin: 0 30px 0 0; height: 212px; width: 265px; position: relative; }
.flvImage { display: block;  }
.hasJS .flvImage { position: absolute; top: 0; left: 0; z-index: 0; }
.videoContainer { position: relative; z-index: 1; }
#page4 .textContent, #page5 .textContent, #page6 .textContent { width: 345px; }
#page2 .textContent { width: 355px; }
.textContent dt { background: transparent url(../img/bg-title.png) left .3em no-repeat; letter-spacing: -.07em; }
.textContent dt, .textContent li { color: #2fbcf2; font-weight: bold; }
.textContent dd { font-size: 1em; }
.textContent p, .textContent dt { font-size: .69em; padding-left: 20px; }
.textContent p { padding-bottom: 1.2em; line-height: 1.1em; }
.textContent ul { margin-top: -.5em; }
.textContent li { font-size: .69em; padding-left: 20px; }
.textContent .spec { color: #2fbcf2; }

/*************** STRUCTURE - FOOTER */
#footer { width: 870px; margin: 0 auto; color: #5782bd; font-size: .63em; text-align: center; position: relative; z-index: 10; }
.full #footer { padding: 30px 0; }
#footer a { color: #5782bd; }

/* Notre charte */
#page1 .textContent li { padding-bottom: .2em; }

/* Notre réseau */
#page2 .pageSubTitle { margin: 0 30px 30px 30px; }
#page2 #networkMapBoxes { margin: 170px 0 0 0; }
#page2 .textContent h2 { height: 70px; }
#page2 .textContent dl { margin-left: 65px; }
#page2 .textContent dt { padding: 1px 5px 0 0; float: left; background-image: none; color: #454346; font-weight: bold; letter-spacing: normal; }
#page2 .textContent dd { color: #2fbcf2; font-weight: bold; font-size: .75em; }
#page2 .textContent dd a { color: #2fbcf2; }
#networkMap { position: absolute; left: 65px; top: -0; width: 188px; height: 205px; background: transparent url(../img/network-map.png) top left no-repeat; }
#networkMap li { position: absolute; padding: 0; background-color: transparent; }
#networkMap li.activeDot { background-color: #FF0000 !important; }
#networkMap li#mapAbsoluceIDF { top: 25px; left: 99px; }
#networkMap li#mapTudelAssociesIDF { top: 25px; left: 85px; }
#networkMap li#mapAquitaine { top: 90px; left: 35px; }
#networkMap li#mapBourgogne { top: 50px; left: 117px; }
#networkMap li#mapBretagne { top: 34px; left: 29px; }
#networkMap li#mapChampagneArdenne { top: 16px; left: 117px; }
#networkMap li#mapCalvados { top: 20px; left: 60px; }
#networkMap li#mapLorraine { top: 32px; left: 134px; }
#networkMap li#mapMidiPyrenees { top: 107px; left: 62px; }
#networkMap li#mapPaysDeLoire { top: 46px; left: 49px; }
#networkMap li#mapReunion { top: 172px; left: 139px; }
#networkMap li#mapRhonesAlpes { top: 94px; left: 111px; }
#networkMap li a { display: block; padding: 2px; width: 10px; height: 10px; background: transparent url(../img/map-dot.png) center center no-repeat; text-indent: -1000em; }



/* Baromètre */
#page3 .otherContent { margin: -20px 30px 0 0; width: 265px; }
#page3 .textContent { width: 340px; }
#page3 .textContent p { padding-bottom: 2em; background: transparent url(../img/bg-title.png) left .3em no-repeat; }
#page3 .textContent p a, #page3 .textContent p span { display: block; float: right; }

/* Métier expert comptable */
#page4 .textContent p { background: transparent url(../img/bg-title.png) left .3em no-repeat; line-height: 1.1em; }
#page4 .textContent li { letter-spacing: -.03em; padding-bottom: .2em; }

/* Métier auditeur */
#page5 .textContent p { background: transparent url(../img/bg-title.png) left .3em no-repeat; line-height: 1.1em; }
#page5 .textContent li { padding-bottom: .2em; }

/* Métier conseil */
#page6 .textTitle { padding-bottom: .5em; }
#page6 .textContent dt { padding-bottom: 0; }
#page6 .textContent p { padding-bottom: .7em; line-height: 1.1em; }
#page6 .textContent ul { margin: -.3em 0 .5em 0; }
#page6 .textContent li { letter-spacing: -.05em; }



/*************** MENTIONS LEGALES */
#mentions { margin: 30px 0 0 22px; }
#mentions .pageTitle { padding-bottom: .3em; margin: 0 0 20px 0; font-size: 1.5em; border-bottom: .1em solid #2fbcf2; }
#mentions .textContent { width: auto; height: auto; float: none; margin: 0; }
#mentions .textContent dt { padding-bottom: 0; font-weight: normal; letter-spacing: normal; }

/* END */