/* Custom Stylesheet */
/**
 *
 * Update By Benjamin ROBINE
 *
 */
 @font-face {
    font-family: 'texgyreadventorbold';
    src: url('../fonts/texgyreadventor-bold-webfont.eot');
    src: url('../fonts/texgyreadventor-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/texgyreadventor-bold-webfont.woff') format('woff'),
         url('../fonts/texgyreadventor-bold-webfont.ttf') format('truetype'),
         url('../fonts/texgyreadventor-bold-webfont.svg#texgyreadventorbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'texgyreadventorbold_italic';
    src: url('../fonts/texgyreadventor-bolditalic-webfont.eot');
    src: url('../fonts/texgyreadventor-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/texgyreadventor-bolditalic-webfont.woff') format('woff'),
         url('../fonts/texgyreadventor-bolditalic-webfont.ttf') format('truetype'),
         url('../fonts/texgyreadventor-bolditalic-webfont.svg#texgyreadventorbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'texgyreadventoritalic';
    src: url('../fonts/texgyreadventor-italic-webfont.eot');
    src: url('../fonts/texgyreadventor-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/texgyreadventor-italic-webfont.woff') format('woff'),
         url('../fonts/texgyreadventor-italic-webfont.ttf') format('truetype'),
         url('../fonts/texgyreadventor-italic-webfont.svg#texgyreadventoritalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'texgyreadventorregular';
    src: url('../fonts/texgyreadventor-regular-webfont.eot');
    src: url('../fonts/texgyreadventor-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/texgyreadventor-regular-webfont.woff') format('woff'),
         url('../fonts/texgyreadventor-regular-webfont.ttf') format('truetype'),
         url('../fonts/texgyreadventor-regular-webfont.svg#texgyreadventorregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
html{
	font-family: "Century Gothic", CenturyGothic, texgyreadventorregular, "Apple Gothic", AppleGothic, "URW Gothic L", "Avant Garde", sans-serif !important;
	padding-top: 64px;
}
body{
	background-color: #cfd8dc !important;
	color: #37474f !important;
}

/* NAV */
.navbar-fixed-top{
	height: 64px;
	line-height: 64px;
	border: 0;
	background-color: #FFFFFF !important;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.navbar-brand{
	display: inline-block;
    font-size: 5rem;
    padding: 0;
	height: 60px;
	line-height: 5.2rem;
}
.navbar-brand > img {
    display: inline;
	margin: 2px;
}
.navbar-brand span{
    color:#444444;
    vertical-align: middle;
}
.nav{
	background-color:#FFFFFF;
}

.nav > li {
    transition: background-color .3s;
    padding: 0;
	height:6.4rem;
	background-color:#FFFFFF;
}
.nav > li:hover, .nav > li.active {
    background-color: rgba(0, 0, 0, 0.1);
}
.navbar-nav > li > a {
	height:4.4rem;
	font-size:1.8rem;
	vertical-align: middle;
    color: #444444 !important;
	padding-top: 24px !important;
    padding-bottom: 20px;
}
.navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #333333;
    /*background-color: transparent;*/
}
.navbar-toggle{
	height: 50px;
    width: 50px;
    padding-left: 13px;
	color:#333333 !important;
	background-color: #FFFFFF !important;
	
}
.navbar-toggle:hover,
.navbar-toggle:active {
	color:#FFFFFF !important;
	background-color: #333333 !important;
}




.animate {
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.bootsnipp-search {
	display: none;
}
.bootsnipp-search .container .input-group .form-control{
	width: 99%;
}
.navbar-collapse .navbar-nav .input-group .form-control{
	width: 98%;
	margin: 5px;
}
.search-result img{
	width: 100% !important;
    height: 100px !important;
    object-fit: cover;
	padding:2px;
	border: solid 1px #FFFFFF;
    overflow: hidden;
}
article.search-result{
    border-bottom: solid 1px #ccc;
}
article.search-result h3{
    margin-top: 0;
}
@media screen and (min-width: 768px) {
	.navbar-nav > li:not(.disabled).open > a,
	.navbar-nav > li:not(.disabled).active > a,
	.navbar-nav > li:not(.disabled) > a:hover, 
	.navbar-nav > li:not(.disabled) > a:focus {
		border-bottom-width: 5px;
		border-left-width: 0px;
		padding-bottom: 10px;
		padding-left: 14px;
	}

	.navbar-nav > li.disabled > a {
		padding-left: 10px;
		padding-right: 10px;
	}


	.bootsnipp-search {
		background-color: rgb(255, 255, 255);
		display: block;
		position: absolute;
		top: 100%;
		left:0;
		width: 100%;
		-webkit-transform: rotateX(-90deg);
		-moz-transform: rotateX(-90deg);
		-o-transform: rotateX(-90deg);
		-ms-transform: rotateX(-90deg);
		transform: rotateX(-90deg);
		-webkit-transform-origin: 0 0 0;
		-moz-transform-origin: 0 0 0;
		-o-transform-origin: 0 0 0;
		-ms-transform-origin: 0 0 0;
		transform-origin: 0 0 0;
		visibility: hidden;
	}
	.bootsnipp-search.open {
		-webkit-transform: rotateX(0deg);
		-moz-transform: rotateX(0deg);
		-o-transform: rotateX(0deg);
		-ms-transform: rotateX(0deg);
		transform: rotateX(0deg);
		visibility: visible;	
	} 
	.bootsnipp-search .container .input-group .form-control{
		width: 99%;
	}
}



@media (max-width: 1199px) {
  .navbar .navbar-brand {
    height: 60px;
    padding: 0 !important;
  }
  .navbar-brand{
    font-size: 3.8rem;
	line-height: 4.2rem;
}
}
@media (max-width: 600px) {
  .navbar .navbar-brand {
    height: 60px;
    padding: 0 !important;
  }
  .navbar-brand{
    font-size: 3rem;
	line-height: 3.2rem;
}

}
/* /NAV */

/* DIVERS */
.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 0 !important;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 0 !important;
}
.btn{
	background-color:grey !important;
	padding: 8px 14px;
}
.btn:hover{
	color: #FFFFFF !important;
	background-color: #37474f !important;
}
.section {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.breathe{
	padding:2rem;
	font-size:larger;
}
.breathe i{
	font-size:6rem;
}
.breathe p{
	line-height: 2.7rem;
	font-weight:300;
	padding:0 5rem;
}
.ontop{
	position:relative;
	z-index:1;
	background-color: rgba(207,216,220, .8) !important;
	color:#37474f !important;
	padding-bottom: 1rem;
}
.valign-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    /* display: flex; */
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    /* align-items: center; */
}
/* /DIVERS */

/* INDEX */
.sectionCatalogue a:hover{
	text-decoration: none;
	font-weight: 700;
}
.carte .front {
    height: 306px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.carte .front img{
width: 300px;
height: 300px;
object-fit: cover;
overflow: hidden;
-webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
          transition: all 0.3s ease;
}
.carte .front img:hover{
	box-shadow: 3px 3px 10px rgba(0,0,0,0.6);
	-moz-box-shadow: 3px 3px 10px rgba(0,0,0,0.6);
	-webkit-box-shadow: 3px 3px 10px rgba(0,0,0,0.6);
	-o-box-shadow: 3px 3px 10px rgba(0,0,0,0.6);
}
/* /INDEX */

/* CATALOGUE */
ul#applications{
	list-style-type: none;
	margin:20px;
	padding:0;
}
ul#applications .card-reveal p.consulter{
	position: absolute;
    top: 70%;
    left: 0%;
    background-color: silver;
    /* height: 30px; */
    width: 100%;
    font-size: 1.5rem;
    margin: 0;
    padding: 5px;
}
.pagination > .disabled > a{
	cursor: default !important;
	border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.zoomed{
	-moz-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
	-moz-transform: scale(1.10);
    -webkit-transform: scale(1.10);
    -o-transform: scale(1.10);
    -ms-transform: scale(1.10);
    transform: rscale(1.10);
    opacity: 0.7;
}
.unzoomed{
	-moz-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
	-moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: rscale(1);
    opacity: 1;
}
/* /CATALOGUE */

/* PRODUIT */
.pika-stage{
    width:80%;
    height:405px !important;
	padding:10px;
	background-color: white;
}

.pika-stage img{
	left: 0px;
    display: inline;
    object-fit: contain;
    overflow: hidden;
    width: 100%;
    max-height: 385px;
}

.pikachoose-edf{
    position:relative;
    width:100%;
    height:100%;
    top:6px;
    margin:0 auto;}

.pika-stage .pika-aniwrap{
    position: absolute;
    top: 10px;
    left: 10px;
    z-index:9;}

.pika-stage, .pika-thumbs li, .pika-stage .caption{
    position: relative;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);}

.pika-thumbs li{
    -webkit-box-shadow: 0px 0px 9px -2px #000000;
    -moz-box-shadow: 0px 0px 9px -2px #000000;
    box-shadow: 0px 0px 9px -2px #000000;}

.pika-stage .caption {
    font-family: Rokkitt;
    position: absolute;
    bottom: 18px;
    right: 18px;
    background-color: white;
    background-color: rgba(255, 255, 255, 0.7);
    width: 250px;
    height: 31px;
    padding: 7px;}

.pika-stage .caption a{
    color:black;}

.pika-imgnav{display:none;}

.pika-imgnav a{
    position: absolute;
    text-indent: -5000px;
    height: 65px;
    width: 27px;
    display: block;
    z-index:11;
    background:url(controls.png) 0 0 no-repeat;
    cursor:pointer;
    top:10px;
    right:28px;}

.pika-imgnav .next{
    right:10px;
	top:160px;
	background:url(../img/next.png) 0 0 no-repeat;
    /*background-position: 0 -160px;*/
}

.pika-imgnav .previous{
    left:10px;
	top:160px;
	background:url(../img/prev.png) 0 0 no-repeat;
   /* background-position: 0 -80px;*/
}

.pika-imgnav .play{
   background-position:0 -240px;}

.pika-thumbs li{
    list-style: none;
    overflow:hidden;
    margin:3px 10px;
    padding:4px;}
.pika-thumbs {margin: 10px 0 0 17px; position: absolute;top: 10px;overflow:visible !important;}
.pika-thumbs li { margin: 5px 5px;}
.pika-thumbs li .clip{
    position:relative;
    height:100%;
    overflow: hidden;
}

.pika-textnav{display:none;}
.pika-counter{display:none;}

.jcarousel-clip-horizontal{
    width:100%;
	background-color: white;
    overflow:hidden;
    left:0
}

.jcarousel-container{
    position:relative;
    width:100%;
    height:100px;
    z-index:10;
    overflow:hidden;
    top:0;
    left:0;}

.jcarousel-item .clip img{
	object-fit: cover;
    overflow: hidden;
}
	
.jcarousel-prev,.jcarousel-next{
    width:35px;
    height:44px;
    background:url(controls.png) top left no-repeat;
    display:block;
    position:absolute;
    right:5px;
    top:24px;
    cursor:pointer;
    opacity:0.6;}

.jcarousel-prev:hover, .jcarousel-next:hover{
    filter:alpha(opacity=100);
    opacity:1.0;}

.jcarousel-prev-disabled:hover, .jcarousel-next-disabled:hover, .jcarousel-next-disabled, .jcarousel-prev-disabled{
    filter:alpha(opacity=30);
    opacity:0.3;}

.jcarousel-next{
    background-position: -30px -310px;}

.jcarousel-prev{
    background-position: 0 -310px;
    left:15px;}
.jcarousel-skin-pika{position:absolute;top:0;right:0;max-height:400px;overflow:hidden;}
.jcarousel-skin-pika .jcarousel-container-vertical { width: 150px;height: 100%; overflow:hidden;}
.jcarousel-skin-pika .jcarousel-clip-vertical { width:  100%; height: 120px;}
.jcarousel-skin-pika .jcarousel-item-vertical { height:83px;width:110px;}
/* /PRODUIT */

/* TIMELINE */
 .timeline {
    list-style: none;
    padding: 10px 0;
    position: relative;
    font-weight: 300;
}
.timeline:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content:" ";
    width: 2px;
    background: #ffffff;
    left: 50%;
    margin-left: -1.5px;
}
.timeline > li {
    margin-bottom: 20px;
    position: relative;
    width: 50%;
    float: left;
    clear: left;
}
.timeline > li:before, .timeline > li:after {
    content:" ";
    display: table;
}
.timeline > li:after {
    clear: both;
}
.timeline > li:before, .timeline > li:after {
    content:" ";
    display: table;
}
.timeline > li:after {
    clear: both;
}
.timeline > li > .timeline-panel {
    width: calc(100% - 25px);
    width: -moz-calc(100% - 25px);
    width: -webkit-calc(100% - 25px);
    float: left;
    border: 1px solid #dcdcdc;
    background: #ffffff;
    position: relative;
}
.timeline > li > .timeline-panel:before {
    position: absolute;
    top: 26px;
    right: -15px;
    display: inline-block;
    border-top: 15px solid transparent;
    border-left: 15px solid #dcdcdc;
    border-right: 0 solid #dcdcdc;
    border-bottom: 15px solid transparent;
    content:" ";
}
.timeline > li > .timeline-panel:after {
    position: absolute;
    top: 22px;
    right: -14px;
    display: inline-block;
    border-top: 14px solid transparent;
    border-left: 14px solid #ffffff;
    border-right: 0 solid #ffffff;
    border-bottom: 14px solid transparent;
    content:" ";
}
.timeline > li > .timeline-badge {
    color: #ffffff;
    width: 24px;
    height: 24px;
    line-height: 50px;
    text-align: center;
    position: absolute;
    top: 16px;
    right: -12px;
    z-index: 100;
}
.timeline > li.timeline-inverted > .timeline-panel {
    float: right;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
}
.timeline-badge > a {
    color: #ffffff !important;
}
.timeline-badge a:hover {
    color: #dcdcdc !important;
}
.timeline-title {
    margin-top: 0;
    color: inherit;
}
.timeline-heading h4 {
    font-weight: 400;
    padding: 0 15px;
    color: #4679bd;
}
.timeline-body{
	padding: 10px 15px;
}
.timeline-body > p, .timeline-body > ul {
    /*padding: 10px 15px;*/
    margin-bottom: 0;
}
.timeline-footer {
	clear: both;
    background-color:#f4f4f4;
}
.timeline-footer div {
	margin-bottom: 0;
	background-color:#f4f4f4;
	padding: 5px 10px;
}
.timeline-footer > a {
    cursor: pointer;
    text-decoration: none;
}
.timeline > li.timeline-inverted {
    float: right;
    clear: right;
}
.timeline > li:nth-child(2) {
    margin-top: 60px;
}
.timeline > li.timeline-inverted > .timeline-badge {
    left: -12px;
}
.no-float {
    float: none !important;
}
@media (max-width: 767px) {
    ul.timeline:before {
        left: 40px;
    }
    ul.timeline > li {
        margin-bottom: 0px;
        position: relative;
        width:100%;
        float: left;
        clear: left;
    }
    ul.timeline > li > .timeline-panel {
        width: calc(100% - 65px);
        width: -moz-calc(100% - 65px);
        width: -webkit-calc(100% - 65px);
    }
    ul.timeline > li > .timeline-badge {
        left: 28px;
        margin-left: 0;
        top: 16px;
    }
    ul.timeline > li > .timeline-panel {
        float: right;
    }
    ul.timeline > li > .timeline-panel:before {
        border-left-width: 0;
        border-right-width: 15px;
        left: -15px;
        right: auto;
    }
    ul.timeline > li > .timeline-panel:after {
        border-left-width: 0;
        border-right-width: 14px;
        left: -14px;
        right: auto;
    }
    .timeline > li.timeline-inverted {
        float: left;
        clear: left;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .timeline > li.timeline-inverted > .timeline-badge {
        left: 28px;
    }
}
/* /TIMELINE */

/* SCROLLER */
.jscroll-loading{
	text-align: center;
}
/* /SCROLLER */*

/* ARTICLE */
article{
	padding-top: 1rem;
	padding-bottom: 1rem;
}
article .row{
	background-color: #fff;
}
.post-body figcaption{
	text-align: center;
    font-style: italic;
}
/* /ARTICLE */

/* CONTACT */
.inputs{
	margin-top: 15px;
}
.inputs div{
	margin-bottom: 30px;
}
/* /CONTACT */

/* RECHERCHE */
.mb20 { margin-bottom: 20px; } 

hgroup { padding-left: 15px; border-bottom: 1px solid #ccc; }
hgroup h1 { font: 500 normal 1.625em "Roboto",Arial,Verdana,sans-serif; color: #2a3644; margin-top: 0; line-height: 1.15; }
hgroup h2.lead { font: normal normal 1.125em "Roboto",Arial,Verdana,sans-serif; color: #2a3644; margin: 0; padding-bottom: 10px; }
/* /RECHERCHE */

/* PARALLAX */
.parallax-container {
	position: relative;
    overflow: hidden;
	min-height: 500px;
	line-height: 0;
	height: auto;
	color: rgba(255,255,255,.9);
}
.parallax-container .section {
	width: 100%;
}
.parallax {
    /*position: absolute;*/
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}
.parallax img {
	display: none;
	position: absolute;
	left: 50%;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	transform: translateX(-50%);
}
/* FOOTER */
footer.pied {
	background-color: #37474f !important;
	padding-top: 20px;
	color: #f5f5f5 !important;
}
footer h3{
	color:#fff !important;
}
footer p{
	line-height: 2.7rem;
	font-weight:300;
}
.footer-copyright{
	height: 50px;
    line-height: 50px;
	font-weight: 300;
	background-color: rgba(51, 51, 51, 0.08);
}
.team{
	float: left;
	width: 100px;
	padding-right: 10px;
}
.newsletterForm .input-group-addon{
	color: #FFFFFF;
}
.newsletterForm input{
	color: #FFFFFF;
}
/* /FOOTER */