/* CIBLO 2008 - HOMEPAGE (content) */

/* Navigation */
a.couverture img { position: relative;} /* die IE, die! */

/* Content */
#agenceInteractive { 
  background: transparent url(../images/agence_inter.png) left top no-repeat; 
  height: 8em;
}
#agenceInteractive span { text-indent: -9000px; overflow: hidden; display: block; }

#synergieMetiers { 
  background: transparent url(../images/synergie_metiers.png) left top no-repeat; 
  height: 4em;
  margin-top: 1em;
}
#synergieMetiers span { text-indent: -9000px; overflow: hidden; display: block; }

#content p {
  font: normal 12px Arial, Helvetica, sans-serif; color: #000;
  margin-bottom: 1em;
}
#content div.tiny p {
  margin: 0;
} 
#content div.tiny p.headline { margin-bottom: 1em; }
div.portfolioGroup { background: url(../images/gradient.png) top left repeat-x; padding-left: 1em; }

/* carousel */
ul#carousel li.box {
  width: 20em;
  text-align: center;
  float: left;
  margin: 1em;
  cursor: pointer;
}

div.itemHead { 
  overflow: hidden;
  width: 20em;
  height: 30px;
  position: relative;
}
ul#carousel div.tl {
  background: transparent url(../images/corner_violet_trans.gif) top left no-repeat;
  width: 3em;
  height: 3em;
  position: absolute;
  top: 0;
  left: 0;
}
ul#carousel h3 {
  background-color: #763497;
  font: bold 13px "Myriad Pro"; color: #fff;
  text-align: center;
  color: #fff;
  line-height: 2.5em;
  margin: 0 2.3em;
  top: 0;
}
ul#carousel div.tiny { clear: left; }
ul#carousel div.tiny ul { margin: 0; }
ul#carousel div.tiny li {
  margin: 0 0 0 1.5em;
  text-align: left;
  color: #c9bc9d;
}
ul#carousel div.tr { 
  background: transparent url(../images/corner_violet_trans_right.gif) top right no-repeat;
  width: 3em;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0;
}
ul#carousel div.content {
  background: #f9f9f9 url(../images/carrousel_background.png) top left repeat-x;
  height: 13em;
}
#all #carousel .content p.bottom { text-align: center; }
#carousel .content p.bottom a { color: #dd3a96; font-weight: bold; }
#content ul#carousel ul {
  list-style-type: square;
  list-style-position: inside;
}
#content ul#carousel p {
  font: normal 11px Arial, Helvetica, sans-serif; color: #000;
  text-align: left;
  padding: 0.7em;
  margin: 0;
}
#content ul#carousel p.nextLink {
  text-align: center;
}
#content ul#carousel p.nextLink a{
  margin-top: 0.5em;
  font-size: 11px;
  color: #cc3399;
  text-decoration: underline;
}
#content #carousel span {
  color: #000;
  font-size: 11px;
}
/* carousel colors */
ul#carousel li.item02 div.tr { background-image: url(../images/corner_purple_trans_right.gif); }
ul#carousel li.item02 div.tl { background-image: url(../images/corner_purple_trans.gif); }
ul#carousel li.item02 h3 { background-color: #cc3399; }

ul#carousel li.item03 div.tr { background-image: url(../images/corner_green_trans_right.gif); }
ul#carousel li.item03 div.tl { background-image: url(../images/corner_green_trans.gif); }
ul#carousel li.item03 h3 { background-color: #cccc00; }

ul#carousel li.item04 div.tr { background-image: url(../images/corner_blue_trans_right.gif); }
ul#carousel li.item04 div.tl { background-image: url(../images/corner_blue_trans.gif); }
ul#carousel li.item04 h3 { background-color: #3897e0; }

ul#carousel li.item05 div.tr { background-image: url(../images/corner_cyan_trans_right.gif); }
ul#carousel li.item05 div.tl { background-image: url(../images/corner_cyan_trans.gif); }
ul#carousel li.item05 h3 { background-color: #1bdce8; }

div#content p.forte {
  text-align: center;
  font-weight: bold;
  margin-bottom: 2em;
}

div#content p.forte-sans-bold {
  text-align: center;
  margin-bottom: 2em;
}

/* references */
p#references img {
  padding: 1em;
}

/* mini portfolio */
div#content h2 {
  font: bold 16px Arial Helvetica sans-serif;
}
h2.portfolioTitle {
  padding: 1.5em 0;
}
div#miniPortfolio {
  position: relative;
  width: 53em; /* acts as viewport for miniportfolio list */
  overflow: hidden;
}
div#miniPortfolio div.container {
  overflow: hidden;
  width: 53em;
  position: relative;
}
div#miniPortfolio .navigationLinks {
  position: relative;
  width: 280px; /* Forced size of images */
  height: 1.4em;
  margin-top: 0.5em;
}
div#miniPortfolio .navigationLinks a { position: absolute; }
div#miniPortfolio a.previous {
  background: transparent url(../images/homepage_36.png) left bottom no-repeat;
  padding-left: 2em;
  left: 0;
}
div#miniPortfolio a.next {
  background: transparent url(../images/homepage_33.png) right bottom no-repeat;
  padding-right: 2em;
  right: 0;
}
div#miniPortfolio a.previous_button_disabled, div#miniPortfolio a.next_button_disabled { color: #999; }
div#miniPortfolio a.previous_button_disabled:hover, div#miniPortfolio a.next_button_disabled:hover { text-decoration: none; }
div#miniPortfolio img {
/*  position: relative; */
  display: block;
  float: left; font-size: 10px; width: 28em;
  padding-right: 1.5em;
}

div#carouselContainer {
  /* overflow: hidden; */
  margin-left: -1.5em ;
}
div#carouselPusher {
  height: 33em;
}

div#imageCarrier {
  width: 53em;
}

ul.portfolio {
  position: relative;
  text-align: left;
  top: 0;
  left: 0;
}
ul.portfolio li {
  display: block;
  float: left;
  width: 53em;
  height: 18em;
  margin-bottom: 1.5em;
}
#all .portfolio .itemPresentation h3 { margin: 0 0 1em; }
#all .portfolio .itemPresentation p { margin: 0 0 0.5em; }