/* Blueprint framework */
@import "blueprint/screen.css";
@import "nivo-slider.css";
@import "captify.css";

/* 
  HTML5 ✰ Boilerplate 
  
  style.css contains a reset, font normalization and some base styles.
  
  credit is left where credit is due.
  much inspiration was taken from these projects:
    yui.yahooapis.com/2.8.1/build/base/base.css
    camendesign.com/design/
    praegnanz.de/weblog/htmlcssjs-kickstart
*/

/* 
  html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
  v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
  html5doctor.com/html-5-reset-stylesheet/
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}                  

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
    display:block;
}

html, body {
	height: 100%;
}

nav ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }

/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; }

/* END RESET CSS */


/* fonts.css from the YUI Library: developer.yahoo.com/yui/
   Refer to developer.yahoo.com/yui/3/cssfonts/ for font sizing percentages

  There are three custom edits:
   * remove arial, helvetica from explicit font stack
   * we normalize monospace styles ourselves
   * table font-size is reset in the HTML5 reset above so there is no need to repeat
*/
body { font:13px/1.231 sans-serif; *font-size:small; } /* hack retained to preserve specificity */

select, input, textarea, button { font:99% sans-serif; }

/* normalize monospace sizing 
 * en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome
 */
pre, code, kbd, samp { font-family: monospace, sans-serif; }
 

/* 
 * minimal base styles 
 */


body, select, input, textarea { 
  /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */ 
  color: #444; 
  /* set your base font here, to apply evenly */
  /* font-family: Georgia, serif;  */   
}

/* Headers (h1,h2,etc) have no default font-size or margin,
   you'll want to define those yourself. */ 
h1,h2,h3,h4,h5,h6 { font-weight: bold; }

/* always force a scrollbar in non-IE */ 
html { overflow-y: scroll; }

 
/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }
/*
a, a:active, a:visited { color: #607890; }
a:hover { color: #036; }
*/

ul, ol { margin-left: 1.8em; }
ol { list-style-type: decimal; }

/* Remove margins for navigation lists */
nav ul, nav li { margin: 0; } 

small { font-size: 85%; }
strong, th { font-weight: bold; }

td, td img { vertical-align: top; } 

sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }

pre { 
  padding: 15px; 
  
  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  white-space: pre; /* CSS2 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word; /* IE */
}
 
textarea { overflow: auto; } /* thnx ivannikolic! www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */

.ie6 legend, .ie7 legend { margin-left: -7px; } /* thnx ivannikolic! */

/* align checkboxes, radios, text inputs with their label
   by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom;height: auto; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], button { cursor: pointer; }
 
/* webkit browsers add a 2px margin outside the chrome of form elements */  
button, input, select, textarea { margin: 0; }

/* colors for form validity */
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { 
      border-radius: 1px;
    -moz-box-shadow: 0px 0px 5px red; 
 -webkit-box-shadow: 0px 0px 5px red; 
         box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid, 
.no-boxshadow textarea:invalid { background-color: #f0dddd; }


/* These selection declarations have to be separate.
   No text-shadow: twitter.com/miketaylr/status/12228805301 */
::-moz-selection{ background: #D53D20; color:#fff; text-shadow: none; }
::selection { background:#D53D20; color:#fff; text-shadow: none; } 

/*  j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #D53D20; } 

/* make buttons play nice in IE:    
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {  width: auto; overflow: visible; }
 
/* bicubic resizing for non-native sized IMG: 
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { -ms-interpolation-mode: bicubic; }



/* 
 * Non-semantic helper classes 
 */

/* for image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

/* Hide for both screenreaders and browsers
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; } 

/* Hide only visually, but have it available for screenreaders 
   www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden  */
.visuallyhidden { position: absolute;    
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, .clearfix:after {
  content: "\0020"; display: block; height: 0; visibility: hidden;	
} 

.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }

/* BLUEPRINT
   typography.css */
html {font-size:100.01%;}
body {font-size:75%;color:#222;background:#fff;font-family:Georgia, serif;}
h1, h2, h3, h4, h5, h6 {font-weight:bold;color:#111;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;color:#fff;}
h1 {font-size:46px;line-height:1;margin-bottom:.1em;text-transform:uppercase;}
h2 {font-size:24px;margin-bottom:0.5em;padding-bottom: 5px;}
h3 {font-size:1.5em;line-height:1;margin-bottom:7px;}
h4 {font-size: 16px;line-height:1.25;margin-bottom:.5em;color:#fff;}
h5 {font-size:14px;font-weight:bold;margin-bottom:1em;text-transform:uppercase;color:#fff;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {font-size:13px;margin-bottom:1.5em;color:#fff;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#D53D20;border-bottom: 1px solid #D53D20;}
a {color:#D53D20;text-decoration:none;font-family: "Helvetica Neue",Arial, Helvetica, sans-serif;font-size: 12px;font-weight:normal;border-bottom: 1px solid #fff;}
blockquote {margin-bottom:1.5em;color:#666;font-style:normal;font-size:18px;color:#999;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0;}
ul, ol {margin:0 1.5em 1.5em 0;padding-left:3.333em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* Primary Styles TYPOGRAPHY
   Author: Geoffrey Raposo
*/
/* HEADER */
#header nav li a, #header nav li {
	font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 16px;
	color:  #CCC;
	font-weight: bold;
}
#header nav li a:hover {
	color: #fff;
}
#header nav li a.selected:hover {
	color: #D53D20;
}
#header nav .selected {
	color: #D53D20;
}
time {
	color: #999;
	font-size: 14px;
}
 /* Primary Styles
    Author: Geoffrey Raposo
 */

/* BALISES */
body {
	background-color: #191919;
}

/* ALL */
#container {
	min-height: 100%;
}
#main {
	padding-bottom: 260px;
}
.bold {
	font-weight: bold;
}
.orange {
	color: #D53D20;
}
.green {
	color: #3db22a;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.center {
	text-align: center;
}
.fleft {
	float: left;
}
.fright {
	float: right;
}
.quotestart {
	font-size: 40px;
	color: #D53D20;
	float: left;
	height: 20px;
	margin-top: -20px;
	margin-bottom: 15px;
}
.quoteend {
	font-size: 40px;
	color: #D53D20;
	line-height: 1.5em;
	float: right;
	margin-top: 0;
	padding-top: 5px;
}
.border-bottom {
	border-bottom: 1px solid #666;
}
.ok {
	background: #d1ffcc url('../img/content/ok-icon.png') no-repeat 8px 8px;
	padding: 10px 5px 10px 37px;
	margin-bottom: 20px;
	border:solid #14be02 1px; 
	color:#14be02; 
	width:908px;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.erreur, #authMessage {
	background: #ffbdbd url('../img/content/error-icon.png') no-repeat 10px 8px;
	padding: 10px 5px 10px 39px;
	border:solid #ea0000 1px;
	color:#ea0000;
	margin-bottom: 20px;
	width:906px;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.fond-gris {
	background-color: #333;
}
.more-link-wrap {
	padding: 0;
	text-align: right;
}
.more-link-wrap a {
	color: #191919;
}
.more-link-wrap a:hover {
	color: #fff;
}
.more-link-left {
	background-color: #D53D20;
	padding: 8px 13px 5px 10px;
	display: block;
	float: left;
	font-family: Georgia, serif;
	margin-bottom: 20px;
}
.more-link {
	background-color: #D53D20;
	padding: 8px 10px 5px 15px;
	display: block;
	float: right;
	font-family: Georgia, serif;
	margin-bottom: 20px;
}
.more-link img.right, .more-link-left img.right {
	margin: 0;
	margin-left: 5px;
}
.more-link img.left, .more-link-left img.left {
	margin: -3px 8px 0 0;
}
.nav_pages {
	text-align: center;
	margin: 10px 0 20px;
}
.nav_pages a {
	background-color: #191919;
	border: 1px solid #333;
	padding: 6px 10px;
	margin: 0px 2px;
	text-decoration: none;
	color: #D53D20;
	font-weight: normal;
	font-family: Georgia, serif;
	font-size: 14px;
}
.nav_pages a:hover {
	padding: 6px 10px;
	margin: 0px 2px;
	text-decoration: none;
	color: #fff;
	font-weight: normal;
	font-family: Georgia, serif;
	font-size: 14px;
	border: 1px solid #D53D20;
}
.nav_pages .current {
	background-color: #D53D20;
	border: 0;
	padding: 6px 10px;
	margin: 0px 2px;
	text-decoration: none;
	color: #191919;
	font-weight: normal;
	font-family: Georgia, serif;
	font-size: 14px;
	border: 1px solid #D53D20;
}
.helvetica-neue-bold {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #D53D20;
}

.helvetica-neue-bold-blanc {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
}
.no-border {
	border: 0 !important;
}
.image-link {
	border: 0;
}
.image-link:hover {
	border: 0;
}
.image-link:hover img {
	border-color: #D53D20;
}

/* JQUERY UI */
.ui-tabs-hide {
	display:none;
}
.ui-tabs-selected {
	border-bottom: 2px solid #191919;
}

/* HEADER */
#logo {
	height: 58px;
	padding-top: 12px;
}
#header a, #intro a {
	border: 0;
}
#header nav {
	text-align: right;
	padding-top: 23px;
}
#header li {
	list-style: none;
	display: inline;
	background: url(../img/header/separation-menu.png) no-repeat left 2px transparent;
	padding-left: 13px;
	margin: 0 10px 0 0;
}
#header li:first-child {
	background: none;
}
.nivoSlider {
	border: 10px solid #fff;
	margin-bottom: 10px;
}
#intro img {
	margin-top: 5px;
	margin-bottom: 20px;
}
#intro .text {
	width: 776px;
	float: right;
}
#intro .text h1 a {
	color: #fff;
	font-size:43px;
	line-height:1;
	margin-bottom:.1em;
	text-transform:uppercase;
	font-weight: bold;
}
#intro blockquote a {
	font-size: 18px;
	font-family: Georgia, serif;
	border-bottom: 1px solid #999;
}
#intro blockquote a:hover {
	border-bottom: 1px solid #D53D20;
}
#envoi {
	display: none;
}

/* CONTENT */
/* Home */
#col-1 {
	clear: both;
	
}
#col-1 header, #col-2 header {
	border-bottom: 1px solid #666;
	padding-bottom: 3px;
	margin-bottom: 20px;
}
#col-1 header p, #col-2 header p {
	margin-bottom: 0;
}
#col-1 header h5, #col-2 header h5 {
	margin-bottom: 0;
}
.home-category-link {
	color: #999;
	font-size: 11px;
	font-family: Georgia;
	text-decoration: none;
	border: 0;
}
.home-category-link:hover {
	color: #D53D20;
	text-decoration: none;
	border: 0;
}
.home-realisation {
	height: 170px;
	margin-bottom: 35px;
}
.home-realisation img {
	border: 10px solid #fff;
	float: left;
	margin-right: 20px;
}
.home-realisation img:hover {
	border-color: #D53D20;
}
.home-realisation h4 a {
	font-size: 16px;
	font-weight: bold;
	border: 0;
	color: #fff;
}
.home-realisation h4 a:hover {
	color: #D53D20;
}
.home-realisation p, #blog-preview article p {
	margin: 14px 0 10px 0;
}
.home-col-service {
	margin-right: 10px;
	margin-bottom: 15px;
}
#home-services-products .span-4 img {
	margin-bottom: 10px;
}
#home-services-products .span-4 a {
	border: 0;
}
#home-services-products h4 a {
	font-size: 16px;
	font-weight: bold;
	border: 0;
	color: #fff;
}
#home-services-products h4 a:hover {
	color: #D53D20;
}
#home-services-products .span-4 p a {
	border-bottom: 1px solid #fff;
}
#home-services-products .span-4 p a:hover {
	border-color: #D53D20;
}
#home-services-products #conseil a {
	border: 0;
}
#home-services-products #conseil img {
	margin-bottom: 10px;
}
#home-services-products #conseil p {
	margin-bottom: 10px;
}
#home-services-products #conseil p a {
	border-bottom: 1px solid #fff;
}
#home-services-products #conseil {
	margin-bottom: 20px;
}
#home-services-products #conseil p a:hover {
	border-color: #D53D20;
}
.home-col-society {
	margin-right: 25px;
	margin-bottom: 15px;
}
#home-society .temoignages-preview h4 {
	margin-bottom: 24px;
}
#home-services-products .span-5 img, #home-society .span-5 img {
	margin-bottom: 10px;
}
.temoignages-preview h4 {
	margin-bottom: 1.25em;
}
#col-2 #world-records-preview {
	background-color: #333;
	border: 1px solid #666;
	padding: 15px;
}
#col-2 #world-records-preview p {
	font-size: 24px;
	color: #fff;
	margin-top: -5px;
	line-height: 1.4em;
}
#col-2 #world-records-preview p .orange a {
	font-family: Georgia, serif;
	text-transform: lowercase;
	font-weight: normal;
	font-size: 24px;
	color: #D53D20;
	border: 0;
	margin-top: -5px;
	line-height: 1.4em;
}
#col-2 #world-records-preview a.trophy {
	border: 0;
	margin: 0;
	padding: 0;
}
#col-2 #world-records-preview a.trophy:first-child img {
	margin-right: 10px;
}
#col-2 #world-records-preview img {
	margin-bottom: 10px;
}
#col-2 #world-records-preview a {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
	color: #fff;
	border-bottom: 1px solid #D53D20;
}
#col-2 #world-records-preview a:hover {
	color: #D53D20;
}
#col-2 #blog-preview time, #col-2 #twitter-preview time {
	font-size: 12px;
	color: #999;
	font-style: italic;
}
#col-2 #blog-preview article {
	margin-bottom: 25px;
}
#col-2 #blog-preview article .link p {
	margin-top: 0;
}
#col-2 #blog-preview article .link p a span {
	display: none;
}
#col-2 #blog-preview article .link p a {
	width: 182px;
	height: 32px;
	display: block;
	text-align: right;
	background: url('../img/content/bt-news-dl.png') no-repeat 0 0;
	border: 0;
}
#col-2 #blog-preview article .link p a:hover {
	background: url('../img/content/bt-news-dl-hover.png') no-repeat 0 0;
}
#col-2 #twitter-preview p {
	font-size: 16px;
}
#tweet {
	margin-top: .5em;
	margin-bottom: .5em;
}

/* Réalisations */
#menu-realisations {
	background-color: #333;
	border: 1px solid #666;
	padding: 10px;
	height: 130px;
	margin-bottom: 20px;
}
#menu-realisations #view-type {
	margin-bottom: 50px;
}
#menu-realisations .grid-list {
	margin:0;
	width: 79px;
	float:left;
}
#menu-realisations a:first-child .grid-list {
	width: 89px;
}
#menu-realisations a .grid-list p {
	padding-left: 39px;
	padding-top:7px;
	font-size: 16px;
	font-family: Georgia, serif;
	margin-bottom: 0;
	height: 26px;
}
#menu-realisations a .grid-list #grid-icon {
	background: url(../img/content/grid-icon.png) no-repeat left top transparent;
	color: #fff;
}
#menu-realisations a .grid-list #list-icon {
	background: url(../img/content/list-icon.png) no-repeat left top transparent;
	color: #fff;
}
#menu-realisations a.selected .grid-list #grid-icon, #menu-realisations a .grid-list #grid-icon:hover {
	background: url(../img/content/grid-icon-selected.png) no-repeat left top transparent;
	color: #D53D20;
}
#menu-realisations a.selected .grid-list #list-icon, #menu-realisations a .grid-list #list-icon:hover {
	background: url(../img/content/list-icon-selected.png) no-repeat left top transparent;
	color: #D53D20;
}
#menu-realisations a {
	border:0;
	color: #fff;
}
#menu-realisations .grid-list img {
	margin-right: 7px;
	margin-top: -7px;
}
#menu-realisations ul {
	list-style-type: none;
	padding:0;
}
#menu-realisations ul li {
	margin-bottom: 5px;
}
#menu-realisations ul li a,#menu-realisations ul li a.selected {
	font-family: Georgia, serif;
	font-size: 18px;
	border:0;
}
#menu-realisations ul li a.selected, #menu-realisations ul li a:hover {
	color: #D53D20;
}
#menu-realisations .a-to-z {
	font-size: 14px;
	color: #999;
}
#right-part {
	padding-left: 10px;
	width: 740px;
}
#right-part .project-preview {
	padding-top: 30px;
	border-top: 1px solid #666;
	height: 220px;
}
#right-part .project-preview h3 a {
	font-size:18px;
	line-height:1;
	margin-bottom:7px;
	border-bottom: 0;
	font-weight: bold;
	color: #fff;
}
#right-part .project-preview h3 a:hover {
	color: #D53D20;
}
#right-part .project-preview:first-child {
	padding-top:0;
	border-top:0;
}
#right-part .project-preview img {
	border: 10px solid #fff;
	margin-right: 20px;
}
#right-part .project-preview img:hover {
	border-color: #D53D20;
}
#right-part .project-preview p.category-date, #right-part .project-preview p.category-date a {
	margin-bottom: 15px;
	font-family: Georgia, serif;
	color: #fff;
	font-size: 13px;
	border-bottom: 0;
}
#right-part .project-preview p.category-date a:hover {
	color: #D53D20;
}
.grid-project-preview img {
	border: 10px solid #fff;
	margin-right: 19px;
	margin-bottom: 19px;
	margin-top: 0;
}
.grid-project-preview img.no-margin {
	margin-right: 0;
}
.preview-next p a {
	font-size: 18px;
	font-family: Georgia, serif;
	color: #fff;
	border: 0;
}
.preview-next p a:hover {
	color: #D53D20;
}
#project-header img {
	border: 10px solid #fff;
	margin-right: 20px;
	margin-bottom: 20px;
}
#project-header h2 {
	margin-bottom: 0px;
}
#project-header p {
	margin-top: 10px;
}
#project-details {
	//display:none;
}
#menu-project-details ul li.ui-tabs-selected a {
	color:#fff; 
}
#project-details img {
	border: 10px solid #fff;
	margin-bottom: 10px;
}
#project-details #left-part {
	width:640px;
	margin-right:0;
	margin-bottom: 30px;
	float: left;
}
#project-details #project-informations {
	width: 640px;
}
#project-details #project-informations .span-8 {
	margin-right: 0;
}
#project-details #project-informations .span-8:first-child {
	margin-right:20px;
}
#project-details .border-bottom img {
	border:0;
	margin-bottom: 1px;
}
#menu-project-details {
	margin: 0 0 20px 0;
	background: url(../img/content/999.jpg) repeat-x left 27px;
	width: 640px;
	height: 29px;
}
#menu-project-details img {
	border: 0;
	margin-bottom: 1px;
}
#menu-project-details ul {
	list-style-type: none;
	margin: 0;
	padding: 0 0 9px 0;
}
#menu-project-details ul li {
	display: inline;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	margin-right: -4px;
	padding: 10px 14px 9px;
}
#menu-project-details ul li a {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #999;
	font-size: 14px;
	border:0;
}
#menu-project-details ul li a:hover {
	color: #fff;
}
#project-informations {
	font-size: 13px;
	color: #fff;
}
#project-specifications, #similar-projects {
	width:290px;
}
#project-specifications p {
	color: #999;
}
#project-specifications .margin-top-bottom {
	margin: 20px 0;
	border:0;
}
#project-specifications time {
	font-size: 13px;
}
#similar-projects {
	margin-top: 30px;
}
#similar-projects img {
	margin: 20px 0 10px;
}
#similar-projects a {
	border: 0;
}
#similar-projects p a {
	border-bottom: 1px solid #FFFFFF;
}
#similar-projects p a:hover {
	border-color: #D43D1F;
}
#similar-projects img:hover {
	border: #D43D1F 10px solid;
}
#similar-projects h4 a {
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	border: 0;
}
#similar-projects h4 a:hover {
	color: #D43D1F;
}
/* Contact */
#intro-contact {
	border-bottom: 1px solid #999;
}
#intro-contact img {
	border: 10px solid #fff;
	margin-bottom: 20px;
}
#intro-contact .span-3 img {
	border: 0;
}
#intro-contact .text a {
	font-family: Georgia, serif;
	font-size: 18px;
}
#infos-contact {
	padding-top: 20px;
	border-bottom: 1px solid #999;
}
#infos-contact p {
	font-size: 18px;
	line-height: 1.5em;
}
#infos-contact .title-infos-contact {
	font-size: 14px;
	text-transform: uppercase;
	color: #999;
}
#infos-contact .tel-email p {
	margin-bottom: 17px;
	line-height: 1.20em;
}
#infos-contact a {
	font-size: 16px;
	font-family: Georgia, serif;
}
#contact-form {
	padding: 20px 0;
	border-bottom: 1px solid #999999;
}
#contact-form label, label {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #fff;
}
#contact-form input[type=text], input[type=text], input[type=password], input[type=submit] {
	width: 445px;
	height: 35px;
	border: 1px solid #666;
	background-color: #191919;
	margin: 7px 0 20px 0;
	color: #fff;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 14px;
	font-family: Georgia, serif;
}
#contact-form input:focus, #contact-form textarea:focus, #NewsEditForm input:focus, textarea:focus {
	border-color: #D43D1F;
}
#contact-form textarea, #TarifIndexForm #TarifDescription-input {
	width: 445px;
	border: 1px solid #666;
	background-color: #191919;
	margin: 7px 0 10px 0;
	height: 274px;
	color: #fff;
	padding: 10px;
	font-size: 14px;
	font-family: Georgia, serif;
}
textarea {
	width: 445px;
	border: 1px solid #666;
	background-color: #191919;
	margin: 7px 0 10px 0;
	height: 188px;
	color: #fff;
	padding: 10px;
	font-size: 14px;
	font-family: Georgia, serif;
}
#contact-form input[type=submit], input[type=submit] {
	width: 140px;
	background-color: #D43D1F;
	color: #191919;
	border: 0;
	float: right;
	margin-right: 1px;
}
#contact-form input[type=submit]:hover, input[type=submit]:hover {
	color: #fff;
}
#contact-form .form-error, #contact-form input[type=text].form-error {
	border:1px solid #ea0000;
}
#contact-form .error-message {
	display: none;
}
select {
	height: 35px;
	border: 1px solid #666;
	background-color: #191919;
	margin: 7px 0 20px 0;
	color: #fff;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 14px;
	font-family: Georgia, serif;
}
select:hover {
	cursor: pointer;
}
select:focus {
	border-color: #D43D1F;
}
#gmaps {
	padding-top: 40px;
}
#gmaps iframe {
	border: 10px solid #fff;
	margin-right: 20px;
	float: left;
}
#gmaps #address2 {
	font-size: 18px;
	line-height: 1.5em;
}
/* Société */
#intro-society {
	margin-bottom: 10px;
}
#intro-society img {
	border: 10px solid #fff;
}
#menu-society {
	list-style-type: none;
	padding: 0;
	margin: 5px 0 0 0;
	width: 180px;
}
#menu-society li a {
	color: #999;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 14px;
	border: 0;
	font-weight: bold;
	display: block;
}
#menu-society li a:hover {
	color: #fff;
}
#menu-society li img {
	padding-top: 7px;
}
#menu-society li:first-child {
	border-top: 1px solid #666;
}
#menu-society li {
	background-color: #333;
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	padding: 10px 15px;
}
#menu-society .ui-tabs-selected {
	background-color: #191919;
	border-right: 0;
}
#menu-society .ui-tabs-selected a {
	color: #fff;
}
#world-records h2, #temoignages h2, #equipe h2, #gesamtkunstwerk h2, #partenariat h2 {
	padding-bottom: 5px;
}
#world-records blockquote, #equipe blockquote, #temoignages blockquote, #partenariat blockquote, #gesamtkunstwerk blockquote {
	margin-top: 20px;
}
.intro-record h3 {
	margin-bottom: 20px;
}
.intro-record p {
	line-height: 1.5em;
}
#record-head div.border-bottom, #record-head2 div.border-bottom {
	height: 33px;
}
#record-head div, #record-head2 div {
	width:  98px;
	text-align: center;
	margin-bottom: 20px;
}
#record-head .before, #record-head .after, #record-head2 .before, #record-head2 .after {
	width:  326px;
}
.world-record-detail img {
	border: 10px solid #fff;
}
.world-record-detail #slider-1, .world-record-detail #slider-2 {
	width: 730px;
	margin-bottom: 0;
}
.world-record-detail #slider-1 a:hover, .world-record-detail #slider-2 a:hover {
	border: 0;
}
.world-record-detail {
	margin-bottom: 40px;
}
#world-records #slider-1, #world-records #slider-2 {
	height: 350px;
}
.temoignage-detail h4 {
	margin-bottom: 25px;
}
.temoignage-head {
	margin-top: -20px;
}
.temoignage-head div.border-bottom {
	height: 10px;
}
.temoignage-head div {
	width:  44px;
	text-align: center;
	margin-bottom: 30px;
}
.temoignage-head .before, .temoignage-head .after {
	width:  350px;
}
#equipe .titre {
	font-size: 16px;
	color: #999;
	margin-bottom: 1em;
}
#equipe .people {
	padding: 20px 0;
	border-top: 1px solid #666;
}
#equipe .people.no-border {
	border: 0;
	padding-top: 0;
}
/* Services et produits */
#intro-services img {
	border: 10px solid #fff;
}
#timeline-services {
	height: 49px;
	margin: -84px 0 50px 0;
	padding: 0 0 0 10px;
}
#timeline-services li#a {
	z-index: 10;
}
#timeline-services li#b {
	z-index: 9;
}
#timeline-services li#c {
	z-index: 8;
}
#timeline-services li#d {
	z-index: 7;
}
#timeline-services li {
	display: inline;
	list-style-type: none;
	position: absolute;
}
#timeline-services span, #conseil-button span {
	display: none;
}
.link-fichiers-requis p {
	margin-top: 0;
}
.link-fichiers-requis p a span {
	display: none;
}
.link-fichiers-requis p a {
	width: 140px;
	height: 32px;
	display: block;
	text-align: right;
	background: url('../img/content/bt-fichiers-requis-dl.png') no-repeat 0 0;
	border: 0;
}
.link-fichiers-requis p a:hover {
	background: url('../img/content/bt-fichiers-requis-dl-hover.png') no-repeat 0 0;
}
#conseil-button {
	width: 950px;
	height: 95px;
	margin: -3px 0 0 0;
	padding: 0;
}
#conseil-button a#conseil {
	display: block;
	width: 950px;
	height: 95px;
	border: 0;
	background: url(../img/content/menu-produits-conseil.png) no-repeat 0 0;
}
#conseil-button a#conseil:hover, #conseil-button a#conseil.selected {
	background: url(../img/content/menu-produits-conseil-activ.png) no-repeat 0 0;
}
#timeline-services a {
	display: block;
	float: left;
	height: 49px;
	border: 0;
}
#timeline-services a#prepresse {
	width: 245px;
	background: url(../img/content/menu-produits-prepresse_v2.png) no-repeat 0 0;
}
#timeline-services a#prepresse.selected, #timeline-services a#prepresse:hover {
	background: url(../img/content/menu-produits-prepresse-activ_v2.png) no-repeat 0 0;
}
#timeline-services a#impression {
	width: 207px;
	margin-left: 236px;
	background: url(../img/content/menu-produits-impression_v2.png) no-repeat 0 0;
}
#timeline-services a#impression.selected, #timeline-services a#impression:hover {
	background: url(../img/content/menu-produits-impression-activ_v2.png) no-repeat 0 0;
}
#timeline-services a#postprod {
	width: 239px;
	margin-left: 434px;
	background: url(../img/content/menu-produits-postprod_v2.png) no-repeat 0 0;
}
#timeline-services a#postprod.selected, #timeline-services a#postprod:hover {
	background: url(../img/content/menu-produits-postprod-activ_v2.png) no-repeat 0 0;
}
#timeline-services a#pose {
	width: 264px;
	margin-left: 664px;
	background: url(../img/content/menu-produits-pose_v2.png) no-repeat 0 0;
}
#timeline-services a#pose.selected, #timeline-services a#pose:hover {
	background: url(../img/content/menu-produits-pose-activ_v2.png) no-repeat 0 0;
}
#grey-box {
	background-color: #333;
	border: 1px solid #666;
	padding: 10px;
}
#grey-box h4 {
	text-transform: uppercase;
	padding-bottom: 10px;
	margin-bottom: 5px;
}
#grey-box h4 img {
	margin-right: 10px;
	float: left;
}
#grey-box p {
	font-size: 16px;
	color: #fff;
	margin-bottom: 5px;
	margin-top: 15px;
}
#impression-wrapper .left-part, #postprod-wrapper .left-part {
	float: left;
	width: 215px;
	margin-right: 20px;
}
#impression-wrapper .right-part, #postprod-wrapper .right-part {
	float: left;
	width: 505px;
	margin-right: 20px;
}
#menu-impression, #menu-postprod {
	list-style-type: none;
	padding: 0;
	margin: 5px 0 0 0;
}
#menu-impression li a, #menu-postprod li a {
	color: #999;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 14px;
	border: 0;
	font-weight: bold;
	display: block;
}
#menu-impression li a:hover, #menu-postprod li a:hover {
	color: #fff;
}
#menu-impression li img, #menu-postprod li img {
	padding-top: 7px;
}
#menu-impression li:first-child, #menu-postprod li:first-child {
	border-top: 1px solid #666;
}
#menu-impression li, #menu-postprod li {
	background-color: #333;
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	padding: 10px 15px;
}
#menu-impression .ui-tabs-selected, #menu-postprod .ui-tabs-selected {
	background-color: #191919;
	border-right: 0;
}
#menu-impression .ui-tabs-selected a, #menu-postprod .ui-tabs-selected a {
	color: #fff;
}
#digigraphie img {
	border: 0;
	margin-left: 20px;
}
.right-part img {
	border: 10px solid #fff;
}
.bck_nxt, .bck_nxt_small {
	margin: 30px 0;
	height: 52px;
}
.bck_nxt_small {
	margin-left: 235px;
}
.bck_nxt_small .span-7 {
	width: 254px;
	margin: 30px 0;
}
.bck_nxt a, .bck_nxt_small a {
	border: 0;
}
#liste-machines {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#liste-machines li {
	border-bottom: 1px solid #666;
	margin-top: 20px;
}
#liste-machines li:last-child {
	border: 0;
}
/* TARIFS */
#TarifEmail-input, #TarifName-input, #TarifTel-input {
	margin-bottom: 20px;
}
#div-prix-tableaux {
	margin-bottom: 20px;
}
a#prix-tabs {
	display: block;
	width: 129px;
	height: 32px;
	background: url(../img/content/prix-tableaux.jpg) 0 0 no-repeat transparent;
	border: 0;
	float: right;
	margin-top: -7px;
}
a#prix-tabs:hover {
	background: url(../img/content/prix-tableaux-hover.jpg) 0 0 no-repeat transparent;
}
a#prix-tabs span {
	display: none;
}
a#download-prix-tableaux {
	display: block;
	width: 129px;
	height: 32px;
	background: url(../img/content/bt-prix-tableaux.jpg) 0 0 no-repeat transparent;
	border: 0;
	float: right;
}
a#download-prix-tableaux:hover {
	background: url(../img/content/bt-prix-tableaux-hover.jpg) 0 0 no-repeat transparent;
}
a#download-prix-tableaux span {
	display: none;
}
#TarifIndexForm .form-error, #TarifIndexForm input[type=text].form-error {
	border:1px solid #ea0000;
}
#TarifIndexForm .error-message {
	display: none;
}
#TarifIndexForm .form-error:focus, #TarifIndexForm input[type=text].form-error:focus {
	border-color: #D53D20;
}

/* ADMIN */
.table-admin {
	color: #fff;
}
.table-admin .center a {
	border: 0;
}
.table-admin .headerRow {
	background-color: #D53D20;
}
.table-admin .headerRow a {
	color: #fff;
	font-weight: bold;
}
.table-admin .first-cell {
	padding-left: 10px;
}
.table-admin .first-cell img {
	border: 1px solid #191919;
}
.table-admin .first-cell img:hover {
	border: 1px solid #D53D20;
}
.table-admin td {
	height: 50px;
	vertical-align: middle;
}
.table-admin td a {
	border: 0;
}
.table-admin th {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	vertical-align: middle;
}
.table-admin th a {
	border-color: #D53D20;
}
.table-admin th a:hover {
	border-color: #fff;
}
#NewsEditForm input[type=submit] {
	float: left;
	margin-left: 327px;
}
#accordion {
	margin-bottom: 20px;
}
#accordion h3 {
	color: #999;
}
#accordion h3.ui-state-active {
	color: #fff;
}
#accordion h3:hover {
	cursor: pointer;
	color: #D53D20;
}
.table-admin-reals td, .table-admin-reals th {
	padding: 0;
}
.table-admin-reals input[type="text"] {
	margin-top: 0;
}
.table-admin-reals select {
	margin-top: 4px;
}
.table-admin-reals .span-6 {
	padding-top: 12px;
}
.table-admin-reals .span-18 p {
	margin-bottom: 0;
}
input[type=file], #tableauxIndexForm  input[type=file] {
	width: 445px;
	height: 25px;
	border: 1px solid #666;
	background-color: #191919;
	margin: 7px 0 20px 0;
	color: #fff;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 14px;
	font-family: Georgia, serif;
}
#project-content {
	color: #fff;
	font-size: 13px;
}
#RealisationEditForm .span-18 ul {
	text-align: left;
	padding-left: 0;
	margin-left: 0;
	list-style-type: none;
}
#RealisationEditForm .span-18 ul li p {
	text-align: left;
}
#RealisationEditForm input[type=checkbox], #NewsEditForm input[type=checkbox] {
	margin: 0px;
	width: auto;
	margin-right: 10px;
	float: left;
}
#NewsEditForm #NewsFile {
	margin-bottom: 5px;
}
#sup-infos input[type=radio] {
	margin: 11px 5px 5px 0px;
	width: auto;
	height: auto;
}
#sup-infos label {
	font-size: 12px;
	font-weight: normal;
	margin-right: 20px;
}
#logWindow input[type=text], #logWindow input[type=password] {
	width: 250px;
}
#logWindow input[type=text]:focus, #logWindow input[type=password]:focus {
	border-color: #D53D20;
}

/* FOOTER */
#footer-100 {
	background-color: #D53D20;
	height: 250px;
	position: relative;
	margin-top: -250px;
	clear: both;
}
#footer {
	padding-top: 30px;
	font-size: 14px;
}
#footer-menu ul, #footer-menu ul li a {
	list-style-type: none;
	margin: 0;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color: #000;
	font-size: 16px;
	line-height: 2em;
	padding: 0;
	border: 0;
}
#footer-menu ul li a:hover {
	color: #fff;
	border: 0;
}
#footer a {
	font-family: Georgia;
	font-size: 14px;
	color: #000;
	border-bottom: 1px solid #fff;
}
#footer a:hover {
	border-bottom: 1px solid #000;
}
#footer #copyright {
	margin-top: 5px;
}
#footer #copyright p {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 11px;
}







/*
 * Media queries for responsive design
 * These follow after primary styles so they will successfully override. 
 */

@media all and (orientation:portrait) { 
  /* Style adjustments for portrait mode goes here */
  
}

@media all and (orientation:landscape) { 
  /* Style adjustments for landscape mode goes here */
  
}

/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)  
   Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
  
  
  /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you
     j.mp/textsizeadjust 
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}

/* 
 * print styles
 * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ 
 */
@media print {
	@import "blueprint/print.css";
  * { background: transparent; color: #444; text-shadow: none; }
  a, a:visited { color: #444; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; } 
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }  /* Don't show links for images */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ 
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}