@charset "utf-8";
/* CSS Document */


/* CUSTOM BOOTSRAP : rappel des styles et colorsbluepale
Eventuellement utiliser avec LESS

Par defaut + ceci customisé
@green: #94ce22 -> celui du siteweb LIFE
@turquoise: #1E4199
@blue: #3276b1

Typography
@font-family-sans-serif: 
'PT Sans', sans-serif, helvetica

ajout: weigth 400,700,400italic pour PT Sans


@font-family-monospace
Lato, sans-serif, helvetica

Headings
@headings-font-family:@font-family-monospace

colors: 
@brand-primary: #1E4199
@brand-success: #94ce22

Buttons:
@btn-default-bg: #1E4199
@btn-hover-color: #94ce22


Inverted navbar:
@navbar-inverse-color: #fff
@navbar-inverse-bg: #1E4199
@navbar-inverse-link-color: #fff
@navbar-inverse-link-hover-color:darken(#fff, 15%)
Tables
@table-bg-accent:lighten(@brand-primary,15%)

Panels and wells





Fonts Headings
Fonts inherit:  //bootsrap custom : 






*/






/*
html{font-family: 'PT Sans', sans-serif;
	font-weight:700;}
	
	h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:inherit;}*/
body {
        padding-top: 40px;
        padding-bottom: 0px;
background-color: rgb(242, 241, 248);
/*font-family: 'PT Sans', sans-serif;
	font-weight:400;
	font-size: 13px;
	line-height: 20px;*/
      }

#branding a img {
	padding-left: 15px;
	padding-top: 15px;
	padding-bottom: 0px;
}
#branding2 a img {
	padding-left: 20px;
	padding-right: 15px;
	padding-top: 32px;
	padding-bottom: 0px;

}

#branding3 a img {
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px;
	padding-bottom: 10px;
	
	
}

 #branding3 {
	text-align: center;}
	
 @media only screen and (max-width : 992px){
	 
	 #branding3 a img {
	padding-left: auto;
	padding-right: auto;
	padding-top: 36px;
    padding-bottom: 5px;}}




strong {font-weight:700;}


.navbar-nav.nav-justified {
    display:table;
}

.navbar-nav.nav-justified > li{
    float:none;
    width:auto;
}

.nav.nav-justified li.dropdown .dropdown-menu {
left: auto;
top: auto;

}
.nav2
{z-index:1002;}
.navbar{
	margin-bottom:0px;
	background-color:transparent;
	border:none;
	border-radius:none;}
	
	#bg{
	background-size: 100% auto;
	background-image: url(../img/lifecommunity_logo.png);
	background-position: right bottom;
	background-repeat: no-repeat;
}

.user-tools {
	
	border-bottom-left-radius: 20px;
}
.user-tools { padding: 0px;  border: 0px none;  line-height: 16px; background-color: #1E4199;
float:right;  }
.post_info p {
	font-weight: 700;
	line-height: 150%;
	font-size: 1.2em;
}

@media screen and (min-width: 600px) {
	.user-tools  { font-size: 14px; }
}
.user-tools a.btn.btn-inverse {
	color: #FFF;
	font-weight: normal;
	font-size: 1em;
}

.nav.navbar-nav.nav-justified >li {
	text-transform:uppercase;
	border-right: 1px solid 
	rgba(255, 255, 255, 0.5);
	border-left: 1px solid rgba(0,0,0,0.5);
	
	background-color: rgb(0,142,173);
	background-image: -webkit-gradient(linear, 50.00% 0.00%, 50.00% 100.00%, color-stop( 0% , rgba(0,142,173,1.00)),color-stop( 48.19% , rgba(0,136,166,1.00)),color-stop( 100% , rgba(3,80,99,1.00)));
	background-image: -webkit-linear-gradient(270deg,rgba(0,142,173,1.00) 0%,rgba(0,136,166,1.00) 48.19%,rgba(3,80,99,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(0,142,173,1.00) 0%,rgba(0,136,166,1.00) 48.19%,rgba(3,80,99,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(0,142,173,1.00) 0%,rgba(0,136,166,1.00) 48.19%,rgba(3,80,99,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(0,142,173,1.00) 0%,rgba(0,136,166,1.00) 48.19%,rgba(3,80,99,1.00) 100%);
	background-repeat: repeat-x;
}
.nav.navbar-nav.nav-justified>li>a

{color:#FFF; }
.nav.navbar-nav.nav-justified >li li{text-transform:none;}
.nav.navbar-nav.nav-justified >li>a:hover{
	color: #94CE22
}


/*pour event.html */

.nav.navbar-inverse.nav-justified >li {
	text-transform:uppercase;
	border-right: 1px solid 
	rgba(255, 255, 255, 0.5);
	border-left: 1px solid rgba(0,0,0,0.5);
	
	background-color: rgb(0,142,173);
	background-image: -webkit-gradient(linear, 50.00% 0.00%, 50.00% 100.00%, color-stop( 0% , rgba(0,142,173,1.00)),color-stop( 48.19% , rgba(0,136,166,1.00)),color-stop( 100% , rgba(3,80,99,1.00)));
	background-image: -webkit-linear-gradient(270deg,rgba(0,142,173,1.00) 0%,rgba(0,136,166,1.00) 48.19%,rgba(3,80,99,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(0,142,173,1.00) 0%,rgba(0,136,166,1.00) 48.19%,rgba(3,80,99,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(0,142,173,1.00) 0%,rgba(0,136,166,1.00) 48.19%,rgba(3,80,99,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(0,142,173,1.00) 0%,rgba(0,136,166,1.00) 48.19%,rgba(3,80,99,1.00) 100%);
	background-repeat: repeat-x;
}

.nav.navbar-inverse.nav-justified >li>a
{color:#FFF; }
.nav.navbar-inverse.nav-justified >li li{text-transform:none;}
.nav.navbar-inverse.nav-justified >a:hover{
	color: #94CE22
}

.nav.navbar-inverse.nav-justified > li > a {
    display: block;
    font-size: 12px;
    line-height: 30px;
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 10px;
    position: relative;
}
 html body div.wrapper header nav.navbar div.row div.navbar-collapse ul.nav li.active a,
nav.navbar  div.collapse ul.nav>li.active>a,
nav.navbar  div.collapse ul.nav>li.active>a.active,
 nav.navbar  div.collapse ul.nav>li> a:focus,
  nav.navbar  div.collapse ul.nav>li>a:hover {
    background-color: #00647A;
    color: #94ce22;
}


html body div.wrapper header nav.navbar div.row div.navbar-header button.navbar-toggle span.icon-bar{background-color:#D9D9D9      ;}


div.navbar-collapse ul.nav li.dropdown.open a.dropdown-toggle,
	.nav.navbar-inverse.nav-justified > li > a:hover{background-color:#00647A;}
	
	
	.nav a .caret {
    border-bottom-color: #fff;
    border-top-color: #fff;
}
	.nav a:hover .caret {
    border-bottom-color: #fff;
    border-top-color: #fff;
}
a.btn.btn-succes {font-weight: normal;}
a.btn-success:hover, a.btn-success:focus, a.btn-success:active, a.btn-success.active {
  font-weight: normal;
}
a.btn.btn-succes :active,
a.btn.btn-succes.active {
  font-weight: normal;
}

	
/* fin de pour event.html */



/*.carousel {
	margin-bottom: 0;
	padding: 0 40px 30px 40px;
}

.carousel-control {
	left: -12px;
}
.carousel-control.right {
	right: -12px;
}

.carousel-indicators {
	right: 50%;
	top: auto;
	bottom: 0px;
	margin-right: -19px;
}

.carousel-indicators li {
	background: #c0c0c0;
}

.carousel-indicators .active {
background: #333333;
}*/ .bluepale {
	background-color: #b2dde6;
	padding-bottom: 20px;
}
.green{;}

.blue{color:#1E4199;}

.bluebold{color:#1E4199;
font-weight:700;}
footer img{margin-right:15px;}
footer a{color:#fff;
font-weight:700;}
/* Flex custom 

.flex-direction-nav .flex-next { right: 0 !important; 
margin-right: -15px; 
   opacity: 1 !important; }

.flex-direction-nav .flex-prev { left: 0 !important; opacity: 1 !important; 
   margin-left: -15px;}

.flexslider { width: 100%; margin: 0 auto; }*/

/* Btn custom */
.centered
{
    text-align:center;
}

/* ________________________ //Welcome Block ________________________ */
h1, h2, h3, h4, h5, h6 {
	font-weight:400;
	color:#343434;
}
/*
h2.title {
	padding:0;
	margin:0 0 19px 0;
	text-transform:uppercase;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:400;
	line-height:30px;
	font-size:18px;
	color:#343434;
}
h2.title a {
	font-size:18px;
	line-height:30px;
	color:#86866e;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:400;
	text-transform:uppercase;
}
h2.title a:hover {
	color:#343434;
	text-decoration:none;
}*/
p.last {margin-bottom:15px;
}
[class*="span"] {margin-bottom:15px;
}
[class*="span"] img, [class*="span"] iframe {max-width:100%;
}
.grey {color:#9d9d9d;
}
.block ul.the-icons {
	margin-left:0;
	margin-bottom:5px;
}
.upper {text-transform:uppercase;
}
h3.title,h1.entry-title  {
	text-transform: uppercase;
	color: #94ce22;
	
}

h1.entry-title{font-size:24px;}
















.flex-video {
position: relative;
padding-top: 25px;
padding-bottom: 67.5%;
height: 0;
margin-bottom: 16px;
overflow: hidden;
}
 
.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0; }
 
.flex-video iframe,
.flex-video object,
.flex-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
.flex-video { padding-top: 0; }
}
/*
.nowrap.small-text {
	white-space: nowrap;
	
}
*/

 .post_date,  .entry-meta span.posted-on, .entry-date {
	font-weight: 400;
	font-style: italic;
	/*padding-right: 10px;*/
	color:#94ce22;
	float:left;
}
.post_block:after,.post_block:before {
	content:"";
	display:table;}
	.post_block:after{clear:both;}
	.no-margin{margin-bottom:0px;}
	
	.table thead > tr > th,
.table tbody > tr > th,
.table tfoot > tr > th,
.table thead > tr > td,
.table tbody > tr > td,
.table tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: none;
   border-bottom: 1px solid #dddddd;
}
.post_block{
border-bottom: 1px solid #dddddd;
margin-bottom:10px;}

.flexslider .slides li {
    position:relative;
}

.flex-caption {
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    background:rgba(148,206,34,0.7);    
    z-index:1;
    padding:5px;
	color:#fff;
	font-weight:500;
}
.flexslider{margin-bottom:15px;}
/* Flexsider custom Nav 
.carousel .flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.carousel .flex-direction-nav .flex-prev {left: -36px;}*/


.breadcrumb {
 
  background-color:#B2DDE6;
  border-radius: 0px;
}

ul.recent_post {
	padding:0;
	margin:0;
	list-style:none;
}
ul.recent_post li {
	padding:0 0 8px 0;
	margin-bottom:13px;
	border-bottom:1px #dadada dotted;
	
}
ul.recent_post li:last-child {
	
	margin-bottom:18px;
}




.panel.panel-primary .panel-heading .panel-title {
	color: #FFFFFF;
}
section.participate, section.videos_loaded, section.pictures_loaded, section.othernews, section.news{
	overflow:hidden;}
	section.videos_loaded, section.othernews{margin-bottom:20px;}
	
	.post_block  .thumbnail, article .thumbnail{margin-bottom:0px;}
	
	.margin-top20{margin-top:20px;}
	.right .img-responsive.pull-right.hidden-xs {
	vertical-align:bottom;margin-bottom:10px;margin-top:10px;margin-right:10px;
}

#social_media_wrapper {
  background: #94ce22;
  
  
   -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  border-top-right-radius: 5px;

  display: inline-block;
 /* position: absolute;
  top: 0px;
  right: 15px;*/
  float:right;
  overflow: hidden;
  padding: 5px;
}
#social_media_wrapper a {
	text-align: center;
	display: block;
	float: left;
	margin: 0 3px;
	background: url(../images/backgrounds/wild_oliva_light.png);
	
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	border-radius: 500px;
	font-size: 15px;
	width: 25px;
	height: 25px;
	padding: 2px 6px 6px;
color:#1E4199;
}
#social_media_wrapper a:hover,
#social_media_wrapper a:active {
  text-decoration: none;
  color: #ffffff;
  background: url(../images/backgrounds/wild_oliva_blue_light.png);
}
/*.user-tools	{margin-right:100px;}*/


/*events */
.more_info .dl-horizontal dd {
    margin-left: 110px;
}
.more_info .dl-horizontal dt{width:100px;}

.more_info .panel-body{padding-top:0; padding-bottom:0;
}

.more_info {margin-top:20px;}



	/*Customising arrow caroussel 
	.carousel-control .glyphicon,
.carousel-control .icon-prev,
.carousel-control .icon-next {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  display: inline-block;
  width: 45px;
  height: 45px;
  margin-top: -10px;
  margin-left: -100px;
  font-family: serif;
}

.carousel-control .icon-prev:before {
  content: '\2039';
}

.carousel-control .icon-next:before {
  content: '\203a';
}

.carousel-control .icon-next{
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../images/arrow_banner_right.png");
    background-origin: padding-box;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto auto;
    display: block;
    height: 90px;
    right: -200px;
    text-indent: -9999px;
    top: 40%;
    width: 90px;
}
.carousel-control:hover, .carousel-control:focus {
    -moz-text-blink: none;
    -moz-text-decoration-color: -moz-use-text-color;
    -moz-text-decoration-line: none;
    -moz-text-decoration-style: solid;
    color: #FFFFFF;
    opacity: 0.5;
}
.carousel-control{
	opacity:1;}
.carousel-control .icon-next{}*/


/*tablesorter et table */
#demo .tablesorter.table-borderless td, 
	 #demo .tablesorter.table-borderless  {
	border: none;
	border-bottom:solid 1px #CCC;
	
}

#demo .tablesorter.table-borderless th{background-color:transparent;border: none;}
.tablesorter-header-inner{background-color:transparent;border: none}

.zebra.btn.btn-success{display:none;}

body {
        padding-top: 40px;
        padding-bottom: 0px;
background-color: rgb(242, 241, 248);
font-family: 'PT Sans', sans-serif;
	font-weight:400;
	font-size: 13px;
	line-height: 20px;
      }
	.wrapper{
		max-width:1024px;
		display:block;
		margin-right:auto;
		margin-left:auto;
		background: none repeat scroll 0% 0% rgb(255, 255, 255); border: 1px solid rgb(222, 222, 222); box-shadow: 0px 0px 150px rgba(0, 0, 0, 0.1); border-radius: 5px 5px 5px 5px; 
		
	}

	
	.sub{
		padding:30px 0px 30px;
	}

	
	h1 {
		font-size: 26px;
	}
	
	
	.thumbnail{
		margin-bottom:30px;
	}
	
	.thumbnail img{
		min-width:100%;
	}
	footer{
		padding-top:15px;
		padding-bottom:15px;
		
		border-top:10px solid rgb(242, 241, 248);
		/*background:#94ce22;*/
		
		/*color:#fff;*/
		text-align: center;
	}


ul#services {margin-left: 0;
padding-left: 0;}

ul#services  li {
    display: inline;
    list-style: outside none none;
    margin-right: 15px;
}

ul#services  li a {
    color:#1E4199;
}
	.related-projects{
		padding-top:20px;
		margin-top:20px;
		
	}
	
	div.carousel-inner div.item div.carousel-caption h3{
		color:#fff;}
	 @media only screen and (min-width : 768px) {
.container.container-brand{ margin-right:0;
	padding:0;}
    }
	
	@media (min-width: 992px){
	.navbar, .wrapper {
	
	margin-right:auto;
	margin-left:auto;
	}

	}
	
	@media(min-width: 768px) and (max-width: 992px){
	.navbar, .wrapper {
	max-width: 768px;
	margin-right:auto;
	margin-left:auto;
	}

	}
	
	@media (max-width: 992px){
		.navbar .btn-navbar {
			margin-top:20px;
		}
		
	}
	
	@media (max-width: 767px){
		/*.container {
			padding-right:20px;
			padding-left:20px;
		}*/
		body{
			padding-top:0px;
		}
		.right{float: left;}
		.right .user-tools{
	display: block;
	float: none;
	border-radius: 0px;
	text-align: center;	
	
	}
		
.navbar-collapse.in {
	overflow-y:visible!important;
	position:relative;
	
}
.navbar-collapse{max-height:480px;}


 .nav.nav-justified li.dropdown .dropdown-menu
{
     
    position: relative;
    width: 100%;
    text-align:center;
}
.nav.navbar-inverse.nav-justified > li > a{
	line-height:20px;
}

html body div.viewbox div.details h2{font-size:10px;}

	}
	
	
	
	
/*	ajout decembre */
	

/* AU CAS OU 3 COLONNE HEADER CARROUSEL


html body.home.blog.group-blog.hfeed div.wrapper div.row div#apply.col-xs-12.col-sm-4.col-md-4 {
    background-color: #4db036;
    padding-left: 0;
}
header .row .turquoise {
    background-color: #1fada7;
    height: 245px;
    padding-left: 0;
}
	
	.no-padding-left-right {
    padding-left: 0;
    padding-right: 0;
}*/

.box-anniversary {
  
    border: 1px solid transparent;
    border-radius: 4px;
   text-transform:uppercase;
    display: inline-block;
    font-size: 16px;
   margin-top:15px;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
	 color: #ffffff;
background-color: #94ce22;
border-color: #84b81e;
}
h2.features-title{
	font-size:42px;
	margin-top:10px;
	color: #1e4199;
	}
	p.features{
		font-size:14px;
		line-height: 28px;
		margin-left:20px;
		margin-right:20px;}
		.download {
    background-color: #C9E690;
    padding: 5px 5px 5px 40px;
    border: 1px solid #94ce22;
    color: #000000;
    margin-right: 0px;
    height: 1%;
   
    margin-bottom: 10px;
    margin-left: 0px;
    /*background-image: url(../images/icon_download.gif);*/
	 background-image: url(../img/icon_download2.gif);
    background-repeat: no-repeat;
    background-position: 8px 3px;
	display:block;
}
li.download {
   list-style: none;
    padding: 5px 5px 5px 40px;
   
   
    margin-bottom: 10px;
    margin-left: 0px;
    /*background-image: url(../images/icon_download.gif);*/
	 background-image: url(../img/icon_download3.gif);
    background-repeat: no-repeat;
    background-position: 8px 3px;
	display:block;
}
ul.promotional{padding-left: 0}
#site-content.row{padding-bottom:10px;}