/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body {
font-family: "Century Gothic";
color:#606251;
overflow-y:scroll;
margin-top:5px;
}
/* Menu Navigation */
.navbar-brand {
    float: left;
    font-size: 18px;
    height: 50px;
	padding: 0px;
	margin-top:1px;
	border-bottom: 1px solid #cccccc;
	padding-right:20px;
}

.icon-bar {
    background: #606251;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #606251;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #606251;
  background-color: transparent;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #606251;
  background-color: transparent;
}

.navbar-nav > li > a {
    color:#606251;
	font-size:0.85em;
	outline:0;
}

.navbar-nav > li.actif > a {
    
	color: #ff9966;
}

.nav > li {
 border-bottom:1px solid #cccccc;
}

.nav > li.actif {
 border-bottom:0px solid #cccccc;
}

.nav > li:after {
	content: '';
	display: block;
	position:absolute;
	margin: auto;
	height: 1px;
	width: 0px;
	background: #cccccc;
	bottom:-1px;
	font-weight:normal;
	transition: width .5s cubic-bezier(0.455, 0.030, 0.515, 0.955), background-color .5s cubic-bezier(0.455, 0.030, 0.515, 0.955);
	}
	
.nav > li.actif:after {
	content: '';
	display: block;
	position:absolute;
	margin: auto;
	height: 1px;
	width: 100%;
	background: transparent;
	bottom:-1px;
	border-bottom:1px solid #ff9966;
	}
	
.nav > li:not(.actif):hover:after {
	width: 100%;
	background: #ff9966;
}


.nav > li:hover{
/*border-bottom:1px solid #cccccc;*/
}

.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: transparent;
  color:#ff9966;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}



.nav-arscene {
width:100%;
margin-bottom:50px;
}
@media (min-width: 768px) {
  .nav-arscene {
    width: 750px;
  }
}

@media (max-width: 768px) {
  .navbar-brand {
	border-bottom: 0px solid #9b9b9b;
}

.navbar-nav > li > a {
    text-align:center;
}
}

@media (min-width: 992px) {
  .nav-arscene {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .nav-arscene {
    width: 100%;
  }
  }

/*Fin Menu Navigation


/*Page */
h1.title {
border-bottom:1px solid #cccccc;
color:#606251;
font-size:1.3em;
margin-left:100%;
}

h1.title.reference {
border-bottom:0px solid #cccccc;
}

h1.title:after {
  background-image: url("../img/puce-title.jpg");
  bottom: 0;
  content: "  ";
  display: block;
  height: 32px;
  margin-left: -32px;
  margin-top: -25px;
  position: relative;
  width: 32px;
}

h3.title {
color:#606251;
font-size:0.95em;
font-weight:bold;
margin:0;
padding:0;
padding-left:20px;
}

h3.title:after {
content: '  ';
display:block;
position:absolute;
width:14px;
height:14px;
background-image:url('../img/puce-list.jpg');
bottom:0;
top:0px;
left:14px;
}

.home-menu {
width:100%;
border-bottom:1px solid #cccccc;
margin-bottom:15px;
}

.home-menu ul {
display:inline;
list-style:none;
margin:0;
text-align:left;
}

.home-menu ul li {
display:block;
position:relative;
float:left;
list-style:none;
margin-left:0px;
margin-right:16px;
text-align:left;
}

.home-menu ul li a {
font-size:0.85em;
display:block;
color:#606251;
text-decoration:none;
outline:0;
}


.home-menu ul li a:hover {
color:#cccccc;
transition: all .3s ease;
}

.home-menu ul li.actif a {
color:#ff9966;
}

.home-menu ul li:after {
    content: '';
	display: block;
	position:absolute;
	bottom:-4px;
	height: 1px;
	width: 0px;
	background: #ff9966;
	transition: width .5s cubic-bezier(0.455, 0.030, 0.515, 0.955), background-color .5s cubic-bezier(0.455, 0.030, 0.515, 0.955);
}

.home-menu ul li.actif:after {
    content: '';
	display: block;
	position:absolute;
	bottom:-4px;
	height: 1px;
	width: 100%;
	background: #ff9966;
	transition: width .5s cubic-bezier(0.455, 0.030, 0.515, 0.955), background-color .5s cubic-bezier(0.455, 0.030, 0.515, 0.955);
}

.menu1.reference {
margin-bottom:15px;
}

@media (max-width: 768px) {
.home-menu {
border-bottom:1px solid #cccccc;
}

.home-menu ul  {
width:100%;
margin:0;
padding:0;
}
.home-menu ul li {
width:auto;
clear:both;
margin:0px;
margin-bottom:5px;
padding:0;
}
  .home-menu ul li a {
font-size:0.85em;
padding-left:20px;
}

.home-menu ul li:after {
    content: '';
	display: block;
	position:absolute;
	bottom:0px;
	height: 1px;
	width: 0px;
	background: #ff9966;
	transition: width .5s cubic-bezier(0.455, 0.030, 0.515, 0.955), background-color .5s cubic-bezier(0.455, 0.030, 0.515, 0.955);
}

.home-menu ul li:before {
content: '  ';
display:block;
position:absolute;
width:18px;
height:16px;
background-image:url('../img/puce-list-b.jpg');
bottom:0;
top:0px;
left:0px;
}

.home-menu ul li.actif:before {
content: '  ';
display:block;
position:absolute;
width:18px;
height:16px;
background-image:url('../img/puce-list.jpg');
bottom:0;
top:0px;
left:0px;
}

.home-menu ul li.actif:after {
    content: '';
	display: block;
	position:absolute;
	bottom:0px;
	right:0;
	height: 1px;
	width: 0%;
	background: #ff9966;
	transition: width .5s cubic-bezier(0.455, 0.030, 0.515, 0.955), background-color .5s cubic-bezier(0.455, 0.030, 0.515, 0.955);
}

}

.home-submenu {
display:none;
color:#606251;
font-size:1em;
}

.home-submenu p{
color:#606251;
font-size:0.95em;
}

.home-submenu p.no-margin{
margin:0;
}

.home-submenu.selected {
display:block;
}

ul.home-list {
list-style-type: none;
    padding: 0px;
    margin: 0px;
	color:#606251;
font-size:0.95em;
}

ul.home-list li {
background-image: url('../img/puce-list.jpg');
    background-repeat: no-repeat;
    background-position: 0px center; 
    padding-left: 20px;
}

/* Gallery */
.home-gallery {
display:block;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
position: relative;
list-style: none;
overflow: hidden;
width: 100%;
height:35%;
margin: 0;
margin-bottom:15px;
padding:0;
}

/*
.home-gallery {
display:block;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
position: relative;
list-style: none;
overflow: hidden;
width: 100%;
margin: 0;
margin-bottom:15px;
padding:0;
}
*/

.home-gallery.reference {
display:block;
border-top: 0px solid #cccccc;
border-bottom: 0px solid #cccccc;
position: relative;
list-style: none;
overflow: hidden;
width: 100%;
margin: 0;
margin-top:-10px;
margin-bottom:8px;
padding:0;
}

.home-gallery li {
list-style: none;
-webkit-backface-visibility: hidden;
position: absolute;
display: none;
width: 100%;
height:320px;
left: 0;
top: 0;
padding-top:6px;
padding-bottom:6px;
}
/*
.home-gallery li {
list-style: none;
-webkit-backface-visibility: hidden;
position: absolute;
display: none;
width: 100%;
left: 0;
top: 0;
padding-top:6px;
padding-bottom:6px;
}
*/
.home-gallery li:first-child {
  position: relative;
  display: block;
  float: left;
  }

  .home-gallery img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  padding-bottom: 6px;
  padding-top: 6px;
  /*border: 5px solid #333;*/
  -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
  }
  /*
.home-gallery img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 5px solid #333;
  -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
  }
*/
.home-gallery img.desaturate {
  -webkit-filter:grayscale(100%);
    -moz-filter:greyscale(100%);
    -ms-filter:greyscale(100%);
    -o-filter:greyscale(100%);
    filter:grayscale(100%);
}

.reference-content {
max-height:200px;
overflow:hidden;
position:relative;
margin:0;
margin-top:-50px;
border-bottom:1px solid #cccccc;
text-transform: uppercase;
}

.mousedown {
position:relative;
width:100%;
height:50px;
background:transparent;
margin-top:-51px;
z-index:2;
-webkit-box-shadow: inset 0px -69px 37px -37px rgba(255,255,255,0.7);
-moz-box-shadow: inset 0px -69px 37px -37px rgba(255,255,255,0.7);
box-shadow: inset 0px -69px 37px -37px rgba(255,255,255,0.7);
cursor:url(arrow-down.cur),url(arrow-down.png),auto;
}

.mouseup {
position:relative;
width:100%;
height:50px;
background:transparent;
z-index:2;
cursor:url(arrow-up.cur),url(arrow-up.png),auto;
}

.nostyle {
display:block;
position: relative;
list-style: none;
width: 100%;
margin: 0;
margin-bottom:10px;
padding:0;
}

.nostyle-reference {
display:block;
position: relative;
list-style: none;
width: 100%;
margin: 0;
margin-bottom:40px;
padding:0;
}


/* opacité pour les animations */
.home-menu,.menu1,.nav li,.reference-content ul li,h1.title{
opacity':0;
}