@charset "utf-8";
@import url(global.css);

/* Header
---------------------- */
h1 {width: 311px; height: 140px; background-image: url(i/logos/institut_home.png)}

/* Page
---------------------- */
#page {background-image: url(i/backgrounds/home.gif); background-position: 311px 0; background-repeat: repeat-y}
.default {background-color: #d9dee2}
.climat {background-color: #dfe7f4}
.societe {background-color: #d5d2cb}
.sante {background-color: #dedcdb}
.urbain {background-color: #e4e2e9}
.environnement {background-color: #dfdbd8}

/* Wrapper
---------------------- */
#wrapper {width: 775px; min-height: 625px; height: auto; background: url(i/backgrounds/home_blooming_tree.jpg) 311px 0 no-repeat}
.climat #wrapper {background-image: url(i/backgrounds/home_climat.jpg)}
.societe #wrapper {background-image: url(i/backgrounds/home_societe.jpg)}
.sante #wrapper {background-image: url(i/backgrounds/home_sante.jpg)}
.urbain #wrapper {background-image: url(i/backgrounds/home_urbain.jpg)}
.environnement #wrapper {background-image: url(i/backgrounds/home_environnement.jpg)}

/* Content
---------------------- */
#content {width: 311px; padding-top: 170px; margin-top: 6em; float: left}
h2 {text-indent: -999em; height: 42px; background: url(i/titles/home/vision.png) 18px 0 no-repeat; margin-bottom: 1em}
.climat h2 {background-image: url(i/titles/home/vision_climat.png)}
.societe h2 {background-image: url(i/titles/home/vision_societe.png)}
.sante h2 {background-image: url(i/titles/home/vision_sante.png)}
.urbain h2 {background-image: url(i/titles/home/vision_urbain.png)}
.environnement h2 {background-image: url(i/titles/home/vision_environnement.png)}
#content p {padding: 0 25px 0 18px; margin-bottom: 1em}

/* Nav
---------------------- */
* html #nav {width: 461px}
.nav {width: 242px; float: right; margin-top: 34px}
#nav .nav h3 {margin-top: 44px}
html>body .nav {margin-left: -532px; position: relative}
.nav li a {margin: 0 18px}

#iveNav {position: absolute; top: 140px; left: 0; width: 311px}
#iveNav a {padding-left: 33px}

#news {clear: right; margin: 70px 4px 1em -60px; width: 292px; width: 220px; border-top: solid 1px #fff; border-right: none; float: right; display: block; color: #3b3b4c/*; background: #d9dee2*/}
/* \*/
* html #news {width: 223px}
/* */
.climat #news {color: #244656/*; background: #dfe7f4*/}
.societe #news {color: #483c3c/*; background: #d5d2cb*/}
.sante #news {color: #4e3d3d/*; background: #dedcdb*/}
.urbain #news {color: #27456e/*; background: #e4e2e9*/}
.environnement #news {color: #68303d/*; background: #dfdbd8*/}

#news h4 {color: #322c4b; font-size: 1em; margin: 0 0 2px 5px; padding-top: 4px; text-transform: uppercase}
#news p {margin-left: 5px;/* margin-bottom: 3px*/}
.climat #news h4 {color: #0b496c}
.societe #news h4 {color: #5c4a42}
.sante #news h4 {color: #4e3d3d}
.urbain #news h4 {color: #27456e}
.environnement #news h4 {color: #68303d}
#news a {color: #3b3b4c}
.climat #news a {color: #244656}
.societe #news a {color: #483c3c}
.sante #news a {color: #4e3d3d}
.urbain #news a {color: #27456e}
.environnement #news a {color: #68303d}

#nav #news li {border-top: solid 1px #fff; height: 1%; display: block; background: url(i/markers/li_news.png) 98% 5px no-repeat; padding-right: 22px; padding-bottom: 3px; padding-left: 5px; position: relative; min-height: 51px; margin-bottom: 4px}
/* \*/
* html #nav #news li {height: 51px; padding-left: 4px}
/* */
.climat #nav #news li {background-image: url(i/markers/li_news_climat.png)}
.societe #nav #news li {background-image: url(i/markers/li_news_societe.png)}
.sante #nav #news li {background-image: url(i/markers/li_news_sante.png)}
.urbain #nav #news li {background-image: url(i/markers/li_news_urbain.png)}
.environnement #nav #news li {background-image: url(i/markers/li_news_environnement.png)}
#nav #news li.first {border-top: none}
/*#nav #news li img {float: left; border-right: solid 1px #fff; margin-right: 5px; margin-bottom: -4px; border-bottom: solid 1px #fff}*/
#nav #news li img {border: solid 1px #fff; position: absolute; left: -69px; top: -1px}

/* Search form
---------------------- */
#searchForm h3 {width: 220px}
#searchForm fieldset {width: 203px; padding: 10px 0 0 17px}

/* Ours
---------------------- */
#ours {width: 293px; margin-left: 18px}

/* Map Menu
---------------------- */
#mapMenu {width: 206px; text-align: right; float: left}
#mapMenu a {color: #ccc}

/* Clear floats
---------------------- */
#nav:after, .nav:after, #nav #news li:after {content: ".";  display: block; height: 0; clear: both; visibility: hidden}

/* IE Win fixes
---------------------- */
/* \*/
* html #wrapper {height: 625px}
* html #news {margin-right: 0}
* html #nav #news li {display: inline; width: 100%}
* html #\006e	av #news li {display: block; width: auto}
* html #ours {height: 1%; margin-left: 10px}
* html #\006f	urs {padding-bottom: 10px}
/* */

/* IE Mac fixes
---------------------- */
/* \*//*/
#wrapper {height: 625px}
#nav #news li {display: inline-block}
* html #nav {position: relative}
/* */