@charset "UTF-8";
* {
	padding: 0;
	margin: 0;
}
html, body {
	width: 100%;
	height: 100%;
	background: #019bb5 url(../images/bg.gif) repeat;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#000;
}
p {
	margin: 0 0 15px;
	color:#333333;
	font-size:1em;
	line-height: 20pt;
}
h1{
	font-size:12pt;
	text-transform: uppercase;
	color:#000;
	text-align: justify;
}
h2{
	font-size:12pt;
	text-transform: uppercase;
	font-weight: bolder;
	color:#000;
	text-align: justify;
	margin-bottom:15px;
}
header { width: 100%; height: 115px; display: table;}
nav{height:44px; margin: 0; padding: 0;}
.topNav{ height: 22px; width: 941px; padding: 2px 0 0 54px; margin: 0 auto; vertical-align:middle;}
.topNav ul {margin:0; padding: 0; float:left;}
.topNav li {display: inline; list-style-type: none; text-transform: uppercase; border-left: 1px solid rgb(255,255,255); line-height:18px; padding: 0; font-weight:bold;}
.topNav a {color:rgb(255,255,255); padding:3px 15px 2px 15px; text-decoration:none;}
.topNav a:hover {background: url(../images/navHi.gif) repeat-x; color:rgb(98,13,65);}
.topNav a.selected {background: url(../images/navHi.gif) repeat-x; color:rgb(98,13,65);}
.subNav{ height: 20px; width: 941px; padding: 0px 0px 0px 54px; margin: 0 auto; vertical-align:middle;}
.subNav ul { margin:0; padding:0; float:left; border-bottom: 1px solid rgb(98,13,65);}
.subNav li { display: inline; list-style-type: none; border-left: 1px solid rgb(98,13,65); line-height:16px; margin:0; padding: 0; font-weight:bold;}
.subNav a {color: #620d41; margin:0; padding:3px 10px; text-decoration:none;}
.subNav a:hover {background-color: #620d41; color:rgb(255,255,255);}
.subNav a.selected {background-color:rgb(98,13,65); color:rgb(255,255,255);}
#portfolio, #agence, #reference{
	float: left;
	position: absolute;
	visibility: hidden;
	width: 951px;
	height:18px;
}
#contentWrapper{
	position: relative;
	width: 100%;
}
#content {
	position: relative;
	height:367px;
	width: 100%;
	margin: 0 auto;
	background: rgb(255,255,255);
}
#contentAgence{
	position: relative;
	width: 995px;
	margin: 0 auto;
	background: rgb(255,255,255) url(../images/contentOmbre.gif) repeat-x;
	height: 100%;
	background-image: url(../images/contentOmbre.gif);
}
.box_container {
	overflow: hidden;
	margin: 0 12px 12px 12px;
}
.box {
	width: 279px;
}
.box_double {
	width: 230px;
	background: rgb(162,87,133);
	margin-right:11px;
	height:87px;
	padding: 4px;
}
.box_inner {
	background: #FFF;
	padding: 5px;
}
.col {
	float: left;
	padding-right: 12px;
}

.col3 {
	padding: 0;
}
#contentVideo {
	height:490px;
	width: 100%;
	margin: 0 auto;
	background: rgb(255,255,255);
}
#colonne-gauche{
	position:relative;
	left:26px;
	top:100px;
	min-height: 100%;
	height: 100%;
	padding-bottom: 100px;
}
#colonne-droit{
	position:absolute;
	left:585px;
	top:35px;
	width:385px;	
}

#footer{
	background:url(../images/projet-ombre.png) no-repeat center;
	text-align: center;
	width: 100%;
	padding: 10px 0px;
	margin: 0 auto;
	color:#fff;
}


/** 
 * Slideshow.
 */
#slider {
	width: 951px;
	margin: 0 auto;
}

.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
.nivoSlider a.nivo-imageLink {
	position:absolute;
	background: rgb(255,255,255);
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}

.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}

.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:rgb(98,13,65);
	color:#fff;
	opacity:0.8;
	width:100%;
	z-index:89;
	padding:5px;
}
.nivo-caption p {
	padding:5px;
	margin:0;
	font-weight: bold;
}

.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
	height:26px;
	width: 26px;
	text-indent: -99999px;
	background: url(../images/arrow-left.png);
}
.nivo-nextNav {
	right:0px;
	height:26px;
	width: 26px;
	text-indent: -99999px;
	background: url(../images/arrow-right.png);
}

.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}
/** 
 * Slideshow style rules.
 */
#slideshow {
	margin:0 auto;
	width:951px;
	height:490px;
	background:transparent url(images/bg_slideshow.jpg) no-repeat 0 0;
	position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:871px;
  height:490px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:871px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:367px;
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:39px;
  height:490px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:163px;
  left:0;
  background:transparent url(images/arrow-left.png) no-repeat 0 0;
}
#rightControl {
  top:163px;
  right:0;
  background:transparent url(images/arrow-right.png) no-repeat 0 0;
}

/** 
 * Style rules for Demo page
 */
* {
  margin:0;
  padding:0;
  font:normal 11px Verdana, Geneva, sans-serif;
  color:#ccc;
}
.slide h2, .slide p {
  margin:15px;
}
.slide h2 {
  font:italic 24px Georgia, "Times New Roman", Times, serif;
  color:#ccc;
  letter-spacing:-1px;
}
.slide img {
  float:right;
  margin:0 15px;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}