* {
	font-family: 'Raleway', sans-serif;
}

body {
	position: relative;
}

/*----------*/
/*NAVBAR*/
/*----------*/
header.navbar {
	min-height: 0;
	margin-bottom: 0;
	border: none;
}

nav {
	background-color: rgba(0,0,0,0.8);
	border: none;
	border-radius: 0;
	z-index: 1000;
}

ul.navbar-nav {
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
    float: none;
}

ul.navbar-nav>li {
	display: inline;
	float: none;
}

ul.navbar-nav>li>a {
	color: #fff;
	padding: 10px 20px;
	display: inline-block;
}

ul.navbar-nav>li.active>a,
ul.navbar-nav>li.active>a:hover,
ul.navbar-nav>li>a:focus {
	font-weight: bold;
	background: transparent;
	color: #fff;
}

ul.navbar-nav>li.metabuilding>a {
	font-size: 1.4em;
}

/*ul.navbar-nav>li.active>a:after {
	content: "";
	width: 5px;
	height: 5px;
	background: #fff;
	border-radius: 100%;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -2px;
}*/

ul.navbar-nav>li>a:hover {
	background: transparent;
	color: #fff;
 }

 @media(min-width: 768px) and (max-width: 860px) {
 	ul.navbar-nav>li>a {
 		padding: 10px 13px;
 	}
 }

@media(min-width: 768px) {
	.vitamib-navbar-scroll.sticky,
	body.version2 .vitamib-navbar-scroll {
		position: fixed;
		top: 0;
		left: 0
		right: 0;
		width: 100%;
	}
}

@media(min-width: 768px) {
	.vitamib-navbar-scroll.sticky,
	body.version2bigclout .vitamib-navbar-scroll {
		position: fixed;
		top: 0;
		left: 0
		right: 0;
		width: 100%;
	}
}

/*popupwidth not smartphone*/
@media(min-width: 901px) {
	.popupwidth {		
		width: 900px;
	}
}

 /*navbar smartphone*/
 @media (max-width: 767px) {
 	header.navbar {
 		position: fixed;
 		z-index: 1000;
 		right: 0;
 		top: 0;
 	}
 	 nav.navbar-collapse {
		position: fixed;
		right: 0;
		border: none;
		border-radius: 0;
		z-index: 1000;
		top: 40px;
		background: #000;
		padding-right: 30px;
		width: 210px;

	}

	.navbar-toggle {
		background: #000;
		border-radius: 0;
		margin: 0;
		padding: 12px;
	}

	.navbar-toggle .icon-bar {
		background: #fff;
		height: 3px;
		border-radius: 0;
	}

	ul.navbar-nav>li {
		display: block;
		text-align: right;
	}

	ul.navbar-nav>li>a {
		width: auto;
		padding-left: 25px;
	}

	ul.navbar-nav>li.active>a:after {
		content: none;
	}
 }

/*----------*/
/*FONT TITLE*/
/*----------*/

h1 {
	margin-bottom: 50px;
	line-height: 1.25;
	font-size: 2.5em;
}

h1 span {
	/*text-transform: uppercase;*/
	font-weight: 700;
	display: block;
	font-size: 0.7em;
	margin-bottom: 1px;
}

h2,
h2 a {
	font-family: 'Open Sans Condensed', sans-serif;
	text-align: center;
	text-transform: uppercase;
	position: relative;
	margin-bottom: 50px;
	font-size: 2.5em;
}

h2 a {
	font-size: 1em;
}

.bg-light h2 {
	color: #666;
}

h2:after {
	content: "";
	height: 1px;
	width: 280px;
	border-bottom: 1px solid #666;
	position: absolute;
	left: 50%;
	margin-left: -140px;
	bottom: -10px;
}

#h2metabuilding:after {	
	border-bottom: 0px;
}

.bg-photo h2:after {
	border-color: #fff;
}

strong {
	text-transform: uppercase;
	padding-left: 5px;
	font-weight: 800;
}

strong:before {
	content: ">";
	font-weight: 700;
	float: left;
	margin-top: -2px;
}


/*font title smartphone*/
@media(max-width: 767px) {
	h1 {
		font-size: 1.4em;
	}
}

/*----------*/
/*GESTION DES BACKGROUNDS*/
/*----------*/

.bg-light {
	background: #fff;
	color: #000;
	padding: 10px 0;
}

.bg-photo {
	background-size: cover !important;
	color: #fff;
	padding: 10px 0;
}


#project .bg-photo,
#header-project .bg-photo,
#projectdescription .bg-photo {
	background: no-repeat center center;
}

#picture .bg-photo {
	background: no-repeat center center;
}

#news .bg-photo, 
#publications .bg-photo {
	background: no-repeat center center;
}

#documents .bg-photo {
	background: no-repeat center center;
}

/*----------*/
/*PROJECT*/
/*----------*/

/*1ere partie - bg photo*/
#project .bg-dark, 
#header-project .bg-dark,
#projectdescription .bg-dark {
	background: rgba(0,0,0,0.4);
	padding-top: 200px;
	padding-bottom: 50px;
}

#project .bg-photo, #projectdescription .bg-photo {
	padding: 0;
}

#project .bg-photo h1,
#project .bg-photo strong,
#project .bg-photo p,
#projectdescription .bg-photo h1,
#projectdescription .bg-photo strong,
#projectdescription .bg-photo p {
	text-shadow: 0px 0px 10px #000;
}

hr {
	margin-bottom: 50px;
}

#project .bg-photo p, #projectdescription .bg-photo p {
	font-size: 1.9em;
}

/*slider */
.carousel-inner>.item>a>img, 
.carousel-inner>.item>img {
    height: auto;
    width: 100%;
    left: 0;
    right: 0;
}

.carousel-inner>.item {
	height: 680px;
	overflow: hidden;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.carousel-inner>.itemshort {
	height: 480px;
}

@media(min-width: 768px) and (max-width: 959px) {
	.carousel-inner>.itemshort {
		height: 220px !important;
	}
}
@media(min-width: 960px) and (max-width: 1119px) {
	.carousel-inner>.itemshort {
		height: 240px !important;
	}
}
@media(min-width: 1120px) and (max-width: 1239px) {
	.carousel-inner>.itemshort {
		height: 260px;
	}
}
@media(min-width: 1240px) and (max-width: 1365px) {
	.carousel-inner>.itemshort {
		height: 280px;
	}
}
@media(min-width: 1366px) and (max-width: 1439px) {
	.carousel-inner>.itemshort {
		height: 334px;
	}
}
@media(min-width: 1440px) and (max-width: 1599px) {
	.carousel-inner>.itemshort {
		height: 353px;
	}
}
@media(min-width: 1600px) and (max-width: 1759px) {
	.carousel-inner>.itemshort {
		height: 392px;
	}
}
@media(min-width: 1760px) and (max-width: 1900px) {
	.carousel-inner>.itemshort {
		height: 430px;
	}
}

.thumbnail>.item {
	height: 110px;
	overflow: hidden;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

/*.carousel-inner>.item {
	height: 680px;
	background: url(http://projectnetboard.absiskey.com/website/img/website/bg-project.jpg) center center no-repeat;
	background-size: cover;
}*/

.carousel-inner>.item>a>.carousel-logo.visible-xs,
.carousel-inner>.item>img.carousel-logo.visible-xs {
	width: inherit!important;
	max-width: 40%;
	position: absolute;
	top: 30%;
	left: initial;
	right: 20px;
}

.carousel-indicators li {
	height: 20px;
	width: 20px;
	border-radius: 50%;
	border: 3px solid #fff;
}

.carousel-indicators .active {
	width: 20px;
	height: 20px;
}

.carousel-caption {
	right: inherit;
	width: 450px;
	text-shadow: none;
	color: #000;
	background: rgba(255,255,255,0.7);
	padding: 20px;
	top: 35%;
	bottom: inherit;
	left: 10%;
	text-align: left;
}

.carousel-caption2 {
	position: absolute;
	z-index: 10;
	right: inherit;
	width: 450px;
	text-shadow: none;
	color: #000;
	background: rgba(255,255,255,0.7);
	padding: 20px;
	top: 5%;
	bottom: inherit;
	left: 5%;
	text-align: left;
}

.carousel-caption h1, .carousel-caption2 h1 {
	text-align: left;
	margin-bottom: 0;
	margin-top: 0;
}

.carousel-caption .btn, .carousel-caption2 .btn {
	margin-top: 20px;
	margin-bottom: 0;
	padding: 7px 20px;
}

.carousel-control {
	opacity: 1;
	background: none!important;
}

.carousel-control .glyphicon-chevron-left, 
.carousel-control .glyphicon-chevron-right {
	background: #e5e5e5;
    display: block;
    height: 70px;
    width: 70px;
    margin-top: -35px;
    margin-left: 0;
    margin-right: 0;
}

.carousel-control .glyphicon-chevron-right {
	right: 0;
}

.carousel-control .glyphicon-chevron-left {
	left: 0;
}

.glyphicon-chevron-left:before,
.glyphicon-chevron-right:before {
	content: "";
	width: 70px;
	height: 70px;
	background: url(../img/website/arrow-prev.png) center center no-repeat;
	display: block;
}

.glyphicon-chevron-right:before {
	background: url(../img/website/arrow-next.png) center center no-repeat;
}

@media(min-width: 768px) and (max-width: 991px) {
	.carousel-inner>.item {
		height: 480px;
	}
}

/*@media (max-width: 767px) and (orientation : landscape) {
	.carousel-inner>.item {
		height: 250px;
	}
}*/

@media(max-width: 767px) {
	body.version2 .carousel-inner>.item, body.version2bigclout .carousel-inner>.item {
		height: 250px;
	}

	.carousel-inner>.item {
		height: 350px;
	}


	.carousel-inner>.item.item-logo:before {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 100%;
		background: #fff;
	}

	.item-logo .carousel-caption, .item-logo .carousel-caption2 {
		left: 20px;
		width: 50%;
		top: 20px;
	}

	.carousel-caption, .carousel-caption2 {
		left: 20px;
		width: 70%;
		top: 20px;
	}

	.carousel-indicators {
		bottom: 0;
	}

	.carousel-indicators li {
		border-color: #333;
	}

	.carousel-indicators .active {
		background: #333;
	}

	.carousel-indicators {
		bottom: -45px;
	}

	.carousel-control .glyphicon-chevron-left, 
	.carousel-control .glyphicon-chevron-right {
		width: 40px;
		height: 40px;
		margin-top: -20px;
	}

	.glyphicon-chevron-left:before, 
	.glyphicon-chevron-right:before {
		height: 40px;
		width: 40px;
		background-size: 30%;
	}
}

/*carousel version 2*/
body.version2 #slider-thumbs, body.version2bigclout #slider-thumbs {
	margin-left: -7.5px;
	margin-right: -7.5px;
}
body.version2 #header-project, body.version2bigclout #header-project {
	margin-top: 20px;
}
@media(min-width: 768px) {
	body.version2 #header-project, body.version2bigclout #header-project {
		margin-top: 90px;
	}	
}

body.version2 .hide-bullets, body.version2bigclout .hide-bullets {
	list-style:none;
	margin-left: 0;
    margin-top: 15px;
    padding-left: 0;
}

body.version2 .thumbnail, body.version2bigclout .thumbnail {
	border: none; 
	padding: 0;
	margin-bottom: 0;
	border-radius: 0;
	cursor: pointer;
}

body.version2 #main_area, body.version2bigclout #main_area {
	background: #333;
	padding: 15px;
}

body.version2 #main_area .hide-bullets .col-sm-2, body.version2bigclout #main_area .hide-bullets .col-sm-2 {
	padding-right: 7.5px;
	padding-left: 7.5px;
	height: 110px;
	overflow: hidden;
}

body.version2 #carousel-text, body.version2bigclout #carousel-text {
	color: #fff;
	background-color: #333;
}

body.version2 #carousel-text a.btn, body.version2bigclout #carousel-text a.btn {
	margin-top: 5px;
	margin-bottom: 15px;
	padding: 7px 20px;
}

@media(min-width: 768px) and (max-width: 991px) {
	body.version2 #main_area .hide-bullets .col-sm-2, body.version2bigclout #main_area .hide-bullets .col-sm-2 {
		height: 70px;
	}
}

@media(min-width: 768px) {
	body.version2 #carousel-bounding-box, body.version2bigclout #carousel-bounding-box {
		margin-bottom: 140px;
	}

	body.version2 #carousel-text, body.version2bigclout #carousel-text {
		color: #fff;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: #333;
	}

	body.version2 #header-project>.container>.row, body.version2bigclout #header-project>.container>.row {
		display: table;
	}

	body.version2 #header-project>.container>.row>.col-sm-3,
	body.version2 #header-project>.container>.row>.col-sm-9,
	body.version2 #header-project>.container>.row>.col-sm-3,
	body.version2 #header-project>.container>.row>.col-sm-9 {
		display: table-cell;
		vertical-align: middle;
		float: none;
	}
	
	body.version2 #header-project>.container>.row>.col-sm-3, body.version2 #header-project>.container>.row>.col-sm-3 {
		padding-bottom: 50px;
	}

}

/*2eme partie - bg light */

#project .bg-light .europe, #projectdescription .bg-light .europe, #partners .bg-light .europe {
	padding-top: 30px;
	padding-bottom: 30px;
	margin-bottom: 20px;
	background: #eee;
}

#project .bg-light .europe .col-sm-10, #projectdescription .bg-light .europe .col-sm-10 {
	/*perte v-align middle mais pb chrome bottom long -- line-height: 120px;*/
	line-height: 100px;
}

#project .bg-light .europe .col-sm-9, #projectdescription .bg-light .europe .col-sm-9 {
	/*line-height: 120px;*/
	line-height: 100px;
}

#project .bg-light .europe p, #projectdescription .bg-light .europe p {
	line-height: 1.5;
	vertical-align: middle;
	display: inline-block;
	font-weight: bold;
	text-align: justify;
}

.abstract,
.objectif,
.results ,
.dissem {
	background: #eeeeee;
	padding: 30px;
	margin-top: 30px;
	margin-bottom: 30px
}

.abstract a,
.objectif a {
	font-weight: 700;
	color: #333;
}

.abstract ul,
.objectif ul {
	padding-left: 15px;
}

#project h3,
#projectdescription h3,
#results_menu h3 ,
#dissem_menu h3 { 
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 2.5em;
	text-transform: uppercase;
	margin-top: 0;
}

@media(max-width: 767px) {
	#project .bg-light .europe img, #projectdescription .bg-light .europe img {
		max-width: 165px;
	}

	#header-project #carousel-text p {
		height: 60px;
		overflow: hidden;
	}

}


/*abstract / objective version 2*/
body.version2 .preview-collapse,
body.version2 #collapseAbstract,
body.version2 #collapseObjectif,
body.version2 #collapseResults {
	position: relative;
	float: left;
}

body.version2 .objectif,
body.version2 .abstract,
body.version2 .results ,
body.version2 .dissem,
body.version2bigclout .dissem  {
	cursor: pointer;
	margin-left: 0;
	margin-right: 0;
	padding-right: 100px;
}

body.version2 .objectif,
body.version2 .results ,
body.version2 .dissem,
body.version2bigclout .dissem {
	margin-top: 0;
}

body.version2 .preview-collapse:after {
	background: url(../img/website/arrow-up.png) center center no-repeat;
	content: "";
	position: absolute;
	right: -50px;
	top: 50%;
	margin-top: -9px;
	width: 35px;
	height: 18px;
  -webkit-transition: all .35s ease;
 -moz-transition: all .35s ease;
  -ms-transition: all .35s ease;
   -o-transition: all .35s ease;
      transition: all .35s ease;
}

body.version2bigclout .preview-collapse:after {
	background: url(../img/website/arrow-up.png) center center no-repeat;
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -9px;
	width: 35px;
	height: 18px;
  -webkit-transition: all .35s ease;
 -moz-transition: all .35s ease;
  -ms-transition: all .35s ease;
   -o-transition: all .35s ease;
      transition: all .35s ease;
}


body.version2 .preview-collapse.collapsed:after,
body.version2bigclout .preview-collapse.collapsed:after {
	transform: rotate(180deg);
}

body.version2 .objectif p,
body.version2 .abstract p,
body.version2 .results p ,
body.version2 .dissem p,
body.version2bigclout .dissem p  {
	margin-bottom: 0;
}

.abstract .ico,
.objectif .ico,
.results .ico ,
.dissem .ico {
	width: 70px;
	float: left;
}

.objectif .ico {
	margin-top: 10px;
}

body.version2 #project .objectif h3,
body.version2 #project .abstract h3,
body.version2 #projectdescription .objectif h3,
body.version2 #projectdescription .abstract h3,
body.version2 #results_menu .results h3 ,
body.version2 #dissem_menu .dissem h3,
body.version2bigclout #dissem_menu .dissem h3 {
	float: left;
	margin-top: 20px;
	margin-left: 15px;
}

@media(max-width: 767px) {
	body.version2 .preview-collapse:after {
		top: 40px;
		right: 0px;
	}

	body.version2 .preview-collapse, 
	body.version2 #collapseAbstract, 
	body.version2 #collapseObjectif {
		padding-right: 0;
	}

	body.version2 #project .objectif h3, 
	body.version2 #project .abstract h3,
	body.version2 #projectdescription .objectif h3, 
	body.version2 #projectdescription .abstract h3,
	body.version2 #project .results h3 ,
	body.version2 #project .dissem h3,
	body.version2 #projectdescription .results h3 ,
	body.version2 #projectdescription .dissem h3,
	body.version2bigclout #project .dissem h3 {
		margin-bottom: 30px;
	}

	body.version2 .objectif, 
	body.version2 .abstract,
	body.version2 .results ,
	body.version2 .dissem,
	body.version2bigclout .dissem {
		padding-right: 30px;
	}
}


.japan {
	background: url(../img/website/flag-japan.png) center center no-repeat;
	width: 32px;
	height: 24px;
	float: right;
	margin-top: 6px;
	cursor: pointer;
}

.france {
	background: url(../img/website/flag-france.png) center center no-repeat;
	width: 32px;
	height: 24px;
	float: right;
	margin-top: 6px;
	cursor: pointer;
}

.eu {
	background: url(../img/website/flag-european-union.png) center center no-repeat;
	width: 32px;
	height: 24px;
	float: right;
	margin-top: 6px;
	cursor: pointer;
}


/*video*/
.video {
	background: #fff;
}

#thevideo {
	position: relative;
	overflow: hidden;
}

.wrapper-img-video {
	    position: absolute;
    bottom: 0;
    z-index: 9;
    top: 0;
    right: 0;
    left: 0;
}

.wrapper-img-video:after {
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -93px;
	left: 50%;
	margin-left: -93px;
	height: 186px;
	width: 186px;
	background: url(../img/website/play.png) center center no-repeat;
}

.wrapper-img-novideo {
	    position: absolute;
    bottom: 0;
    z-index: 9;
    top: 0;
    right: 0;
    left: 0;
}

.wrapper-img-novideo:after {
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -93px;
	left: 50%;
	margin-left: -93px;
	height: 186px;
	width: 186px;
	/*background: url(../img/website/play.png) center center no-repeat;*/
}

/*project smartphone*/
@media(max-width: 767px) {
	#project .bg-photo, #projectdescription .bg-photo {
		padding-top: 100px;
	}

	#project .bg-light .europe img, #projectdescription .bg-light .europe img {
		margin-bottom: 20px;
	}
}

/*----------*/
/*PICTURE*/
/*----------*/

#picture .bg-photo {
	height: 470px;
}


/*----------*/
/* PARTNERS */
/* MEMBERS */
/*----------*/

#partners .container-img, #members .container-img {
	height: 155px;
	line-height: 130px;
}

#partners .container-imgbigclout {
	height: 135px;
	line-height: 130px;
}

#partners .container-img img, #members .container-img img {
	vertical-align: middle;
	max-width: 195px;
	/*display: inline-block;*/
	line-height: 130px;
  	position: relative;
  	top: 50%;
  	transform: translateY(-50%);
  	-webkit-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	max-height: 130px;
}

#publications #partners .container-img img,
#news #partners .container-img img {	
	max-width: 100%;	
  	max-height: 175px;
}

#partners p, #members p {
	text-align: center;
}

#partners .bg-light .europe .col-sm-10, #members .bg-light .europe .col-sm-10 {
	line-height: 100px;
}

#partners .bg-light .europe .col-sm-9, #members .bg-light .europe .col-sm-9 {
	line-height: 100px;
}

#partners .europe p {
	line-height: 1.5;
	vertical-align: middle;
	display: inline-block;
	font-weight: bold;
	text-align: justify;
}

#partners p.company, #members p.company {
	font-weight: bold;
	margin-bottom: 0;
	margin-top: 10px;
}

#news #partners p.company,
#publications #partners p.company {
	font-size: 20px;
}

#news #partners.neuropuls p.company {
	font-size: 16px;
}

#partners p.companyshort, #members p.companyshort {
	font-weight: bold;
	margin-bottom: 0;
	margin-top: 5px;
	font-size: 12px;
}

#partners p.companyinfra {
	/*font-weight: bold;*/
	margin-bottom: 0;
	margin-top: 10px;
	margin-bottom: 5px;
}

#partners a.ainfra {
	color: white;
	font-weight: bold;
}

#partners p.companybigclout {
	font-weight: bold;
	margin-bottom: 0;
	margin-top: 0px;
}

#partners p.country, #members p.country {
	text-transform: uppercase;
	position: relative;
	margin-bottom: 5px;
}

#partners p.country.heroic {
	position: absolute;
	top: 230px;
	width: 90%;
}

#partners p.lieu2.heroic {
	position: absolute;
	top: 250px;
	width: 90%;
	color: #0072c7; 
	font-size: 11pt;
}

#partners p.name-contact.heroic {
	position: absolute;
	top: 285px;
	width: 90%;
}

#partners p.country:before,
#partners p.country:after,
#members p.country:before,
#members p.country:after {
	position: relative;
	content: "-";
	left: 0;
	bottom: 0;
}

#partners p.country:after, #members p.country:after {
	right: 0;
	left: inherit;
}


#partners p.lieu, #members p.lieu {
	text-transform: uppercase;
	position: absolute;
	top: 285px;
	width: 90%;
}

#partners p.lieu2, #members p.lieu2 {
	position: absolute;
	top: 310px;
	width: 90%;
}

#partners p.lieumilk {
	text-transform: uppercase;
	position: absolute;
	top: 275px;
	width: 90%;
}

#partners p.lieumilk2 {
	position: absolute;
	top: 300px;
	width: 90%;
}

#publications #partners p.lieu,
#news #partners p.lieu {
	font-size: 18px;
	top: 300px;
}

#news #partners.neuropuls p.lieu {
	top: 320px;
}

#news #partners p.lieu2,
#publications #partners p.lieu2 {
	top: 330px;
}

#news #partners.neuropuls p.lieu2 {
	top: 350px;
}

#partners p.lieu:before,
#partners p.lieu:after,
#members p.lieu:before,
#members p.lieu:after,
#partners p.lieumilk:before,
#partners p.lieumilk:after {
	position: relative;
	content: "-";
	left: 0;
	bottom: 0;
}

#partners p.lieu:after,
#members p.lieu:after,
#partners p.lieumilk:after {
	right: 0;
	left: inherit;
}

#partners .article-partner, #members .article-partner {
	margin-bottom: 15px;
	margin-top: 15px;
	min-height: 320px;
}

#partners .article-partner.milkqua {
	
	min-height: 360px;
}

#partners .article-partner.heroic {
	
	min-height: 340px;
}

#partners .article-partner.metabuilding {
	
	min-height: 360px;
}

#partners .article-oeuvre {
	min-height: 380px;
}

#partners.neuropuls .article-oeuvre {
	min-height: 400px;
}

#news .article-oeuvre,
#publications .article-oeuvre {
	color: #000;
	width: 262px;
	margin: 15px;	
}

#news #partners .container-img,
#publications #partners .container-img {
	height: 185px;
	line-height: 130px;
	margin: 5px 0px;
}


/*flip card*/
.article-partner {
	position: relative;
  	/*perspective: 800px;*/
}

.article-partner .flip {
	left: 15px;
	right: 15px;
	top: 0;
	bottom: 0;
	position: absolute;
	/*transform-style: preserve-3d;*/
	transition: transform 0.5s;
}

/*.article-partner:first-child .flip  {
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:ease-in;
    -webkit-animation-name:orbit;
    -webkit-animation-duration:2s;
    -moz-animation-iteration-count:infinite;
    -moz-animation-timing-function:ease-in;
    -moz-animation-name:orbit;
    -moz-animation-duration:2s;
}*/

@-webkit-keyframes orbit { 
	0% { -webkit-transform:rotateY(0deg) } 
	30% { -webkit-transform:rotateY(20deg) } 
	100% { -webkit-transform:rotateY(0deg) }
}

@-moz-keyframes orbit { 
	0% { -moz-transform:rotateY(0deg) } 
	30% { -moz-transform:rotateY(20deg) } 
	100% { -moz-transform:rotateY(0deg) }
}

/*.article-partner:first-child:hover .flip {
	-webkit-animation-name: none;
	-moz-animation-name: none;
}*/

.article-partner .flip .front,
/*.article-partner .flip .frontnoflip,*/
.article-partner .flip .back {
	margin: 0;
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
  	backface-visibility: hidden;
	padding: 15px;
	text-align: center;
	transition: transform 0.5s;
}

.article-partner .flip .frontnoflip {
	margin: 0;
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 15px;
	text-align: center;
	border: 1px solid #eee;
	box-shadow: 0 0 20px rgba(0,0,0,0.1);
}

/*.article-partner .flip .frontnoflip,*/
.article-partner .flip .front {
	transform: perspective(600px) rotateY(0);
	border: 1px solid #eee;
	box-shadow: 0 0 20px rgba(0,0,0,0.1);
}

.article-partner .flip .back {
	transform: perspective(600px) rotateY(-180deg);
	background: #666;
	color: #fff;
	padding: 15px 30px;
}

body.no-touch .article-partner:hover .front,
/*body.no-touch .article-partner:hover .frontnoflip,
.article-partner.over .frontnoflip, */
.article-partner.over .front {
	transform: perspective(600px) rotateY(-180deg);
}

body.no-touch .article-partner:hover .back,
.article-partner.over .back{
	transform: perspective(600px) rotateY(-360deg);
}

.article-partner .flip .back img.img-circle {
	max-width: 75px;
}

.article-partner .flip .back img.img-circle.circle100 {
	max-width: 100px;
}

.article-partner .flip .back .social {
	position: absolute;
	bottom: 20px;
	left: 25px;
	right: 25px;
}

.article-partner .flip .back .social img {
	max-width: 50px;
}	

#partners a.btn, #members a.btn {
	padding: 14px 60px;
}

/*#partners .tabs {
	padding-left: 0;
}

#partners .tabs li {
	display: inline-block;
	width: 50%;
	float: left;
	text-align: center;
	background: #eee;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 15px;
}

#partners .tabs li a {
	color: #000;
}

#partners .tabs li.active a {
	color: #333;
	font-weight: bold;
} 

#partners .tabs li + li {
	border-left: 0;
}

#partners .tabs li.active {
	background: #fff;
}*/

#partners h2 a.active, #members h2 a.active {
	font-weight: bold;
}

#partners h2.h2-mobile.sticky, #members h2.h2-mobile.sticky {
	position: fixed; 
	top: 0;
	left: 0;
    right: 0;
    z-index: 999;
    background: #fff;
    margin: 0;
    padding: 20px 0 20px 0;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

#partners h2.h2-mobile.sticky:after, #members h2.h2-mobile.sticky:after {
	content: none;
}

body.touch .article-partner .flip .front .arrow-right,
/*body.touch .article-partner .flip .frontnoflip .arrow-right,*/
body.touch .article-partner .flip .back .arrow-left {
	content: "";
	background: url(../img/website/arrow-next.png) center center no-repeat;
	height: 35px;
	width: 18px;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -17px;
	background-size: 50%;
}

body.touch .article-partner.over .flip .back .arrow-left {
	background: url(../img/website/arrow-prev.png) center center no-repeat;
	background-size: 50%;
	right: inherit;
	left: 10px;
}

#partners h2 a:hover,
#partners h2 a:active,
#partners h2 a:focus,
#members h2 a:hover,
#members h2 a:active,
#members h2 a:focus {
	text-decoration: none;
}

@media(max-width: 767px) {

	.article-partner .flip .back .social {
		left: 50px;
		right: 50px;
	}
}

/*modif LBA SAFARI 2016-09 */
.article-partner .flip .front{background-color:white; transition: opacity 0s ease 0.5s, transform 0.5s ease 0s;}
.article-partner:hover .front{opacity:0;}
/*.article-partner .flip .frontnoflip{background-color:white; transition: opacity 0s ease 0.5s, transform 0.5s ease 0s;}
.article-partner:hover .frontnoflip{opacity:0;}*/

/*map partner*/
.container-map {
	height: 400px;
	position: relative;
	border-bottom: 1px solid #bdbdbd;
	border-top: 1px solid #bdbdbd;
}

#googlemaps { 
  height: 100%; 
  width: 100%; 
  position:absolute; 
  top: 0; 
  left: 0; 
  z-index: 0;
}

#googlemaps2 { 
  height: 100%; 
  width: 100%; 
  position:absolute; 
  top: 0; 
  right: 0; 
  z-index: 0;
}

/*.container-map:before {
	content: "";
	background: url(../img/website/arrow-map.png) no-repeat center 45px #fff;
	width: 84px;
	height: 84px;
	left: 50%;
	top: -42px;
	margin-left: -42px;
	position: absolute;
	z-index: 10;
	border-bottom-left-radius: 100%;
	border-bottom-right-radius: 100%;
	border-bottom: 1px solid #bdbdbd;
}*/

/*----------*/
/*GRAPH CHART*/
/*----------*/

/*avancement projet*/
.wrapper-progress {
	position: relative;
	height: 100px;
	margin-top: 6em;
}

.wrapper-progress .label {
	background: #333;
	color: #fff;
	padding: 15px 25px;
	font-weight: bold;
	font-size: 1.2em;
	border-radius: 0;
	width: 100px;
	text-align: center;
	display: inline-block;
}

.wrapper-progress .date {
	display: block;
	margin-top: 10px;
	text-align: center;
	font-size: 0.9em;
}

.wrapper-progress .line {
	width: 100%;
	height: 30px;
	background: #eee;
}

.wrapper-progress .start,
.wrapper-progress .end,
.wrapper-progress .avancement {
	position: absolute;
	top: -8px;
}

.wrapper-progress .end {
	right: 0;
}

.wrapper-progress .avancement {
	left: 0%;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .3s ease;
	transition: all .5s ease;
}

.wrapper-progress .move .avancement {
	left: 30%
}

.wrapper-progress .avancement .label {
	position: relative;
}

.wrapper-progress .avancement .label:after {
	position: absolute;
	right: -15px;
	top: 0;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 23.5px 0 23.5px 15px;
	border-color: transparent transparent transparent #333333;
}

.wrapper-progress .scale {
	position: absolute;
	left: 100px;
	right: 215px;
	height: 30px;
}

.wrapper-progress .progression {
	position: absolute;
	left: 0px;
	width: 0;
	background: #666;
	height: 30px;
		-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.wrapper-progress .move .progression {
	width: 30%;
}

@media(min-width: 768px) {
	.item-number {
		margin: 6em 0;
	}
}

.number {
	text-align: center;
	font-size: 4em;
	margin-bottom: 50px;
	margin-top: 50px;
	color: #333;
}

.number .label {
	color: #666;
	font-size: 0.35em;
	padding: 0;
	font-weight: ;
	text-align: center;
	display: block;
}

.number span.unit {
	font-size: 0.4em;
}

.number .icon-svg {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 74px;
}

@media(max-width: 767px) {
	.wrapper-progress .label {
		padding: 15px 10px;
		width: 60px;
	}

	.wrapper-progress .scale {
		left: 60px;
		right: 145px;
	}

	.wrapper-progress .progression {
		left: 0px;
	}
}


/*----------*/
/*NEWS*/
/*----------*/

#news .article-news,
#publications .article-news {
	background: #fff;
	padding: 0 25px 25px 25px;
	margin-bottom: 30px;
	position: relative;
	color: #000;
	margin-top: 30px;
	height: 301px;
}

#news .article-news:before,
#publications .article-news:before {
	content: "";
    height: 0;
    position: absolute;
    top: -30px;
    left: 0;
    right: 0;
    border-bottom: 30px solid #fff;
    border-right: 30px solid transparent;
}

#news .article-news:after,
#publications .article-news:after {
	content: "";
	position: absolute;
	right: 0px;
	top: -30px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 30px 0 0 30px;
	border-color: transparent transparent transparent #666;
}

#news .article-news h3,
#publications .article-news h3 {
	margin-top: 0px;
	height: 80px;
	text-overflow: ellipsis;
	overflow: hidden;
}

#news .article-news p,
#publications .article-news p {
	max-height: 140px;
	overflow-y: hidden;
	margin-bottom: 5px;
}

#news .article-news p.date,
#publications .article-news p.date {
	color: #666;
	font-size: 1.25em;
}

#news .article-news a,
#publications .article-news a {
	text-decoration: underline;
	color: #666;
}

#news .article-news a.viewmore,
#publications .article-news a.viewmore {
	position: absolute;
	top: 260px;
}


/*news smartphone*/
@media (max-width: 767px) {
	#news .article-news {
		margin-bottom: 60px;
	}
}

/*news smartphone*/
@media (max-width: 767px) {
	#publications .article-news {
		margin-bottom: 60px;
	}
}

/*----------*/
/* EVENTS WORKSHOPS */
/*----------*/

#events .bg-light, #fstp .bg-light, #workshops .bg-light {
	padding-bottom: 40px;
}

#events .timeline, #fstp .timeline, #workshops .timeline {
	border-left: 3px solid #666;
	padding-left: 30px;
}

#events .timeline .article-event, #fstp .timeline .article-event, #workshops .timeline .article-event {
	margin-top: 40px;
}

#events .timeline .date, #fstp .timeline .date, #workshops .timeline .date {
	background: #666;
	padding: 5px;
	color: #fff;
	font-size: 1.1em;
	position: relative;
}

#events .timeline .date:before, #fstp .timeline .date:before, #workshops .timeline .date:before {
	content: "";
	position: absolute;
	left: -36px;
	top: 10px;
	height: 10px;
	width: 10px;
	border-radius: 100%;
	background: #666;

}

#events .timeline h3, #fstp .timeline h3, #workshops .timeline h3 {
	margin-bottom: 10px;
	margin-top: 15px;
	text-transform: uppercase;
	font-size: 1.3em;
}


/*----------*/
/*DOCUMENTS*/
/*----------*/

#documents .bg-photo {
	padding: 0;
}

#documents .bg-color {
	background: rgba(33,33,33,0.7);
	padding: 10px 0 30px 0;
}


#project .bg-color, #projectdescription .bg-color,
#header-project .bg-color {
	background: rgba(33,33,33,0.6);
}


#documents .article-doc, #documents .article-doc2 {
	margin-bottom: 10px; 
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom: 1px solid #fff;
	float: left;
	width: 100%;
}

#documents .article-doc:last-child, #documents .article-doc2:last-child {
	border-bottom: none;
}

#documents .article-doc .col-sm-10, #documents .article-doc2 .col-sm-10 {
	padding-left: 0;
}

#documents .article-doc .col-sm-2, #documents .article-doc2 .col-sm-2 {
	text-align: right;
	padding-right: 0;
}

#documents .article-doc a, #documents .article-doc2 a, .asimple {
	color: #fff;
	position: relative;
	padding-left: 30px;
	cursor: pointer;
}

#documents .article-doc .col-sm-2 a:before {
	content: "";
	width: 20px;
	height: 20px;
	background: url(../img/website/download.png) no-repeat center center;
	position: absolute;
	left: 0;
	top: -1px;
}

#documents .article-doc .col-sm-10 a {	
	padding-left: 1px;
}


/*documents smartphone*/
@media (max-width: 767px) {
	#documents .article-doc .col-sm-2, #documents .article-doc2 .col-sm-2  {
		text-align: left;
	}

	#documents .article-doc .col-sm-10, #documents .article-doc2 .col-sm-10 {
		padding-left: 15px;
	}
}


/*-----------------*/
/* CONTACT - LOGIN  */
/*------------------*/

#contact form .form-control, #loginsection form .form-control {
	background: #eee;
	border: none;
	border-radius: 0;
	box-shadow: none;
}

#contact form input, #loginsection form input {
	height: 50px;
}

#contact form button.btn,
a.btn,
button.btn {
	color: #fff;
	background: #666;
	padding: 14px 50px;
	border-radius: 0;
	font-size: 1.2em;
	margin-top: 30px;
	margin-bottom: 30px;
}

#contact form button.btn,
button.btn {
	padding: 14px 100px;
}

#contact .col-sm-12, #loginsection .col-sm-12 {
	text-align: center;
}

.placeholder {
	color: #aaa;
}

label {
	font-weight: normal;
	float: left;
	padding-left: 10px;
}

@media(max-width: 767px) {

}


/*----------*/
/*FOOTER*/
/*----------*/

footer {
	text-align: center;
}

footer .light-grey {
	background: #ddd;
	padding: 30px 0 20px 0;
}

footer .light-grey a {
	color: #072039;
}

footer .light-grey p {
	margin-top: 15px;
}

footer .dark-grey {
	padding: 10px 0;
	background: #666;
	color: #fff;
	font-size: 0.9em;
}

footer .dark-grey a {
	color: #fff;
}

/*----------*/
/*POPIN*/
/*----------*/
.modal-header {
	background: #666;
	text-align: center;
	color: #fff;
	border: none;
}

.modal-content {
	border-radius: 0;
}

.modal-footer {
	border: none;
	text-align: center;
}

.modal-footer button.btn {
	margin: 0;
}

.modal-header .close {
	color: #fff;
	font-size: 2em;
	opacity: 1;
}

/********/
/* MAPS */
/********/
.labels_maps2 {
	background: #666;
	color: #000;
	font-size: 1.3em;
	font-weight: bold;
	padding: 5px;
}

/***********/
/* YOUTUBE */
/***********/
.video-container {
    position: relative;
    /*padding-bottom: 56.25%;*/
    padding-top: 30px; height: 0; overflow: hidden;
    margin: 0 auto;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*************/
/*  TWITTER  */
/*************/
#tbox1, #fbox1, #lbox1, #ytbox1 {
	border-radius: 5px;
	border: 5px solid #44A4D8;
	background-color: #fff;
	position: fixed;
}

#tbox2, #fbox2, #lbox2, #ytbox2 {
	text-align: left;
	overflow: hidden;
}

#tbox1 img, #fbox1 img, #lbox1 img, #ytbox1 img {
	position: absolute; 
	top: 0px; 
	cursor: pointer;
	border: 0;
	z-index: 10000;
}

#tbox1 iframe, #fbox1 iframe, #lbox1 iframe, #ytbox1 iframe {
	border:0px;
	overflow: hidden; 
	position: absolute;
	width:100%;
	height: 100%;
}

/*************/
/* AK LAYERS */
/*************/
#ak-layers{
	font-family:"Source Sans Pro", "helvetica", sans-serif;
	text-align:center;
	font-size:16px;
	color:#1d2366;
	line-height:1
}

#ak-layers *{
	margin:0;
	padding:0;
	box-sizing:border-box;
	-moz-box-sizing:border-box
}

#ak-layers h4{
	margin-bottom:12px;
	font-size:1.25em;
	font-weight:400;
	text-transform:uppercase;
	background-color:#141847;
	font-family:Arial!important;
}

#ak-layers h5{
	font-size:0.9em;
	font-family:Arial!important;
}

#ak-layers p{
	margin-top:1em;
	margin-bottom:1em;
	color:#1d2366;
	//font-size:1.25em;
	line-height:1.625em;
	font-family:Arial!important;
}

#ak-layers ol,#ak-layers ul{
	list-style:none!important;
}

#ak-layers strong{
	font-weight:600;
	font-family:Arial!important;
	text-transform:none!important;
}

#ak-layers .plans{
	background:#fff
}

#ak-layers .layer{
	clear:both;
	width:100%;
	height:auto;
	padding:60px 7.5% 60px;
	display:block
}

#ak-layers .layer>section,#ak-layers .layer>article{
	clear:both;
	width:100%;
	height:auto;
	max-width:700px;
	margin:0 auto;
	display:block
}

#ak-layers .third{
	width:29.95%;
	margin:0 10px 0 0;
	display:inline-block
}

#ak-layers .plan-tier{
	background:white;
	vertical-align:top;
	border-radius:3px;
	-moz-border-radius:3px;
	//cursor:pointer;
	overflow:hidden
}

#ak-layers .lift{
	background-color:#f1f2f0;
	position:relative;
	-webkit-transition:all .075s ease-out;
	-moz-transition:all .075s ease-out;
	-o-transition:all .075s ease-out;
	transition:all .075s ease-out
}

#ak-layers .lift:hover{
	top:-3px;
	-webkit-box-shadow:0 2px 6px rgba(39,65,90,0.15);
	-moz-box-shadow:0 2px 6px rgba(39,65,90,0.15);
	box-shadow:0 2px 6px rgba(39,65,90,0.15)
}

#ak-layers .plan-tier h4{
	padding:18px 0 15px;
	margin:0 0 30px;
	background-color:#009ee3;
	color:white;
	font-family:Arial!important;
}
/*
#ak-layers .plan-tier{
	cursor:pointer
}
*/
#ak-layers .plan-tier sup{
	position:relative;
	right:-9px;
	font-family:Arial!important;
	font-size:0.9em;
	top:0em;
}

#ak-layers .plan-tier ul{
	margin:30px 0 0;
	border-top:2px solid #e7f2f0
}

#ak-layers .plan-tier ul li{
	//font-size:1.25em;
	padding:14px 5px;
	color:#1d2366;
	border-bottom:2px solid #e7f2f0;
	font-family:Arial!important;
}

#ak-layers sup{
	vertical-align:top
}

#ak-layers .plan-tier .plan-price{
	font-size:4.5em;
	font-weight:300;
	letter-spacing:-3px;
	font-family:Arial!important;
}

#ak-layers .plan-tier sub{
	vertical-align:bottom;
	position:relative;
	bottom:.875em
}

#ak-layers .plan-tier .slogan{
	color:#5a5b5d;
	padding:0 5px 0 5px;
	font-family:Arial!important;
}

#ak-layers p:first-of-type{
	margin-top:0
}

#ak-layers .layer{
	padding-top:96px;
	padding-bottom:96px
}

#ak-layers .plan-tier.callout h6{
	width:100%;
	padding:14px 15px 14px 14px;
	background-color:#01987e;
	color:rgba(255,255,255,0.9);
	//font-size:1.25em;
	font-family:Arial!important;
}

/*TEST NAIMATION*/


/*color*/
.spanproject {
	display:inline-block;   
	width: 90px;
	margin-bottom: 3px;
	text-align: center;
	border: 1px solid #46A9E0;
	color: #46A9E0 !important;
}


.spanprojectnat {
	display:inline-block;   
	width: 90px;
	margin-bottom: 3px;
	text-align: center;
	border: 1px solid #8AAE27;
	color: #8AAE27 !important;
}

.spanprojectblue {
	display:inline-block;   
	width: 90px;
	margin-bottom: 3px;
	text-align: center;
	border: 1px solid #46A9E0;
	background-color: #46A9E0 !important;
	color: #fff !important;
}

.spanprojectgreen {
	display:inline-block;   
	width: 90px;
	margin-bottom: 3px;
	text-align: center;
	border: 1px solid #8AAE27;
	background-color: #8AAE27 !important;
	color: #fff !important;
}

.spanprojectlight {
	display:inline-block;   
	width: 90px;
	margin-bottom: 3px;
	text-align: center;
	border: 1px solid #46A9E0;
	background-color: #005ea6 !important;
	color: #fff !important;
}


.spanproject:hover, .spanprojectblue:hover, .spanprojectgreen:hover, .spanprojectnat:hover  {
	cursor: pointer;
}

/* BIGCLOUT */
.divbigcloutsimple  {
	width: 600px;
	position: absolute;
	border: 3px solid #527029;
	background-color: #e3eda3 !important;
	color: #000 !important;
	border-radius: 10px;
	padding: 15px;
	z-index: 100;
	
}

.divbigclout {
	width: 600px;
	position: absolute;
	border: 1px dashed #29a399;
	background-color: #48d1c6 !important;
	color: #000 !important;
	border-radius: 10px;
	padding: 15px;
	z-index: 1;
	
	-webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
	transform: rotate(90deg);
	-ms-transform: rotate(90deg); /* IE 9 */
	-webkit-transform: rotate(90deg); /* Safari and Chrome */
	-o-transform: rotate(90deg); /* Opera */
	-moz-transform: rotate(90deg); /* Firefox */
	
	opacity: 0;

	-webkit-transition: all 500ms ease-in-out; /** Chrome & Safari **/
	-moz-transition: all 500ms ease-in-out; /** Firefox **/
	-o-transition: all 500ms ease-in-out; /** Opera **/
	-ms-transition: all 500ms ease-in-out; /** IE **/
	transition: all 500ms ease-in-out;
	
}

.divbigclouthover {
	width: 600px;
	position: absolute;
	border: 1px dashed #29a399;
	background-color: #48d1c6 !important;
	color: #000 !important;
	border-radius: 10px;
	padding: 15px;
	z-index: 100;
	
	display: block;
	transform: rotate(0);
	-ms-transform: rotate(0); /* IE 9 */
	-webkit-transform: rotate(0); /* Safari and Chrome */
	-o-transform: rotate(0); /* Opera */
	-moz-transform: rotate(0); /* Firefox */
	
	opacity: 1;

	transition-delay: 500ms;
	-moz-transition-delay: 500ms; /* Firefox 4 */
	-webkit-transition-delay: 500ms; /* Safari and Chrome */
	-o-transition-delay: 500ms; /* Opera */
	
}

/* E-Boost */
td {
	border: 1px solid #ccc;
	border-collapse: collapse;
	height: 33px;
	vertical-align: middle;
	padding: 5px;
	background-clip: padding-box;
}