i.bt_icon_center:before{margin-left: 10px !important;}
.bt_bottom{padding-bottom: 0;}
.widget-menu ul,ul.tags{padding: 0;}
.bt_mp_top_140{margin-top: -140px;}
div.btk2Pagination ul.pagination a{color: #999;} 
.k2AccountPage th.k2ProfileHeading{background: #0b7297;}
.k2AccountPage div.k2AccountPageUpdate{text-align: left !important;}
th, td {
  padding: 15px 20px !important;
}
th {
  color: #ffffff;
  background: #0b7297;
  font-weight: normal;
  border: 1px solid #0b7297 !important;
}
table {
  width: 100%;
  border-collapse: collapse;
  border: 0px;
}

.page-loader{
	background: #d8eb7c;
}

h2 {padding-bottom: 30px;}

body {background-color: #d8eb7c !important;}

.main-nav.dark .inner-nav ul > li > a:hover, .main-nav.dark .inner-nav ul > li > a.active, .main-nav.dark .inner-nav ul > li > a.focus
	{
	color: #d8eb7c !important;
	background: transparent !important;
	padding: inherit;
}

.main-nav.dark .mobile-nav:hover,
.main-nav.dark .mobile-nav.active{
	color: #d8eb7c;
}

.inner-nav ul li a {color: #000;}

.inner-nav ul li a:hover {
	color: #d8eb7c;
}

.mobile-on .desktop-nav ul li a:hover,
.mobile-on .desktop-nav ul li a.active{
	color: #d8eb7c;
}

.mobile-nav:hover,
.mobile-nav.active{
	background: #d8eb7c;
	color: #d8eb7c;
}

.mobile-nav {border: none;}

/* navbar compact */

.nav-bar-compact {
	width: 100%;
	left: 0;
	top: 0;
	background: rgba(216,235,124,1.00);
}

@media only screen and (max-width: 640px) {
    .nav-bar-compact {
	height: 120px;
	background: transparent;
	}
	.custom.scroll {display: none;}
	h2 {padding-bottom: 0px;}

}


.nbc-menu-links a {
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 28px;
    font-weight: 800;
    font-family: 'Open Sans', sans-serif;
    margin: 0;
    padding: 9px 50px;
    position: relative;
    text-decoration: none;
    transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    z-index: 11;
}

.nav-bar-compact:hover,
.nav-bar-compact.js-opened,
.nbc-bg:hover,
.js-nbc-bg:hover{
	background: rgba(216,235,124,1.00);
}

.no-touch .nbc-menu-links a:hover,
.nbc-menu-links a:active,
.nbc-menu-links li.js-opened > a{
	color: #d8eb7c !important;
	text-decoration: none;
}

.nav-bar-compact:hover .nbc-menu-icon,
.nav-bar-compact.js-opened .nbc-menu-icon{
	background: rgba(0,0,0,1.00);
}

.nav-bar-compact:hover .nbc-menu-icon:before,
.nav-bar-compact.js-opened .nbc-menu-icon:before{
	background: rgba(0,0,0,1.00);
}
.nav-bar-compact:hover .nbc-menu-icon:after,
.nav-bar-compact.js-opened .nbc-menu-icon:after{
	background: rgba(0,0,0,1.00);
}

.nbc-sub > li > a {
    font-size: 18px;
    padding-bottom: 5px;
    padding-left: 50px;
    padding-top: 5px;
}

.nbc-menu-button {
	float: right;
	margin-right: 36px;
    margin-top: 60px;
}

@media only screen and (max-width: 640px) {
    .nbc-menu-button {
	margin-top: 2px !important;
	margin-right: 5px !important;
	}
	.nbc-logo-wrap, .nbc-menu-button {
    height: 120px !important;
	}
	.nbc-menu-links a {
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 18px;
    font-weight: 800;
    font-family: 'Open Sans', sans-serif;
    margin: 0;
    padding: 9px 50px;
    position: relative;
    text-decoration: none;
    transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    z-index: 11;
	}
}


.nbc-bg, .js-nbc-bg{
	background: rgba(216,235,124,1.00);
}

.nbc-menu-icon{
	background: rgba(0, 0, 0, 1.00);
}

.nbc-bg .nbc-menu-icon,
.js-nbc-bg .nbc-menu-icon{
	opacity: 1;
}
.nbc-menu-icon:before{
	content: " ";
	width: 100%;
	height: 100%;
	position: absolute;
	top: -7px;
	left: 0;
	background: rgba(0, 0, 0, 1.00);
}
.nbc-menu-icon:after{
	content: " ";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 7px;
	left: 0;
	background: rgba(0, 0, 0, 1.00);
}

a.nbc-logo:hover {background: transparent !important;}

.nav-logo-wrap .logo {max-width: 460px;}

.main-nav {box-shadow: none;height: 60px !important;}

.nbc-logo-wrap{
	float: left;
	min-width: 320px;
	max-width: 520px;
	height: 200px; 
	padding: 0 20px 0 40px;
	
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.page-section {
    padding: 200px 0 10px;
}

#outils.page-section {
	background: rgba(216,235,124,1.00);
	padding: 260px 0 0 0;
}

#about.page-section {
	padding: 200px 0 10px;
	background: rgba(216,235,124,1.00);
}

#developpement.page-section {
	padding: 30px 0 10px;
	background: rgba(216,235,124,1.00);
}

#couple.page-section {
	padding: 200px 0 10px;
	background: rgba(216,235,124,1.00);
}

#stages.page-section {
	padding: 200px 0 10px;
	background: rgba(216,235,124,1.00);
}

.page-section.port-section {
	padding: 100px 0 0px 0 !important;
}

.page-content {
	padding: 0;
}

#walking.page-section {
	padding: 200px 0 0;
}

#parentalite.page-section {
	padding: 200px 0 0;
}

.arimg {
	max-width: 100%; 
	display: block; 
	margin-left: auto; 
	margin-right: auto;
}

.st-divider.armarche {padding: 20px;}

.separator img {max-width: 100%;}
.separator {text-align: center; margin: 20px auto;}

.bg-light-alfa-90 {background: rgba(215,211,200,1.00);}


@media only screen and (min-width: 668px; max-width: 1024px) {
	
    #about.page-section
    {
        padding: 60px 0 40px;
    }
    #developpement.page-section
    {
        padding: 60px 0 40px;
    }
    #couple.page-section
    {
        padding: 60px 0 40px;
    }
    #stages.page-section {
	padding: 60px 0 10px;
	}
	#walking.page-section {
	padding: 60px 0 0;
	}
	#parentalite.page-section {
	padding: 60px 0 0;
	}
	
	.work-full-media img {max-width: 80%; text-align: center;}
}

@media only screen and (max-width: 640px) {
    .nbc-logo-wrap {
	float: left;
	min-width: 260px !important;
	max-width: 260px;
	padding: 8px 0 8px 16px;
	height: auto;
	}
	.page-section .port-section {
	padding: 80px 0 20px 0 !important;
	}
	#about.page-section {
	padding: 120px 0 0px 0;
	}
	#walking.page-section {
	padding: 120px 0 0;
	}
	#outils.page-section {
	background: rgba(216,235,124,1.00);
	padding: 120px 0 0 0;
	}
	#developpement.page-section {
		padding: 96px 0 10px;
	}
	#couple.page-section {
		padding: 120px 0 10px;
	}
	#parentalite.page-section {
	padding: 120px 0 0;
	}
	#stages.page-section {
		padding: 120px 0 10px;
	}
	.st-divider.armarche {padding: 0;}
	.work-full-media img {max-width: 90%; text-align: center;}
	.separator img {max-width: 70%;}

}


.bg-dark {
    background-color: #d8eb7c !important;
}

.footer {
    color: #000;
    font-size: 10px;
    text-align: center;
    padding-top: 40px;
}

.footer-social-links a {
    color: #000;
    line-height: 35px;
    text-align: center;
}

.footer a:hover{
    color: #000;
     text-decoration: none;
}

.datadetector {color: #000;}

a.blink {
	color: #a1535c;
	text-decoration: none;
	background: rgba(161,83,92,0.01);
	text-transform: none;
    font-weight: 600 !important;
    padding: 0 2px;
	}

a.blink:hover {
	background: rgba(161,83,92,1.00);
	color: #fff;
	text-decoration: none !important;
	}
	
/* typography */


.section-text {
	font-family: 'Open Sans', sans-serif;
	color: #000 !important;
	font-size: 18px !important;
	font-weight: 300;
	text-transform: none;
	letter-spacing: 0;
}

.section-list {
	font-family: Raleway,arial,sans-serif;
	color: #000 !important;
	font-size: 18px !important;
	text-align: left;
	font-weight: 300;
	line-height: 1.5em;
	text-transform: none;
}

.section-title{
	margin-top: 20px;
	margin-bottom: 15px;
	font-size: 36px;
	font-weight: 800;
    font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: normal;
	line-height: 1.3;	
}

.serif {
    font-family: 'Open Sans', sans-serif;
    color: #000 !important;
    font-style: normal;
    font-weight: 300 !important;
}

.vertpad {
    font-size: 18px;
    margin-bottom: 15px;
    padding-top: 20%;
}

.vert {
    font-size: 18px;
    margin-bottom: 15px;
    padding-top: 0;
}

.stages {
    font-size: 18px;
    margin-bottom: 15px;
}

.vcenter {
	vertical-align: middle;
    display: inline-block;
    float: none;
}

.section-title, .split-section-headings .section-title, .wide-heading {letter-spacing: 0;}

.toggle > dt > a {
    font-size: 16px;
    border: none;
    color: #a1535c;
	text-decoration: none;
	background: rgba(161,83,92,0.01);
	text-transform: none;
	font-weight: 600 !important;
	padding: 0 14px;
}

.toggle > dt > a:hover {
	text-decoration: underline !important;
	background-color: transparent;
}

.toggle > dd {
    font-size: 16px;
    line-height: 1.8;
    color: #000;
}


/* animation */

.animation {
	display: block;
	width: 450px;
	height: 450px;
	background-image: url('../images/armarche_v8.gif');
	background-repeat: no-repeat;
	background-size: contain;
	margin: 0 auto;
}

@media only screen and (max-width: 640px) {
	
	    .animation {
	display: block;
	width: auto;
	height: 280px;
	background-image: url('../images/AR-pointe-le-doigt_droite.png');
	background-position-x: 50%;
	}
}


@media only screen and (max-width: 768px) {
	.section-title.text {
		letter-spacing: normal;
    }
    .section-title.text h2 {font-size: 18px; padding-bottom: 10px;}
    .section-text {font-size: 16px;}
	.vertpad {
	    font-size: 16px;
	    margin-bottom: 15px;
	    padding-top: 0;
	}
	.vert {
	    font-size: 16px;
	    margin-bottom: 15px;
	    padding-top: 0;
	}
	.stages {
	    font-size: 16px;
	    margin-bottom: 15px;
	}
	.vertpad h3, .vert h3, .stages h3 {
    font-size: 16px;
	}
}

@media only screen and (max-width: 1024px) {
	.section-title.text {
		letter-spacing: normal;
    }
    .section-title.text h2 {font-size: 24px; padding-bottom: 10px;}
    .section-text {font-size: 18px;}
	.vertpad {
	    font-size: 16px;
	    margin-bottom: 15px;
	    padding-top: 0;
	}
	.vert {
	    font-size: 16px;
	    margin-bottom: 15px;
	    padding-top: 0;
	}
	.stages {
	    font-size: 16px;
	    margin-bottom: 15px;
	}
	.vertpad h3, .vert h3, .stages h3 {
    font-size: 16px;
	}
}

.home-section {
	background-size: cover;
}
	
.home-text {
    color: #000;
    display: table-cell;
    height: 100%;
    padding-top: 140px;
    padding-left: 20px;
    text-align: left;
    vertical-align: top;
}

.hs-line-8 {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    position: relative;
}


.fixed-height-medium {
    min-height: 900px;
}

@media only screen and (max-width: 1024px) {
    .home-text {
    height: 100%;
    padding-top: 140px;
    padding-left: 20px;
	}
	.hs-line-8 {
    font-size: 14px;
	}
	.home-section {
	background-size: cover;
	}

}

@media only screen and (max-width: 640px) {
    .home-text {
    height: 100%;
    padding-top: 70px;
    padding-left: 0;
	}
	.hs-line-8 {
    font-size: 14px;
	}
	.fixed-height-medium {
    min-height: 560px;
	}
	
	.project-img-extra-content h4 {
	font-size: 12px !important;
	}
	.home-section {
	background-size: cover;
	}
	.owl-theme .owl-controls .owl-buttons div {
		display: none;
	}
	.page-header h2 {
    font-size: 18px;
	}
	.toggle > dt > a {
    font-size: 14px;
	}
	.toggle > dd {
    font-size: 14px;
	}
}

/* contact panel */

div.mb2panel-content {text-align: center;}

.mb2panel-title span {
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 700;
}

.mb2panel-content h4 {
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 700;
}

.mb2panel.tr, .mb2panel.br {
    right: 50px;
}

@media only screen and (max-width: 640px) {
	
	.mb2panel.tr, .mb2panel.br {
    right: 20px;
	}
}


/* class perso */

#top .scroll-down.static {
	z-index: 9000;
}

.scroll-down.static {
    color: rgba(0, 0, 0, 1) !important;
}

.scroll-down.static:hover, .scroll-down.static:focus {
    color: rgba(0, 0, 0, 0.3) !important;
}


.center {text-align: center;}

.banner {
	margin-top: 60px;
}


@media (max-width: 800px {
   video#armarche {
   max-height: 480px !important;
   } 
}

.st-vimeo {
	width: 100% !important;
}

.tpl-minimal-tabs-cont {padding-bottom: 50px;}

.tpl-minimal-tabs > li > a {
	border: none;
	background: rgba(0,0,0,1);
	color: #ffffff;
	white-space: nowrap;
}

.tpl-minimal-tabs li.active a, .tpl-minimal-tabs li.active a:hover, .btn-mod, a.btn-mod {
	background: rgba(161,83,92,1.00) !important;
	color: #fff !important;
	border: 1px solid #a1535c;
	white-space: nowrap;
}

.tpl-minimal-tabs > li > a:hover {
	background: #d8eb7c !important;
	color: #a1535c !important;
	border: 1px solid #a1535c !important;
}

.contact-form .ci-btn:hover {
    background: rgba(75,75,75, .75);
    font-weight: 600;    
}

.contact-form label, .form-field label {
	color: rgba(141, 120, 100, 1.00);
}

.form-field label {
	font-size: 17px;
    font-weight: 400;
}


	
@media only screen and (max-width: 1024px) {
	.plusk img {
	max-width: 200px;
	padding-top: 20px !important;
	}
    
}

/* portfolio style */

.uppercase {padding: 12px 0 0; margin-bottom: 0;}

.project-img-extra-content h4 {
	font-weight: 800 !important;
	text-transform: uppercase !important;
	font-size: 14px !important;
}

/* .portfolio-module {z-index: 9999999999;} */

@media only screen and (max-width: 640px) {
	
	.project-img-extra-content h4 {
	font-size: 12px !important;
	}
	.plusk img {
	max-width: 160px;
	padding-top: 40px !important;
	}
}

.projects-wrapper .project-img .project-img-extra a.link-detail:hover {
	background-color: rgba(216,235,124,  0.01) !important;
}

.project-wrapper .project-link {border-top: none !important;}

.owl-carousel {margin-bottom: 40px;}


.projects-filter {
	text-align: center;
	border-bottom: none;
}

.projects-filter a {
    border-radius: 0;
    color: #000;
    font-size: 12px;
    padding: 4px 8px;
    transition: all 0.1s ease-in-out 0s;
}

.projects-filter a.selected, .projects-filter a.selected:hover, .projects-filter a:hover {
    background: #000 none repeat scroll 0 0;
    color: #ffffff !important;
}

.projects-filter a:hover {
    background: #d8eb7c none repeat scroll 0 0;
    color: #ffffff !important;
}

.projects-filter ul li {
    background: none;
    display: inline;
    padding: 0 0 0 0;
}

.btn-wrapper {
    margin-bottom: 30px !important;
    margin-top: 30px;
}
.btn-go-back, .btn-success, .bfbs3-btn-primary:focus, .bfbs3-btn-primary:hover {
    background: #000 none repeat scroll 0 0;
    border: medium none;
    border-radius: 0px;
    color: #ffffff !important;
    font-size: 14px;
    margin: 28px 0 0;
    padding: 6px 12px;
    text-align: center;
    text-decoration: none !important;
    font-weight: 700;
    text-transform: uppercase;
    transition-duration: 0.4s;
}

.btn-mod:hover,
.btn-mod:focus,
a.btn-mod:hover,
a.btn-mod:focus {
	font-weight: 700;
	color: rgba(255,255,255, .85 !important);
  	background: rgba(161,83,92,1.00) !important;
	text-decoration: none;
}

.btn:focus, .btn:hover {
	font-weight: 700;
	color: rgba(255,255,255, .85 !important);
  	background: rgba(161,83,92,1.00) !important;
	text-decoration: none;
}



@media only screen and (max-width: 1024px) {
	
	.btn-go-back, .btn-success {
	margin-left: 0px;	}
	.item-page {padding: 0 20px;}
}

@media only screen and (max-width: 640px) {
	
	.btn-go-back, .btn-success {
	margin-left: 0px;	}
	.item-page {padding: 0 20px;}
}


.btn-go-back:hover, .btn-success:hover {
    background: #c7c4b9 none repeat scroll 0 0 !important;
}

.customNavigation::after, .customNavigation::before {
    display: none;
}

.customNavigation span {display: none !important;}

/* Breezing forms */

.hasTooltip {margin-left: -6px;padding-top: 20px;}
.form-inline {margin-top: 12px;}
.form-actions {padding-top: 30px;}
.inputbox {padding: 0;}
.bfError {
	background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;;
    padding: 0 10px; 
    width: auto; 
}
.bfbs3-glyphicon {color:#a1535c !important;}

.bfQuickMode input[type="text"], .bfQuickMode textarea, .bfQuickMode select, .bfQuickMode .uneditable-input {
	background-color: rgba(255, 255, 255, 0.63) !important; 
}

.form-inline {
	margin: 10px 0;
}
    
.button:hover {
	font-weight: 700;
	color: rgba(255,255,255, .85);
	background: rgba(161,83,92,1.00);
	text-decoration: none;
}