@import url(global.css);

/* Fonts
---------------------- */
#content h2,
#content h2 *,
#content h3,
#content h3 *,
#content h4,
#content h4 *,
#content h5,
#content h5 *,
#content .head .cap,
#content .head .cap *,
#content .head h3,
#content .head h3 *,
#content .head h4,
#content .head h4 *,
#content .head .cite .main,
#content .head .cite .main *,
#content .head blockquote *,
#content .organisationEntities h4,
#content .organisationEntities h4 *,
#content .conferences h3,
#content .conferences h3 * {font-family: 'Times New Roman',Times,serif}

/* Header
---------------------- */
h1 {width: 230px; height: 141px; background-image: url(i/logos/institut_page.png)}

/* Page
---------------------- */
#page {background: #fff url(i/backgrounds/page.gif) 0 0 repeat-y}
#page.climat {background-image: url(i/backgrounds/page_climat.gif)}
#page.societe {background-image: url(i/backgrounds/page_societe.gif)}
#page.sante {background-image: url(i/backgrounds/page_sante.gif)}
#page.urbain {background-image: url(i/backgrounds/page_urbain.gif)}
#page.environnement {background-image: url(i/backgrounds/page_environnement.gif)}

/* Wrapper
---------------------- */
#wrapper {min-height: 625px; height: auto; background: url(i/backgrounds/page_blooming_tree.jpg) 230px 0 no-repeat}
.climat #wrapper {background-image: url(i/backgrounds/page_climat.jpg)}
.societe #wrapper {background-image: url(i/backgrounds/page_societe.jpg)}
.sante #wrapper {background-image: url(i/backgrounds/page_sante.jpg)}
.urbain #wrapper {background-image: url(i/backgrounds/page_urbain.jpg)}
.environnement #wrapper {background-image: url(i/backgrounds/page_environnement.jpg)}

/* Content
---------------------- */
#content {width: 512px; margin: 0 0 0 -257px; float: right; padding: 0 17px}
#\0063	ontent {width: 478px; color: #333}
* html #content * {color: #333}
#content h2 {font-size: 2em; color: #d71248; font-weight: normal; margin-bottom: 0.6em}
#content h3 {font-size: 1.7em; color: #5a5a73; font-weight: normal; margin-bottom: 1em}
.climat #content h3 {color: #0b496c}
.societe #content h3 {color: #6f635b}
.sante #content h3 {color: #5d2020}
.urbain #content h3 {color: #27456e}
.environnement #content h3 {color: #66313b}
#content h4 {font-size: 1.5em; color: #d71248; font-weight: bold; margin-bottom: 1em}
#content h5 {font-size: 1.5em; color: #9cabb6; font-weight: bold; margin-bottom: 0.5em}
.climat #content h5 {color: #83a0b2}
.societe #content h5 {color: #aeaba4}
.sante #content h5 {color: #947170}
.urbain #content h5 {color: #8f9bb2}
.environnement #content h5 {color: #a88e91}
#content p {margin-bottom: 0.7em}
#content ul {margin-bottom: 1em}
#content ul li {padding-left: 7px; background: url(i/markers/li_square.png) 0 0.4em no-repeat}
#content li {background-repeat: none}
/*#content a {color: #75758e}*/
#content a {text-decoration: underline; color: #75758e}
/*#content a:hover {text-decoration: underline}*/
#content a:hover {text-decoration: none}
/*
.climat #content a {color: #244656}
.societe #content a {color: #483c3c}
.sante #content a {color: #947170}
.urbain #content a {color: #27456e}
.environnement #content a {color: #a88e91}
*/

/*
#content .right .main {float: left; width: 56%; margin-right: 1%}
#content .right .related {float: right; width: 42%}

#content .left .main {float: right; width: 56%}
#content .left .related {float: left; width: 42%; margin-right: 1%}
*/

/*#content .right .main {float: left; width: 56%; margin-right: 1%}*/
#content .right .related {float: right; width: 200px; margin-left: 10px}

/*#content .left .main {float: right; width: 56%}*/
#content .left .related {float: left; width: 200px; margin-right: 10px}

html>body #content .left .related,
html>body #content .right .related {margin-bottom: 0.8em}

#content .photo {margin-bottom: 1.5em}

#content .photo .main {float: right; margin-left: -70px; width: 400px}
#content .photo .related {float: left; width: 60px; margin-right: 10px}

.fondateurs #content .photo .main {float: right; margin-left: -130px; width: 340px}
.fondateurs #content .photo .related {float: left; width: 120px; margin-right: 10px}

#content .photo h4 {color: #9cabb6}

#content .legend {font-size: 0.9em; font-style: italic}

/*#content .conference-bloc {margin-bottom: 2em}*/

/* Organisation Entities
---------------------- */
#content .organisationEntities {border-bottom: solid 1px #d6d6eb; clear: both}
#content .organisationEntities img {float: left; margin: 1px 0 0 0}
#content .organisationEntities h3 {color: #9cabb6}
#content .organisationEntities h4 {color: #d71248; font-size: 1.2em; margin: 2px 0; padding-right: 20px}
#content .organisationEntities h4 a {color: #d71248; text-decoration: none}
#content .organisationEntities h4 a:hover {text-decoration: underline}
#content .organisationEntities div {border-top: solid 1px #d6d6eb; background: url(i/markers/negative_bullet.gif) 100% 6px no-repeat; padding-bottom: 1px}
#content .organisationEntities div div {border: none; background-image: none; float: right; width: 399px; padding-top: 4px}
#content .organisationEntities p {margin: 0; padding: 0}
#content .organisationEntities div ul {margin-bottom: 0; padding-bottom: 0}

/* Illustration
---------------------- */
#content .illustration h4 {font-size: 1.5em; font-weight: bold; color: #9cabb6}
.climat #content .illustration h4 {color: #83a0b2}
.societe #content .illustration h4 {color: #aeaba4}
.sante #content .illustration h4 {color: #947170}
.urbain #content .illustration h4 {color: #8f9bb2}
.environnement #content .illustration h4 {color: #a88e91}
#content .illustration img {margin-bottom: 0.3em}
#content .illustration li {padding: 0 0 2px 7px; background-position: 0 0.4em}

/* Zoom
---------------------- */
#content .zoom {display: block; background: url(i/markers/zoom.png) 0 0 no-repeat; padding: 0 0 0 16px; color: #75758e; min-height: 11px; height: auto; text-decoration: none}
.climat #content .zoom {color: #83a0b2; background-image: url(i/markers/zoom_climat.png)}
.societe #content .zoom {color: #aeaba4; background-image: url(i/markers/zoom_societe.png)}
.sante #content .zoom {color: #947170; background-image: url(i/markers/zoom_sante.png)}
.urbain #content .zoom {color: #8f9bb2; background-image: url(i/markers/zoom_urbain.png)}
.environnement #content .zoom {color: #a88e91; background-image: url(i/markers/zoom_environnement.png)}
#content .zoom:hover {text-decoration: underline}

/* Img block
---------------------- */
#content .imgLeft,
#content .imgRight {margin-bottom: 1em; color: #666}
#content .imgLeft img,
#content .imgRight img {margin-bottom: 0.2em}
#content .imgLeft {float: left; margin-right: 10px}
#content .imgRight {float: right; margin-left: 10px}
#content .imgRight,
#content .imgLeft {color: #9cabb6}
#content .center {text-align:center}
#content .center img {text-align:left;margin:0 auto;}
.climat #content .imgRight,
.climat #content .imgLeft {color: #83a0b2}
.societe #content .imgRight,
.societe #content .imgLeft {color: #aeaba4}
.sante #content .imgRight,
.sante #content .imgLeft {color: #947170}
.urbain #content .imgRight,
.urbain #content .imgLeft {color: #8f9bb2}
.environnement #content .imgRight,
.environnement #content .imgLeft {color: #a88e91}

/* See
---------------------- */
#content .see li {background-image: none; padding: 0}
#content .see ul {display: inline}

/* Links
---------------------- */
#content .links li {display: inline; padding: 0 9px; background: url(i/markers/li.png) 0 0.3em no-repeat}
#content .links a {color: #75758e; text-decoration: none}
#content .links a:hover {text-decoration: underline}
.climat #content .links a {color: #244656}
.societe #content .links a {color: #483c3c}
.sante #content .links a {color: #947170}
.urbain #content .links a {color: #8f9bb2}
.environnement #content .links a {color: #a88e91}

#nav .links li {display: block; padding: 0 9px; background: url(i/markers/li.png) 0 0.3em no-repeat}
#nav .links a {color: #3b3b4c; text-decoration: none}
#nav .links a:hover {text-decoration: underline}
.climat #nav .links a {color: #244656}
.societe #nav .links a {color: #483c3c}
.sante #nav .links a {color: #947170}
.urbain #nav .links a {color: #435c80}
.environnement #nav .links a {color: #66313b}

#content .links li.multi {background: none; padding-left: 0}

/* Primers
---------------------- */
#content .primer {margin-bottom: 1.5em}
#content .primer h3 {font-weight: bold}
#content .primer h4 {margin-bottom: 0.2em; font-weight: bold; line-height: 1.1em}
#content .primer p {margin-bottom: 0.1em}
#content .primer p.partner {color: #666}

#content .resultHead {margin-bottom: 0.7em}
#content .resultHead h4 {margin-bottom: 0.4em; font-weight: bold; line-height: 1.1em}
#content .resultHead h4 a {color: #d71248;text-decoration:none}
#content .resultHead h4 a:hover {text-decoration:underline}
#content .resultHead p {margin-bottom: 0.4em}
#content .resultHead p.type {color: #666}

/* Content head
---------------------- */
#content .head {border: solid 1px #d9dee2; padding: 15px 14px; margin-bottom: 2em}
.climat #content .head {border-color: #dfe7f4}
.societe #content .head {border-color: #d5d2cb}
.sante #content .head {border-color: #dedcdb}
#content .head .cap {font-size: 1.3em; font-style: italic}
#content .head h3 {color: #d71248; font-size: 1.4em; margin-bottom: 0.7em; font-weight: bold}
#content .head h4 {color: #9cabb6; font-size: 1.5em; margin-bottom: 0.5em; font-weight: bold}
.climat #content .head h4 {color: #83a0b2}
.societe #content .head h4 {color: #aeaba4}
.sante #content .head h4 {color: #947170}
.urbain #content .head h4 {color: #8f9bb2}
.environnement #content .head h4 {color: #a88e91}
#content .head p,
#content .head .primer p {margin-bottom: 0.6em}

#content .head .split .main {float: left; width: 59%; padding-right: 5%}
#content .head .split .related {float: right; width: 35%}

#content .head .photo .main {float: right; margin-left: -160px; width: 295px; padding-right: 0}
#content .head .photo .related {float: left; width: 150px; margin-right: 10px}
#content .head .photo h3 {color: #9cabb6; font-size: 1.5em}

#content .head .cite {margin-top: 2em}
#content .head .cite .main {float: right; padding-right: 0}
#content .head .cite .related {float: left; margin-right: 10px}
#content .head .left .main {float: right; padding-right: 0}
#content .head .left .related {float: left; margin-right: 10px}
#content .head .right .main {float: left; margin: 0; padding: 0}
#content .head .right .related {float: right; margin: 0; padding: 0}
#content .head .cite .main * {font-size: 1.08em}
#content .head .cite .main .signature {font-size: 1em; font-family: verdana,arial,sans-serif}
#content .head blockquote {font-size: 1.15em}
#content .head blockquote,
#content .head blockquote * {font-style: italic}


#content .head .biscuitCrumbs li {background-image: none; padding: 0}
#content .head .biscuitCrumbs a {color: #333; background: url(i/markers/li.png) 0 0.3em no-repeat; text-decoration: none}
#content .head .biscuitCrumbs a:hover {text-decoration: underline}
#content .head .biscuitCrumbs span {background: url(i/markers/li_black.png) 0 0.3em no-repeat}
#content .head .biscuitCrumbs li span,
#content .head .biscuitCrumbs li a {padding-left: 11px; display: block; text-decoration: none}
#content .head .biscuitCrumbs li a:hover {text-decoration: underline}
#content .head .biscuitCrumbs li li {padding-left: 11px}
#content .head .biscuitCrumbs ul {margin-top: 0.4em}

#content .head .block li {display: block}
#content .head ul.inline li {display: inline}

#content .title h3,
#content .title p {margin-bottom: 0}
#content .title {margin-bottom: 2em}

#content table {border-style: solid; border-color: #b4aba7; border-width: 1px 0 0 1px; position: relative}
#content table th,
#content table td {border-style: solid; border-color: #b4aba7; border-width: 0 1px 1px 0; padding: 5px; text-align: left; vertical-align: middle; color: #666}
#content table th {text-align: center;}
#content table a {text-decoration: underline}
#content table th,
#content table td.th {background: #d9dee2; color: #666}
#content table th *,
#content table td.th *,
#content table td * {color: #666}
#page.climat #content table th,
#page.climat #content table td.th {background: #dfe7f4}
#page.societe #content table th,
#page.societe #content table td.th {background: #d5d2cb}
#page.sante #content table th,
#page.sante #content table td.th{background: #dedcdb}
#page.urbain #content table th,
#page.urbain #content table td.th{background: #8f9bb2}
#page.environnement #content table th,
#page.environnement #content table td.th{background: #a88e91}
#content table td.colored {color: #d71248}
#content table td.colored p {color: #d71248}
#content table td.colored a {color: #d71248}
#content table td.backgrounded {background: #d71248; color: #fff}
#content table td.backgrounded * {color: #fff}
#content table td p,
#content table td ul,
#content table td ol {margin: 0}
#content table td ul,
#content table td ol {text-align: left}
#content span.caption {display: block; font-style: italic; font-size: 0.9em; margin-top: 2px; margin-bottom: 1em}


/* Conferences
---------------------- */
#content .conferences {margin: 2em 0}
#content .conferences table {border: none; margin-bottom: 0.5em}
#content .conferences td {border-bottom: solid 3px #fff; border-right: solid 3px #fff; background: #f4f4f4; padding: 8px 9px; vertical-align: top; text-align: left}
#content .conferences td.th {background: #f4f4f4; text-align: left; color: #333}
#content .conferences td.th * {color: #333}
#content .conferences td.th1 {color: #fff; background: #d71248; width: 132px}
#content .conferences td.th1,
#content .conferences td.th1 * {color: #fff}
#content .conferences td.th2 {background: #d9dee2}
#content .conferences h3 {font-size : 1.25em; color : #333; margin : 2px 0 0 0; font-weight : bold}
#content .conferences td a,
#content .conferences td a * {text-decoration: underline; color: #669}
#content .conferences td a:hover {text-decoration: none}
#content .conferences .links {float: right}
#content .conferences ul,
#content .conferences p {margin: 0}

/* Forms
---------------------- */
#content form fieldset {display: block; width: 390px}
#content form label {display: block; padding: 2px 0; cursor: pointer; width: 319px}
#content form label:hover input,
#content form label:hover select,
#content form label:hover textarea,
#content form label input:focus,
#content form label select:focus,
#content form label textarea:focus {background: #f0f0f0}
#content form label span {display: block; width: 120px; float: left; padding: 2px 0}
#content form label input {border-width: 1px; border-style: solid; border-color: #d9dee2; width : 190px; padding: 1px 2px}
#content form label select {border-width: 1px; border-style: solid; border-color: #d9dee2; width : 196px}
#content form label textarea {border-width: 1px; border-style: solid; border-color: #d9dee2; width : 190px; padding: 1px 2px; overflow: auto}

#content form .submit {background: none; border-style: inset; border: none; border-width: 0; background: #fff; color: #666; font-weight: bold; cursor: pointer; text-align: left; padding: 0; margin: 0; float: right; margin-top: 0.5em}
#content form .submit:hover {color: #d71248}

#content form .radios,
#content form .checkboxes {padding: 5px 0}
#content form .radios label,
#content form .checkboxes label {display: inline; width: auto}
#content form .radios label span,
#content form .checkboxes label span {display: inline; width: auto; padding-right: 0.5em; float: none}
#content form .radios label input,
#content form .checkboxes label input {width: auto; border: none; padding: 0; margin : 0 1em 0 0}

/* Borders
---------------------- */
#content .bordered {border: solid 1px #d9dee2}
.climat #content .bordered {border-color: #dfe7f4}
.societe #content .bordered {border-color: #d5d2cb}
.sante #content .bordered {border-color: #dedcdb}
.urbain #content .bordered {border-color: #8f9bb2}
.environnement #content .bordered {border-color: #a88e91}
#content .bordered img {margin-bottom: 1em}
#content div.bordered {padding: 8px 15px}

/* Functions / Data / Members
---------------------- */
#content .data li, #content .functions li {padding-left: 0; background: none}
#content .functions {font-weight: bold}
#content .members {margin-top: 1em; float: right}
* html #content .members li {width: 1%; white-space: nowrap}
#content .members h4 {margin-bottom: 0.3em; font-size: 1.3em; color: #d71248}
#content .members li {padding: 0 9px 2px 9px; background: url(i/markers/li.png) 0 0.3em no-repeat}
#content .members a {color: #75758e; text-decoration: none}
#content .members a:hover {text-decoration: underline}

/* Related
---------------------- */
#content .related .links {margin-bottom: 1.5em}

/* Helpers
---------------------- */
#content .helpers {display: block; margin-bottom: 2em}
#content .helpers li {float: left; background-image: none; padding: 0;}
.climat #content .helpers li {border-color: #dfe7f4}
.societe #content .helpers li {border-color: #d5d2cb}
.sante #content .helpers li {border-color: #dedcdb}
.urbain #content .helpers li {border-color: #8f9bb2}
.environnement #content .helpers li {border-color: #a88e91}
#content .helpers li a {display: block; color: #75758e; min-height: 17px; height: auto; padding: 4px 5px 0 22px; margin-right: 10px; width: auto; border: solid 1px #d9dee2; text-decoration: none}
.climat #content .helpers li a {border-color: #dfe7f4}
.societe #content .helpers li a {border-color: #d5d2cb}
.sante #content .helpers li a {border-color: #dedcdb}
.urbain #content .helpers li a {border-color: #8f9bb2}
.environnement #content .helpers li a {border-color: #a88e91}
#content .helpers li a:hover {text-decoration: underline}
.climat #content .helpers li a {color: #244656}
.societe #content .helpers li a {color: #483c3c}
.sante #content .helpers li a {color: #947170}
.urbain #content .helpers li a {color: #8f9bb2}
.environnement #content .helpers li a {color: #a88e91}
#content .helpers li.acrobat {background: url(i/icons/pdf.png) 2px 3px no-repeat}
* html #content .helpers li a {display: inline-block}

/* Breadcrumbs
---------------------- */
#content .breadCrumbs {color: #666; margin: 8px 0 3em 0}
#content .breadCrumbs li {display : inline; background-image : none; padding : 0}
#content .breadCrumbs li:before {content: "\007c\00a0"; font-size : 0.9em; vertical-align : top}
#content .breadCrumbs li:first-child:before {content: ""}
#content .breadCrumbs a {color: #d71248; text-decoration: none}
#content .breadCrumbs a:hover {text-decoration: underline}

/* Separators
---------------------- */
.separatorRight,
.separatorLeft {display: block; min-height: 20px; height: auto}
.separatorRight {border-bottom: solid 1px #d9dee2; text-align: right; padding-top: 2px; background: url(i/backgrounds/separator_right.png) 100% 100% no-repeat}
.climat .separatorRight {background-image: url(i/backgrounds/separator_right_climat.png); border-color: #dfe7f4}
.societe .separatorRight {background-image: url(i/backgrounds/separator_right_societe.png); border-color: #d5d2cb}
.sante .separatorRight {background-image: url(i/backgrounds/separator_right_sante.png); border-color: #dedcdb}
.urbain .separatorRight {background-image: url(i/backgrounds/separator_right_urbain.png); border-color: #e4e2e9}
.environnement .separatorRight {background-image: url(i/backgrounds/separator_right_env.png); border-color: #dfdbd8}
.separatorRight li {float: right; margin-top: 6px; margin-right: 5px}
.separatorLeft {border-top: solid 1px #d9dee2; text-align: left; background: url(i/backgrounds/separator_left.png) 0 0 no-repeat}
.climat .separatorLeft {background-image: url(i/backgrounds/separator_left_climat.png); border-color: #dfe7f4}
.societe .separatorLeft {background-image: url(i/backgrounds/separator_left_societe.png); border-color: #d5d2cb}
.sante .separatorLeft {background-image: url(i/backgrounds/separator_left_sante.png); border-color: #dedcdb}
.urbain .separatorLeft {background-image: url(i/backgrounds/separator_left_urbain.png); border-color: #e4e2e9}
.environnement .separatorLeft {background-image: url(i/backgrounds/separator_left_env.png); border-color: #dfdbd8}
#content .separatorLeft,
#content .separatorRight {margin: 2em 0; clear: both}
#content .separatorLeft li a,
#content .separatorRight li a {color: #3b3b4c; text-decoration: none}
.climat #content .separatorLeft li a,
.climat #content .separatorRight li a {color: #244656}
.societe #content .separatorLeft li a,
.societe #content .separatorRight li a {color: #483c3c}
.sante #content .separatorLeft li a,
.sante #content .separatorRight li a {color: #4e3d3d}
.urbain #content .separatorLeft li a,
.urbain #content .separatorRight li a {color: #4e3d3d}
.environnement #content .separatorLeft li a,
.environnement #content .separatorRight li a {color: #4e3d3d}
#content .separatorLeft li,
#content .separatorRight li {padding: 0 0 0 14px; background: url(i/markers/li_top.png) 5px 0.5em no-repeat}
.separatorBlank {clear: both; display: block; height : 1px; overflow: hidden}

.separator-empty {display: block; height: 2em; clear: both; width: 100%;}


/* Nav
---------------------- */
#nav {position: relative; width: 257px; float: left; padding-top: 141px}
.nav {width: 230px}
.nav li a {margin: 0 18px}

#iveNav {width: 230px}
#iveNav li ul li {background-color: #c41041; background-image: none}
#iveNav li ul li a {padding: 1px 5px 1px 27px}

.nav li.open a {border: none}

.nav li.on a {color: #666}
.nav li.on li a {color: #3b3b4c}
.climat .nav li.on li a {color: #244656}
.societe .nav li.on li a {color: #4e3d3d}
.sante .nav li.on li a {color: #483c3c}
.urbain .nav li.on li a {color: #483c3c}
.environnement .nav li.on li a {color: #4e3d3d}

.nav li ul li a {padding-left: 24px; background-position: 14px 0.6em}
.nav li.open ul li.last a {border-bottom: solid 1px #5a5a73}
.climat .nav li.open ul li.last a {border-color: #83a0b2}
.societe .nav li.open ul li.last a {border-color: #B4aba7}
.sante .nav li.open ul li.last a {border-color: #947170}
.urbain .nav li.open ul li.last a {border-color: #8f9bb2}
.environnement .nav li.open ul li.last a {border-color: #a88e91}

/* Search form
---------------------- */
#searchForm h3 {width: 200px; background-position: 0 0}
#searchForm fieldset {width: 203px; padding: 10px 0 0 17px}
* html #searchForm {clear: both}

/* Search results
---------------------- */
#synform table {width: 100%;}
#synform td {width: auto;}

#synform table,
#content .lay_style table {border: none}

#synform table img,
#content .lay_style table img {visibility: hidden; margin : 2px 0}

#synform table td,
#content .lay_style table td,
#synform table th,
#content .lay_style table th {border: none; text-align: left; padding: 0}

#content .lay_style {visibility: hidden; position: absolute; top: 13em; left: 15px; background: #fff; padding: 10px; border: solid 1px #999; margin-right: 15px; background: #efefef}

#content .back_dialog {padding: 5px}
#content .lay_style td td {padding: 1px 0 0 0}

#content .synlienaide {display: block; margin-bottom: 1.5em; margin-left: 2em}

#content .synlieng {font-style: italic}

#content .SynTri,
#content .synliensort {padding-left: 2px; padding-right: 2px}
* html #content .SynTri,
* html #content .synliensort {padding-bottom: 0.8em}
* html #content .synliensort {display: inline-block}

#content .synindex,
#content .extr_g {margin-top: 1em}


#content .extr_cooc .extr_cooc {border-width: 1px 0 0 1px; border-style: solid; border-color: #ccc}
#content .extr_cooc .extr_cooc td {padding: 5px 2px; border-width: 0 1px 1px 0; border-style: solid; border-color: #ccc}

/* Nav actu
---------------------- */
.actu {border-top: solid 1px #fff; width: 210px; padding-right: 15px; margin-top: 32px; padding-left: 18px; color: #333}
* html .actu {width: 245px}
* html .\0061	ctu {padding-right: 16px; width: 210px}
.actu img {float: right; border-style: solid; border-color: #fff; border-width: 0 1px 1px 1px; margin-right: -15px; margin-left: 5px}
* html .actu img {margin-right: -9px}
* html .\0061	ctu img {margin-right: -8px}
#nav .actu h3 {margin: 0.8em 0 0.5em 0; border: none; text-indent: 0; font-size: 1em; text-transform: uppercase; color: #322c4b}
.climat #nav .actu h3 {color: #517388}
.societe #nav .actu h3 {color: #665952}
.sante #nav .actu h3 {color: #4e3d3d}
.urbain #nav .actu h3 {color: #27456e}
.environnement #nav .actu h3 {color: #66313b}
.actu p {padding: 0 15px 0 0; margin-bottom: 0.5em}

#nav .actu a {color: #3b3b4c}

.climat #nav .actu a {color: #244656}
.societe #nav .actu a {color: #483c3c}
.sante #nav .actu a {color: #947170}
.urbain #nav .actu a {color: #435c80}
.environnement #nav .actu a {color: #66313b}

/* Ours
---------------------- */
#ours {width: 218px; margin-left: 12px}

/* Clear Floats
---------------------- */
.split:after,
#content .helpers:after,
.separatorRight li:after,
#content .organisationEntities div:after, 
.conferences:after,
#content form label:after,
#content form fieldset:after {content: ".";  display: block; height: 0; clear: both; visibility: hidden}
/* \*/
* html .split,
* html #content .helpers,
* html .separatorRight li,
* html #content .organisationEntities div,
* html .conferences,
* html #content form label,
* html #content form fieldset {height: 1%}
/* */

/* IE fixes
---------------------- */
* html #content .breadCrumbs li {padding-left: 10px; background: url(i/markers/pipe.png) 4px 50% no-repeat}
* html #\0063	ontent .breadCrumbs li {background-position: 3px 50%}
* html #content .breadCrumbs li.first {padding-left: 0; background-image: none}

/* IE Win fixes
---------------------- */
/* \*/
* html #wrapper {height: 625px}
* html #content .zoom {height: 11px}
* html #content .helpers li a {height: 17px}
* html .separatorRight,
* html .separatorLeft {height: 20px}
* html #ours {height: 1%; padding-bottom: 8px; margin-left: 10px}
/* */

/* IE Mac fixes
---------------------- */
/* \*//*/
.separatorRight,
.separatorLeft {height: 20px}
#wrapper,
#content .related ul.links li,
#content .helpers,
.separatorRight li,
.split,
#content .organisationEntities div,
.conferences,
#content form label,
#content form fieldset {display: inline-block}
#content .separatorRight li {display: inline-block; width: 1%}
#content .zoom {height: 11px}
#content .helpers li a {height: 17px}
/* */