.navbar{
	background-color:#fff;
	box-shadow: 0 0 4px rgba(0, 0, 0, .5);
	min-height: 76px;
	border-width: 0;
	z-index:1030;
	border-radius:0;
	font-size:16px;
	top:0;
	position: fixed;
	right:0;
	left:0;
}
.navbar-lg {
  min-height: 76px;
}
.navbar-lg .navbar-brand {
  line-height: 1;
  padding-top: 25px;
  padding-bottom: 26px;
}
.navbar-lg .navbar-brand > [class*="fui-"] {
  font-size: 24px;
  line-height: 1;
}
.navbar-lg .navbar-nav > li > a {
  font-size: 15px;
  line-height: 1.6;
}
@media (min-width: 768px) {
  .navbar-lg .navbar-nav > li > a {
    padding-top: 26px;
    padding-bottom: 26px;
  }
}
.navbar-lg .navbar-toggle {
  height: 76px;
  line-height: 76px;
}
.navbar-lg .navbar-unread,
.navbar-lg .navbar-new {
  top: 28px;
}
.navbar-lg .navbar-form {
  padding-top: 20.5px;
  padding-bottom: 20.5px;
}
.navbar-lg .navbar-text {
  padding-top: 26.5px;
  padding-bottom: 26.5px;
}
.navbar-lg .navbar-btn {
  margin-top: 18px;
  margin-bottom: 17px;
}
.navbar-lg .navbar-btn.btn-sm {
  margin-top: 20px;
  margin-bottom: 20px;
}
.navbar-lg .navbar-btn.btn-xs {
  margin-top: 25px;
  margin-bottom: 25px;
}

#menu-mobile{
	color:#06A;
	font-size:1.5em;
}


.header11 .navbar-header a img{
		height:48px;
}
a{
	color:#06A;
}

#banaccueil{
	background-image: url(../images/office-building-1026499_1920.jpg);
	background-position: center center;
	margin-top:0;
	padding-bottom:0;
	height:400px;
}

#banaccueil h1{
	text-shadow: 2px 2px 4px #666;
	color:#fff;
	text-align: center;
	margin:20px 0;
}
.btn-primary{
	background-color:#06A;
}
.nav-pills > li > a {
	background-color:#fff;
	
}
.doc{
	margin-top:0;
}
.titre120{
	margin-bottom:120px;
}
a:hover, a:focus{
	color:#428bca;
}
figure{
	margin: 40px 0;
}
.titreDoc{
	border-bottom:1px solid #ccc;
	padding-bottom:20px;
}

.savoirplus {
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 2.5rem;
  font-weight: bold;
  padding: 15px 45px;
  color: #db3333;
  border: 1px solid;
  border-color: #db3333;
  
}
.savoirplus:hover, .savoirplus:focus, .savoirplus:active, .savoirplus.active {
  color: white;
  border-color: #db3333;
  background-color: #db3333;
  text-decoration:none !important;
}

/**** tarifs ****/

#tarif{
	width:100%
}
#tarif, #tarif th, #tarif td{
	border: 1px solid #ccc;
	padding: 10px;
}

/****menu latéral doc****/
body{padding-top:100px;}
		.cacher{
			display:none;
		}
		#connexion{
			width:200px;
			height:200px;
			
		}
		#wrapper {
			padding-left: 0;
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
			transition: all 0.5s ease;
			overflow: hidden;

		}

		#wrapper.toggled {
			padding-left: 250px;
			overflow: scroll;
		}

		#sidebar-wrapper {
			z-index: 1000;
			/*position: absolute;
			left: 250px;*/
			width: 0;
			height: 100%;
			margin-left: -250px;
			overflow-y: auto;
			background: #fff;
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
			transition: all 0.5s ease;
		}
		#wrapper.toggled #sidebar-wrapper {
			width: 250px;
		}

		#page-content-wrapper {
			position: absolute;
			padding: 15px;
			width: 100%;
			overflow-x: hidden;
		}
		.xyz{
			min-width: 360px;
		}
		#wrapper.toggled #page-content-wrapper {
			position: relative;
			margin-right: 0px;
		}
		.fixed-brand{
			width: auto;
		}
		/* Sidebar Styles */

		.sidebar-nav {
			position: absolute;
			top: 0;
			width: 250px;
			margin: 0;
			padding: 0;
			list-style: none;
			margin-top: 2px;
		}

		.sidebar-nav li {
			text-indent: 15px;
			line-height: 40px;
		}

		.sidebar-nav li a {
			display: block;
			text-decoration: none;
			color: #999;
		}

		.sidebar-nav li a:hover {
			text-decoration: none;
			color: #000;
			background: rgba(255,255,255,0.2);
			border-left: red 2px solid;
		}

		.sidebar-nav li a:active,
		.sidebar-nav li a:focus {
			text-decoration: none;
		}

		.sidebar-nav > .sidebar-brand {
			height: 65px;
			font-size: 18px;
			line-height: 60px;
		}

		.sidebar-nav > .sidebar-brand a {
			color: #999999;
		}

		.sidebar-nav > .sidebar-brand a:hover {
			color: #000;
			background: none;
		}
		.no-margin{
			margin:0;
		}

		@media(min-width:768px) {
			#wrapper {
				padding-left: 250px;
			}
			.fixed-brand{
				width: 250px;
			}
			#wrapper.toggled {
				padding-left: 0;
			}

			#sidebar-wrapper {
				width: 250px;
			}

			#wrapper.toggled #sidebar-wrapper {
				width: 250px;
			}
			#wrapper.toggled-2 #sidebar-wrapper {
				width: 50px;
			}
			#wrapper.toggled-2 #sidebar-wrapper:hover {
				width: 250px;
			}


			#page-content-wrapper {
				padding: 20px;
				position: relative;
				-webkit-transition: all 0.5s ease;
				-moz-transition: all 0.5s ease;
				-o-transition: all 0.5s ease;
				transition: all 0.5s ease;
			}

			#wrapper.toggled #page-content-wrapper {
				position: relative;
				margin-right: 0;
				padding-left: 250px;
			}
			#wrapper.toggled-2 #page-content-wrapper {
				position: relative;
				margin-right: 0;
				margin-left: -200px;
				-webkit-transition: all 0.5s ease;
				-moz-transition: all 0.5s ease;
				-o-transition: all 0.5s ease;
				transition: all 0.5s ease;
				width: auto;

			}
		}
		
/*** contact **/
b.chead {
	color: #8C9899;
}

b.chead span {
	color: #34495E;
	font-size: 14px;
	margin-right: 10px;
}

p.text-light {
	color: #7F8C8D;
}

.wrapper.grey {
	background: #ECF0F1;
	border-top: 1px solid #d3d9dd;
	border-bottom: 1px solid #d3d9dd;
	padding: 80px 0px;
}

/*** content ***/
.col {
	margin: 0px 10px;
	padding: 20px;
}

.wrapper.grey {
	background: #ECF0F1;
	border-top: 1px solid #d3d9dd;
	border-bottom: 1px solid #d3d9dd;
	padding: 80px 0px;
}

.item.dark {
	background-color: #3D566E;
	color: #eee;
}

/* tabs */

body .nav-tabs > li > a {
	padding: 13px 26px 14px !important;
	color: #3D566E;
	text-transform: uppercase;
}

body .nav-tabs > li.active > a, body .nav-tabs > li.active > a:hover, body .nav-tabs > li.active > a:focus {
	color: #3D566E;
}

.tabs img {
	max-width: 100%;
	margin-top: 20px;
}

.tabs p {
	font-size: 14px;
}

.tabs h5 {
	margin-bottom: 5px;
	font-size: 16px;
}

.tabs .tab-pane {
	padding: 30px 20px;
}

/* end tabs */

/*** footer ***/

#footer {
	padding: 39px 0 42px;
	background: #ebedef;
	
}


/*** dividers ***/

hr.dashed {
	border-style: dashed;
	border-width: 3px;
	border-color: #CBD0D3;
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
	margin-top: 80px;
	margin-bottom: 80px;
}

hr.shadowDown {
	border-style: solid;
	border-width: 1px;
	border-color: #d7dcdf;
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
	margin-top: 80px;
	margin-bottom: 80px;
	box-shadow: inset 0 12px 12px -12px rgba(0,0,0,0.25);
	height: 20px;
}

.divider {
	line-height: 0px !important;
	height: 0px;
	border-width: 3px;
	border-color: #CBD0D3;
	text-align: center;
	margin-top: 80px;
	margin-bottom: 80px;
}

.divider.dashed {
	border-style: dashed;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
}

.divider.dotted {
	border-style: dotted;
	border-width: 10px;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-color: #e8edef;
}

.divider.dotted > span {
	line-height: 0.7em;
}

.divider > span {
	background: #fff;
	text-transform: uppercase;
	font-style: italic;
	padding: 0px 20px;
}

.wrapperDark {
	background: #3D566E;
	padding: 60px 0px;
}

.wrapperDark .divider.dashed {
	border-color: #1ABC9C;
	border-style: dashed;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	color: #eee;
	margin: 0px;
}

.wrapperDark .divider.dashed > span {
	background: #3D566E;
	font-style: normal;
	color: #eee;
	font-weight: 200;
}

/*** styles **/
/* general styles */

p {
	font-size: 16px;	
}

h1 {
	font-size: 34px;
	line-height: 54px;
}

h2 {
	font-size: 30px;
}

h3 {
	font-size: 26px;
}

h4 {
	font-size: 22px;
}

h5 {
	font-size: 18px;
}

.light {
	font-weight: 400;
}

form .row {
	margin-bottom: 20px;
}

#page {
	
}

.item {
	
}

.item.header {
	padding-bottom: 50px;
}

.item.content, .item.portfolio, .item.team, .item.pricing, .item.contact {
	padding-top: 60px;
	padding-bottom: 60px;
}

.item.footer {
}

.margin-top-100 {
	margin-top: 100px !important;
}

.margin-top-60 {
	margin-top: 60px !important;
}

.margin-top-80 {
	margin-top: 80px !important;
}

.margin-top-20 {
	margin-top: 20px !important;
}

.margin-bottom-0 {
	margin-bottom: 0px !important;
}

.margin-bottom-20 {
	margin-bottom: 20px !important;
}

.margin-bottom-40 {
	margin-bottom: 40px !important;
}

.margin-bottom-60 {
	margin-bottom: 60px !important;
}

.margin-bottom-80 {
	margin-bottom: 80px !important;
}

.padding-top-0 {
	padding-top: 0px !important;
}

.padding-top-20 {
	padding-top: 20px !important;
}

.padding-top-100 {
	padding-top: 180px !important;
}

.padding-bottom-60 {
	padding-bottom: 60px !important;
}

.padding-bottom-0 {
	padding-bottom: 0px !important;
}

.margin-top-0 {
	margin-top: 0px !important;
}

.width-100 {
	width: 100%;
}

header .navbar.plain li.active a {
	color: #1ABC9C;
}

header .navbar-white {
	background: #fff;
}

header .navbar-white a {
	color: #3D566E;
}


/* videos */

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

.videoWrapper > iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.videoWrapper > .frameCover {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: none;
}