/*
Theme Name: Protransplant
Theme URI: http://www.comed.lu
Description: A responsive theme for Protransplant, handcrafted by Comed s.a.
Author: D.D.
Author URI: http://www.comed.lu
Version: 0.1

*/
@charset "UTF-8";

.clearfix:after{
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0
}

.outofsight{
	position: absolute;
	left: -10000px;
	top: -10000px;
}

a{
	color: #d40031;
}

a:hover, a:focus{
	color: #d40031;
	text-decoration: underline;
}

.ctr{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

.btn,.wpcf7-submit/*, .page-section p>a:first-child:last-child*/{
	font-family: 'Varela Round', sans-serif;
	background: transparent;
	text-transform: uppercase;
	padding: .66em 2em;
	border: 2px solid #ffffff;
	font-size: 1.05em;
	color: #ffffff;
	border-radius: 0;
	margin-bottom: 1em;
	display: inline-block;
	white-space: normal;
}

.btn:hover, .btn:focus,
.wpcf7-submit:hover, .wpcf7-submit:focus/*,
.page-section p>a:first-child:last-child:hover,
.page-section p>a:first-child:last-child:focus*/{
	color: #3db5ab;
	background: #ffffff;
}

.bx-wrapper .bx-controls-direction a,
.sprite-btn,
.menu-btn:before,
#searchform input[type="submit"],
a[title=facebook],a[title=twitter],a[title=googleplus],a[title=linkedin],a[title=instagram],a[title=youtube],
#liens li:before,
footer .ctr>div:nth-child(6) .textwidget:before,
.pdflink:before{
	background-image: url('./images/icon-sprite.png');
	background-repeat: no-repeat;
}

body { 
	font-family: 'Roboto', sans-serif;
	line-height: 1.33;
	font-weight: 300;
	letter-spacing: .05em;
	margin-top: 0;
	background: #f0ebec;
}

#logo-container{
	background: #f0ebec;
	height: 124px;
	position: relative;
	z-index: 10;
	overflow: auto;
}

.home #logo-container{
	background: url('./images/diagonal.png') center bottom no-repeat;
	height: 196px;
}

#logo img{
	width: 126px;
	height: 79px;
	margin: 22px 0 0 0;
	display: block;
	transition: width ease 0.25s, height ease 0.25s, margin ease 0.25s;
}

.home #logo img{
	width: 189px;
	height: 129px;
	margin: 23px 0 0 40px;
}

#logo:hover, #logo:focus{
	outline: none;
}

#top-tagline{
	position: absolute;
	right: 0;
	top: 28px;
	color: #313d46;
	font-family: 'Varela Round', sans-serif;
	font-size: .95em;
}

.home #top-tagline{
	right: 19px;
}

/* --- Home slidah --- */

.advps-slide-container{
	margin-top: -124px;
	z-index: 9;
	position: relative;
}

.home>header>.ctr{
	position: relative;
}

.home>header>.ctr:before/*, .home>header>.ctr:after*/{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	width: 3px;
	height: 100%;
	background: #f0ebec;
	/*background: red;*/
	left: -2px;
	right: auto;
	z-index:11;
}

.home>header>.ctr:before{
	
}

/*.home>header>.ctr:after{
	left: auto;
	right: -1px;
}*/

.bx-wrapper .bx-viewport{
	height: 408px !important;
}

.advps-slide>div{
	width: 440px !important;
}

.advps-slide>div>div:last-child{
	bottom: 80px;
	left: 40px;
	position: absolute;
	padding: 0;
}

.advps-slide>a{
	width: 520px;
	margin-left: 440px;
	display: block;
}

.bx-wrapper .advps-slide>a img{
	min-width: 100%;
	height: auto;
}

.advps-slide .advps-overlay-one{
	opacity: 1 !important;
}

.advps-slide:nth-child(even) .advps-overlay-one{
	background: #3db5ab !important;
}

.advps-slide:nth-child(odd) .advps-overlay-one{
	background: #d40031 !important;
}

.bx-wrapper .bx-controls-direction a{
	top: auto;
	bottom: 33px;
	/*background-image: url('./images/icon-sprite.png');*/
	width: 11px;
	height: 23px;
}

.news-btn{
	margin-bottom: 1.5em;
}

.bx-wrapper .bx-prev{
	left: 40px;
	right: auto;
	background-position: 0 0;
}

.bx-wrapper .bx-next{
	left: 108px;
	right: auto;
	background-position: -12px 0;
}

.bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus{
	background-position: 0 -67px;
}

.bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus{
	background-position: -12px -67px;
}

#advps_container1 .bx-wrapper .advs-title a{
	font-weight: 400;
	font-size: 1.1em;
}

.slider-date{
	font-style: italic;
}

/* --- Header bar --- */

#headerbar{
	background: #ffffff;
	height: 75px;
	z-index: 9;
	position: relative;
}

#headerbar .ctr{
	position: relative;
}
	
.sprite-btn{
	text-indent: -10000px;
	overflow: hidden;
	position: relative;
	display: block;
	width: 31px;
	height: 30px;
	/*background: url('./images/icon-sprite.png') no-repeat;*/
}

.home-btn{
	background-position: -54px 0;
	margin-right: 30px;
}

.menu-btn{
	text-indent: 0;
	overflow: visible;
	padding-left: 35px;
	margin-top: 6px;
	position: relative;
	display: block;
	color: #313d46;
	font-family: 'Varela Round', sans-serif;
	text-transform: uppercase;
	letter-spacing: 0;
}

.menu-btn:before{
	content: '';
	display: block;
	position: absolute;
	width: 31px;
	height: 30px;
	/*background: url('./images/icon-sprite.png') -87px 0 no-repeat;*/
	background-position: -87px 0;
	left: 0;
	top: 50%;
	margin-top: -15px;	
}

.sprite-btn:hover, .sprite-btn:focus{
	outline: none;
}

.mailto-btn{
	background-position: -188px 0;
}

.social-menu-btn{
	background-position: -221px 0;
}

.home-btn:hover, .home-btn:focus{
	background-position: -54px -33px;
}

.menu-btn:hover, .menu-btn:focus{
	text-decoration: none;
	color: #848b91;
	outline: none;
}

.menu-btn:hover:before, .menu-btn:focus:before{
	background-position: -87px -33px;
}

.menu-btn.is-open:before, .menu-btn.is-open:before{
	background-position: -121px 0px;
}

.menu-btn.is-open:hover:before, .menu-btn.is-open:focus:before{
	background-position: -121px -33px;
}

.mailto-btn:hover, .mailto-btn:focus{
	background-position: -188px -33px;
}

.social-menu-btn:hover, .social-menu-btn:focus{
	background-position: -221px -33px;
}

.headerbar-block{
	float: right;
	margin-top: 24px;
}

.headerbar-block:first-child{
	float: left;
}

.headerbar-block:first-child a{
	float: left;
}

.headerbar-block:last-child>a, .headerbar-block:last-child #searchform{
	float: left;
}

.headerbar-block:last-child>a{
	margin-left: 12px;
}

.lang-menu-btn{
	background-position: -254px 0;
	color: #ffffff;
	text-indent: 0;
	text-transform: uppercase;
	padding-top: 5px;
	padding-left: 2px;
	text-align: center;
	font-family: 'Varela Round', sans-serif;
}

.lang-menu-btn:hover, .lang-menu-btn:focus{
	background-position: -254px -33px;
	color: #ffffff;
	text-decoration: none;
}

.screen-reader-text{
	text-indent: -10000px;
	overflow: hidden;
}

#searchform {
	position: relative;
}

#searchform input {
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	background-color: transparent;
	border: none;
	outline: none;
}

#searchform input[type="search"] {
	width: 0;
	height: 27px;
	padding-right: 3.5em;
	z-index: 3;
	font-size: 1.4rem;
	color: #666666;
	cursor: pointer;
	-moz-transition: width 0.3s ease-out;
	-o-transition: width 0.3s ease-out;
	-webkit-transition: width 0.3s ease-out;
	transition: width 0.3s ease-out;
}

#searchform input[type="search"]:focus {
	width: 16em;
	z-index: 1;
	border-bottom: 1px solid #bbbbbb;
	cursor: text;
	margin-right: 2em;
}

#searchform input[type="submit"] {
	z-index: 2;
	width: 30px;
	height: 30px;
	/*background: url('./images/icon-sprite.png') -155px 0 no-repeat;*/
	background-position: -155px 0;
	text-indent: -9999px;
	cursor: pointer;
	-moz-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	-webkit-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}

#searchform input[type="submit"]:hover,
#searchform input[type="submit"]:focus {
	background-position: -155px -33px;
}

#searchform input::-webkit-input-placeholder {
color: #d6d6d6;
}
#searchform input:-moz-input-placeholder {
color: #d6d6d6;
}
#searchform input::-moz-input-placeholder {
color: #d6d6d6;
}
#searchform input:-ms-input-placeholder {
color: #d6d6d6;
}

:-moz-ui-invalid:not(output) {
	box-shadow: none;
}

.main-navcontainer{
	position: relative;
	z-index: 5;
	width: 960px;
	left: 50%;
	margin-left: -480px;
}

#main-nav{
	position: absolute;
	top: 0;
	background: #313d46;
	padding: 27px 44px 0;
	z-index: 5;
	opacity: 1;
}

#main-nav.is-closed{
	opacity: 0;
	transition: opacity ease 1s;
}

#main-nav ul{
	margin: 0;
	padding: 0;
}

#main-nav li{
	list-style: none;
	margin: 0 11px;
	padding: 0;
	display: inline-block;
}

#main-nav a{
	color: #c1c5c7;
	font-size: 1.2em;
	margin: 0 0 21px 0;
	padding: 0 0 11px 0;
	border-bottom: 5px solid #313d46;
	font-weight: 400;
	display: block;
}

#main-nav a:hover, #main-nav a:focus,
#main-nav .current-menu-item a{
	border-color: #ffffff;
	text-decoration: none;
	outline: none;
	color: #ffffff;
}

#social-menu, #lang_sel_list{
	background: #313d46;
	display: block;
	height: auto;
	position: absolute;
	right: 0;
	/*opacity: 0;*/
}

#social-menu.is-closed, #lang_sel_list.is-closed{
	/*opacity: 0;
	transition: opacity ease 1s;*/
}

#social-menu ul, #lang_sel_list ul{
	margin: 0;
	padding: 10px 20px 15px !important;
}

#social-menu li, #lang_sel_list li{
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
	float: none;
}

#social-menu a, #lang_sel_list ul a{
	display: block;
	color: #f1f1f1 !important;
	background: transparent;
	font-size: 13px;
	line-height: 1.33em;
	padding: 6px 0;
	text-align: right;
	border-bottom: 2px solid #313d46;
}

#lang_sel_list a.lang_sel_sel,
#social-menu a:hover, #lang_sel_list ul a:hover,
#social-menu a:focus, #lang_sel_list ul a:focus{
	color: #ffffff;
	text-decoration: none;
	border-color: #ffffff;
}

a[title=facebook],a[title=twitter],a[title=googleplus],a[title=linkedin],a[title=instagram],a[title=youtube]{
	/*background: url('images/icon-sprite.png') no-repeat;*/
	display: block;
	width: 44px;
	height: 44px;
	overflow: hidden;
	text-indent: -10000px;
}

#social-menu a:hover, #social-menu a:focus{
	outline: none;
}

a[title=facebook]{
	background-position: -900px 0;
}

a[title=twitter]{
	background-position: -944px 0;
}

a[title=googleplus]{
	background-position: -988px 0;
}

a[title=linkedin]{
	background-position: -1032px 0;
}

a[title=instagram]{
	background-position: -1076px 0;
}

a[title=youtube]{
	background-position: -1120px 0;
}

a[title=facebook]:hover,a[title=facebook]:focus{
	background-position: -900px -44px;
}

a[title=twitter]:hover,a[title=twitter]:focus{
	background-position: -944px -44px;
}

a[title=googleplus]:hover,a[title=googleplus]:focus{
	background-position: -988px -44px;
}

a[title=linkedin]:hover,a[title=linkedin]:focus{
	background-position: -1032px -44px;
}

a[title=instagram]:hover,a[title=instagram]:focus{
	background-position: -1076px -44px;
}

a[title=youtube]:hover,a[title=youtube]:focus{
	background-position: -1120px -44px;
}

/* --- Homepage --- */

.home>.ctr{
	padding: 40px 0 100px;
}

/*.home .ctr:after, #headerbar .ctr*/
.ctr:after{
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0
}

.buttonblock-container{
	float: left;
	margin-right: 59.5px;
	width: 280px;
	margin-bottom: 12px;
}

.buttonblock{
	position: relative;
}

.buttonblock-container:nth-child(3n){
	margin-right: 0;
}

.buttonblock-container:nth-child(3n):after{
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	position: relative;
	background: transparent;
}

.buttonblock-container h2{
	font-size: 1.6em;
	font-weight: 400;
	margin-bottom: 15px;
	font-family: 'Varela Round', sans-serif;
}

.buttonblock p{
	margin-bottom: 0;
}

.buttonblock .imagelink{
	display: block;
}

.buttonblock p .captionlink{
	color: #323e47;
	display: block;
	padding: 15px 18px;
	background: #ffffff;
	font-size: 1.1em;
	min-height: 4.5em;
	box-sizing: padding-box;
}

.buttonblock-container:nth-child(5) p .captionlink{
	background-color: #d40031;
	color: #ffffff;
}

.buttonblock ul{
	margin: 0;
	padding: 0;
}

.buttonblock li{
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}

.buttonblock li:first-child{
	margin-bottom: 5px;
}

.buttonblock li a{
	background-color: #313d46;
	color: #ffffff;
	display: block;
	width: 100%;
	text-align: center;
	height: 135px;
	padding-top: 56px;
	font-size: 1.1em;
	position: relative;
}

.buttonblock li:nth-child(even) a{
	background-color: #3eb6ac;
}

.buttonblock a:hover, .buttonblock a:focus{
	text-decoration: none;
	outline: none;
}

.home .buttonblock a:before, .home .buttonblock a:before{
	content:'';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: rgb(31,38,43);
	opacity: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: opacity ease .5s;
	transition: opacity ease .5s;
}

.home .buttonblock a:hover:before, .home .buttonblock a:focus:before{
	opacity: .3;
	-webkit-transition: opacity ease .5s;
	transition: opacity ease .5s;
}

.home .buttonblock-container:first-child .buttonblock a:hover:before, .home .buttonblock-container:first-child .buttonblock a:focus:before{
	opacity: 0;
	-webkit-transition: none;
	transition: none;
}

/* -------------------- Content -------------------- */

header+.ctr{
	padding-top: 50px;
	padding-top: 75px;
	padding-bottom: 90px;
	color: #323e47;
}

.head-section h1{
	margin-top: 0;
}

.head-section h1:first-child:last-child{
	margin-bottom: 50px;
}

.head-section p:first-of-type{
	margin-top: 1.5em;
}

.head-section p:last-of-type{
	margin-bottom: 2em;
}

#main-nav{
	position: absolute;
	top: 0;
	background: #313d46;
	padding: 27px 44px 0;
	z-index: 5;
}

.no-js #main-nav{
	position: relative;
}

#main-nav ul{
	margin: 0;
	padding: 0;
}

.subnav{
	margin: 0;
	padding: 0;
}

.subnav li{
	list-style: none;
	margin: 0 1.8em 0 0;
	padding: 0;
	display: inline-block;
}

.subnav li:first-child{
	margin-left: 0;
}

.subnav a{
	color: #313d46;
	font-size: 1.15em;
	margin: 0 0 23px 0;
	padding: 0 0 8px 0;
	border-bottom: 5px solid #f0ebec;
	font-weight: 300;
	display: block;
}

.subnav a:hover, .subnav a:focus{
	border-color: #313d46;
	text-decoration: none;
	outline: none;
	color: #313d46;
	text-shadow: 0 -1px 0 #313d46, 0 0 0 #313d46;
}

.page-section{
	background: #ffffff;
	margin-bottom: 25px;
	padding: 30px 40px 40px;
}

.page-section:after{
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0
}

.page-section>:first-child{
	margin-top: 0;
}

.page-section>:last-child, .page-section>:last-child>:last-child{
	margin-bottom: 0;
}

h1, h2, h3{
	font-family: 'Varela Round', sans-serif;
}

h2{
	font-size: 18pt;
}

.page-section h1{
	margin-bottom: 1em;
}

.page-section h2{
	margin-bottom: 1.75em;
}

p{
	font-size: 1em;
	margin-bottom: 1.3em;
	margin-bottom: 1em;
	font-weight: 300;
}

.page-section img{
	max-width: 100%;
	height: auto;
}

.page-section>p>img:first-child:last-child{
	margin-bottom: 20px;
}

#liens ul{
	margin: 0;
	padding: 0;
}

#liens li{
	list-style: none;
	position: relative;
	padding: 4px 0 0 40px;
	min-height: 27px;
	font-size: 1.05em;
	margin: 12px 0;
}

#liens li:before{
	content:'';
	/*background: url('images/icon-sprite.png') 0 -34px no-repeat;*/
	background-position: 0 -34px;
	display: block;
	position: absolute;
	width: 30px;
	height: 27px;
	top: 0;
	left: 0;
}

#liens a{
	color: #d40031;
}

#liens a:hover, #liens a:focus{
	
}


.pdflink{
	min-height: 27px;
	position: relative;
	display: block;
	padding: 4px 0 0 40px;
	margin: 12px 0;
}

.pdflink:before{
	content:'';
	/*background: url('images/icon-sprite.png') 0 -34px no-repeat;*/
	background-position: 0 -34px;
	display: block;
	position: absolute;
	width: 30px;
	height: 27px;
	top: 0;
	left: 0;
}



#documentation .pdflink, #presse .pdflink{
	min-height: auto;
	position: static;
	display: block;
	padding: 0;
	margin: 0;
}

#documentation .pdflink:before, #presse .pdflink:before{
	display: none;
}

.lone-title{
	display: block;
	padding-top: 227px;
	color: #000;
	text-align: center;
}

/* -------------------- Gallery -------------------- */

#galerie.page-section{
	padding: 40px 40px 25px;
}

.page-section .gallery-block{
	float: left;
	border: 1px solid #848b91;
	width: 31.666%;
	margin-top: 0;
	margin-right: 2.49%;
	margin-bottom: 2.49%;
	padding-bottom: 3.5em;
	position: relative;
	color: #323e47;
	display: block;
}

.gallery-block:nth-child(3n){
	margin-right: 0;
}

.gallery{
	margin: 0 0 10px 0;
	padding: 0;
}

.gallery li{
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline-block;
	max-width: 100%;
}

.gallery .no-thumbnail{
	position: absolute;
	left: -10000px;
	top: -10000px;
}

.gallery a{
	display: block;
}

.gallery-text{
	position: absolute;
	bottom: 0;
	left: 0;
	height: 3.5em;
	margin-left: 1em;
	margin-right: 1em;
	overflow: hidden;
}

.gallery a{
	max-width: 100%;
	height: auto;
	position: relative;
	z-index: 1;
}

.gallery img{
	max-width: 100%;
	height: auto;
}

.gallery a:before{
	content: '';
	display: block;
	width: 111px;
	height: 111px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -55px 0 0 -55px;
	background: url('images/big-plus.png') center center no-repeat;
	z-index: 6;
	-moz-transition: opacity .5s;
	-webkit-transition: opacity .5s;
	transition: opacity .5s;
	opacity: 0;
}

.gallery a:hover:before, .gallery a:focus:before{
	opacity: 1;
	-moz-transition: opacity .5s;
	-webkit-transition: opacity .5s;
	transition: opacity .5s;
}

.fancybox-nav:focus{
	outline: none;
}

.fancybox-overlay{
	background: rgba(255,255,255,.9);
}

.fancybox-opened .fancybox-skin{
	box-shadow: none;
	border-radius: none;
	background: none;
}

.fancybox-prev span{
	left: -40px;
}

.fancybox-next span{
	right: -40px;
}

.fancybox-nav span{
	visibility: visible;
}

#fancybox-thumbs{
	width: 960px;
}

.fancybox-title-outside-wrap{
	color: #000000;
	font-size: 1.2em;
	padding: 3px 5px;
	margin: 0 auto;
	display: block;
	text-align: center;
	background: #ffffff;
}

/* -------------------- Forms -------------------- */

div.wpcf7{
	margin-top: 40px;
}

.wpcf7-form p{
	margin-bottom: 10px;
}

input, textarea, select{
	border: 1px solid #313d46;
	color: #313d46;
	margin-bottom: 1.2em;
	padding: .6em .5em;
}

.wpcf7-text, .wpcf7-textarea{
	width: 100%;
}

.wpcf7-number{
	margin-right: 20px;
	width: 6em;
}

label{
	color: #313d46;
	display: block;
	margin-bottom: .9em;
	font-weight: 300;
	font-size: 1.05em;
}

.wpcf7-submit, .wpcf7-textarea{
	margin-bottom: 0;
}

.page-section .btn, .wpcf7-submit/*, .page-section p>a:first-child:last-child*/{
	background: #3db5ab;
	border-color: #3db5ab;
	color: #ffffff;
	padding: 1em 1.5em;
	margin-top: 30px;
}

.page-section .btn:hover, .page-section .btn:focus,
.wpcf7-submit:hover, .wpcf7-submit:focus/*, 
.page-section p>a:first-child:last-child:hover, 
.page-section p>a:first-child:last-child:focus*/{
	background: #ffffff;
	border-color: #3db5ab;
	color: #3db5ab;
}

div.wpcf7-response-output{
	margin: 2em 0 0;
	padding: .5em;
	border-color: #3db5ab;
}

/* -------------------- Infos & materials -------------------- */

.materials{
	margin: 0;
	padding: 0;
}

.materials li{
	margin: 0 0 22px;
	padding: 0;
	display: block;
	list-style: none;
}

#presse .materials li>a{
	min-height: 205px;
	display: block;
}

.ui-accordion .ui-accordion-header{
	font-size: 1.4em;
	border-radius: 0;
	border-color: #323e47;
	margin: 10px 0 0;
	font-weight: lighter;
	color: #323e47;
}

.ui-accordion .ui-accordion-icons{
	padding-left: 1.5em;
}

.ui-accordion .ui-accordion-content{
	border: none;
	padding: 43px 22px 22px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default,.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{
	border-color: #848b91;
	background: #ffffff;
}

.material{
	overflow: auto;
}

.dtime{
	border: 3px solid #3db5ab;
	display: block;
	width: 100px;
	float: left;
	padding: 14px;
	font-size: 0;
}

.dtime .day, .dtime .month, .dtime .year{
	color: #3db5ab;
	display: block;
	font-weight: normal;
}

.dtime .day{
	font-size: 37px;
	line-height: 37px;
	font-family: 'Varela Round', sans-serif;
}

.dtime .month{
	font-size: 13px;
	line-height: 13px;
}

.dtime .year{
	font-size: 13px;
	line-height: 19px;
}

.material h3{
	color: #d40031;
	font-size: 1.25em;
	font-weight: normal;
	margin-left: 120px;
	margin-bottom: 0;
}

.mat-content{
	font-size: 1.05em;
	color: #313d46;
	font-weight: lighter;
}

#rapport-dactivites .mat-content{
	margin-left: 120px;
}

.mat-content p:last-child{
	margin-bottom: 0;
}

#presse, #documentation{
	overflow: auto;
	padding-bottom: 0;
}

#presse li, #documentation li{
	width: 32%;
	float: left;
	margin-right: 1.99%;
	margin-bottom: 42px;
}

#presse li:nth-child(3n), #documentation li:nth-child(3n){
	margin-right: 0;
}

#documentation h3, #presse h3{
	display: none;
}

#presse .mat-content, #documentation .mat-content{
	padding-top: 1.5em;
}

#presse .materials a img, #documentation .materials a img{
	display: block;
	margin: 0 auto;
}


/* -------------------- FAQ -------------------- */

article.hrf-entry{
	margin: 0 0 10px 0 !important;
}

article.hrf-entry:last-child{
	margin-bottom: 0 !important;
}

.hrf-entry .hrf-title{
	padding: .5em .5em .5em 1.5em;
	border: 1px solid #323e47;
	/*font-size: 1.4em;*/
	font-size: 1.25em;
	font-weight: lighter;
	margin: 0;
	position: relative;
	color: #323e47;
	/*font-family: "Roboto",sans-serif;*/
	line-height: 1.3;
	min-height: 0;
}

.hrf-entry .hrf-title.close-faq span{
	left: 0.5em;
	margin-top: -8px;
	position: absolute;
	top: 50%;
	top: 1.15em;
	background-image: url("js/images/ui-icons_888888_256x240.png");
	background-color: transparent;
	background-position: -32px -16px;
	height: 16px;
	width: 16px;
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	text-indent: -99999px;
	margin-left: 0;
	margin-right: 0;
}

.hrf-entry .hrf-title.open-faq span{
	background-position: -64px -16px;
}

.hrf-entry .hrf-content{
	padding: 25px 21px 15px;
}

.hrf-entry .hrf-content p{
	margin: 0 0 25px;
	font-size: 1.1em;
}

.hrf-entry .hrf-content p:last-child{
	margin-bottom: 0;
}

a[href^=mailto]{
	font-weight: bold;
}

/* -------------------- News -------------------- */

#actualites.page-section {
	background: none;
	margin-bottom: 0;
	padding: 0;
}

.news-item{
	overflow: auto;
	clear: both;
    background: #ffffff none repeat scroll 0 0;
    margin-bottom: 25px;
    overflow: auto;
    padding: 30px 40px 40px;
}

#temoignages .news-item{
	padding: 0;
}

.news-item>img{
	float: left;
	margin-right: 40px;
	margin-bottom: 30px;
	
	max-width: 100%;
	height: auto;
}

.news-item h2{
	margin-top: 0;
	font-weight: lighter;
	margin-bottom: 27px;
}

.news-item h2 a{
	color: #323e47;
}

.news-item .entry{
	position: relative;
}

.news-item .entry-meta{
	font-style: italic;
	font-size: .95em;
}

.temoignages .entry-meta{
	display: none;
	height: 0;
	margin-bottom: 0;
}

.news-item .entry-content{
	font-size: 1.05em;
}

.news-item .entry-content p{
	margin-bottom: 1.33em;
}

.jsreadmore{
	position: absolute;
	bottom: 0;
	left: 0;
	margin-bottom: 0;
	z-index: 2;
}

#actualites .alm-btn-wrap{
	position: absolute;
	padding: 0;
}

.temoignages .jsreadmore{
	left: auto;
	right: 0;
}

.alm-listing li img{
	border-radius: 0;
	left: auto;
	position: static;
	top: auto;
}

.news-item .gallery a>span{
	display: none;
}

/* ---------------------------- Agenda --------------------- */

.ecs-event-list{
	margin: 0;
	padding: 0;
}

.ecs-event-list:after{
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0
}

.ecs-event{
	margin: 1.99% 1.99% 0 0;
	padding: 30px 40px 45px;
	list-style: none;
	display: block;
	position: relative;
	width: 32%;
	float: left;
	min-height: 17em;
	border: 1px solid #848b91;
}

.ecs-event:nth-child(3n){
	margin-right: 0;
}

.ecs-event:nth-child(1), .ecs-event:nth-child(2), .ecs-event:nth-child(3){
	margin-top: 0;
}
.ecs-event .dayname{
	display: block;
}

.ecs-event .startdate{
	display: block;
}

.ecs-event .entry-title{
	display: block;
	margin-top: 0;
	margin-bottom: 1.2em;
	line-height: 1.2;
}

.ecs-event .startime{
	display: block;
} 

.ecs-event .readmore,
.tribe-events-back a{
	display: block;
	position: absolute;
	bottom: 0;
	padding: 1em 1.33em .8em;
	color: #ffffff;
	background: #3db5ab;
	text-align: center;
	text-transform: uppercase;
	font-size: 1em;
}

.ecs-event .readmore:hover, .ecs-event .readmore:focus{
	text-decoration: none;
	background-color: #848b91;
}

#tribe-events-content.tribe-events-single{
	border: 1px solid #848b91;
	padding: 30px 40px 55px;
	position: relative;
	margin: 0;
}

.tribe-events-single .topdate{
	margin-bottom: 0;
}

.tribe-events-single h2.entry-title, .tribe-events-single .entry-title{
	margin-bottom: 40px;
	color: #d40031;
	font-family: 'PT Sans', sans-serif;
	font-size: 1.4em;
}

.entry-meta{
	margin-bottom: 40px;
}

.tribe-events-single .entry-content{
	margin-bottom: 40px;
	font-style: italic;
}

#tribe-events .tribe-events-content p, .tribe-events-after-html p, .tribe-events-before-html p{
	line-height: 1.4;
}

/* -------------------- Mentions légales, App, Sitemap -------------------- */

.supportpages .postcontent>h2{
	text-align: left;
	text-transform: none;
}

.supportpages h4{
	text-transform: none;
}

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

footer{
	background: #848b91;
	color: #ffffff;
	font-family: 'Varela Round', sans-serif;
	padding: 45px 0 60px;
	color: #f1f1f1;
	font-size: 1.05em;
	letter-spacing: 0;
}

footer .ctr{
	overflow: auto;
}

footer a{
	color: #ffffff;
}

footer a:hover, footer a:focus{
	color: #ffffff;
	outline: none;
}

footer .ctr>div{
	width: 280px;
	margin-right: 60px;
	float: left;
	margin-bottom: 25px;
}

footer .ctr>div:nth-child(3n){
	margin-right: 0;
}

footer .ctr>div:nth-child(4){
	font-style: italic;
}

footer .ctr>div:nth-child(3), footer .ctr>div:nth-child(4), footer .ctr>div:nth-child(5){
	font-size: .875em;
}

footer .ctr>div:nth-child(6) .textwidget{
	position: relative;
	padding-left: 35px;
}

footer .ctr>div:nth-child(6) .textwidget:before{
	content: '';
	display: block;
	position: absolute;
	width: 25px;
	height: 25px;
	left: 0;
	top: -5px;
	/*background: url('./images/icon-sprite.png') -26px 0 no-repeat;*/
	background-position: -26px 0;
}

footer .ctr>div:nth-child(6) img{
	margin-top: -6px;
	float: right;
}

@media screen and (max-width: 959px) {
	.ctr {
		width: 700px;
	}
	
	.main-navcontainer{
		width: 700px;
		margin-left: -350px;
	}
	
	#top-tagline{
		margin-left: 310px;
		text-align: right;
	}
	
	.home #logo img{
		width: 156px;
		height: 105px;
	}
	
	.advps-slide-container{
		margin-top: -108px;
	}
	
	.advps-slide > div{
		width: 320px !important;
	}
	
	.advps-slide > a{
		margin-left: 320px;
		width: 380px;
	}
	
	.bx-wrapper .bx-viewport{
		height: 298px !important;
	}
	
	.bx-wrapper .bx-controls-direction a{
		bottom: 13px;
	}
	
	.bx-wrapper .bx-prev{
		left: 20px;
	}
	
	.bx-wrapper .bx-next{
		left: 68px;
	}
	
	.advps-slide > div > div:last-child{
		bottom: 50px;
		left: 20px;
	}
	
	#advps_container1 .bx-wrapper .advs-title a:hover, #advps_container1 .bx-wrapper .advs-title a:focus{
		color: #ffffff;
	}
	
	#presse .materials li > a{
		min-height: 148px;
	}
	
	.lone-title{
		padding-top: 170px;
	}
		
	#presse li img, #documentation li img{
		max-width: 100%;
		height: auto;
	}
	
	.home > .ctr{
		padding: 20px 0 60px;
	}
	
	.buttonblock-container{
		margin-right: 30px;
		width: 213px;
	}
	
	.buttonblock .imagelink img{
		max-width: 100%;
		height: auto; 
	}
	
	.buttonblock-container h2{
		font-size: 1.15em;
	}
	
	.buttonblock p .captionlink{
		font-size: 1em;
		min-height: 6.5em;
	}
	
	.buttonblock li a{
		height: 121px;
		padding-top: 51px;
		font-size: 1em;
	}
	
	.news-item > img{
		max-width: 300px;
	}
	
	.ecs-event{
		width: 49%;
	}
	
	.ecs-event:nth-child(3n){
		margin-right: 1.99%;
	}
	
	.ecs-event:nth-child(2n){
		margin-right: 0;
	}
	
	.ecs-event:nth-child(3){
		margin-top: 1.99%;
	}
	
	.ecs-event:nth-child(1), .ecs-event:nth-child(2){
		margin-top: 0;
	}
	
	footer .ctr > div{
		width: 48%;
		margin-right: 4%;
	}
	
}

@media screen and (max-width: 699px) {
	.ctr {
		width: 500px;
	}
	
	.home #logo-container{
		position: relative;
	}
	
	.home #logo-container:after{
		/*-cover little display bug-*/
		content: '';
		display: block;
		width: 1px;
		height: 102px;
		background: #ffffff;
		position: absolute;
		right: 0;
		top: 0;
	}
	
	.home #logo img{
		margin: 17px 0 0 21px;
	}
	
	#top-tagline{
		margin-left: 250px;
		top: 24px;
	}
	
	.bx-wrapper .bx-viewport{
		height: 582px !important;
	}
	
	.advps-slide{
		position: relative;
	}
	
	.advps-slide > a{
		margin-left: 0;
		width: 500px;
	}
	
	.advps-slide > div{
		width: 500px !important;
		position: relative;
		height: 190px !important;
		width: auto !important;
		left: auto !important;
	}
		
	.main-navcontainer{
		width: 500px;
		margin-left: -250px;
	}
	
	#main-nav{
		padding: 25px 20px 0;
	}
	
	#main-nav li{
		width: 47.5%;
		margin: 0 1%;
	}
	
	#main-nav a{
		font-size: 1.1em;
	}
	
	#searchform input[type="search"]:focus{
		width: 12em;
	}
	
	#presse li, #documentation li{
		width: 49%;
	}
	
	#presse .materials li{
		min-height: 230px;
	}
	
	#documentation .materials li{
		min-height: 230px;
	}
	
	#presse li:nth-child(3n), #documentation li:nth-child(3n),
	#presse li:nth-child(even), #documentation li:nth-child(even){
		margin-right: 0;
	}
	
	.news-item > img{
		max-width: 200px;
	}
	
	.buttonblock-container{
		margin-right: 30px;
		width: 235px;
	}
	
	.buttonblock-container:nth-child(3n){
		margin-right: 30px;
	}
	
	.buttonblock-container:nth-child(even){
		margin-right: 0;
	}
	
	.buttonblock li a{
		height: 129px;
	}
	
}

@media (max-width: 500px) {
	.ctr{
		width: 89.99%;
		margin-left: 5%;
		margin-right: 5%;
	}
	
	header .ctr{
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	
	.home>header>.ctr:before{
		display: none;
	}
	
	#headerbar .ctr{
		margin-left: 0;
		margin-right: 0;
	}
	
	.headerbar-block{
		margin-right: 10px;
	}
	
	.headerbar-block:first-child{
		margin-right: 0;
		margin-left: 10px;
	}
	
	.main-navcontainer{
		width: 100%;
		margin-left: -50%;
	}
	
	.home #logo-container{
		height: 180px;
	}
	
	#logo img{
		margin: 22px 0 0 19px;
	}
	
	#top-tagline{
		margin-left: 185px;
		right: 19px;
		top: 15px;
	}
	
	.home #top-tagline{
		right: 10px;
	}
	
	.home #logo img{
		width: 123px;
		height: 83px;
		margin: 17px 0 0 21px;
	}
	
	#main-nav{
		width: 100%;
	}
	
	#main-nav li{
		width: 100%;
		display: block;
		text-align: center;
	}
	
	.advps-slide > a{
		width: 100%;
		position: relative;
	}
		
	.bx-controls{
		position: relative;
	}
	
	.bx-wrapper .bx-viewport{
		height: auto !important;
	}
	
	.home-btn{
		margin-right: 15px;
	}
	
	.buttonblock-container{
		height: 300px;
	}
	
	.buttonblock-container,
	.buttonblock-container:nth-child(3n),
	.buttonblock-container:nth-child(even){
		width: 47.5%;
		margin-left: 0;
		margin-right: 0;
	}

	.buttonblock-container:nth-child(even){
		margin-left: 4.99%;
	}
	
	.buttonblock-container h2{
		font-size: .9em;
	}
	
	.buttonblock{
		height: 250px;
	}
	
	.buttonblock .imagelink img{
		width: 100%;
	}
	
	.buttonblock p .captionlink{
		padding: 10px 12px;
	}
	
	.buttonblock li a{
		padding-top: 54px;
		height: 122px;
	}
	
	.subnav{
		margin-top: 15px;
	}
	
	.subnav a{
		margin-bottom: 15px;
		padding-bottom: 6px;
	}
	
	.page-section, .news-item{
		padding: 20px 20px 30px;
	}
	
	.hrf-entry .hrf-title{
		font-size: 1.2em;
	}
	
	.hrf-entry .hrf-content{
		padding: 20px 3px 10px;
	}
	
	.ecs-event,
	.ecs-event:nth-child(1), .ecs-event:nth-child(2), .ecs-event:nth-child(3){
		width: 100%;
		margin-right: 0;
		margin-bottom: 1.99%;
		margin-top: 1.99%;
		padding: 20px 20px 45px;
	}
	
	.ecs-event:first-child{
		margin-top: 0;
	}
	
	.ecs-event:last-child{
		margin-bottom: 0;
	}
	
	#tribe-events-content.tribe-events-single{
		padding: 20px 20px 45px;
	}
		
	#galerie.page-section{
		padding: 20px;
	}
	
	.gallery-block{
		float: left;
		width: 49%;
		margin: 0 1.99% 15px 0;
	}
	
	.gallery-block:nth-child(2n+1), .gallery-block:nth-child(even){
		margin-right: 0;
	}
	
	.gallery-block:nth-child(odd){
		margin-right:1.99%;
	}
	
	.gallery-text{
		font-size: .9em;
		margin-left: .5em;
		margin-right: .5em;
		height: 4.5em;
	}
	
	.fancybox-close{
		bottom: -35px;
		top: auto;
		right: 50%;
		margin-right: -18px;
	}
	
	.fancybox-nav span{
		bottom: -35px;
		top: auto;
	}
	
	.fancybox-prev span{
		left: 0;
	}
	
	.fancybox-next span{
		right: 0;
	}
	
	.ui-accordion .ui-accordion-content{
		padding-left: 0;
		padding-right: 0;
	}
	
	.dtime{
		float: none;
		font-size: 16px;
		width: auto;
		color: #3db5ab;
	}
	
	.dtime .day, .dtime .month, .dtime .year{
		display: inline;
		font-size: 16px;
		line-height: 16px;
	}
	
	.material h3, #rapport-dactivites .mat-content{
		margin-left: 10px;
	}
	
	.news-item > img{
		float: none;
		max-width: 100%;
	}
	
	footer{
		padding: 45px 0;
	}
	
	footer .ctr > div{
		width: 100%;
		margin-right: 0;
	}
	
	footer .ctr > div:last-child{
		text-align: center;
		margin-top: 30px;
	}
	
	footer .ctr > div:last-child div a img{
		text-align: center;
		float: none;
	}
}

@media (min-width: 400px) and (max-width: 450px) {
	.buttonblock li a{
		padding-top: 40px;
		height: 99px;
	}
}

@media (max-width: 400px) {
	#top-tagline{
		font-size: .85em;
	}
	
	.buttonblock li a{
		padding-top: 30px;
		height: 102px;
	}
}

/*
	 ////////////////////
    ////////  320 //////   
	////////////////////
*/
@media (max-width: 340px) {
	
	.home #logo img, #logo img{
		margin-left: 14px;
	}
	
	#top-tagline{
		margin-left: 160px;
	}
	
	#main-nav,#social-menu, #lang_sel_list{
		margin-top: 2.65em;
	}
	
	.headerbar-block:last-child #searchform{
		float: none;
		position: absolute;
		right: 0;
		padding: 0 10px 16px;
		bottom: -4.5em;
		background: #ffffff;
		width: 100%;
	}
	
	#searchform input{
		right: 10px;
	}
	
	#searchform input[type="search"]{
		height: 33px;
	}
	
	#main-nav{
		width: 100%;
	}
	
	#main-nav li{
		width: 100%;
		display: block;
		text-align: center;
	}
	
	.home > .ctr{
		padding-top: 60px;
	}
	
	.buttonblock-container,.buttonblock-container:nth-child(3n), .buttonblock-container:nth-child(2n), .buttonblock-container:nth-child(even){
		float: none;
		width: 100%;
		height: auto;
		margin: 0 0 30px 0;
	}
	
	.buttonblock-container h2{
		font-size: 1.3em;
	}
	
	.buttonblock{
		height: auto;
	}
	
	.buttonblock li a{
		height: auto;
		padding-top: 25px;
		padding-bottom: 25px;
	}
	
	.buttonblock p .captionlink{
		min-height: auto;
	}
	
	.page-section h1{
		font-size: 2em;
	}
	
	.gallery-block{
		float: none;
		width: 100%;
		margin: 0 0 15px;
	}
	
	#presse li, #documentation li{
		width: 100%;
	}
	
	#presse li a.pdflink, #documentation li a.pdflink, #documentation .inf-ctr li a{
		text-align: center;
		display: block;
	}
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
	.bx-wrapper .bx-controls-direction a,
	.sprite-btn,
	.menu-btn:before,
	#searchform input[type="submit"],
	a[title=facebook],a[title=twitter],a[title=googleplus],a[title=linkedin],a[title=instagram],a[title=youtube],
	#liens li:before,
	footer .ctr>div:nth-child(6) .textwidget:before{
		background-image: url('images/icon-sprite-retina.png');
		background-size: 284px 90px;
	}
}