/**
* Basic elements
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, input {
  font-family: "Comic Sans MS",Verdana,Serif !important;
}

body { /* FCKEditor Editor Body */
  background: #fff;
  font-size: 12px;
}
body#body { /* Regular Body */
  background: #f0fafa url("../images/gradient-left.jpg") repeat-x left top;
}
a,
a:link {
  color: #004e75; /* blue */
  text-decoration: none;
}
a:visited {
  color: #659695; /* turquoise (light green) */
}
a:active {
  color: #444; /* lighter black */
}
a:hover,
a:focus {
  color: #444;
}
a.active { /* Drupal active class */
  color: #444;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: #5c918f; /* turquoise, similar to #659695 */
}
h1 {
  font-size: 18px;
}
h2 {
  color: #555;
  font-size: 16px;
}
h3 {
  font-size: 15px;
}
h4 {
  font-size: 13px;
}
h5,
h6 {
  font-size: 12px;
}
h6 {
  font-style: italic;
}
ul,
ol {
  list-style-image:url(../images/bullet-primary.png);
  list-style-position: inside;
}
th, td {
  padding: 10px;
}
.content th, td {
  vertical-align: top; /* fixing vertical-align: baseline; from ninesixty/reset.css */
}
tbody {
  border-top: none; /* Overriding Drupal system.css default */
}
/**
* Messages
*/
div.messages {
  margin-bottom: 1em;
  padding: 0.5em;
}
div.messages ul {
  margin-bottom: 0;
}
div.messages ul li {
  list-style-position: outside;
  list-style-image: none;
  list-style-type: none;
}
fieldset {
  border: 1px solid #ccc;
  margin-bottom: 1em;
  padding: 0.5em;
}

/*
* Pagers
*/
.item-list .pager li { /* Needed for .pager-current who has no link */
  color: #659695; /* turquoise */
  text-decoration: none;
}
.item-list .pager li a {
  color: #004e75; /* blue */
  text-decoration: none;
}
.item-list .pager li a:visited {
  color: #659695; /* turquoise */
}
.item-list .pager li a:active {
  color: #444; /* lighter black */
}
.item-list .pager li a:hover,
.item-list .pager li a:focus {
  color: #444;
}

/**
* Page elements
*/
#page {
  padding: 0;
}
.column {
  margin-bottom: 1.5em;
}
#site-header,
#site-subheader,
#footer-region {
  margin-bottom: 0;
  position:relative;
}
#site-header {
  background: #f0fafa url("../images/header-banner.jpg") no-repeat 50% 0;
  height: 300px;
  margin: 0 -160px;
  padding: 0 160px;
}
#site-subheader {
  position: absolute;
  right: 0;
  top: 20px;
}
#wrap {
  margin-top: -30px;
}
#branding {
  margin: 0 auto;
}
#logo img {
  margin-left: 36px;
  margin-top: 30px;
}
#logo a {
  outline-style: none;
  outline-width: none; /* Specific rules that are not CSS compliant but necessary for the design */
}
#main {
  margin-bottom: 0;
}
#footer-message {
  background: #f0fafa url("../images/footer.jpg") no-repeat 50% 100%;
  height: 210px;
  margin: 0 -160px;
  padding: 0 160px;
  width: 960px;
}
#footer-message p {
  margin: 0;
  padding: 90px 30px 0;
}

/**
* Regions
*/
/* Header Region */
#header-region {
  margin: 4px 0 0; /* Aligned with Text Title in Header Image */
  position: relative;
  height: 28px;
}
#header-region a {
  font-size: 0.01em; /* avoid link from showing if text is bigger */
  padding: 0 0 0 6px; /* avoiding button's transparent corners */
}
#header-region a span {
  height: 27px;
  width: 127px;
  padding: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  background: url("../images/buttons-sprite.png") no-repeat 0 0;
}
#header-region a:hover span {
  background-position: 0 -27px;
}

/* Footer Region */
.footer-left {
  width: 50%;
  float: left;
}
.footer-right {
  float: left;
}
.footer-right .padding-right {
  padding:0 45px 25px 0; /* LCSDM + MELS logos */
}


/**
* Search
*/
#search {
  margin: 4px 0 0; /* Aligned with Text Title in Header Image */
}
#search-theme-form {
  background: url(../images/search-bg-icon.png) no-repeat left top;
  width: 210px;
}
#search input.form-text {
  background: #fff;
  border: none;
  height: 13px;
  line-height: 13px;
  margin-left: 30px;
  margin-top: 6px;
  vertical-align: top;
  width: 88px;
}
#search .form-item {
  margin: 0;
}
#search input.form-submit {
  height: 27px;
  background-color: transparent;
  background-image: url("../images/buttons-sprite.png");
  background-repeat: no-repeat;
  background-position: 0 -54px;
}
#search input.form-submit:hover {
  background-position: 0 -81px;
}
.search-results dt {
  font-size: 18px;
}

/**
* Blocks (generic rules)
*/
.block {
  margin-bottom: 1.5em;
}
.block > h2 {
  margin-bottom: 0;
}
#main-content .block {
  background: none;
}
#main-content .block h1 {
  color: #5a8f8d;
  font-size: 18px;
  font-weight: bold;
}
#sidebar-right .block {
  background: url("../images/blocks-top.png") no-repeat 50% 0;
  clear: both;
}
#sidebar-right .block > h2 {
  padding: 13px 20px 0;
}
#sidebar-right .block > .content {
  background: url(../images/formations-pixels.png) no-repeat scroll right bottom;
  padding: 20px 20px 48px;
}

/**
* 'Formations' block.
*/
#main-content #block-views-formations-block_1 {
  background: url("../images/main-content-bg.jpg") no-repeat 50% 0;
}
#main-content #block-views-formations-block_1 h2 {
  color: #37adbd;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  padding: 18px 20px 0;
}
#main-content #block-views-formations-block_1 .content {
  padding: 13px 20px 0;
}

/**
* User-defined blocks.
*/
#block-block-2 {
  margin: 0 auto;
  padding-top: 100px;
}
#block-block-3 {
  margin: 0 auto;
}
#sidebar-right #block-block-3,
#sidebar-right #block-block-4 {
  background: none;
}

/* Don't show the full background for these 'mini-blocks' */
#front #block-block-3 {
  margin: 0 auto;
  background: none;
}
#page-situations #block-block-3,
#page-situations #block-block-4,
#page-situations #block-block-5 {
  background: none;
  margin: 0 auto;
}
#block-cck_blocks-field_procedurier.block {
  background: none;
}
#block-cck_blocks-field_procedurier.block .content {
  background: none;
  padding: 0 0 0 20px;
}
.block-cck_blocks a[href$=".pdf"], a[href*=".pdf#page="] { /* Needed to overwrite Iconizer */
  padding: 0;
}
.front #main .block-views h2 {
  font-size: 18px;
}
.front #main .block-views .content h2 {
  font-size: 14px;
  margin-bottom: 0;
}

/* Wireframes requires Buttons on top of Faceted Search Results */
#sidebar-right #block-block-4 .content {
  background: none;
  padding: 0 20px 30px;
}

/*
* Menus
*/

/* Primary Links Menu  */
#block-menu-primary-links ul {
  font-weight: bold;
  padding: 0; /* important - overrides default padding of menus */
  margin:-10px 0 0;
}
#block-menu-primary-links ul li {
  list-style-position: inside;
  list-style-image: none;
  list-style-type: none;
  margin: 10px 0 0;
  padding: 0;
  text-align: center;
}
#block-menu-primary-links li ul.menu { /* Second level of menu - left aligned */
  margin: 0 0 0 20px;
}
#block-menu-primary-links ul ul li {
  text-align: left;
}
#block-menu-primary-links ul ul ul li {
  list-style-position: outside;
  list-style-image:url(../images/bullet-primary.png);
  list-style-type: none;
}

/* Menu colors and :hover */
#block-menu-primary-links ul li.active-trail,
#block-menu-primary-links ul.menu li.active-trail a,
#block-menu-primary-links ul li:hover a {
  color: #fff;
}
#block-menu-primary-links ul.menu ul.menu li a,
#block-menu-primary-links ul.menu ul.menu li a:visited {
  color: #659695;
  background: transparent none repeat scroll 0 0;
}
#block-menu-primary-links ul.menu ul.menu li:hover a,
#block-menu-primary-links ul.menu ul.menu li.active-trail a.active {
  color: #444;
}

/**
* Nodes
*/
.node {
  margin-bottom: 1.5em;
}
.node-teaser > h2 {
  margin-bottom: 0;
}
.submitted {
  margin-bottom: 20px;
  text-transform: lowercase;
  display: block;
}
.terms {
  padding: 10px;
  font-size: 10px;
  font-style: italic;
}
.node .links li {
  font-weight: bold;
  padding: 0 1em 0 0;
}
.node .links li.print_html {
  margin-left: 0;
}
/**
* Nodes of type 'page de livre'.
*/
.book-navigation {
  clear: both;
}

/**
* Fields
*/

/* Documents */
.field-field-document {
  width: 460px;
  background: #f0fafa url("../images/documents-background.png") no-repeat left top;
  padding: 0 0 20px;
}
.field-field-document .field-label {
  padding: 25px 15px;
  font-size: 16px;
  color: #37adbd;
}
.field-field-document .field-item {
  padding: 0 15px 10px;
}
.filesize {
  float: right;
}

/**
* Fields in nodes of type 'situations'.
*/
.field-field-situation-outil {
  float: right;
  padding: 0 0 10px 10px;
}
.field-field-situation-outil .field-item {
  display: inline;
}
.field-field-vignette {
  float: left;
  padding: 0 10px 10px 0;
}
.node-type-situations .links {
  margin-top: 20px;
}
div.field-type-nodereference.field-field-situation {
  margin: 0 auto;
  width: 180px;
}

/* Fields in nodes of type 'album'. */
.field-field-photo .field-item {
  display: block;
  float: left;
  margin: 5px 5px 5px 0;
  padding: 5px;
}
.field-field-photo .field-item a {
  background: url(../images/photo-horizontal-bg.png) no-repeat scroll center center;
  display: block;
  float: left;
  margin: 2px;
  min-width: 208px;
  min-height: 158px;
  padding: 3px;
  text-align: center;
}
.field-field-photo .field-item a img {
  padding: 12px 0 0;
}
.field-field-photo .field-item a:hover {
  background-color: #d7f0f0; /* Same turquoise as accordion background */
}
/**
* Comments
*/


/**
* Views
*/
.views-row {
  /* Alignement des images dans les blocs */
  clear: both;
  padding-bottom: 20px;
}
.views-field-title {
  font-size: 15px;
  font-weight: bold;
  margin: 0;
}
.views-field-view-node,
.views-field-nothing {
  display: inline;
}
.field-field-photo .field-item {
  display: inline;
}
/* Book sections */
.views-field-field-vignette-fid img {
  float: left;
  padding: 0 10px 10px;
}
.views-view-grid td { /* Eliminates double left-side-padding in book view*/
  background: url(../images/book-section-background.png) no-repeat scroll 0 top;
  padding: 0 20px 10px 0;
  width: 350px; /* 50% of 700px width */
}
.view-racine-livre .views-field-title,
.view-racine-livre .views-field-teaser,
.view-racine-livre .views-field-body {
  margin: 0 auto;
  padding: 12px;
}
.view-racine-livre tbody {
  border-top: none;
}
table.views-view-grid td { /* Eliminates double left-side-padding in book view*/
  padding: 10px 10px 10px 0;
}

.filefield-element .imagefield-preview {
  min-height: 100px;
  min-width: 300px;
}
.views-field-field-date-value {
/* Lowercase on Date and Time strings */
  text-transform: lowercase;
}
thead .views-field-field-date-value {
/* Avoid altering table header */
  text-transform: none;
}
.view-nouvelles .views-row,
.view-articles .views-row { /* Removes double-padding between Views and Node */
  padding-bottom: 0;
}

.view-formations .more-link {
  background: url(../images/formations-pixels.png) no-repeat scroll 0 top;
  padding: 36px 60px 20px 80px;
}
.views-view-grid td div.book-left {
  display: inline-block;
  padding: 0;
  width: 50%;
}
.views-view-grid td div.book-right {
  display: inline-block;
  padding: 30px;
}

/**
* Administration
*/
li.admin-menu-icon:first-child {
  background: #fafafa;
}
#node-admin-filter ul {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
}

/* Text replacement pattern - If using Read More Link module with <em> */
.view-nouvelles .read-more,
.view-articles .read-more {
  height: 19px;
  overflow: hidden;
  position: relative;
  padding: 0;
  width: 23px;
}
.view-nouvelles .read-more a,
.view-articles .read-more a {
  height: 19px;
  overflow: hidden;
  padding: 0;
  width: 23px;
}
.view-nouvelles .read-more a em,
.view-articles .read-more a em {
  background: url("../images/plus-button-sprite.jpg") no-repeat 0 0;
  height: 19px;
  left: 0;
  margin: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 23px;
}
.view-nouvelles .read-more a em:hover,
.view-articles .read-more a em:hover {
  background: url("../images/plus-button-sprite.jpg") no-repeat 0 -19px;
  height: 19px;
  left: 0;
  margin: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 23px;
}
/* End text replacement */

/* Calendrier */
.view-calendrier .views-field-field-formation-nid .field-item {
  margin-bottom: 0.5em; /* Spacing between multiple values */
}
.view-calendrier .views-field-field-date-value .date-display-single,
.view-calendrier .views-field-field-date-value .date-display-start,
.view-calendrier .views-field-field-date-value .date-display-end {
  white-space: nowrap;
}
.view-calendrier .views-field-field-date-value .date-display-separator {
  display: block;
}

/* Centered Buttons */
.more-link {
  margin: 0 auto;
  width: 180px;
  text-align: center;
}
/* Bulletproof shrinkwrapping buttons - Using .roundbutton - Used in main content and right column */
.roundbutton {
  margin: 0 auto;
  clear:both;
  text-align: center;
}
.roundbutton * {
  display: block; /* important */
  font-weight: bold;
}
.roundbutton:link,
.roundbutton:visited,
.roundbutton:hover { /* Top left corner, top edge */
  float: left; /* important */
  line-height: 12px; /* Sets the gap between multiple lines. Reduces button height when decreased */
  width: 180px;
  background: transparent url(../images/roundbutton.png) no-repeat;
  text-decoration: none;
  color: #659695; /* turquoise */
}
.roundbutton:hover,
.roundbutton:focus,
.roundbutton:active { /* Make the button more visible on :hover and :focus */
  color: #fff;
}
.roundbutton span { /* Top right corner */
  background: url(../images/roundcorners.png) no-repeat right top;
  padding: 12px 0 0;
}
.roundbutton span span { /* Bottom left corner, left and bottom edges */
  background: #f0fafa url(../images/roundbutton.png) no-repeat left bottom;
  padding: 0 0 0 12px;
}
.roundbutton span span span { /* Bottom right corner */
  background: url(../images/roundcorners.png) no-repeat right bottom;
  padding: 0 0 12px;
}
.roundbutton span span span span { /* Right edge */
  background: #f0fafa url(../images/roundbutton.png) no-repeat right center;
  padding: 0 12px 0 0;
}
/* Round button applied to primary menu */
#block-menu-primary-links ul .roundbutton { /* Top left corner, top edge */
  width: 220px; /* overrides default 180px width of .roundbutton */
  margin: 0 0 10px;
}

/* Centered Situations Block buttons - Sidebar right */
#sidebar-right .roundbutton {
  text-align: center;
  width: 180px;
  margin-bottom: 10px;
}

/* Accordion (overwrites ui.accordion.css in JQuery UI Module) */
.ui-accordion .ui-accordion-header {
  cursor: pointer;
  position: relative;
  margin-top: 1px;
}
.ui-accordion .ui-accordion-li-fix {
  display: inline;
}
.ui-accordion .ui-accordion-header-active {
  border-bottom: 0 !important;
}
.ui-accordion .ui-accordion-header {
  background: url("../images/accordion-round-bg.png") no-repeat left top;
  display: block;
  margin: 0 0 12px;
  padding: 7px 0 7px 36px;
}
.ui-accordion .ui-accordion-header .ui-icon {
  left: auto;
  position: absolute;
  right: 20px;
  top: 15px;
}
.ui-accordion .ui-accordion-content {
  padding: 12px 0;
  border-top: 0;
  margin-top: -2px;
  position: relative;
  top: 1px;
  margin-bottom: 2px;
  overflow: auto;
  display: none;
}
.ui-accordion .ui-accordion-content-active {
  display: block;
}
.ui-icon {
  width: 23px;
  height: 19px;
}
.ui-icon-triangle-1-e {
  background: url("../images/accordion-button-sprite.png") no-repeat 0 0 !important;
}
.ui-icon-triangle-1-e:hover {
  background: url("../images/accordion-button-sprite.png") no-repeat 0 -19px !important;
}
.ui-icon-triangle-1-s {
  background: url("../images/accordion-button-sprite.png") no-repeat 0 -38px !important;
}
/* Due to accordion structure, active sections headers are not clickable,
and therefore shouldn't use :hover class */

/* Color coding */
/* Classes defined by Context module */
h1#page-title {
  padding: 13px 0 0 13px;
}
.ressources h1#page-title,
.node-424 h1#page-title { /* Ressources */
  color: #00aeef;
  background: url("../images/color-coding-2columns-blue.png") no-repeat 0 0;
}
.a-propos h1#page-title,
.page-photos h1#page-title { /* A propos */
  color: #231f20;
  background: url("../images/color-coding-1column-black.png") no-repeat 0 0;
}
.node-type-album h1#page-title,
.node-type-articles h1#page-title,
.node-type-nouvelles h1#page-title { /* A propos */
  color: #231f20;
  background: url("../images/color-coding-2columns-black.png") no-repeat 0 0;
}
.robotique h1#page-title { /* Robotique */
  color: #60090a;
  background: url("../images/color-coding-2columns-burgundy.png") no-repeat 0 0;
}
.situations h1#page-title,
.node-type-situations h1#page-title { /* Situations */
  color: #dc0202;
  background: url("../images/color-coding-1column-red.png") no-repeat 0 0;
}
.portfolio h1#page-title { /* Portfolio */
  color: #008112;
  background: url("../images/color-coding-2columns-green.png") no-repeat 0 0;
}
.banque-images h1#page-title { /* Banque d'images et de sons */
  color: #ff6702;
  background: url("../images/color-coding-2columns-orange.png") no-repeat 0 0;
}
/*  Extra Headers available:
.two-sidebars h1#page-title {
  color: #6258c0;
  background: url("../images/color-coding-1column-purple.png") no-repeat 0 0;
}
.one-sidebar h1#page-title {
  color: #6258c0;
  background: url("../images/color-coding-2columns-purple.png") no-repeat 0 0;
}*/


#block-block-9{
	position:absolute;
	left:105px;
	margin:0;
	z-index:10;


}

#block-block-9 p{
	margin:0;
}

/* Ajout */
li.leaf{
	padding: 0.7em 0.5em 0 0;
	font-size: 10pt;
	list-style-image: url('../images/menu-leaf.png');
}