/* CSS Reset ================================================================================= */

* { margin:0; padding:0; }

body {font:100% tArial, sans-serif; text-align:left; color:#000;}

a, a:visited { text-decoration:none; color:#000; outline:none; }
a:hover { text-decoration:underline; }
a img { border:0;}

/* Heading */
h1, h2, h3, h4, h5, h6, .head { margin-bottom:.4em; line-height:1.3em; }
h1 { font-size:2em; line-height:1.17; }
h2 { font-size:1.4em; }
h3 { font-size:1.35em; }
h4 { font-size:1.05em; }
h5 { font-size:1.05em; }
h6 { font-size:.95em; }

/* Forms */
form          { display:inline; }
fieldset      { border:0; }
legend        { display:none; }

/* Table */
table         { border:0; border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:100%; }
caption,th,td { vertical-align:top; text-align:left; font-weight:normal; }

/* Content */
address       { font-style:normal; }
cite          { font-style:normal; }
q,
blockquote    { quotes:none; }
q:before, 
q:after       { content:''; }
small   { font-size:1em; }
big     { font-size:1.5em; line-height:1.4em; }
sup           { font-size:1em; vertical-align:top; }

/* Lists */
ul,ol         { list-style:none; }

/* Structure ================================================================================= */
body {font-size:12px; line-height:1.25em; color:#000;}
#wrapper { width:970px; margin: 0 auto; padding:60px 0;}
#header { height:124px;}
#logo a {
	float:left;
	display:block;
	width:477px;
	height:124px;  
	background:url(../images/logo-turbine-qraphique.gif) no-repeat left top;
	text-indent:-999em;
}

/* Navigation  ================================================================================= */
#navigation {float:left; width:726px; height:57px; padding:65px 0 0 244px; }
#navigation ul li { padding-right:54px; list-style:none; float:left;}
#navigation ul li.mlle-turbine a { background:url(../images/menu-off-mlle-turbine.gif) no-repeat left top;
	width:134px; 
	height:35px;
	text-indent:-999em;
	display:block; 
	}
#navigation ul li.mlle-turbine a:hover, #navigation ul li.mlle-turbine a.active{ 
background:url(../images/menu-on-mlle-turbine.gif) no-repeat left top;
	width:134px; 
	height:35px;
	text-indent:-999em;
	display:block; 
	}
	
#navigation ul li.portfolio a , #navigation ul li.portfolio a.active { 
	display:block; 
	background:url(../images/menu-off-portfolio.gif) no-repeat left top;
	width:110px; 
	height:32px;
	display:block;
	line-height:5px;
	}
#navigation ul li.portfolio a:hover, #navigation ul li.portfolio a.active {background:url(../images/menu-on-portfolio.gif) no-repeat left top;}
#navigation ul li.portfolio span, #navigation ul li.portfolio-active span {display:none;}
#navigation ul.link-small {display:inline-block; width:112px; position:relative; left:-1px; top:1px;}
#navigation ul.link-small li {font-size:10px; line-height:11px; padding:0; width:14px;}
#navigation ul.link-small li.wide {width:16px;}
#navigation ul.link-small li a {color:#afad9a; font-size:10px; background:none; display:inline;}
#navigation ul.link-small li a:hover, #navigation ul.link-small li a.active { color:#494949; background:none; display:inline;}
	
#navigation ul li.clients a { background:url(../images/menu-off-cllents.gif) no-repeat left top;
	width:81px; 
	height:25px;
	text-indent:-999em;
	display:block; 
	}
#navigation ul li.clients a:hover, #navigation ul li.clients a.active{ 
background:url(../images/menu-on-cllents.gif) no-repeat left top;
	width:81px; 
	height:25px;
	text-indent:-999em;
	display:block; 
	}
#navigation ul li.contact a{ background:url(../images/menu-off-contact.gif) no-repeat left top;
	width:93px; 
	height:25px;
	text-indent:-999em;
	display:block; 
	}
#navigation ul li.contact a:hover, #navigation ul li.contact a.active{ 
background:url(../images/menu-on-contact.gif) no-repeat left top;
	width:93px; 
	height:25px;
	text-indent:-999em;
	display:block; 
	}

/* content ============================================================ */
#content{ width:970px; display:inline-block; margin-bottom:10px;}
.content-left { float:left; width:249px; margin-top:335px;}
.content-left-p2{ float:left; width:249px; margin-top:335px;}
.content-left span, .content-left-onf span{ color:#223460;}
.content-left-onf{ float:left; width:249px; margin-top:270px;}
.content-left-onf p, .content-left-p2 p{ padding-top:20px;}
.content-left-onf h2, .content-left-p2 h2{ font-size:14px; color:#223460;}
.content-left-onf span.colour-gray{ color:#7a7a7a;}

.content-right-mlle-turgraf, .content-right-clients, .content-right-contact
 {background:url(../images/bg-content.gif) no-repeat left top; 
	padding:135px 0 0 110px;
	float:left; 
	width:608px; 
	height:324px;
	margin-top:8px; }
.content-right-onf{
	float:left; 
	width:439px; 
	height:512px ; 
	margin-top:8px;
}
.content-right-cirque{
	background:url(../images/bg-content.gif) no-repeat left top; 
	float:left; 
	margin-top:8px; 
	padding-left:25px  !important;
	padding-top:34px!important;
	width:693px!important;}
.content-top{
	float:right;
	padding-right:30px;
	width:415px;}
.content-right-cirque h2{ line-height:0.7em;}
.content-right-cirque p{ font-size:0.8em; line-height:1.1em; color:#6a6c69; padding-bottom:5px;}
.content-right-cirque span{ color:#000;}
p.text-big{ font-size:18px; line-height:1.2em; padding-top:15px;}
.content-right-clients ul{ font-size:18px; line-height:1.2em; padding-top:10px; }
.content-right-contact h2{ padding-bottom:20px;}
.content-right-contact dl{ float:left; padding-right:20px;}
.content-right-contact ul li{ display:inline; padding-right:20px;}
.content-right-contact ul li.mailto{ padding-left:10px;}


.content-right-portfolio3{
	float:left; 
	width:439px; 
	height:512px ; 
	margin-top:8px;
	
.content-right-portfolio4{
	background:url(../images/bg-content.gif) no-repeat left top; 
	float:left; 
	margin-top:8px; 
	padding-left:11px  !important;
	padding-top:11px!important;
	width:693px!important;}


.content-right-portfolio5{
	background:url(../images/bg-content.gif) no-repeat left top; 
	float:left; 
	margin-top:8px; 
	padding-left:11px  !important;
	padding-top:11px!important;
	width:693px!important;}