/* Add additional stylesheets below
-------------------------------------------------- */
/*
  Bootstrap's documentation styles
  Special styles for presenting Bootstrap's documentation and examples
*/

/**Font**/
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on June 7, 2011 */
/*@font-face {
    font-family: 'gardeBook';
    src: url('.../../../.../../../.../../../font/avantgardeitcbybt-book-webfont.eot');
    src: url('.../../../.../../../.../../../font/avantgardeitcbybt-book-webfont.eot?#iefix') format('embedded-opentype'),
		 url('.../../../.../../../.../../../font/avantgardeitcbybt-book-webfont.woff') format('woff'),
         url('.../../../.../../../.../../../font/avantgardeitcbybt-book-webfont.ttf') format('truetype'),
         url('.../../../.../../../.../../../font/avantgardeitcbybt-book-webfont.svg#ITCAvantGardeGothicBook') format('svg');
    font-weight: normal;
    font-style: normal;

}
*/

/*html { overflow-y: scroll;}*/

/*/********************************************************************
// Font
//********************************************************************
*/

@font-face {
  font-family: 'FuturaStd-CondensedExtraBd';
  src:  url('../../../webfont/FuturaStd-CondensedExtraBd.eot?#iefix') format('embedded-opentype'), url('../../../webfont/FuturaStd-CondensedExtraBd.otf') format('opentype'), url('../../../webfont/FuturaStd-CondensedExtraBd.woff') format('woff'), url('../../../webfont/FuturaStd-CondensedExtraBd.ttf') format('truetype'), url('../../../webfont/FuturaStd-CondensedExtraBd.svg#FuturaStd-CondensedExtraBd') format('svg');
  font-weight: normal;
  font-style: normal;
}

.fixedBG{
  position: fixed;
  width: 100vw;
  height: 100vh;
  z-index: -1;
}

/* Body and structure
-------------------------------------------------- */
body {
  position: relative;
  background-color: #090909;
  background-repeat: repeat-x;
  background-position: 0 40px;
  font-size:14px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  color: white;
}

h1{
    font-size: 80px;
}


hr {
  border: 0;
  border-top: 1px solid white;
  box-shadow: 0 -1px 0 #AEAEAE;
}

p, li{ font-size:13px; }

strong{ color:#E94700;}
/* Tweak navbar brand link to be super sleek
-------------------------------------------------- */
/*.navbar-fixed-top .brand {
  padding-right: 0;
  padding-left: 0;
  margin-left: 20px;
  float: right;
  font-weight: bold ;
  color: #000;
  text-shadow: 0 1px 0 rgba(255,255,255,.1), 0 0 30px rgba(255,255,255,.125);
  -webkit-transition: all .2s linear;
     -moz-transition: all .2s linear;
          transition: all .2s linear;
}
.navbar-fixed-top .brand:hover {
  text-decoration: none;
}
*/

/* Space out sub-sections more
-------------------------------------------------- */


aside {
	border-left: 1px solid #EFEFEF;
    /*box-shadow: -1px 0 0 #AEAEAE;*/
	margin-top: 35px;
}

section{
  margin-top: 35px;
  margin-bottom:10px;
}

aside section{
  margin-top: 10px;
  margin-left: 30px;
}

aside  h2{
	padding-top:0;
	box-shadow:none;
	font-size:16px;
	margin-left: 30px;
	line-height:15px;
	margin-bottom:15px;
}

aside section h3{
	line-height: 17px;
	font-weight:normal;
	margin-bottom:10px;
}


/* Faded out hr */
/*hr.soften {
  height: 1px;
  margin: 54px 0;
  background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
  background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
  background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
  background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
  border: 0;
}*/

/* Bubble
-------------------------------------------------- */
.bubble {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding:10px;
	background-color:#F3F3F3;
	/*box-shadow: 0 0 4px rgba( 0,0,0, 0.25 );*/
}

.bubble span{
	font-style: italic;
}

.bubble h4 + p {
    color: #E94700;
}
.bubble h4{
	color: #E94700;
    margin-bottom: 10px;
    text-transform: uppercase;
	/*text-shadow: 1px 1px #FFFFFF;*/
}
.bubble.min-height-350 { height:350px;}
.bubble.min-height-390 { height:390px;}

.bubble-inner{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding:9px;
	background-color:#222;
	background: rgb(85,85,85); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMjIyMjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(85,85,85,1) 0%, rgba(34,34,34,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(85,85,85,1)), color-stop(100%,rgba(34,34,34,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(85,85,85,1) 0%,rgba(34,34,34,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(85,85,85,1) 0%,rgba(34,34,34,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(85,85,85,1) 0%,rgba(34,34,34,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(85,85,85,1) 0%,rgba(34,34,34,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#222222',GradientType=0 ); /* IE6-8 */
	color:#fff;
	font-size:13px;
	/*box-shadow: 0 1px 0 rgba(255,255,255, 1);*/
}
.bubble-inner p{
margin:0;
}

ul.list-check{
	margin: 5px 0 15px 2px;
}

ul.list-check li{
	background: url("/img/puce-check.png") no-repeat scroll left 5px transparent;
    margin-bottom: 5px;
    padding-left: 20px;
	list-style-type: none;

}
/* Home
-------------------------------------------------- */

#home h2.noline{
	padding-top: 0;
}

#home h3{
	line-height:16px;
}

#home .gradient{
	  -webkit-border-radius: 10px;
		 -moz-border-radius: 10px;
			  border-radius: 10px;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	margin-top:0;
	margin-bottom:50px;
	padding-bottom:15px;
}

#home .gradient ul,#home .gradient li,#home .gradient p ,#home .gradient h2,#home .gradient h3  {
	margin:10px;
	list-style-type: none;
}

#home .gradient p {
	font-size:13px;
}
/*
#home .gradient li{
	font-size:13px;
	padding-left:20px;
	background: url("/img/puce-check.png") no-repeat scroll left 2px transparent;
}
*/
#home .gradient span{
	color:#E94700;
	font-weight:bold;
}

#home .gradient .btn{
	position:relative;
	margin-bottom:-25px;
}

#home .gradient .btShowRoom{
	margin-top: -15px;
    position: absolute;
}

#listLogo li{
	list-style-type: none;
	height: 48px;
    margin-bottom: 18px;
    margin-top: 18px;
/*	border-right: 1px solid white;
	box-shadow: 1px 0 0 #AEAEAE;*/
}
#home .blockClients small {
	text-transform:uppercase;
	font-size:50%;
	font-weight:bold;
	letter-spacing: 1px;
	color:#4B4B4B;
}

#home .blockClients li {
	text-align:center;
}

#home .strategie {
    background: url("/img/illu-terre-hd.png") no-repeat scroll left top transparent;
}

#home .pilotage {
    background: url("/img/illu-maitrise.png") no-repeat scroll left 20px transparent;
}

#home .strategie a, .pilotage a {
    display: inline-block;
    margin-bottom: 12px;
    max-width: 172px;
    min-height: 160px;
    padding-left: 215px;
    padding-top: 40px;
}

#home .strategie a:hover, .pilotage a:hover { text-decoration:none;}

#home  #contentNewsHP li {
	min-height:150px;
}

#home  #contentNewsHP .minimeFeedText{
	font-size:13px;
}

#home  #contentNewsHP .minimeFeedDate{
	font-size:12px;
	color:#999;
	/*text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);*/
}


/* News
-------------------------------------------------- */
#contentNews ul {
	margin-left:0;
	margin-bottom:35px;
}

#contentNews li {
    background: none repeat scroll 0 0 transparent;
    margin-bottom: 15px;
    padding-left: 0;
    text-align: left;
	list-style-type: none;
}

#contentNews .minimeFeedDate{
	font-size:12px;
	color:#777;
}

/* Header Flash
-------------------------------------------------- */
#headerFlash{
	width:100%;
	/*height:274px;*/
	margin: 0 auto ;
	background-color: #3f3f3f;
	border-bottom: 1px solid #FFF;
	position: relative;
	z-index:1;
	margin-bottom:20px;
}
#headerFlashBackground {
	background-color: #000 ;
}

.noSlideshow {
	background-color: #3f3f3f;
}

.navbar.noSlideshow .nav > li.active {
	background-image: url(.../../../img/nav-tickle-opak.png);
}

.navbar.noSlideshow .nav > li.active.end {
	background-position: 60px bottom;
}

.navbar .nav {
	width: 100%;
	overflow: hidden;
}

.navbar .nav > li {
	width: auto;
}

.navbar .nav > li.end {
	padding-left:0;
}

.navbar .nav > li a {
	color:#DEDEDE;
}


.navbar .nav > li a:hover {
	color:#fff;
}

#secondMenuHeader {margin-top: -115px;}
#secondMenuHeader  li.fisrtGroup{padding-right: 11px; margin-right: 11px;}

/* Templates
-------------------------------------------------- */
#templates ul#showroom {background:none;}
#templates ul#showroom li { margin-top:15px;}

#templates .badgeTopLeft{
	display:block; float:left; position:absolute; border:none; padding:0; width:auto;
}

/* Showroom
-------------------------------------------------- */

#showroom{
	margin-top:20px;
	/*text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);*/
	/*background: transparent url(.../../../img/ajax-loader-container.gif) no-repeat center 75px;*/
	min-height: 564px;
}
#showroomFilter .form-search{ margin:0; padding:4px;}

#showroom .span4{
	/*min-height: 230px;*/
	position:relative;
}

.thumbnails .span4 img{
  margin: 0 auto;
  max-width: 296px;
	padding:1px;
	width:100%;
	/*height:166px;*/
}

.thumbnails h3{
	font-size:20px;
	font-family: 'FuturaStd-CondensedExtraBd';
  text-transform: uppercase;
  color: white;
	line-height:20px;
}

.thumbnails span{
	font-size: 80%;
	font-style: italic;
}

#showroom h4{
	padding: 10px 0;
	border-bottom: 1px solid #aeaeae;
	font-weight: normal;
	font-size: 16px;
	color:#777;
}

#showroom h5{
	color:#777;
	padding:0;
	margin:0;
	font-family:arial;
	font-weight:normal;
}


#showroom .content h4, #showroom .overlay h4{
	border:none;
	padding:0;
	padding-bottom:5px;
	font-weight:bold;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	color:#000;
}

#showroom h6{
	width:100%;
	font-size:10px;
	color:#999;
	text-align:right;
	height:15px;
}

#showroom h3,#showroom h5, #showroom h6{
	display:block;
}

#showroom h3{
  margin-top: 10px;
  font-weight: normal;
}


#showroomFilter{ font-size:13px;}

.thumbnails p{ margin-bottom:2px; line-height:15px;}

#showroom .overlay{
	background-color: rgba(222, 222, 222, 0.8);
    display: block;
    float: left;
    height: 150px;
    position: absolute;
    top: 40px;
	left:10px;
    width: 280px;
	height:135px;
    z-index: 3;
}

#showroom .overlay a:first-child{
display: block;
 width: 100%;
 height: 100%;
}

#showroom .overlay p{
	color:#000;
	font-size:13px;
	margin-left:10px;
	margin-right:30px;
	line-height:14px;
	margin-bottom:5px;
}

#showroom .overlay h4{
	font-size:13px;
	font-weight:bold;
	text-align:left;
	margin: 10px 30px 0 10px;
}


#showroom .mask {
	width:300px;
	height:170px;
	top:15px;
	left:0;
	overflow:hidden;
	z-index:4;
	background:none;
}

#showroom .mask  .contentmasked{
	top:25px;
	left:300px;
	z-index:2;
}


#showroom .mask a.btn {
	position: absolute;
	left: 272px;
	top:10px;
	width:250px;
	white-space: nowrap;
	text-align:left;
	font-size:13px;
	padding-left:5px;
	z-index:5;
}

#showroom .mask a.btn .icon-white {
	margin-right:4px;
}

#showroom .mask a.btn.bt-info{
	top:10px;
}

#showroom .mask a.btn.bt-link{
	top:50px;
}

#showroom .mask a.btn.bt-dl{
	top:90px;
}

#showroom .mask a.btn.bt-pdf{
	top:130px;
	display:none;
}

#showroomTitle { margin-bottom:20px; font-weight:normal; font-style:italic; font-size:15px; padding-left:5px;}

.icon21x21{
	background: url(.../../../img/icons-mmm-white.png) no-repeat;
	width:23px;
	height:18px;
}

.icon-info{
	background-position: -3px -3px;
}

.icon-link{
	background-position: -29px -3px;
}

.icon-dl{
	background-position: -54px -4px;
}

.icon-pdf{
	background-position: -78px -4px;
}

.header-container{
	width:980px;
}

.navbar .container {
    /*width: auto;*/
}

.badge{
	font-family:arial;
	text-transform: uppercase;
	float:right;
	margin-top:2px;
}
.label{ background-color:#E94700;}

.alert{ margin-top:10px; font-size:12px; background-color:#f4f4f4; border-color:#d4d4d4; color:#777; display:none;}
}

.alert strong{ color:#999; }
/* Jumbotrons
-------------------------------------------------- */
.jumbotron {
  position: relative;
  padding-top:18px;
}
/*
.jumbotron h1 {
  margin-top: 18px;
  font-size: 54px;
  font-weight: bold;
  letter-spacing: -1px;
  line-height: 1;
  color:#fff;
}*/
.jumbotron p {
  padding-bottom: 9px;
  margin-bottom:0;
  font-weight: 300;
  /*color:#fff;*/
}
/*
.jumbotron span {
	color:#c9cacd;
}
.jumbotron .btn-large {
  font-size: 18px;
  font-weight: normal;
  padding: 14px 24px;
  margin-right: 10px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}
.jumbotron .btn-large small {
  font-size: 14px;
}*/


.mastcontainer{
  background-color: #000;
  *background-color: #000;
  background-image: -ms-linear-gradient(top, #1d1d1d, #000);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1d1d1d), to(#000));
  background-image: -webkit-linear-gradient(top, #1d1d1d, #000);
  background-image: -o-linear-gradient(top, #1d1d1d, #000);
  background-image: linear-gradient(top, #1d1d1d, #000);
  background-image: -moz-linear-gradient(top, #1d1d1d, #000);
  background-repeat: repeat-x;
  border-color: #000 #000 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#1d1d1d', endColorstr='#000', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
}
/* Masthead (docs home) */
.masthead {
  padding-top: 36px;
  /*margin-bottom: 20px;*/
}
.masthead h1,
.masthead p {
  text-align: center;
}
.masthead h1 {
  padding-bottom: 18px;*/
}
.masthead p {
  margin-left: 5%;
  margin-right: 5%;
  font-size: 18px;
  line-height: 36px;
}


/* Specific jumbotrons
------------------------- */
/* supporting docs pages */
.subhead {
  padding-bottom: 0;
  margin-bottom: 9px;
}
.subhead h1 {
  font-size: 54px;
}

/* Subnav */
.subnav {
  display: none;
  width: 100%;
  height: 36px;
  background-color: #eeeeee; /* Old browsers */
  background-repeat: repeat-x; /* Repeat the gradient */
  background-image: -moz-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%); /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* Chrome 10+,Safari 5.1+ */
  background-image: -ms-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* IE10+ */
  background-image: -o-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* Opera 11.10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
  background-image: linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* W3C */
  border: 1px solid #cdcdcd;
  /*-webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;*/
}
.subnav .nav {
  margin-bottom: 0;
}
.subnav .nav > li > a {
  margin: 0;
  padding-top:    11px;
  padding-bottom: 11px;
  border-left: 1px solid #f5f5f5;
  border-right: 1px solid #e5e5e5;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}
.subnav .nav > li > a:hover {
 background-color:#eaeaea;
}
.subnav .nav > .active > a,
.subnav .nav > .active > a:hover {
  padding-left: 13px;
  color: #777;
  background-color: #dbdbdb;
  border-right-color: #ddd;
  border-left: 0;
  -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.25);
     -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.25);
          box-shadow: inset 0 1px 3px rgba(0,0,0,.25);
  outline:none;
}
.subnav .nav > .active > a .caret,
.subnav .nav > .active > a:hover .caret {
  border-top-color: #777;
}
.subnav .nav > li:first-child > a,
.subnav .nav > li:first-child > a:hover {
  border-left: 0;
  padding-left: 12px;
  /*-webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;*/
}
.subnav .nav > li:last-child > a {
  border-right: 0;
}
.subnav .dropdown-menu {
  /*-webkit-border-radius: 0 0 4px 4px;
     -moz-border-radius: 0 0 4px 4px;
          border-radius: 0 0 4px 4px;*/
}


/* Fixed subnav on scroll, but only for 980px and up (sorry IE!) */
@media (min-width: 980px) {

  .subnav-fixed {
    position: fixed;
    /*top: 40px; -- A remettre si total boostrap*/
	top:0;
    left: 0;
    right: 0;
    z-index: 1020; /* 10 less than .navbar-fixed to prevent any overlap */
    border-color: #d5d5d5;
    border-width: 0 0 1px; /* drop the border on the fixed edges */
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1);
       -moz-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1);
            box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); /* IE6-9 */
  }
  .subnav-fixed .nav {
    width: 980px;
    margin: 0 auto;
    padding: 0 1px;
	 z-index: 1021;
  }

  #timeline_div{
  z-index:1;
  }

  .subnav .nav > li:first-child > a,
  .subnav .nav > li:first-child > a:hover {
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
  }

  .navbar .container {
    width: 980px;
  }
}


/* Quick links
-------------------------------------------------- */
.bs-links {
  margin: 36px 0;
}
.quick-links {
  min-height: 30px;
  margin: 0;
  padding: 5px 20px;
  list-style: none;
  text-align: center;
  overflow: hidden;
}
.quick-links:first-child {
  min-height: 0;
}
.quick-links li {
  display: inline;
  margin: 0 8px;
  color: #999;
}
.quick-links .github-btn,
.quick-links .tweet-btn,
.quick-links .follow-btn {
  position: relative;
  top: 5px;
}


/* Marketing section of Overview
-------------------------------------------------- */
.marketing .row {
  margin-bottom: 9px;
}
.marketing h1 {
  margin: 36px 0 27px;
  font-size: 40px;
  font-weight: 300;
  text-align: center;
}
.marketing h2,
.marketing h3 {
  font-weight: 300;
}
.marketing h2 {
  font-size: 22px;
}
.marketing p {
  margin-right: 10px;
}
.marketing .bs-icon {
  float: left;
  margin: 7px 10px 0 0;
  opacity: .8;
}
.marketing .small-bs-icon {
  float: left;
  margin: 4px 5px 0 0;
}

/* Footer
-------------------------------------------------- */
.footer {
  margin-top: 45px;
  padding: 35px 0 36px;
  border-top: 1px solid #e5e5e5;
}
.footer p {
  margin-bottom: 0;
  color: #555;
}

/* Responsive Docs
-------------------------------------------------- */

@media (max-width: 767px) {

  #showroom {
    width: 300px;
    margin: 0 auto;
  }
	#showroom .span4 img ,#showroom h3,#showroom h5, #showroom div.content {
    clear: both;
    float:left;}
	/*#showroom h3, #showroom h5, #showroom div.content { width:50%;}*/
	/*#showroom h3, #showroom .content h4, #showroom h5, #showroom p{ padding-left:10px;}*/
	#showroom .span4{ width:90%;}
	.header-container{ padding:0;}

	#lastPostLoader{
		/*width: 280px;*/
		margin-left:30px;
	}
	aside{
		text-align:center;
		border:none;
		box-shadow: none;
	}

	aside section{ margin-left:0;}

	aside h2{ margin-left:0;}

	.bubble.min-height-350, .bubble.min-height-390  {
		height: auto;
		margin-bottom:20px;
	}

	.thumbnails .span4 img{ width:auto;width:auto;}

	.thumbnails > li{
		margin-left: 0;
	}
	#home #main, #page #main{ padding:10px;}
}

@media (max-width: 480px) {

  /* Reduce padding above jumbotron */
  body {
    padding-top: 70px;
  }

  /* Change up some type stuff */
  h2 {
    margin-top: 27px;
  }
  h2 small {
    display: block;
    line-height: 18px;
  }
  h3 {
    margin-top: 18px;
  }

  .span10 img{ text-align:center; }

  /* icons */
  .marketing .bs-icon {
    margin: 0;
  }

  /* Adjust the jumbotron */
  .jumbotron h1,
  .jumbotron p {
    text-align: center;
    margin-right: 0;
  }
  .jumbotron h1 {
    font-size: 45px;
    margin-right: 0;
  }
  .jumbotron p {
    margin-right: 0;
    margin-left: 0;
    font-size: 14px;
    line-height: 24px;
  }
  .jumbotron .btn {
    display: block;
    font-size: 18px;
    padding: 10px 14px;
    margin: 0 auto 10px;
  }
  /* Masthead (home page jumbotron) */
  .masthead {
    padding-top: 0;
  }

  /* Don't space out quick links so much */
  .quick-links {
    margin: 40px 0 0;
  }
  /* hide the bullets on mobile since our horizontal space is limited */
  .quick-links .divider {
    display: none;
  }

  /* center example sites */
  .example-sites {
    margin-left: 0;
  }
  .example-sites > li {
    float: none;
    display: block;
    max-width: 280px;
    margin: 0 auto 18px;
    text-align: center;
  }
  .example-sites .thumbnail > img {
    max-width: 270px;
  }

  table code {
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
  }

  /* Modal example */
  .modal-example .modal {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  /* Showroom */
  	#showroom.thumbnails > li.span4 {
		margin-left:0;
	}

	#showroom .content{
		display: block;
	}

	#showroom .span4 {
		/*padding: 0 0 0 6%;*/
	}

	#header h1{ text-align:center; float:none; margin-bottom:10px;}
	h1 #logo img{ width:250px;}
	#showroom  h3, #showroom div.content { width:94%; margin:0 auto; padding-left:0;}
	#showroom  div.content  { border-bottom: 1px solid #eee; padding-bottom:15px;}
	#showroom  .span4, #showroom  p, #showroom  h6{/* width:94%; /*text-align:center;*/}
	#showroom  h6{ margin-bottom:5px;}
	#showroom  .span4 img{ float:none;}
	#secondMenuHeader { clear:both; float:left; margin-top:20px;}
	#secondMenuHeader {margin-top: -110px;}
	.navbar-inner{ margin:0; padding:0;}
	.navbar {margin-left:0; padding-left:0;}
	.navbar .nav{ margin-left:0; padding-left:0;}
	#secondMenuHeader {margin-top: -100px; clear:both;}
	#secondMenuHeader li.fisrtGroup{ padding-right: 5px; margin-right: 5px;}
	#showroom.thumbnails > li {
    margin-left: 10px;
	}

	/*.subnav{ width:320px;}*/

	.navbar .nav > li.end {
		width: auto;
	}
	#main{ margin:0; padding:0; padding:0;}
	#showroom div.content, #showroom h3 , #showroom h6 , #showroom .span4 img {/* margin-left:10px;*/ width:300px;}
	#showroom h3, #showroom .content h4, #showroom p{ padding-left:0;}
	#showroom .span4 { width:320px;}

	#lastPostLoader{
		/*width: 280px;
		margin-left:10px;*/
	}

	#secondMenuHeader{background-color:#fff; width:100%; text-align:center;border-bottom:1px solid #ababab}
	html.no-js body div.container div#header h1 a#logo{ padding-top:10px;}
	html.no-js body#page div.container div#header span ul#secondMenuHeader li.lastItem{float:none;}

}


@media (max-width: 767px) {

  /* Remove any padding from the body */
  body {
    padding-top: 0;
  }

  h1{
    font-size: 50px;
  }

  /* Jumbotron buttons */
  .jumbotron .btn {
    margin-bottom: 10px;
  }

  /* Subnav */
  .subnav {
    position: static;
    top: auto;
    z-index: auto;
    width: auto;
    height: auto;
    /*background: #F1F1F1; /* whole background property since we use a background-image for gradient */
	background-color: #eeeeee; /* Old browsers */
	background-repeat: repeat-x; /* Repeat the gradient */
	background-image: -moz-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* Chrome 10+,Safari 5.1+ */
	background-image: -ms-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* IE10+ */
	background-image: -o-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* Opera 11.10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
	background-image: linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* W3C */

    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
  }
  .subnav .nav > li {
    float: none;
  }
  .subnav .nav > li > a {
    border: 0;
  }
  .subnav .nav > li + li > a {
    border-top: 1px solid #e5e5e5;
  }
  /*
  .subnav .nav > li:first-child > a,
  .subnav .nav > li:first-child > a:hover {
      -webkit-border-radius: 4px 4px 0 0;
         -moz-border-radius: 4px 4px 0 0;
              border-radius: 4px 4px 0 0;
  }
  */
  /* Popovers */
  .large-bird {
    display: none;
  }
  .popover-well .popover-wrapper {
    margin-left: 0;
  }

  /* Space out the show-grid examples */
  .show-grid [class*="span"] {
    margin-bottom: 5px;
  }

  /* Unfloat the back to top link in footer */
  .footer .pull-right {
    float: none;
  }
  .footer p {
    margin-bottom: 9px;
  }

  .header-container{
	width:auto;
  }

  #showroom .span12 {
    width: 90%;
  }

  #home .gradient{
  /*-webkit-border-radius: 0;
	 -moz-border-radius: 0;
		  border-radius: 0;*/
  }

   #showroomFilter  form{
		border-top: 1px solid #E5E5E5;
	}

	#showroomFilter .form-search{ padding:10px;}
	#global-search-input { width:80%;}
	.input-append {width:100%;}
}


@media (min-width: 480px) and (max-width: 768px) {

  /* Scale down the jumbotron content */
  .jumbotron h1 {
    font-size: 45px;
  }

  .jumbotron p {
    font-size: 16px;
  }
  .jumbotron p {
    margin-right: 0;
    margin-left: 0;
  }

	#showroom  h6 {
		text-align:left;
		padding: 0 0 3px 10px;
	}

  .header-container{
	width:auto;
  }
  #showroom{
	background-position: 175px 80px;
  }

}


@media (min-width: 768px) and (max-width: 980px) {

  /* Remove any padding from the body */
  body {
    padding-top: 0;
  }

  /* Scale down the jumbotron content */
  .jumbotron h1 {
    font-size: 45px;
  }

  .jumbotron p {
    font-size: 16px;
  }

  #showroom h3{
	font-size:13px;
  }

  #home .gradient {
	/*min-height: 510px;*/
  }

  .header-container{
	width:auto;
  }

  #lastPostLoader {
    /*width: 706px;*/
  }

  aside.span2{
	width:103px;
  }

  aside.span2  h2, aside.span2 section{
  margin-left: 20px;
  }

  aside.span2  h2{
	font-size:14px;
  }

 }


@media (max-width: 980px) {

  /* Unfloat brand */
  .navbar-fixed-top .brand {
    float: left;
    margin-left: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  /* Inline-block quick links for more spacing */
  .quick-links li {
    display: inline-block;
    margin: 5px;
  }


  #footer>div, menuFooter, #secondeMenuFooter {
	width: 980px;
  }
}

@media (min-width: 1000px) {

  #showroom.thumbnails > li {
	margin-left:40px;
  }

  #showroom.thumbnails {
	margin-left:-40px;
  }

  .container {
    width: 980px;
  }

  #showroom .span12 {
    width: 980px;
  }

  #lastPostLoader {
    /*width: 958px;*/
  }

  #home .container .row {
	margin-left: 0;
  }

  #home .container .row  .row{
	margin-left: -20px;
  }


}

@media (min-width: 768px) and (max-width: 980px) {
  #home h2{
	font-size:19px;
  }
  #home .strategie a, .pilotage a {
  padding-left:205px;
  line-height:26px;
  }
}

/**Header**/
#header {margin-bottom: 35px;}

#choiceLanguage {margin-top: -115px;}
#choiceLanguage {float: left;}
#choiceLanguage li {float: left; margin-right: 1px}

#secondMenuHeader {float: right; font-family:"Arial"; font-size:12px;}
#secondMenuHeader a {color: #4b4b4b; font-size: 80%; text-transform: uppercase;}
#secondMenuHeader  ul {float: left;}
#secondMenuHeader  li {display:inline;}
#secondMenuHeader  li.fisrtGroup{background: transparent url(.../../../img/sep-second-menu.gif) no-repeat right center;}
#secondMenuHeader  li.secondGroup{padding-right: 0; margin-right: 2px; background: none; vertical-align:middle;}
#secondMenuHeader  li.lastItem {padding-right: 0px; margin-right: 0px; background: none; float:right;}
#secondMenuHeader  img {margin: 0 3px 0 0; vertical-align:baseline;}

#header h1 {
    margin-top: 20px;
	margin-bottom:35px;
}

#advertising {
    background: url(".../../../img/fond-pub.gif") repeat-x scroll left top #000000;
    min-height: 0px;
	height:0 !important;
	height:8px;
	font-size:1px;
}

.btn-mmm {
  background-color: #f5692c;
  *background-color: #E94700;
  background-image: -ms-linear-gradient(top, #f88c5c, #E94700);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f88c5c), to(#E94700));
  background-image: -webkit-linear-gradient(top, #f88c5c, #E94700);
  background-image: -o-linear-gradient(top, #f88c5c, #E94700);
  background-image: -moz-linear-gradient(top, #f88c5c, #E94700);
  background-image: linear-gradient(top, #f88c5c, #E94700);
  background-repeat: repeat-x;
  border-color: #E94700 #E94700 #ad6704;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f88c5c', endColorstr='#E94700', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.btn-mmmTabs {
  background-color: #CDCDCD;
  *background-color: #E94700;
  background-image: -ms-linear-gradient(top, #CDCDCD, #B8B8B8);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#CDCDCD), to(#B8B8B8));
  background-image: -webkit-linear-gradient(top, #CDCDCD, #B8B8B8);
  background-image: -o-linear-gradient(top, #CDCDCD, #B8B8B8);
  background-image: -moz-linear-gradient(top, #CDCDCD, #B8B8B8);
  background-image: linear-gradient(top, #CDCDCD, #B8B8B8);
  background-repeat: repeat-x;
  height:10px;
  float:left;
  border-color: #E94700 #E94700 #ad6704;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#CDCDCD', endColorstr='#B8B8B8', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.btn-mmm,
.btn-mmm:hover {
  color: #ffffff;
  /*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);*/
}

.btn-mmm:hover,
.btn-mmm:active,
.btn-mmm.active,
.btn-mmm.disabled,
.btn-mmm[disabled] {
  background-color: #E94700;
  *background-color: #df8505;
}

.btn-mmm:active,
.btn-mmm.active {
  background-color: #c53d02 \9;
}

/**Footer**/
#footer {padding-top: 3px; width: 100%; background: #212121 url(.../../../.../../../.../../../img/fond-footer.gif) repeat-x left top; bottom:0;}
#footer>div {width:auto; margin: 0 auto;background: url(.../../../.../../../.../../../img/hr-noir-gris-x.gif) repeat-x left 20px;}

#menuFooter, #secondeMenuFooter  {margin: 0 auto; overflow: hidden; text-transform: uppercase; text-align: center;}
#menuFooter {width: auto; margin-bottom: 7px;}
#secondeMenuFooter  {width: auto; margin-bottom: 2px; margin-top: 3px;}

#footer li {
  display:inline-block;
  display:inline;
  margin-right: 11px;
  padding-right: 11px;
  background: transparent url(.../../../.../../../.../../../img/sep-second-menu.gif) no-repeat right center;
  color: #b1b1b1;
}

.ie7 #footer li { display:inline;}

#footer li.lastItem {display: inline; margin:0; padding: 0; background: none; color: #b1b1b1;}
#footer li a {color: #b1b1b1; font-size: 70%;}

#footer a {color: #b1b1b1; font-size: 70%;}



#secondeMenuFooter li {font-size: 80%; font-family: Arial, Helvetica, sans-serif;}
#secondeMenuFooter img {vertical-align:bottom;}
/**Fin**/

/**Contact**/
#backPopin {background-color: #000; position: absolute; top: 0; z-index: 5}
.layer { border: 1px solid #DEDEDE; padding: 10px;display: block; position: absolute; z-index: 10; left:-2000px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: url(.../../../img/fond-degrade-blanc.gif) repeat-x left bottom #DEDEDE;}

.layer h2 {
  color: #4b4b4b;
    margin-bottom: 15px;
  letter-spacing: 1px;
  vertical-align: top;
  border:none;
  text-shadow:none;
  box-shadow:none;
}
.closeLayerBt {cursor: pointer; float: right; text-indent: -9999em; width: 14px; height: 11px;
	background: url(.../../../img/bt-close.png) no-repeat left top;}
#contact {width: 980px;}
address  {line-height: 20px}
address span{font-weight: bold;}
.gmap{float: right;}
/**Fin**/


#lastPostLoader {
	margin-bottom:30px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 100;
  color: #777;
}

#lastPostLoader  i{
	opacity:.6
}


@media (min-width: 768px) and (max-width: 979px) {

  .thumbnails li.span4 p img{
    /*height:128px;*/
  }
  h2 { line-height: 20px;}
  .bubble.min-height-350, .bubble.min-height-390 { height:480px;}
  #global-search-input { width:80px;}
}

@media (max-width: 320px) {
	#home .strategie a, .pilotage a {
		padding-left: 0;
		padding-top: 0;
	}
	#home .strategie, #home .pilotage{
		background-position:145px 0;
		width: 100%;
	}

	#home .gradient h2{ line-height:26px; }
	#home .gradient h3{
		width:45%;
		margin-top:-90px;
		position:relative;
		margin-bottom:40px;
	}

}

@-moz-keyframes roll { 100% { -moz-transform: rotate(360deg); } }
@-o-keyframes roll { 100% { -o-transform: rotate(360deg); } }
@-webkit-keyframes roll { 100% { -webkit-transform: rotate(360deg); } }

body.barrel-roll {
-moz-animation-name: roll;
-moz-animation-duration: 4s;
-moz-animation-iteration-count: 1;
-o-animation-name: roll;
-o-animation-duration: 4s;
-o-animation-iteration-count: 1;
-webkit-animation-name: roll;
-webkit-animation-duration: 4s;
-webkit-animation-iteration-count: 1;
}


/* Accordeon
-------------------------------------------------- */

.accordion h2{ line-height:24px; padding-top:15px; font-size:20px;}
.accordion-group{ border:none;}
.accordion-heading .accordion-toggle { padding-left:0; padding-right:0;}
.accordion-heading .icon{ margin-top:5px; margin-right:5px;}