/**
 Biosphère interactif présente : 
 *
 * Boulons Manic, sous Drupal 6.x
 * 		       par
 * Martin Cormier, intégration/programmation
 * Stéphanie Langlois, design 
 */
 
body {
  margin: 0 auto;
  padding: 0;
  -width:840px;
  background-color: #fff;
  background: transparent url(images/stripe.png);
  background-repeat:repeat;
  font: 12px/170% Arial, sans-serif;
  color: #494949;
  /overflow-y: visible;
}

/* banner top */
#bg-top{position:absolute; border:0;}

input {font: 12px/100% Arial, sans-serif; color: #494949;}
textarea, select {font: 12px/160% Arial, sans-serif; color: #494949;}
h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0; font-weight: normal; font-family: Impact, sans-serif;}
h1 {font-size: 170%;}
h2 {font-size: 170%;}
h3 {font-size: 140%;}
h4 {font-size: 130%;}
h5 {font-size: 120%;}
h6 {font-size: 110%;}
ul, quote, code, fieldset {margin: .5em 0;}
p {margin: 0.6em 0 1.2em; padding: 0;}

a:link, a:visited {color: #027AC6;text-decoration: none;}
a:hover {color: #0062A0; text-decoration: underline;}
a:active, a.active {color: #5895be;}

hr {margin:0; padding:0; border:none; height:1px; background:#5294c1;}
ul {margin: 0.5em 0 1em; padding: 0;}
ol {margin: 0.75em 0 1.25em; padding: 0;}
ol li, ul li {margin: 0.4em 0 0.4em .5em;}
ul.menu, .item-list ul {margin:0.35em 0 0 -0.5em; padding:0;}
ul.menu ul, .item-list ul ul {margin-left: 0em;}
ol li, ul li, ul.menu li, .item-list ul li, li.leaf {margin: 0.15em 0 0.15em .5em;}
ul li, ul.menu li, .item-list ul li, li.leaf {padding:0 0 .2em 1.5em; list-style-type: none; list-style-image: none; background: transparent url(images/menu-leaf.gif) no-repeat 1px .35em;}
ol li {padding: 0 0 .3em; margin-left: 2em;}
ul li.expanded {background: transparent url(images/menu-expanded.gif) no-repeat 1px .35em;}
ul li.collapsed {background: transparent url(images/menu-collapsed.gif) no-repeat 0px .35em;}
ul li.leaf a, ul li.expanded a, ul li.collapsed a {display: block;}
ul.inline li {background: none; margin: 0; padding: 0 1em 0 0;}
ol.task-list {margin-left:0; list-style-type:none; list-style-image:none;}
ol.task-list li {padding: 0.5em 1em 0.5em 2em;}
ol.task-list li.active {background: transparent url(images/task-list.png) no-repeat 3px 50%;}
ol.task-list li.done {color: #393; background: transparent url(../../misc/watchdog-ok.png) no-repeat 0px 50%;}
ol.task-list li.active {margin-right: 1em;}
fieldset ul.clear-block li {margin: 0; padding: 0; background-image: none;}
dl {margin: 0.5em 0 1em 1.5em;}
dl dd {margin: 0 0 .5em 1.5em;}
img, a img {border: none;}
table {margin: 1em 0;width: 100%;}
thead th {border-bottom: 2px solid #d3e7f4; color: #494949; font-weight: bold;}
th a:link, th a:visited {color: #6f9dbd;}
td, th {padding: .3em .5em;}
tr.even, tr.odd, tbody th {border: solid #d3e7f4;border-width: 1px 0;}
tr.odd, tr.info {background-color: #edf5fa;}
tr.even {background-color: #fff;}
tr.drag {background-color: #fffff0;}
tr.drag-previous {background-color: #ffd;}
tr.odd td.active {background-color: #ddecf5;}
tr.even td.active {background-color: #e6f1f7;}
td.region, td.module, td.container, td.category {border-top: 1.5em solid #fff; border-bottom: 1px solid #b4d7f0; background-color: #d4e7f3; color: #455067; font-weight: bold;}
tr:first-child td.region, tr:first-child td.module, tr:first-child td.container, tr:first-child td.category {border-top-width: 0;}
span.form-required {color: #ffae00;}
span.submitted, .description {font-size: 0.92em;color: #898989;}
.description {line-height: 150%;margin-bottom: 0.75em;color: #898989;}
.messages, .preview {margin: .75em 0 .75em; padding: .5em 1em;}
.messages ul {margin: 0;}
.form-checkboxes, .form-radios, .form-checkboxes .form-item, .form-radios .form-item {margin: 0.25em 0;}
#center form {margin-bottom: 2em;}
.form-button, .form-submit {margin: 2em 0.5em 1em 0;}
#dblog-form-overview .form-submit, .confirmation .form-submit, .search-form .form-submit, .poll .form-submit, fieldset .form-button, fieldset .form-submit, .sidebar .form-button, .sidebar .form-submit, table .form-button, table .form-submit {margin: 0;}
.box {margin-bottom: 2.5em;}


/* ***************** */
/* TITRES DES PAGES */
/* *************** */
div.left-corner h6 {
  font-size: 400%;
  position:relative;
  color:#ea4435;
  line-height:70px;
  margin:-10px 0 10px 0;
  padding:0;
  min-width:770px;
  -width:770px;
  /margin:130px 0 10px 0;/* IE 7 */
  -margin:90px 0 10px 0;/* IE 6 */
}


#header-region .block {display: block;margin: 0 1em;}
#header-region .block-region {display: block;margin: 0 0.5em 1em;padding: 0.5em; position: relative; top: 0.5em;}
#header-region * {display: inline; line-height: 1.5em; margin-top: 0; margin-bottom: 0;}
#header-region script {display: none;}/* Prevent the previous directive from showing the content of script elements in Mozilla browsers. */
#header-region p, #header-region img {margin-top: 0.5em;}
#header-region h2 {margin: 0 1em 0 0;}
#header-region h3, #header-region label, #header-region li {margin: 0 1em; padding: 0;background: none;}


/* ******************** */
/* WRAPPER * IMPORTANT */
/* ****************** */
#wrapper {
  width:802px;
  background-color:white;
  margin:0 auto;
  margin-bottom:100px;
  border:2px solid #CCC\9;
  border-top:0px;
  
  -moz-box-shadow:2px 2px 75px #767676; 
  -webkit-box-shadow:2px 2px 75px #767676;
  box-shadow:2px 2px 75px #767676;
  
  /*/filter: progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=90, Color='#767676');*/
}

#wrapper #container {margin: 0 auto;padding: 0 20px; max-width: 840px; -position:relative; -width:840px;}
#wrapper #container #header {height: 80px;}
#wrapper #container #header #logo-floater {position: absolute; margin:20px 0 0 20px; -z-index:9;}
#wrapper #container #header h1, #wrapper #container #header h1 a:link, #wrapper #container #header h1 a:visited {line-height: 120px; position: relative; z-index: 2; white-space: nowrap;}
#wrapper #container #header h1 span {font-weight: bold;}
#wrapper #container #header h1 img {padding-top: 14px; padding-right: 20px; float: left;}

/* **************** */
/* BODY - SIDEBARS */
/* ************** */

body.sidebars {min-width: 980px; -width:980px;} /* With 3 columns, require a minimum width of 1000px to ensure there is enough horizontal space. */
body.sidebar-left, body.sidebar-right {min-width: 780px;  /width:780px;/* IE 6 et 7 */ /margin-top:-20px; /* IE 6 et 7 */ }/* With 2 columns, require a minimum width of 800px. */
#wrapper #container #center {float: left; width: 100%;/* We must define 100% width to avoid the body being too narrow for near-empty pages */}

/* fixes */
body.sidebar-left #center {margin-left: -260px;/* So we move the #center container over the sidebars to compensate */}
body.sidebar-right #center {margin-right: -260px;}
body.sidebars #center {margin: 0 -260px; }
body.sidebar-left #squeeze {margin-left: 260px; /* And add blanks left and right for the sidebars to fill */}
body.sidebar-right #squeeze {margin-right: 260px;}
body.sidebars #squeeze {margin: 0 260px;}


#wrapper #container .sidebar {margin: 150px 0 5em; width: 260px; float: left; z-index: 2;position: relative; /margin-top:300px; -margin:-600px 0 0 280px;}/* We ensure the sidebars are still clickable using z-index */ 
#wrapper #container .sidebar .block {margin: 0 0 1.5em 0;   }
#sidebar-left .block {padding: 0 15px 0 0px;}
#sidebar-right .block {padding: 0 0px 0 15px; }
.block .content {margin: 0.5em 0; /margin-left:-40px;}
#sidebar-left .block-region {margin: 0 15px 0 0px; /* LTR */}
#sidebar-right .block-region {margin: 0 0px 0 15px; /* LTR */ }
.block-region {padding: 1em; background: transparent; border: 2px dashed #b4d7f0; text-align: center; font-size: 1.3em;}


/* LE CONTENU D'UNE PAGE */
#wrapper #container #center .right-corner .left-corner {padding: 60px 30px 0 20px; position: relative; min-height: 400px; -height:400px;}
#wrapper #container #footer {float: none;margin:40px 0 0 -40px; padding:0; clear: both; background: url(images/bg-foot.jpg) no-repeat; width:802px; height:95px;}

/* fixes (suite) */
body.sidebar-left #footer {margin-left: -260px;}
body.sidebar-right #footer {margin-right: -260px;}
body.sidebars #footer {margin: 0 -260px;}
#wrapper #container #header h1, #wrapper #container #header h1 a:link, #wrapper #container #header h1 a:visited {color: #fff; font-weight: normal; text-shadow: #1659ac 0px 1px 3px; font-size: 1.5em;}
#wrapper #container #header h1 a:hover {text-decoration: none;}
#wrapper #container .breadcrumb {font-size: 0.92em;}
#wrapper #container .breadcrumb, #wrapper #container .breadcrumb a {color: #529ad6;}



/* ****** */
/* MENUS */
/* **** */
#bg-menuPrinc{
	position:absolute;
	margin:0 auto;
	padding:0;
	margin-left:-19px;
	margin-top:100px;
}

ul.secondary-links {
  margin:100px 200px 0 0;
  -margin:100px 140px 0 0;
  float: right; /* LTR */
  clear: right; /* LTR */
  position: relative;
  z-index: 4;
  font-weight:bold;
  padding:0;
  font-size:110%;
  width:428px;
  height:25px;
}

ul.secondary-links li {
  margin: 5px 0 0 0;
  padding:0 10px 0 0;
  float: right; /* LTR */
  background-image: none;
}

ul.secondary-links li a, ul.secondary-links li a:link, ul.secondary-links li a:visited {
  display: block;
  margin:0 10px 0 0;
  padding: 0 0 0;
  color: #fff;
}

ul.secondary-links li a:hover, ul.secondary-links li a.active {
  color: #f98c9b;
  text-decoration:none;
}

ul.primary, ul.primary li, ul.secondary, ul.secondary li {
  border: 0;
  background: none;
  margin: 0;
  padding: 0;
}

#tabs-wrapper {margin: 0 -26px 1em ;padding: 0 26px;position: relative;}
ul.primary {padding: 0.5em 0 10px; float: left;}
ul.secondary {clear: both; text-align: left; border-bottom: 1px solid #e9eff3; margin: -0.2em -26px 1em; padding: 0 26px 0.6em;}
h2.with-tabs {float: left; margin: 0 2em 0 0; padding: 0;}
ul.primary li a, ul.primary li.active a, ul.primary li a:hover, ul.primary li a:visited,
ul.secondary li a, ul.secondary li.active a, ul.secondary li a:hover, ul.secondary li a:visited {
  border: 0;
  background: transparent;
  padding: 4px 1em;
  margin: 0 0 0 1px; /* LTR */
  height: auto;
  text-decoration: none;
  position: relative;
  top: -1px;
  display: inline-block;
}
ul.primary li.active a, ul.primary li.active a:link, ul.primary li.active a:visited, ul.primary li a:hover,
ul.secondary li.active a, ul.secondary li.active a:link, ul.secondary li.active a:visited, ul.secondary li a:hover {background: url(images/bg-tab.png) repeat-x 0 50%;color: #fff;}
ul.primary li.active a, ul.secondary li.active a {font-weight: bold;}
.node {margin: 0 -26px 1.5em;padding: 1.5em 26px;}
ul.links li, ul.inline li {margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 1em; background-image: none;}

.node .links, .comment .links {text-align: left; /* LTR */}
.node .links ul.links li, .comment .links ul.links li {}
.terms ul.links li {margin-left: 0; margin-right: 0; padding-right: 0; padding-left: 1em;}
.picture, .comment .submitted {float: right; clear: right; padding-left: 1em; }
.new {color: #ffae00; font-size: 0.92em; font-weight: bold; float: right;}
.terms {float: right;}
.preview .node, .preview .comment, .sticky {margin: 0; padding: 0.5em 0; border: 0; background: 0;}
.sticky {padding: 1em; background-color: #fff; border: 1px solid #e0e5fb; margin-bottom: 2em;}
#comments {position: relative; top: -1px; border-bottom: 1px solid #e9eff3; margin: -1.5em -25px 0; padding: 0 25px;}
#comments h2.comments {margin: 0 -25px; padding: .5em 25px; background: #fff url(images/gradient-inner.png) repeat-x 0 0;}
.comment {margin: 0 -25px; padding: 1.5em 25px 1.5em; border-top: 1px solid #e9eff3;}
.indented {margin-left: 25px; /* LTR */}
.comment h3 a.active {color: #494949;}
.node .content, .comment .content {margin: 0.6em 0;}

#aggregator {margin-top: 1em;}
#aggregator .feed-item-title {font-size: 160%; line-height: 130%;}
#aggregator .feed-item {border-bottom: 1px solid #e9eff3; margin: -1.5em -31px 1.75em; padding: 1.5em 31px;}
#aggregator .feed-item-categories {font-size: 0.92em;}
#aggregator .feed-item-meta {font-size: 0.92em; color: #898989;}
#palette .form-item {border: 1px solid #fff;}
#palette .item-selected {background: #fff url(images/gradient-inner.png) repeat-x 0 0;border: 1px solid #d9eaf5;}

tr.menu-disabled {opacity: 0.5;}
tr.odd td.menu-disabled {background-color: #edf5fa;}
tr.even td.menu-disabled {background-color: #fff;}
.poll .bar {background: #fff url(images/bg-bar-white.png) repeat-x 0 0; border: solid #f0f0f0; border-width: 0 1px 1px;}
.poll .bar .foreground {background: #71a7cc url(images/bg-bar.png) repeat-x 0 100%;}
.poll .percent {font-size: .9em;}
#autocomplete li {cursor: default; padding: 2px; margin: 0;}
fieldset {margin: 1em 0; padding: 1em; border: 1px solid #d9eaf5; background: #fff url(images/gradient-inner.png) repeat-x 0 0;}

/* Targets IE 7. Fixes background image in field sets. */
*:first-child+html fieldset {padding: 0 1em 1em;background-position: 0 .75em; background-color: transparent;}
*:first-child+html fieldset > .description, *:first-child+html fieldset .fieldset-wrapper .description {padding-top: 1em;}
fieldset legend {display: block;/* Fix disappearing legend in FFox */}
*:first-child+html fieldset legend, *:first-child+html fieldset.collapsed legend {display: inline;}
html.js fieldset.collapsed {background: transparent; padding-top: 0; padding-bottom: .6em;}
html.js fieldset.collapsible legend a {padding-left: 2em; background: url(images/menu-expanded.gif) no-repeat 0% 50%; /* LTR */}
html.js fieldset.collapsed legend a {background: url(images/menu-collapsed.gif) no-repeat 0% 50%; /* LTR */}
#block-node-0 h2 {float: left; padding-right: 20px;}
#block-node-0 img, .feed-icon {float: right; padding-top: 4px;}
#block-node-0 .content {clear: right;}
#user-login-form {text-align: center;}
#user-login-form ul {text-align: left; /* LTR */}
.profile {margin-top: 1.5em;}
.profile h3 {border-bottom: 0; margin-bottom: 1em;}
.profile dl {margin: 0;}
.profile dt {font-weight: normal; color: #898989; font-size: 0.92em; line-height: 1.3em; margin-top: 1.4em; margin-bottom: 0.45em;}
.profile dd {margin-bottom: 1.6em;}
div.admin-panel, div.admin-panel .description, div.admin-panel .body, div.admin, div.admin .left, div.admin .right, div.admin .expert-link, div.item-list, .menu {margin: 0; padding: 0;}
div.admin .left {float: left; /* LTR */width: 48%;}
div.admin .right {float: right; /* LTR */width: 48%;}
div.admin-panel {background: #fff url(images/gradient-inner.png) repeat-x 0 0;padding: 1em 1em 1.5em;}
div.admin-panel .description {margin-bottom: 1.5em;}
div.admin-panel dl {margin: 0;}
div.admin-panel dd {color: #898989; font-size: 0.92em; line-height: 1.3em; margin-top: -.2em; margin-bottom: .65em;}
table.system-status-report th {border-color: #d3e7f4;}
#autocomplete li.selected, tr.selected td, tr.selected td.active {background: #027ac6; color: #fff;}
tr.selected td a:link, tr.selected td a:visited, tr.selected td a:active {color: #d3e7f4;}
tr.taxonomy-term-preview {opacity: 0.5;}
tr.taxonomy-term-divider-top {border-bottom: none;}
tr.taxonomy-term-divider-bottom {border-top: 1px dotted #CCC;}
.messages {background-color: #fff; border: 1px solid #b8d3e5;}
.preview {background-color: #fcfce8; border: 1px solid #e5e58f;}
div.status {color: #33a333; border-color: #c7f2c8;}
div.error, tr.error {color: #a30000; background-color: #FFCCCC;}
.form-item input.error, .form-item textarea.error {border: 1px solid #c52020; color: #363636;}
tr.dblog-user {background-color: #fcf9e5;}
tr.dblog-user td.active {background-color: #fbf5cf;}
tr.dblog-content {background-color: #fefefe;}
tr.dblog-content td.active {background-color: #f5f5f5;}
tr.dblog-warning {background-color: #fdf5e6;}
tr.dblog-warning td.active {background-color: #fdf2de;}
tr.dblog-error {background-color: #fbe4e4;}
tr.dblog-error td.active {background-color: #fbdbdb;}
tr.dblog-page-not-found, tr.dblog-access-denied {background: #d7ffd7;}
tr.dblog-page-not-found td.active, tr.dblog-access-denied td.active {background: #c7eec7;}
table.system-status-report tr.error, table.system-status-report tr.error th {background-color: #fcc;border-color: #ebb;color: #200;}
table.system-status-report tr.warning, table.system-status-report tr.warning th {background-color: #ffd; border-color: #eeb;}
table.system-status-report tr.ok, table.system-status-report tr.ok th {background-color: #dfd;border-color: #beb;}


/* img script header */
#imgPresAlea{position:absolute; margin:-150px 0 0 530px; padding:0; -margin:0 0 0 530px; -display:none;}

/* page equipe */
.imgEquip{margin:0 15px 0 -15px; width:190px; height:150px; float:left;}
.txtpres{float:right; width:250px; margin:20px 0 0 0;}

.clear{clear:both;	}




/* ******************** */
/* SIDEBAR BLOCK DROIT */
/* ****************** */
#sidebar-right #block-block-1 {
	background: url(images/block1.png) no-repeat;
	width:228px;
	height:155px;
	text-align:center;
	border:0;
	padding:0;
	position:relative;
	left:7px;
}

#sidebar-right #block-block-1 h2{
	text-indent: -3000px;         
	white-space: nowrap; 
	margin:0;
	padding:0;
	width:212px;
}

a#lgoPro{
	background:url(images/content/logoPro.png) no-repeat;
	text-decoration:none;
	border:0;
	width:124px;
	height:47px;
	display:block;
	margin:58px 0 0 60px;
}

a#lgoPro:hover{
	background:url(images/content/logoPro.png) no-repeat;
	text-decoration:none;
	border:0;
	width:124px;
	height:47px;
	display:block;
	margin:58px 0 0 60px;
	background-position:0 -47px;
}

#sidebar-right #block-block-2 {
	background: url(images/block2.png) no-repeat;
	width:254px;
	height:179px;
	text-align:center;
	border:0;
	padding:0;
	margin:0 auto;
}

#sidebar-right #block-block-2 h2, #sidebar-right #block-block-2 p{
	text-indent: -3000px;         
	white-space: nowrap; 
	margin:0;
	padding:0;
}

#block-block-3 h2{
	text-indent: -3000px;         
	white-space: nowrap; 	
}

#block-block-3 p{
	text-align:center;	
	padding:0;
}


#footCopyr{
	width:300px;
	margin-left:250px;
}


#vidPlayer{
	margin:30px 0 0 40px;
}