@import url(../global.css);
@import url(global.css);

/* Header
---------------------- */
#header {min-height: 120px; height: auto}
h1 {background: url(i/backgrounds/header_page.jpg) -5px 0 no-repeat; height: 159px; width: 400px; z-index: 1}
h1 a {left: 0; top: 5px; width: 170px; height: 155px}
h1 a img {margin: 42px 0 0 23px}

h2 {background: #fff; position: relative; text-align: right; margin-left: 215px; width: 560px; padding-right: 31px; text-transform: uppercase; color: #469; margin-bottom: 6px; font-size: 1.2em; z-index: 2}
.dossiers h2 {color: #f63}
.presse h2 {color: #69c}
.services h2 {color: #666}

/* Jumpers
---------------------- */
html>body #doubleJump {margin-top: 5px}

/* Wrap
---------------------- */
#outerWrapper {background: url(i/backgrounds/page2.gif) 0 0 repeat-y; position: relative}
#wrapper {float: right}

/* Breadcrumbs
---------------------- */
#breadcrumbs {position: relative; text-align: right; margin-left: 215px; width: 560px; margin-bottom: 20px; z-index: 2}
#breadcrumbs * {color: #999}
#breadcrumbs li {display: inline; background: url(../i/markers/breadcrumb.gif) 1px 0.4em no-repeat; padding-left: 10px}
#breadcrumbs li.first {padding-left: 0; background-image: none}
#breadcrumbs a {text-decoration: none}
#breadcrumbs a:hover {text-decoration: underline}

/* Content
---------------------- */
#content {float: left; margin-right: -245px; border-top: solid 3px #469}

#content a:hover {text-decoration: none}

#content h3 {color: #78a; padding-left: 12px}
.dossiers #content h3 {color: #f93}
.presse #content h3 {color: #72b3e4}
.services #content h3 {color: #985}

#content .legend, #content .legend * {color: #78a}
.dossiers #content .legend, .dossiers #content .legend * {color: #f93}
.presse #content .legend, .presse #content .legend * {color: #72b3e4}
.services #content .legend, .services #content .legend * {color: #985}

#content .cap {border-color: #78a}
.dossiers #content .cap {border-color: #f93}
.presse #content .cap {border-color: #469}
.services #content .cap {border-color: #666}
#content .cap * {color: #469}
.dossiers #content .cap * {color: #f63}
.presse #content .cap * {color: #469}
.services #content .cap * {color: #666}
#content .cap li {background-image: url(../i/markers/dot-333.gif); color: #333}
.dossiers #content .cap li, .presse #content .cap li, .services #content .cap li {background-image: url(../i/markers/dot-333.gif); color: #333}
#content .cap li * {color: #333}
.dossiers #content .cap li *, .presse #content .cap li *, .services #content .cap li * {color: #333}

#content .encarta, #content .encarta * {border-color: #78a; color: #78a}
.dossiers #content .encarta, .dossiers #content .encarta * {border-color: #f93; color: #f93}
.presse #content .encarta, .presse #content .encarta * {border-color: #72b3e4; color: #72b3e4}
.services #content .encarta, .services #content .encarta * {border-color: #999; color: #985}

.dossiers #content table caption {color: #f93}
.dossiers #content th, .dossiers #content td.header {background-color: #f93}
.presse #content table caption {color: #72b3e4}
.presse #content th, .presse #content td.header {background-color: #72b3e4}
.services #content table caption {color: #985}
.services #content th, .services #content td.header {background-color: #999}

#content .toTop a {color: #78a}

#content .separator {background: #78a}
.dossiers #content .separator {background: #f93}
.presse #content .separator {background: #72b3e4}
.services #content .separator {background: #985}

#content .press-release {border-top: solid 1px #72b3e4; padding-top: 0.5em; margin-bottom: 1em; padding-bottom: 1em}

#content .press-release h3 {padding-left: 0; font-size: 1em; margin-bottom: 2px; color: #78a}
#content .press-release h3 a {color: #72b3e4}
#content .press-release h3 .date {color: #369; font-weight: bold; display: block; font-size: 1em}
#content .press-release p {margin-bottom: 0.5em}
#content .press-release p.anchor {font-size: 0.9em; padding-left: 7px; background: url(../i/markers/dot-333.gif) 0 0.5em no-repeat}
#content .press-release p.anchor a {text-decoration: underline}
#content .press-release p.anchor a:hover {text-decoration: none}


#content .publication h4 {font-size: 1.2em}
#content .publication h4 {padding-left: 0; font-size: 1em; margin-bottom: 2px; color: #78a}
#content .publication h4 a {color: #72b3e4}
#content .publication h4 .date{color: #369; font-weight: bold; display: block; font-size: 1em}
#content .publication {padding-left : 14px; background : url(../i/markers/dot-79a.gif) 6px 0.5em no-repeat; margin-bottom : 1em}
#content .publication p {margin-bottom : 0}

#content .publication a {text-decoration : none}
#content .publication a:hover {text-decoration : underline}

#content .first {border-top: none}

#content .pager {background: #f1f1f1; text-align: center; padding: 2px 12px 3px 12px; margin-bottom: 1em}
#content .pager ul {display: inline}
#content .pager li {display: inline; color: #c30; padding-left: 5px; background-image: url(../i/markers/dot-357.gif)}
#content .pager li.first {background-image: none; padding-left: 0}
#content .pager li.previous {background-image: url(../i/markers/previous.gif); background-position: 0 0.3em; padding-left: 10px; padding-right: 12px}
#content .pager li.next {padding-right: 10px; background-image: url(../i/markers/next.gif); background-position: 100% 0.3em; padding-left: 12px}
#content .pager a {color: #357}
#content .pager a:hover {text-decoration: none}

.dossiers #content {border-color: #f63}
.presse #content {border-color: #69c}
.services #content {border-color: #666}

#content .split h4 {float: left; width: 13em; border-style: solid; border-width: 0 1px 0 0; margin-bottom: 0.5em; padding: 0 1em 2.5em 0; margin-right: 1.3em; border-color: #78a; color: #78a}
.dossiers #content .split h4 {color: #f93; border-color: #f93}
.presse #content .split h4 {color: #72b3e4; border-color: #72b3e4}
.services #content .split h4 {color: #985; border-color: #985}

#content .contacts h3, #content h3.publicationTitle {background: #78a; color: #fff; font-size: 1.1em; padding-top: 2px; padding-bottom: 2px; margin-bottom: 1.5em }

#content .contacts h4 {color: #78a; border-bottom: solid 3px #eeebe2; margin-bottom: 0.5em; padding-bottom: 0.4em; font-size: 1.05em}

#content .contacts h5 {font-size: 1em; margin-bottom: 0.6em}

#content .coords {float: left; width: 45%}

#content .coords .web {color : #c30}
#content .coords a {color: #c30; text-decoration: none}
#content .coords a:hover {text-decoration: underline}

#content .staff {float: right; width: 45%}
#content .staff, #content .staff * {color: #78a}

#content .coords p, #content .staff p {margin-bottom: 0}

#content .contactBlock {margin-bottom: 1.5em}

/* Related
---------------------- */
.actu {padding-bottom: 1.5em; padding-top : 1em}
#related p {margin-bottom: 0}
/*#related .documents {margin-bottom : 1em}*/
#related .documents h4 {margin-bottom: 0}


.actu h4 {color: #036; border-bottom: solid 3px #eeebe2; padding-bottom: 0.4em; width: 185px; margin-bottom: 1em; position: relative; z-index: 500}
.prime {position: relative; top: -1.5em; margin-bottom: -1.5em; line-height: 1.1em; z-index: 501; padding-top : 0}
* html .prime {line-height: 1.2em}
.actu .innerContent, .actu .innerContent * {color: #036}
.documents, .documents * {color: #c30}


/* Nav
---------------------- */
#nav {width: 185px; float: left; padding-bottom: 8px; background: #fff url(i/backgrounds/nav.gif) 0 100% no-repeat; margin-bottom: 1em}

#backgroundFixTop {position: absolute; z-index: 1; background: #fff; height: 4em; width: 185px; left: 0; top: 0}
#backgroundFixBottom {position: absolute; z-index: 1; background: url(i/backgrounds/nav_bottom.gif) 0 100% no-repeat; height: 8px; width: 185px; left: 0; bottom: 0}

#nav .nav li:hover ul, #nav .nav li.hover ul {left: 155px}

/* Banner
---------------------- */
html>body #banner {top: 28px}

/* IE Win Fixes
---------------------- */
/* \*/
* html #header {height: 120px}
* html h2 {width: 591px}
* html #\006f	uterWrapper h2 {width: 560px}
* html #backgroundFixTop {height: 1.95em}
* html #backgroundFixTop/**/ {height: 4em}
* html #backgroundFixBottom {bottom: -1px}
* \0068	tml #backgroundFixBottom {bottom: 0}
/* */

/* IE Mac Fixes
---------------------- */
/* \*//*/
#header {height: 120px}
#breadcrumbs li {background-image: none}
#breadcrumbs a {background: url(../i/markers/breadcrumb.gif) 1px 0.3em no-repeat; padding-left: 10px}
#breadcrumbs li:first a {background-image: none; padding-left: 0}
#nav {padding-bottom: 4px}
#backgroundFixBottom {display: none}
#content .pager li {display: inline-block; width: 1%}
/* */