charset "UTF-8";
/*!
* Theme CSS -
* Based on Twitter Bootsrap 3
* Author - Datack - www.datack.fr

01 - GENERIC STYLES
02 - COLORS
03 - ICONS 
04 - TITLES
05 - LISTS
06 - FORMS
07 - NAVIGATION
08 - HOMEPAGE
09 - FOOTER
10 - SUBMENU - BANNER - FILTERS - SEARCH OVERLAY
11 - NEWS CARD 
12 - ARTICLE
13 - CALL-2-ACTION
14 - RESPONSIVE LAYOUT
*/

/*------------------------------------------------------*
*-----------------------------------     01 - GENERIC STYLES   ----*
*------------------------------------------------------*/

/*--------------------- HTML - BODY ---------------------*/
html {
	font-size: 62.5%;
}
body {
	font-family: 'Rubik', sans-serif;
	color: #444444;
	font-size: 1.8rem;
	overflow-x: hidden;
}
/*--------------------- LINKS ---------------------*/

a, a:hover, a:focus {
	color: inherit;
}
.underline {
	text-decoration: underline !important;
}
.nolink, .nolink:hover, .nolink:focus {
	text-decoration: none !important
}
/*--------------------- MARGIN ---------------------*/

.nomargin {
	margin-left: 0;
	margin-right: 0
}
.zeromargin {
	margin: 0 !important
}
.margin-top {
	margin-top: 30px !important;
}
.margin-right {
	margin-right: 30px
}
.margin-bottom {
	margin-bottom: 30px !important;
}
.margin-left {
	margin-left: 30px
}
/*--------------------- PADDING ---------------------*/

.padding-top {
	padding-top: 30px
}
.padding-bottom {
	padding-bottom: 30px
}
.padding15 {
	padding: 1.5rem;
}
.padding30 {
	padding: 3rem;
}
/*--------------------- EDITORIAL STYLES ---------------------*/

.noborder {
	border: 0 !important
}
.noradius {
	border-radius: 0 !important;
}
.float-left {
	float: left
}
.float-right {
	float: right
}
.fullwidth {
	width: 100%
}
.relative {
	position: relative
}
.transition, .transition:hover {
	transition: all ease 0.3s;
}
.lineheight {
	line-height: 1.2
}
hr {
	border-color: inherit;
}
.block {
	display: block;
}
.uppercase {
	text-transform: uppercase;
}
p {
	margin: 0;
	padding: 1.5rem 0
}
.alert {
	padding-top: 50px;
}

.alert.alert-pcf {
    background-color: #ff5252;
    border-radius: 0;
    min-height: 70px;
    padding: 20px;
    margin: 0;
    color: #FFF;
    font-size: 22px;
    text-align: center;
	display: none;
}

.alert.alert-pcf.erase{ display: none !important}

.alert.alert-pcf a {
	background-color: rgba(255, 255, 255,0.2);
	border-radius: 2px;
	padding: 4px 12px;
	text-decoration: underline;
}

.alert.alert-pcf p {
	margin: 0;
	padding: 0;
}

.alert.alert-pcf .close {
	background-color: transparent;
	padding: 0;
	border-radius: 0;
	color: #FFF;
	font-size: 36px;
	text-decoration: none;
	font-family: 'pcf';
	font-weight: 100;
	opacity: 1;
	right: 0;
    top: -4px;
}

.alert.alert-pcf .close::before {
	content: "\e949";	
}

blockquote p {
	font-size: 4rem;
	font-weight: normal;
	letter-spacing: normal;
	background-color: #bebebe;
	color: #FFF;
	display: inline;
	padding: 1rem 2rem;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
}
blockquote {
	margin: 3rem 0;
	border: 0;
	padding: 0;
}
.chapeau {
	font-size: 2.4rem;
	font-weight: normal;
	line-height: 1.4;
	margin: 1.5rem 0;
}
.editorial a {
	color: #ff5252;
	text-decoration: none;
}
.editorial a:hover, .editorial a:focus {
	text-decoration: underline;
}
.video-display iframe {
	display: none !important;
}
.editorial iframe {
	width: 100%;
}
.disabled {
	cursor: not-allowed !important
}
code {
	padding: 0;
	font-size: 1.4rem;
	color: #959595;
	background-color: transparent;
	border-radius: 0;
	font-family: inherit;
}
*:focus {
	outline: none !important
}
/*--------------------- FIVE COLLUMNS ---------------------*/

.col-sm-15, .col-md-15, .col-lg-15 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

@media (min-width: 2px) {
.col-sm-15 {
	width: 20%;
	float: left;
}
}

@media (min-width: 992px) {
.col-md-15 {
	width: 20%;
	float: left;
}
}

@media (min-width: 1200px) {
.col-lg-15 {
	width: 20%;
	float: left;
}
}


iframe#event_page_content_editable_ifr {
    min-height: 280px;
    max-height: 280px;
}

/*--------------------- SWITCH MODULE ---------------------*/


.switch-module li {
	padding: 0;
}
.switch-module li > a {
	color: #ff8282;
	background-color: #FFF;
	padding: 0;
	font-size: 2rem;
	line-height: 5.8rem;
	padding: 0;
	margin: 0;
	font-weight: 400;
	display: block;
	width: 100%;
	border: solid 0.1rem #ff8282;
	border-left: none;
	border-radius: 0;
	text-decoration: none !important;
}
.switch-module li:first-child a {
	border-left: solid 0.1rem #ff8282;
}
.switch-module li.active a {
	background-color: #ff8282;
	color: #FFF;
	border: solid 0.1rem #ff8282;
}
.switch-module li > a:hover, .switch-module li > a:focus {
	background-color: #ff8282;
	color: #fff;
	text-decoration: none;
	opacity: 0.7;
}
.switch-module li:last-child > a:hover, .switch-module li:last-child > a:focus {
	background-color: #fff;
	color: #ff8282;
	text-decoration: none;
	opacity: 0.7;
}
.switch-module li.active > a:hover, .switch-module li.active > a:focus {
	color: #fff;
	background-color: #ff8282;
}
/*///////////////////////////////  BG VIDEO /////////////////////////////////*/

#bgvid {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -100;
	transform: translateX(-50%) translateY(-50%);
	/*background: url('https://ressources.pcf.fr/images/website/home.png') no-repeat center center #FFF;
	background-size: cover;*/
	background-color: #000;
}
.web_submission {
	display: none
}
#cookies-banner {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 9;
	background-color: #444444;
	color: #fff;
	display: none;
}
#pcf_connect {
	position: relative;
	margin-top: 30px;
	padding-bottom: 15px;
	transition: top 0.3s linear;
	z-index: 2;
}
#mon_pcf_sub_menu {
	display: none;
}
body.page-users-event-pages-new #mon_pcf_sub_menu {
	display: block;
}
/*------------------------------------------------------*
*-----------------------------------    02 - COLORS     ----*
*------------------------------------------------------*/


/*--------------------- WHITE ---------------------*/

.white {
	color: rgba(255, 255, 255,1);
}
a.white:hover, a.white:focus, button.white:hover, button.white:focus, input.white:hover, input.white:focus {
	color: rgba(255, 255, 255,1);
}
.bg-white {
	background-color: rgba(255, 255, 255,1);
}
.dark-white {
	color: rgba(247, 247, 247,1);
}
.bg-dark-white {
	background-color: rgba(247, 247, 247,1);
}
/*-------------------------------- GREY --------------------------------*/

.light-grey {
	color: #f1f1f1 !important
}
.bg-light-grey {
	background-color: #f1f1f1 !important
}
.grey {
	color: #bebebe !important
}
.bg-grey {
	background-color: #bebebe !important
}
.dark-grey {
	color: #959595 !important
}
.bg-dark-grey {
	background-color: #959595 !important
}
/*-------------------------------- BLACK --------------------------------*/

.light-black {
	color: #444444 !important
}
.bg-light-black {
	background-color: #444444 !important
}
.black {
	color: #1d1d1d !important
}
.bg-black {
	background-color: #1d1d1d !important
}
/*-------------------------------- GREEN --------------------------------*/

.green {
	color: #34bc6c !important
}
.bg-green {
	background-color: #34bc6c !important
}
.light-green {
	color: #a6ecc3 !important
}
.bg-light-green {
	background-color: #a6ecc3 !important
}
/*-------------------------------- RED --------------------------------*/

.light-red {
	color: #ff8282 !important
}
.bg-light-red {
	background-color: #ff8282 !important
}
.red {
	color: #ff5252 !important
}
.bg-red {
	background-color: #ff5252 !important
}
.dark-red {
	color: #c53736 !important
}
.bg-dark-red {
	background-color: #c53736 !important
}
/*-------------------------------- OTHERS COLOURS --------------------------------*/

.yellow {
	color: #ffea06 !important
}
.bg-yellow {
	background-color: #ffea06 !important
}
.blue {
	color: #7a2cfc !important
}
.bg-blue {
	background-color: #7a2cfc !important
}
.purple {
	color: #bf99ff !important
}
.bg-purple {
	background-color: #bf99ff !important
}
/*------------------------------------------------------*
*-----------------------------------    03 - ICONS     ----*
*------------------------------------------------------*/

[class^="icon-"]:before, [class*=" icon-"]:before, .flex-next:before, .flex-prev:before,  [class^="icon-"], [class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'pcf' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	opacity: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-facebook:before {
	content: "\e900";
}
.icon-facebook2:before {
	content: "\e901";
}
.icon-twitter:before {
	content: "\e902";
}
.icon-youtube:before {
	content: "\e903";
}
.icon-share:before {
	content: "\e904";
}
.icon-star:before {
	content: "\e905";
}
.icon-search:before {
	content: "\e906";
}
.icon-arrow-left:before {
	content: "\e907";
}
.icon-arrow-right:before {
	content: "\e908";
}
.icon-tick:before {
	content: "\e909";
}
.icon-play:before {
	content: "\e910";
}
.icon-text:before {
	content: "\e911";
}
.icon-calendar:before {
	content: "\e912";
}
.icon-profile:before {
	content: "\e913";
}
.icon-info:before {
	content: "\e914";
}
.icon-info2:before {
	content: "\e915";
}
.icon-pen:before {
	content: "\e916";
}
.icon-pen2:before {
	content: "\e917";
}
.icon-flag:before {
	content: "\e918";
}
.icon-flag2:before {
	content: "\e919";
}
.icon-flag3:before {
	content: "\e920";
}
.icon-dl:before {
	content: "\e921";
	font-size: 115%;
}
.icon-dl {
	vertical-align: bottom;
}
.icon-plus:before {
	content: "\e922";
}
.icon-earth:before {
	content: "\e923";
}
.icon-earth2:before {
	content: "\e924";
}
.icon-brotherhood:before {
	content: "\e925";
}
.icon-financial:before {
	content: "\e926";
}
.icon-fist:before {
	content: "\e927";
}
.icon-hand:before {
	content: "\e928";
}
.icon-paperclip1:before {
	content: "\e929";
}
.icon-paperclip2:before {
	content: "\e930";
}
.icon-plus2:before {
	content: "\e931";
}
.icon-left:before {
	content: "\e932";
}
.icon-down:before {
	content: "\e933";
}
.icon-right:before {
	content: "\e934";
}
.icon-up:before {
	content: "\e935";
}
.icon-up2:before {
	content: "\e936";
}
.icon-down2:before {
	content: "\e937";
}
.icon-left2:before {
	content: "\e938";
}
.icon-right2:before {
	content: "\e939";
}
.icon-thumb-up:before {
	content: "\e940";
}
.icon-thumb-down:before {
	content: "\e941";
}
.icon-check:before {
	content: "\e942";
}
.icon-radiobutton:before {
	content: "\e943";
}
.icon-radiobutton2:before {
	content: "\e944";
}
.icon-book:before {
	content: "\e945";
}
.icon-heart:before {
	content: "\e946";
}
.icon-email:before {
	content: "\e947";
}
.icon-email2:before {
	content: "\e948";
}
.icon-close:before {
	content: "\e949";
}
.icon-check2:before {
	content: "\e950";
}
.icon-creditcard:before {
	content: "\e933e";
}
.icon-error:before {
	content: "\e934e";
}
.icon-problem:before {
	content: "\e935e";
}
.icon-smiley:before {
	content: "\e951";
}
.icon-eye:before {
	content: "\e952";
}
.icon-marker:before {
	content: "\e953";
}
.icon-avatar:before {
	content: "\e954";
}
.icon-group:before {
	content: "\e955";
}
.icon-reload:before {
	content: "\e956";
}
.icon-download:before {
	content: "\e957";
	font-size: 115%;
}
.icon-download {
	vertical-align: bottom;
}
.icon-heart2:before {
	content: "\e958";
}
.icon-comment:before {
	content: "\e959";
}
.icon-pharma:before {
	content: "\e960";
}
.icon-book2:before {
	content: "\e961";
}
.icon-credit-card:before {
	content: "\e962";
}
.icon-error:before {
 content: "\e963;
}
.icon-problem:before {
	content: "\e964";
}
.icon-minus:before {
	content: "\e965";
}
.icon-pcf:before {
	content: "\e966";
}
/*------------------------------------------------------*
*-----------------------------------    04 - TITLES     ----*
*------------------------------------------------------*/

/*--------------------- SIZE ---------------------*/

.xxl {
	font-size: 10rem !important;
}
.xl {
	font-size: 7.2rem !important;
}
.large {
	font-size: 5.6rem !important;
}
.small {
	font-size: 1.4rem !important;
}
.xs {
	font-size: 1.2rem !important;
}
h1 {
	font-size: 4.5rem;
}
h2 {
	font-size: 3.2rem;
}
h3 {
	font-size: 2.4rem;
}
h4 {
	font-size: 2.2rem;
}
h5 {
	font-size: 1.9rem;
}
h1, h2, h3, h4, h5 {
	font-weight: 500;
	line-height: 1
}
/*--------------------- WEIGHT ---------------------*/

.weight400 {
	font-weight: 400 !important;
}
.weight300 {
	font-weight: 300 !important;
}
.weight200 {
	font-weight: 200 !important;
}
.weight100 {
	font-weight: 100 !important;
}
/*------------------------------------------------------*
*-----------------------------------    05 - LISTS     ----*
*------------------------------------------------------*/


.editorial ul {
	list-style-type: inherit;
	padding: inherit;
}
ul, ol {
	list-style-type: none;
	padding: 0;
}
.list-group-item {
	position: relative;
	display: block;
	padding: 10px 0;
	border: 0;
	font-size: 1.8rem;
}
.list-group-item strong {
	font-size: 2.4rem;
	font-weight: 500
}
.list-group-item a:hover, .list-group-item a:focus {
	text-decoration: underline;
}
/*------------------------------------------------------*
*-----------------------------------   06 - FORMS     ----*
*------------------------------------------------------*/

label {
	font-size: 1.6rem;
	font-weight: 400;
	color: #bebebe;
}
.form-control {
	height: 4.8rem;
	padding: 0.6rem 1.2rem;
	font-size: 1.6rem;
	border-radius: 2px;
	color: #bebebe;
	border: 1px solid #bebebe;
	font-size: 2rem;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.25;
	color: #444444;
	margin-bottom: 2rem;
}
.input-xs {
	height: 3.8rem;
	padding: 0.6rem 1.2rem;
	font-size: 1.6rem;
	border-radius: 2px;
	color: #999999;
	border-color: #bebebe;
	border-right: none;
}
/*--------------------- BUTTONS ---------------------*/

.btn {
	font-size: 1.6rem;
	border-radius: 2px;
	padding: 0 1.6rem;
	border: none;
	text-transform: uppercase;
	transition: all ease 0.3s;
}
.btn:hover, .btn:focus, .btn.focus {
	color: inherit;
}
.btn-border {
	border: solid 0.2rem #FFF;
	border-color: inherit;
}
.btn-fade:hover, .btn-fade:focus {
	opacity: 0.7;
}
.btn-margin-bottom {
	margin-bottom: 1rem;
	display: block;
}
.imgreplace {
	position: relative;
	left: -15px;
}
.btn-xs {
	line-height: 3.8rem;
}
.btn-sm {
	line-height: 4.8rem;
	font-size: 1.8rem;
}
.btn-md {
	line-height: 5.8rem;
	font-size: 1.8rem;
}
.btn-lg {
	line-height: 5.8rem;
	text-transform: none;
	font-size: 2rem;
}
.btn-border.btn-xs {
	line-height: 3.2rem;
}
.btn-border.btn-sm {
	line-height: 4.2rem;
}
.btn-border.btn-md, .btn-border.btn-lg {
	line-height: 5.2rem;
}
.btn-lg [class^="icon-"], .btn-lg [class*=" icon-"] {
	font-size: 2.6rem;
}
.btn [class^="icon-"], .btn [class*=" icon-"], a [class^="icon-"], a [class*=" icon-"] {
	/*min-width:1.5rem;*/
	display: inline-block;
	text-align: left;
	line-height: inherit;
	margin-left: 1rem;
	margin-right: 1rem;
}
.btn [class^="icon-"].float-left, .btn [class*=" icon-"].float-left, a [class^="icon-"].float-left, a [class*=" icon-"].float-left {
	text-align: left;
}
.btn [class^="icon-"].float-right, .btn [class*=" icon-"].float-right, a [class^="icon-"].float-right, a [class*=" icon-"].float-right {
	text-align: right;
}
.btn:hover [class^="icon-"], .btn:hover [class*=" icon-"], a:hover [class^="icon-"], a:hover [class*=" icon-"], .btn:focus [class^="icon-"], .btn:focus [class*=" icon-"], a:focus [class^="icon-"], a:focus [class*=" icon-"] {
	text-decoration: none;
}
.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
	margin-left: 0;
}
*:active {
	box-shadow: none !important;
}
/*--------------------- CHECKBOX ---------------------*/

.checkbox input[type=checkbox] {
	/*display: none;*/
	
	position: relative;
	opacity: 0;
	left: 26px;
	top: 18px;
	z-index: -1;
}
.checkbox label {
	font-size: 1.8rem;
	line-height: 1;
	padding-left: 0;
	color: #444444;
}
.checkbox input[type=checkbox] + span {
	position: relative;
	height: 24px;
	width: 24px;
	display: inline-block;
	cursor: pointer;
	background-color: #FFF;
	float: left;
	margin-right: 10px;
	border-radius: 2px;
	border: solid 1px #bebebe;
}
div.checkbox input[type=checkbox] + span:hover, div.checkbox input[type=checkbox]:checked + span {
}
div.checkbox input[type=checkbox]:checked + span:after {
	font-family: 'pcf' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e909";
	height: 1em;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	color: #bebebe;
	font-size: 1rem;
	font-weight: 100;
	text-align: center;
}
/*--------------------- DATE PICKER ---------------------*/

.input-group {
	margin-bottom: 2rem;
}
.input-group[class*="col-"] {
	float: left;
	padding-left: 15px;
	padding-right: 15px;
}
.input-group-addon {
	color: #bebebe;
	background-color: #FFF;
	border: 1px solid #bebebe;
	border-radius: 2px;
}
/*--------------------- PROGRESSBAR ---------------------*/

.progress {
	overflow: visible;
	margin-top: 5rem;
}
.progress-bar {
	background-color: #f1f1f1;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #444444;
}
.progress-bar span {
	position: relative;
	top: -2rem;
	color: #444444;
	line-height: 0.5;
	font-weight: 500;
	font-size: 1.6rem;
}
/*--------------------- STEPPER ---------------------*/


.stepwizard-step p {
	margin-top: 0px;/*color:#666;*/
}
.stepwizard-row {
	display: table-row;
}
.stepwizard {
	display: table;
	width: 100%;
	position: relative;
}
.stepwizard-step button[disabled] {
/*opacity: 1 !important;
    filter: alpha(opacity=100) !important;*/
}
.stepwizard .btn.disabled, .stepwizard .btn[disabled], .stepwizard fieldset[disabled] .btn {
	opacity: 1 !important;/*color:#bbb;*/
}
.stepwizard-row:before {
	top: 14px;
	bottom: 0;
	position: absolute;
	content: " ";
	width: 100%;
	height: 1px;
	background-color: #ccc;
	z-index: 0;
}
.stepwizard-step {
	display: table-cell;
	text-align: center;
	position: relative;
}
.btn-circle {
	width: 30px;
	height: 30px;
	text-align: center;
	padding: 0.65rem 0 !important;
	font-size: 12px !important;
	line-height: 1.75rem;
	border-radius: 15px !important;
}
.btn-success {
	color: #fff;
	background-color: #a6ecc3;
	border-color: #a6ecc3;
}
.btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
	color: #fff !important;
	background-color: #a6ecc3;
	border-color: #a6ecc3;
}
.panel {
	border: none;
	border-radius: none;
	box-shadow: none !important;
}
/*------------------------------------------------------*
*-----------------------------------    07 - NAVIGATION     ----*
*------------------------------------------------------*/

#navigation-section {
	min-height: 60px;
	border-bottom: 1px solid #4444;
	background-color: #FFF;
}
.logo {
	position: absolute;
	top: 0;
	left: -15px;
	z-index: 4;
}
.navbar-brand .logo {
	width: 132px;
	margin: 1rem;
}
.navbar-brand .logo img {
	width: 100%;
}
.navbar-brand {
	padding: 0;
	line-height: normal;
	height: auto;
}
.navbar-brand img {
	max-width: none;
}
.navbar {
	z-index: 3;
	border: 0;
	font-size: 1.6rem;
	margin: 0;
	border-radius: 0;
	min-height: 0;
}
.navbar-nav {
	float: right;
	margin-top: 1rem;
}
.nav > li {
	position: static;
}
.nav > li > a {
	color: #444444;
	font-size: 1.6rem;
	padding: 10px 5px;
	margin-left: 3px;
	font-weight: 400;
}
.nav > li.active > a {
	text-decoration: underline;
}
.nav > li > a:hover, .nav > li > a:focus {
	background-color: transparent;
	color: #444444;
	text-decoration: underline;
}
.navbar-toggle {
	margin-right: 0;
	padding: 5px;
	margin-top: 15px;
	margin-bottom: 0;
	border: 0;
	border-radius: 0;
	height: 30px;
	z-index: 5;
}
#home-carousel-section{
	position: relative;
}
#home-carousel-section .navbar-toggle{
	position: absolute;
	top:0;
	right: 0;
}

.transparent-banner {
    height: 100px;
    width: 100%;
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
	background: linear-gradient(to bottom, rgba(29, 29, 29, 0.6), rgba(255, 255, 255, 0));
}


.navbar-collapse {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh !important;
	z-index: 3;
	transition: left 0.3s ease-in;
	overflow: auto;
	padding: 0;
}
/*--------------------- MENU OPENING ---------------------*/

.navbar-collapse.collapsing {
	left: 100%;
	transition: left 0s ease-in;
}
/*--------------------- MENU OPENED ---------------------*/

.navbar .collapse.in {
	background-color: #FFF;
	position: fixed;
	padding-top: 125px;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	overflow: auto;
	padding-bottom: 110px;
}
.navbar .collapse.in .logo {
	width: 50px;
	height: 50px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 4;
}
.navbar .collapse.in .nav > li > a {
	color: #444444;
	padding: 10px;
	line-height: normal;
	font-size: 3.2rem;
	display: inline-block;
	font-weight: 500;
}
.navbar .collapse.in .navbar-nav {
	width: 100%;
	margin: 0;
}
.navbar-toggle[aria-expanded="true"] + .navbar-brand {
	position: fixed;
	z-index: 9;
}
.collapse.in .home-module {
	display: none;
}
.collapse.in .monpcf {
	position: fixed;
	bottom: 0;
	width: 50%;
	left: 0;
	margin: 0;
	font-size: 2rem !important;
	font-weight: 300 !important;
	font-style: normal;
	font-stretch: normal;
	line-height: 48px !important;
	letter-spacing: normal;
	padding: 0 !important;
}
.collapse.in .donner {
	position: fixed;
	bottom: 0;
	width: 50%;
	right: 0;
	margin: 0;
	font-size: 2rem !important;
	font-weight: 300 !important;
	font-style: normal;
	font-stretch: normal;
	line-height: 48px !important;
	letter-spacing: normal;
	padding: 0 !important;
}
.collapse.in .search-phone-module {
	height: 49px;
	width: 50%;
	left: 0;
	position: fixed;
	bottom: 48px;
	border-top: solid 1px #f1f1f1;
	border-right: solid 1px #f1f1f1;
}
.collapse.in .search-phone-module input {
	border: none;
	height: 48px;
	font-size: 1.6rem;
	padding-left: 33%;
	width: 100%;
}
.social-phone-module, .social-phone-module {
	display: none;
}
.collapse.in .social-phone-module {
	border-top: solid 1px #f1f1f1;
	display: block;
	width: 50%;
	right: 0;
	position: fixed;
	bottom: 48px;
	line-height: 48px;
	text-align: center;
}
.collapse.in .social-phone-module a {
	font-size: 2.5rem !important;
	margin-left: 2rem !important;
	display: inline-block;
}
/*--------------------- OPEN/CLOSE BT ---------------------*/

.sr-only {
	display: none;
}
.navbar-toggle .icon-bar {
	display: block;
	width: 25px;
	height: 2px;
	border-radius: 0;
	background-color: #444444;
	-webkit-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
}
.navbar-toggle .icon-bar+.icon-bar {
	margin-top: 5px;
}
.navbar-toggle:hover .icon-bar:nth-child(2) {
	-webkit-transform: translate(0, -1.5px);
	-ms-transform: translate(0, -1.5px);
	-o-transform: translate(0, -1.5px);
	transform: translate(0, -1.5px);
}
.navbar-toggle:hover .icon-bar:nth-child(4) {
	-webkit-transform: translate(0, 1.5px);
	-ms-transform: translate(0, 1.5px);
	-o-transform: translate(0, 1.5px);
	transform: translate(0, 1.5px);
}
.navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(2) {
	background-color: #444444;
	width: 25px;
	transition-delay: 0.4s;
	-webkit-transform: translate(0, 3.5px) rotate(45deg);
	-ms-transform: translate(0, 3.5px) rotate(45deg);
	-o-transform: translate(0, 3.5px) rotate(45deg);
	transform: translate(0, 3.5px) rotate(45deg);
}
.navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(3) {
	display: none;
}
.navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(4) {
	background-color: #444444;
	width: 25px;
	transition-delay: 0.4s;
	-webkit-transform: translate(0, -3.5px) rotate(-45deg);
	-ms-transform: translate(0, -3.5px) rotate(-45deg);
	-o-transform: translate(0, -3.5px) rotate(-45deg);
	transform: translate(0, -3.5px) rotate(-45deg);
}
/*--------------------- NAVIGATION INVERSE ---------------------*/

.navbar-inverse {
	background-color: transparent;
	border-color: transparent;
}
.navbar-inverse .navbar-nav > li > a {
	color: #FFF;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
	background-color: transparent;
}
.navbar-inverse .navbar-toggle {
	border-color: transparent;
}
.navbar-inverse .navbar-toggle {
	border-color: transparent;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
	border: none;
}
/*------------------------------------------------------*
*-----------------------------------     08 - HOMEPAGE    ----*
*------------------------------------------------------*/

#home-panel {
	height: 720px;
}
#home-panel h1 {
	padding: 150px 0 0 0;
	margin: 0;
}
#home-panel-section{
    background: url(https://ressources.pcf.fr/images/website/home.jpeg) no-repeat center center #000;
    background-size: cover;
	position: relative;
}

#home-carousel-section .socials, #home-panel-section .socials {
	position: absolute;
	bottom: 30px;
	right: 15px;
	z-index: 3;
}
#home-carousel-section .socials a, #home-panel-section .socials a {
	font-size: 2.5rem;
	margin-left: 2rem;
}
/*#home-panel [class*='col-'] {
	margin-top: 75px;
}*/
.motto {
	font-size: 6rem;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.4;
	letter-spacing: normal;
	padding: 2rem;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}
.motto-text {
	font-size: 2rem;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.4;
	letter-spacing: normal;
	padding: 2rem;
}
/*--------------------- MULTI LINKS MODULE ---------------------*/


.link-purple {
	background-image: linear-gradient(to right, rgba(255,255,255,0) 50%, #bf99ff 50%);
	background-position: 0 0;
	background-size: 200% auto;
	border-bottom: 2px solid #bf99ff;
	padding: 0 4px;
	transition: all 0.3s ease;
	text-decoration: none;
}
.link-purple:hover {
	background-position: -100% 0;
	color: #FFF;
	text-decoration: none;
}
.link-light-green {
	background-image: linear-gradient(to right, rgba(255,255,255,0) 50%, #a6ecc3 50%);
	background-position: 0 0;
	background-size: 200% auto;
	border-bottom: 2px solid #a6ecc3;
	padding: 0 4px;
	transition: all 0.3s ease;
	text-decoration: none;
}
.link-light-green:hover {
	background-position: -100% 0;
	color: #FFF;
	text-decoration: none;
}
.link-light-red {
	background-image: linear-gradient(to right, rgba(255,255,255,0) 50%, #ff8282 50%);
	background-position: 0 0;
	background-size: 200% auto;
	border-bottom: 2px solid #ff8282;
	padding: 0 4px;
	transition: all 0.3s ease;
	text-decoration: none;
}
.link-light-red:hover {
	background-position: -100% 0;
	color: #FFF;
	text-decoration: none;
}
/*--------------------- VIDEO ---------------------*/

#video-section {
	height: 720px;
	overflow: hidden;
	position: relative
}
#video-overlay {
	background-color: rgba(44, 17, 17, 0.4);
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}

#video-section {
	background: url('https://ressources.pcf.fr/images/website/home.jpeg') no-repeat center center #000;
	background-size: cover;
}
#video-poster {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: -1;
}
#big-video-wrap {
	overflow: hidden;
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	font-size: 0;
}
#big-video-vid, #big-video-image {
	position: absolute;
}
#big-video-control-container {
	position: fixed;
	bottom: 0;
	padding: 10px;
	width: 100%;
	background: rgba(0,0,0,.25);
	-webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	-ms-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
	transition-duration: 0.6s;
}
#big-video-control {
	width: 100%;
	height: 16px;
	position: relative;
}
#big-video-control-middle {
	margin: 0 56px 0 24px;
}
#big-video-control-bar {
	width: 100%;
	height: 16px;
	position: relative;
	cursor: pointer;
}
#big-video-control-progress {
	position: absolute;
	top: 7px;
	height: 3px;
	width: 0%;
	background: #fff;
}
#big-video-control-track {
	position: absolute;
	top: 8px;
	height: 1px;
	width: 100%;
	background: #fff;
}
#big-video-control-bound-left {
	left: 0;
}
#big-video-control-bound-right {
	right: -1px
}
#big-video-control-track .ui-slider-handle {
	opacity: 0;
}
#big-video-control-playhead {
	left: 30%;
}
#big-video-control-play {
	position: absolute;
	top: 0;
	left: 0;
	height: 16px;
	width: 16px;
	background-image: url('bigvideo.png');
}
#big-video-control-timer {
	position: absolute;
	top: 1px;
	right: 0;
	color: #fff;
	font-size: 11px;
}
#big-video-control-playhead, #big-video-control-bound-left, #big-video-control-bound-right {
	position: absolute;
	top: 0;
	height: 16px;
	width: 1px;
	background: #fff;
}
#big-video-control .ui-slider-handle {
	border-left: solid 1px #fff;
	width: 16px;
	height: 16px;
	position: absolute;
	top: -8px;
}
.transparent {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}
#big-video-wrap .vjs-big-play-button {
	display: none !important;
}
/*--------------------- TWITTER  CAROUSEL ---------------------*/


#carousel-generic .carousel-indicators {
	position: static;
	margin: 0 auto;
	padding: 15px 0 25px 0;
}
#carousel-generic .carousel-indicators li {
	background-color: #bebebe;
}
#carousel-generic .carousel-indicators .active {
	background-color: #ff5252;
}
/*--------------------- MULTI CAROUSEL ---------------------*/

.multi-item-carousel .carousel-inner > .item {
	transition: 500ms ease-in-out left;
	margin-left: -15px;
	margin-right: -15px;
}
.multi-item-carousel .carousel-inner .active.left {
	left: -33%;
}
.multi-item-carousel .carousel-inner .active.right {
	left: 33%;
}
.multi-item-carousel .carousel-inner .next {
	left: 33%;
}
.multi-item-carousel .carousel-inner .prev {
	left: -33%;
}
.multi-item-carousel .carouse-control.left, .multi-item-carousel .carouse-control.right {
	background-image: none;
}
.multi-item-carousel .carousel-control {
	top: calc(50% - 6rem/2);
	left: -3rem;
	width: 6rem;
	height: 6rem;
	border-radius: 50%;
	background-image: none !important;
	color: #ff5252;
	background-color: rgba(255, 255, 255, 0.6);
}
.multi-item-carousel .carousel-control.right {
	left: auto;
	right: -3rem;
}
.multi-item-carousel .carousel-inner {
	overflow: hidden;
}
.multi-item-carousel .item a, .program-list-item {
	position: relative;
	font-size: 32px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.4;
	letter-spacing: normal;
	padding: 1rem 2.5rem 3.5rem 1.5rem;
	border-radius: 2px;
}
.multi-item-carousel .item a img, .program-list-item img {
	position: absolute;
	bottom: 0;
	right: 0;
}
.carousel-control .glyphicon-chevron-left:before {
	font-family: 'pcf';
	content: "\e907";
}
.carousel-control .glyphicon-chevron-right:before {
	font-family: 'pcf';
	content: "\e908";
}
.multi-item-carousel .item {
	min-height: 182px;
}
.multi-item-carousel .item a:hover, .multi-item-carousel .item a:focus, .program-list-item:hover, .program-list-item:focus {
	text-decoration: none;
}
.multi-item-carousel .item a:hover span, .multi-item-carousel .item a:focus span, .program-list-item:hover span, .program-list-item:focus span {
	background-color: #ff5252;
	color: #FFF;
	padding: 0.4rem 0.6rem;
	display: inline;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
}
.carousel-control {
	text-shadow: none;
	opacity: 1;
}


/*------------------------------------------------------*
*-----------------------------------     CAROUSEL HOME     ----*
*------------------------------------------------------*/

#carousel-home {
	background-color: #ff8282;
}
#carousel-home .carousel-control {
	display: none;
}
#carousel-home .carousel-indicators {
	position: absolute;
	width: 1140px;
	left: calc(50% - 570px);
	bottom: 30px;
	margin: 0;
	text-align: left;
	z-index: 2;
}
#carousel-home .carousel-indicators li {
	border: none;
	width: 10px;
	height: 10px;
	margin-right: 2px;
	background-color: #FFF;
}
#carousel-home .carousel-indicators .active {
	border: none;
	width: 11px;
	height: 11px;
	margin-right: 2px;
	background-color: #ff5252;
}

#carousel-home .carousel-caption {
	position: absolute;
	width: 1140px;
	left: calc(50% - 570px);
	top: 150px;
	padding: 0 40% 0 0;
	color: #fff;
	text-align: left;
	text-shadow: none;
}
#carousel-home .carousel-caption h1 {
	font-family: Rubik;
  	font-size: 45px;
  	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.25;
	letter-spacing: normal;
	color: #FFF;
	background-color: #ff5252;
    padding: 0.4rem 0.6rem;
    display: inline;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

.home-buttons-section{padding: 30px 0; margin-bottom: 50px}

.home-button{ background-color: #FFF; padding: 20px 15px; border-radius: 2px; font-family: Rubik; font-size: 24px; color: #ff8282; text-align: center;}

.home-button span{
	display: inline-block;
    margin-right: 15px;
}

/*--------------------- NAVIGATION (module homepage) ---------------------*/

.home-module {
	float: right;
	margin-top: 1rem;
	position: relative;
	margin-left: 2rem
}
#monpcf-home, #donner-home {
	background-color: #FFF;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	padding-top: 4.2rem;
	padding-bottom: 1.5rem;
	border-radius: 2px;
}
.nav-tabs {
	border: 0;
}
.monpcf, .donner {
	text-decoration: none;
	text-transform: uppercase;
	position: relative;
	font-size: 1.6rem;
	padding: 10px 5px;
	width: 9rem;
	text-align: center;
	display: block;
	float: left;
	z-index: 2;
	border-radius: 2px;
}
#monpcf-home a {
	display: block;
	font-size: 1.2rem;
	color: #ff8282;
	text-align: center;
	padding: 1rem 3rem 0 3rem;
}
#monpcf-home .monpcf-home-bt {
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 6rem !important;
	font-size: 2rem;
	font-weight: 500;
	color: #ff8282;
	border-bottom: 1px solid #ff8282;
	padding: 0;
}
#monpcf-home .monpcf-home-bt2 {
	display: block;
	text-decoration: none;
	font-size: 1.7rem;
	min-height: 6rem;
	font-weight: 400;
	line-height: 1.3;
	background-color: #ff8282;
	color: #FFF;
	border-bottom: 1px solid #ff8282;
	padding: 2rem 0;
}
#monpcf-home .monpcf-home-bt2:before {
	font-family: 'pcf';
	content: "\e918";
	display: block;
	text-align: center;
}
#monpcf-home .monpcf-home-bt3 {
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 2.5rem !important;
	font-size: 2rem;
	font-weight: 500;
	color: #ff8282;
	border-bottom: 1px solid #ff8282;
	padding: 2rem 0;
}
#monpcf-home .monpcf-home-bt3:before {
	font-family: 'pcf';
	content: "\e954";
	display: block;
	text-align: center;
	color: #ff8282;
	font-size: 3rem
}
#donner-home .monpcf-home-bt4 {
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 2.5rem !important;
	font-size: 2rem;
	font-weight: 500;
	color: #a6ecc3;
	text-align: center;
	padding: 9rem 4rem;
}
#donner-home .monpcf-home-bt4:before {
	font-family: 'pcf';
	content: "\e940";
	display: block;
	text-align: center;
	color: #a6ecc3;
	font-size: 3rem;
	line-height: 1.2;
}
#monpcf-home .monpcf-home-bt:hover, #monpcf-home .monpcf-home-bt:focus, #monpcf-home .monpcf-home-bt2:hover, #monpcf-home .monpcf-home-bt2:focus, #monpcf-home .monpcf-home-bt3:hover, #monpcf-home .monpcf-home-bt3:focus, #donner-home .monpcf-home-bt4:hover, #donner-home .monpcf-home-bt4:focus {
	opacity: 0.6;
	transition: all ease 0.3s;
}
.monpcf {
	color: #FFF !important;
	background-color: #ff8282;
	font-weight: 400 !important;
}
.donner {
	color: #FFF !important;
	background-color: #a6ecc3;
	margin-left: 0.3rem;
	font-weight: 400 !important;
}
.monpcf:hover, .monpcf:focus {
	color: #ff8282 !important;
	background-color: #FFF !important;
	text-decoration: none !important;
}
.donner:hover, .donner:focus {
	color: #a6ecc3 !important;
	background-color: #FFF !important;
	text-decoration: none !important;
}
.menu-monpcf, .menu-donner {
	position: relative;
}
.home-module .nav-tabs a {
	z-index: 999
}
.tab-pane.active.in {
	z-index: 998
}
/*------------------------------------------------------*
*-----------------------------------    09 - FOOTER     ----*
*------------------------------------------------------*/

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

footer {
	margin: 40px 0 0 0;
}
#footer1 {
	background: linear-gradient(90deg, #ff5252 50%, #959595 50%);
}
#footer1 .row .row [class*='col-'] {
	min-height: 110px;
	padding-top: 30px;
}
#footer1 .form-group {
	border: 2px solid #FFF;
	border-radius: 2px;
	margin-bottom: 0
}
#footer1 .socials {
	line-height: 4.5rem;
}
#footer1 .socials a {
	font-size: 2.5rem;
	margin-left: 3rem;
}
/*--------------------- FOOTER 2 ---------------------*/

#footer2 .logo {
	position: absolute;
	top: 0;
	left: 0;
}
#footer2 [class*='col-'] {
	border-right: 2px solid #000;
	min-height: 230px;
	margin-top: 30px;
	margin-bottom: 30px;
	color: #f1f1f1;
	line-height: 4.5rem;
	font-size: 1.9rem;
}
#footer2 a {
	color: #f1f1f1
}
#footer2 .small-link {
	color: #1d1d1d;
	font-size: 1.6rem;
	line-height: 2.6rem;
}
#footer2 .small-link a {
	color: #1d1d1d;
}
#footer2 .small-link a:hover, #footer2 .small-link a:focus {
	color: #FFF;
	text-decoration: none;
	transition: 0.3s ease all;
}
/*--------------------- FOOTER 3 ---------------------*/

#footer3 [class*='col-'] {
	border-left: 2px solid #959595;
	min-height: 70px;
	margin-top: 30px;
	margin-bottom: 30px;
	color: #959595;
	font-size: 1.5rem;
}
#footer3 a {
	color: #959595
}
/*------------------------------------------------------*
*-----------------------------------     10 - SUBMENU - BANNER - FILTERS    ----*
*------------------------------------------------------*/

/*--------------------- MODAL ---------------------*/

.modalMai {
	background: rgba(68, 68, 68, 0.5);
}

.pcfSouscriptionMobile {
	display: none;
}

.modal-dialog-centered {
	transform: translate(0, 50%) !important;
	-ms-transform: translate(0, 50%) !important; /* IE 9 */
	-webkit-transform: translate(0, 50%) !important; /* Safari and Chrome */
}

.modalMai a {
	text-transform: uppercase;
	color: white;
	font-size: 16px;
	background-color: #ff5252;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	position: absolute;
	right: 66px;
	bottom: 31px;
	border-radius: 2px;
}

.imgCloseModalMai {
	height: 20px;
	width: 20px;
	position: absolute;
	top: 13px;
	right: 13px;
}

.modalMai .close {
	opacity: 1;
}

/*--------------------- SUBMENU ---------------------*/

.submenu {
	padding-top: 15px;
	padding-bottom: 15px;
	line-height: 30px;
}
.submenu a, .submenu span {
	font-size: 1.6rem;
	letter-spacing: -0.05rem;
}
.submenu a.active {
	text-decoration: underline;
}
/*--------------------- BANNER ---------------------*/

#banner-section {
	min-height: 240px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	position: relative;
	padding: 30px 0;
}
.banner-section-overlay {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(0, 0, 0, 0.5));
}
/*--------------------- FILTERS---------------------*/

.filters {
	background-color: #ffffff;
}
.filters a, .filters span {
	font-size: 1.6rem;
	letter-spacing: -0.05rem;
	background-color: #ffffff;
	line-height: 6rem;
	display: inline-block;
	padding: 0 1.5rem;
	border-right: 1px solid #f1f1f1;
	border-bottom: 1px solid #f1f1f1;
	font-weight: 400;
}
.filters span {
	padding: 0 3rem;
}
.tag-filter {
	text-transform: capitalize
}
.tag-filter[data-filter=".en_avant"], .badge.en_avant {
	display: none
}
.tagadh, .tagvol {
	display: none !important;
}
/*--------------------- SEARCH OVERLAY ---------------------*/

.overlay {
	height: 100%;
	width: 100%;
	display: none;
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0, 0.7);
}
/* The content */
.overlay-content {
	position: relative;
	top: 46%;
	width: 80%;
	text-align: center;
	margin-top: 30px;
	margin: auto;
}
/* Close button */
.overlay .close-overlay {
	position: absolute;
	top: 20px;
	right: 45px;
	font-size: 60px;
	cursor: pointer;
	color: #FFF;
}
.overlay .close-overlay::before {
	font-family: 'pcf';
	content: "\e949";
}
.overlay .close-overlay:hover {
	color: #F1F1F1;
}
/* Style the search field */
.input-overlay {
	width: 100%;
	height: 5.8rem;
	padding: 1rem 2.5rem;
}
.opensearch {
	font-size: 2rem;
	cursor: pointer;
	display: inline-block;
	margin-top: 1rem;
}
/*------------------------------------------------------*
*-----------------------------------     11 - NEWS CARD     ----*
*------------------------------------------------------*/


.news-card {
	/*min-height:300px;*/
	position: relative;
	display: block;
	transition: all ease 0.3s;
	border-radius: 2px;
}
.news-card:hover, .news-card:focus {
	text-decoration: none;
	box-shadow: none;
	box-shadow: 0 0 10px 0 rgba(68, 68, 68, 0.1);
}
/*.event-card {
	padding-top:3rem;
	padding-bottom:3rem;
}
.petition-card {
	padding-top:3rem;
	padding-bottom:3rem;
}*/

.action-container {
	padding: 3rem 1.5rem 8rem 1.5rem
}
.action-bt-group {
	position: absolute;
	bottom: 2rem;
	left: 0;
	width: 100%;
}
/*--------------------- BADGE ---------------------*/


.badge {
	display: inline-block;
	vertical-align: text-bottom;
	min-width: 10px;
	font-size: 1.2rem;
	text-transform: uppercase;
	padding: 0.4rem 0.8rem 0.4rem 0.8rem;
	font-weight: 400;
	background-color: #000;
	color: #FFF;
	border-radius: 2px;
}
.news-card .badge {
	position: absolute;
	top: 1.5rem;
	left: 1.5rem;
}
/*--------------------- OTHERS ITEMS ---------------------*/

.news-text {
	padding: 1rem 1.5rem 3rem 1.5rem;
}
.news-card .news-date {
	font-size: 1.1rem;
	line-height: 1.26;
	text-transform: uppercase;
}
.news-title {
	font-size: 2rem;
	line-height: normal;
	margin: 0;
}
/*--------------------- NEWS TYPE ---------------------*/

.type-article:before {
	font-family: 'pcf';
	content: "\e911";
	font-size: 1rem;
	margin-right: 0.8rem;
}
.type-video:before {
	font-family: 'pcf';
	content: "\e910";
	font-size: 1rem;
	margin-right: 0.8rem;
}
.type-media:before {
	font-family: 'pcf';
	content: "\e923";
	font-size: 1.2rem;
	margin-right: 0.8rem;
}
.type-petition:before {
	font-family: 'pcf';
	content: "\e916";
	font-size: 1rem;
	margin-right: 0.8rem;
}
.type-event:before {
	font-family: 'pcf';
	content: "\e905";
	font-size: 1rem;
	margin-right: 0.8rem;
}
/*.type-histoire:before {
	font-family: 'pcf';
	content: "\e961";
	font-size: 1.4rem;
	margin-right:0.8rem;
}
.type-analyse:before {
	font-family: 'pcf';
	content: "\e906";
	font-size: 1rem;
	margin-right:0.8rem;
}*/
.type-position:before {
	font-family: 'pcf';
	content: "\e927";
	font-size: 1rem;
	margin-right: 1rem;
}
.type-focus {
	display: none !important
}
/*--------------------- MAIN NEWS ---------------------*/

.mainnews .news-text {
	padding: 2rem 1rem 5rem 1rem;
}
.mainnews .news-title {
	font-size: 4.2rem;
	margin: 2rem 0;
}
/*------------------------------------------------------*
*-----------------------------------     12 - ARTICLE     ----*
*------------------------------------------------------*/

/*--------------------- SCROLL SHARE ---------------------*/


#scrollshare {
	position: absolute;
	width: 60px;
	border-radius: 2px;
	background-color: rgb(255, 255, 255);
	background-color: #FFF;
	border: solid 1px #f1f1f1;
	right: -30px;
	transition: top 0.3s linear;
	text-align: center;
	font-size: 2rem;
	z-index: 2;
	margin-top: 60px;
}
#scrollshare * {
	display: block;
	color: #959595;
	margin: 2rem 0
}
#scrollshare *:hover, #scrollshare *:focus {
	text-decoration: none
}
.copy_link {
	cursor: pointer
}
.popover-content {
	margin: 0 !important;
	width: 150px
}
.popover {
	position: absolute;
	top: 20px !important;
	left: -50px !important;
	z-index: 9;
	display: none;
	max-width: 150px;
	padding: 1px;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.42858;
	text-align: left;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #959595;
	border-radius: 2px;
	-webkit-box-shadow: none;
	box-shadow: none;
	white-space: normal;
}
.popover.top>.arrow {
	left: 50%;
	margin-left: -10px !important;
	border-bottom-width: 0;
	border-top-color: #959595;
	bottom: -31px;
}
/*--------------------- SHARE ---------------------*/

.news-share {
	position: absolute;
	right: 15px;
	top: 15px;
	color: #FFF;
	z-index: 9;
}
.news-share > div {
	display: inline-block;
	color: #000;
	font-size: 1.6rem;
}
/*--------------------- SIDE NEWS ---------------------*/

#sidenews {
	position: absolute;
	left: 0;
	top: 50%;
	width: 315px;
	border-radius: 2px;
	box-shadow: 0 10px 30px 0 rgba(68, 68, 68, 0.1);
	padding: 40px 10px 10px 10px;
	z-index: 2;
}
#sidenews .badge {
	position: absolute;
	top: 1rem;
	left: 1rem;
}
a.sidenews-item {
	display: block;
	position: relative;
	padding-right: 50px;
	padding-top: 15px;
	padding-bottom: 15px;
	border-top: 2px solid #000;
	min-height: 110px;
}
a.sidenews-item h4 {
	font-size: 2.2rem;
	font-weight: 400;
	line-height: 1.27;
	color: #FFF;
	margin: 0;
}
a.sidenews-item .circle {
	position: absolute;
	width: 90px;
	height: 90px;
	top: 10px;
	right: -45px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	border-radius: 50%;
}
/*--------------------- PAGINATION ---------------------*/

.pagination {
	margin: 0;
	border-radius: 4px;
}
.pagination > li > a, .pagination > li > span {
	position: relative;
	font-size: 1.6rem;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	float: left;
	padding: 6px 12px;
	line-height: 1.42858;
	text-decoration: none;
	color: #444444;
	background-color: #fff;
	border: 1px solid #f1f1f1;
	margin-left: -1px;
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
	margin-left: 0;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
}
.pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus {
	color: #FFF;
	background-color: inherit;
	border-color: #f1f1f1;
}
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus {
	z-index: 2;
	color: #fff;
	background-color: inherit;
	border-color: inherit;
	cursor: default;
}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
	color: #777777;
	background-color: #fff;
	border-color: #ddd;
	cursor: not-allowed;
}
/*--------------------- PAGINATION ---------------------*/

.panel-group .panel {
	margin-bottom: 3rem;
}
.panel-heading a[aria-expanded=true]:before {
	float: right !important;
	font-family: 'pcf';
	content: "\e965";
	font-size: 2rem;
	font-weight: 300;
	line-height: 2.2rem;
	padding-right: 0.75rem;
}
.panel-heading a[aria-expanded=false]:before {
	float: right !important;
	font-family: 'pcf';
	content: "\e931";
	font-size: 3.4rem;
	font-weight: 300;
	line-height: 2.2rem;
}
.panel-heading a {
	display: block;
}
.panel-heading a:hover, .panel-heading a:active, .panel-heading a:focus {
	text-decoration: none;
}
.panel-default > .panel-heading {
	color: inherit;
	background-color: inherit;
	border: 0;
}
.panel-group .panel {
	border-radius: 2px;
}
.panel-heading {
	padding: 15px;
	border: 0 !important;
}
.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
	border: 0 !important;
}
/*--------------------- ACCORDION ---------------------*/

#accordion .panel-body > ul > li {
	color: #444444;
	font-size: 2.4rem;
	font-weight: 500;
	border-bottom: 1px solid #BEBEBE;
	padding: 1.5rem 0;
}
#accordion .panel-body > ul > li:first-child {
	border-top: 1px solid #BEBEBE;
}
#accordion .panel-body > ul > li > ul {
	display: inline-block;
}
#accordion .panel-body > ul > li > ul > li {
	font-size: 1.8rem;
	font-weight: 300;
	display: inline-block;
	padding-right: 2.5rem;
}
/*--------------------- ACCORDION EVENT ---------------------*/

#accordion-event .panel-body > ul > li {
	color: #a6ecc3;
	font-size: 2.4rem;
	font-weight: 500;
}
#accordion-event .panel-body > ul > li:before {
	display: inline-block;
	font-family: 'pcf';
	content: "\e908";
	margin-right: 1.5rem;
	font-size: 2rem;
}
#accordion-event .panel-body > ul > li a {
	color: #a6ecc3;
}
#accordion-event .panel-body > ul > li > ul {
	display: inline-block;
	line-height: 8rem;
}
#secteurs a {
	display: block;
	font-size: 2.4rem;
	border-bottom: 1px solid #bebebe;
	padding-top: 15px;
	padding-bottom: 15px;
}
#secteurs a:before {
	display: inline-block;
	font-family: 'pcf';
	content: "\e908";
	margin-right: 1.5rem;
	font-size: 2rem;
}
/*#collapse-secretaire_national .panel-body > ul > li:first-child{
	font-size: 3.2rem;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}

#collapse-secretaire_national .panel-body > ul > li:first-child > ul {
    line-height: 2.5rem;
}*/


/*------------------------------------------------------*
*-----------------------------------     13 - CALL-2-ACTION     ----*
*------------------------------------------------------*/


/*---------------------- lien article ----------------------*/

.lien-article {
	background-color: #bf99ff;
	color: #FFF !important;
	font-size: 1.6rem;
	font-weight: 300;
	padding: 0.5rem 1rem;
	border-radius: 2px;
	display: inline-block;
	line-height: 1.6
}
.lien-article::before {
	font-family: 'pcf' !important;
	content: "\e911";
	margin-right: 1rem;
	font-weight:400;
}
.lien-article .call2actiontext::before {
	content: "voir aussi";
	background-color: #bf99ff;
	color: #FFF;
	margin-right: 0.5rem;
	padding-right:1rem;
	text-transform: uppercase;
}
.lien-article .call2actiontext {
	color: #bf99ff;
	background-color: #FFF;
	padding-right: 0.5rem;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
}

/*---------------------- lien participer ----------------------*/

.lien-participer {
	background-color: #a6ecc3;
	color: #FFF !important;
	font-size: 1.6rem;
	font-weight: 300;
	padding: 0.5rem 1rem;
	border-radius: 2px;
	display: inline-block;
	line-height: 1.6
}
.lien-participer::before {
	font-family: 'pcf' !important;
	content: "\e918";
	margin-right: 1rem;
	font-weight:400;
}
.lien-participer .call2actiontext::before {
	content: "participer";
	background-color: #a6ecc3;
	color: #FFF;
	margin-right: 0.5rem;
	padding-right:1rem;
	text-transform: uppercase;
}
.lien-participer .call2actiontext {
	color: #a6ecc3;
	background-color: #FFF;
	padding-right: 0.5rem;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
}

/*---------------------- lien don ----------------------*/

.lien-don {
	background-color: #a6ecc3;
	color: #FFF !important;
	font-size: 1.6rem;
	font-weight: 300;
	padding: 0.5rem 1rem;
	border-radius: 2px;
	display: inline-block;
	line-height: 1.6
}
.lien-don::before {
	font-family: 'pcf' !important;
	content: "\e946";
	margin-right: 1rem;
	font-weight:400;
}
.lien-don .call2actiontext::before {
	content: "faire un don";
	background-color: #a6ecc3;
	color: #FFF;
	margin-right: 0.5rem;
	padding-right:1rem;
	text-transform: uppercase;
}
.lien-don .call2actiontext {
	color: #a6ecc3;
	background-color: #FFF;
	padding-right: 0.5rem;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
}

/*---------------------- lien pcf ----------------------*/

.lien-pcf {
	background-color: #ff5252;
	color: #FFF !important;
	font-size: 1.6rem;
	font-weight: 300;
	padding: 0.5rem 1rem;
	border-radius: 2px;
	display: inline-block;
	line-height: 1.6
}
.lien-pcf::before {
	font-family: 'pcf' !important;
	content: "\e966";
	margin-right: 1rem;
	font-weight:400;
}
.lien-pcf .call2actiontext::before {
	content: "voir aussi";
	background-color: #ff5252;
	color: #FFF;
	margin-right: 0.5rem;
	padding-right:1rem;
	text-transform: uppercase;
}
.lien-pcf .call2actiontext {
	color: #ff5252;
	background-color: #FFF;
	padding-right: 0.5rem;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
}

/*---------------------- lien telecharger ----------------------*/

.lien-telecharger {
	background-color: #ff5252;
	color: #FFF !important;
	font-size: 1.6rem;
	font-weight: 300;
	padding: 0.5rem 1rem;
	border-radius: 2px;
	display: inline-block;
	line-height: 1.6
}
.lien-telecharger::before {
	font-family: 'pcf' !important;
	content: "\e957";
	margin-right: 1rem;
	font-weight:400;
}
.lien-telecharger .call2actiontext::before {
	content: "télécharger";
	background-color: #ff5252;
	color: #FFF;
	margin-right: 0.5rem;
	padding-right:1rem;
	text-transform: uppercase;
}
.lien-telecharger .call2actiontext {
	color: #ff5252;
	background-color: #FFF;
	padding-right: 0.5rem;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
}

/*---------------------- lien savoirs ----------------------*/

.lien-savoirs {
	background-color: #c53736;
	color: #FFF !important;
	font-size: 1.6rem;
	font-weight: 300;
	padding: 0.5rem 1rem;
	border-radius: 2px;
	display: inline-block;
	line-height: 1.6
}
.lien-savoirs::before {
	font-family: 'pcf' !important;
	content: "\e945";
	margin-right: 1rem;
	font-weight:400;
}
.lien-savoirs .call2actiontext::before {
	content: "voir aussi";
	background-color: #c53736;
	color: #FFF;
	margin-right: 0.5rem;
	padding-right:1rem;
	text-transform: uppercase;
}
.lien-savoirs .call2actiontext {
	color: #c53736;
	background-color: #FFF;
	padding-right: 0.5rem;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
}

/*---------------------- lien monpcf ----------------------*/

.lien-monpcf {
	background-color: #ff8282;
	color: #FFF !important;
	font-size: 1.6rem;
	font-weight: 300;
	padding: 0.5rem 1rem;
	border-radius: 2px;
	display: inline-block;
	line-height: 1.6
}
.lien-monpcf::before {
	font-family: 'pcf' !important;
	content: "\e927";
	margin-right: 1rem;
	font-weight:400;
}
.lien-monpcf .call2actiontext::before {
	content: "rejoindre le pcf";
	background-color: #ff8282;
	color: #FFF;
	margin-right: 0.5rem;
	padding-right:1rem;
	text-transform: uppercase;
}
.lien-monpcf .call2actiontext {
	color: #ff8282;
	background-color: #FFF;
	padding-right: 0.5rem;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
}

/*---------------------- common roll-over ----------------------*/

[class^="lien-"]:hover, [class*=" lien-"]:hover, [class^="lien-"]:focus, [class*=" lien-"]:focus{
	text-decoration: none !important;
	opacity: 0.7;
}

/*------------------------------------------------------*
*-----------------------------------     14 - RESPONSIVE LAYOUT     ----*
*------------------------------------------------------*/

/*--------------------- LARGE DEVICES ---------------------*/

@media only screen and (max-width : 1200px) {
	
.home-button {
    padding: 20px 15px;
    font-size: 22px;
}

.home-button span {
    margin-right: 10px;
} 

#carousel-home .carousel-indicators {
	width: 940px;
	left: calc(50% - 470px);
}
#carousel-home .carousel-caption {
	width: 940px;
	left: calc(50% - 470px);
	padding: 0 40% 0 0;
}	
	
#footer2 [class*='col-'] {
	border-right: 0;
	min-height: 0;
	margin-top: 1rem;
	margin-bottom: 1rem;
}
#sidenews {
	width: 295px;
	padding: 40px 30px 10px 10px;
}
.progress-bar span {
	font-size: 1.4rem;
}
}

/*--------------------- MEDIUM DEVICES ---------------------*/

@media only screen and (max-width : 992px) {

.home-button {
    padding: 20px 10px;
    font-size: 16px;
}

.home-button span {
    margin-right: 5px;
} 
.home-button .btn {
   font-size: 1.4rem;
   padding:0.8rem;
   line-height:1; 
} 	
#carousel-home .carousel-indicators {
 width: 720px;
 left: calc(50% - 360px);
}
#carousel-home .carousel-caption {
 width: 720px;
 left: calc(50% - 360px);
 padding: 0 30% 0 0;
}
#carousel-home .carousel-caption h1 {
 font-size: 45px;
}
	
.nav > li > a {
	font-size: 1.4rem;
	padding: 10px 4px;
}
.donner, .monpcf {
	font-size: 1.4rem;
	padding: 10px 4px;
}
#footer2 .logo {
	width: 100px;
}
#footer2 .logo img {
	width: 100%;
	vertical-align: top;
}
.mainnews .news-text {
	padding: 1rem 1rem 2rem 1rem;
}
.mainnews .news-title {
	font-size: 2rem;
	margin: 0;
}
.progress-bar span {
	font-size: 1.2rem;
}
.imgreplace {
	position: relative;
	left: 0;
	margin-left: -15px;
	margin-right: -15px
}
span.imgslot {
	display: block;
}
span.imgslot img {
	margin: auto;
}
.switch-module li a {
	border-left: solid 0.1rem #ff8282;
	border-bottom: none;
}
.switch-module li:nth-child(3) a {
	border-bottom: solid 0.1rem #ff8282;
	;
}
}

/*--------------------- SMALL DEVICES ---------------------*/

@media only screen and (max-width : 768px) {

.home-buttons-section .col-sm-6:first-child .home-button{margin-bottom: 30px}
	
#carousel-home .carousel-caption {
 width: 100%;
 left: 15px;
 top: 120px;
 padding: 0 30% 0 0;
}
#carousel-home .carousel-indicators {
 width: 100%;
 left:0;
 text-align: center;
}
#carousel-home .carousel-inner>.item>img, #carousel-home .carousel-inner>.item>a>img, .header-image-container>img {
 display: block;
 height: 630px;
 object-fit: cover;
}
	
	
.xxl {
	font-size: 6.8rem !important;
}
.xl {
	font-size: 5rem !important;
}
.large {
	font-size: 4rem !important;
}
.motto {
	font-size: 5rem !important;
}
#footer1 {
	background: none;
}
#footer1 .socials a {
	font-size: 4rem;
	margin-left: 2rem;
	margin-right: 2rem;
}
#footer2 .logo {
	width: 80px;
}
.carousel-control .glyphicon-chevron-right, .carousel-control .glyphicon-chevron-left {
	top: calc(50% - 1rem);
}
.submenu {
	padding-top: 30px;
	padding-bottom: 30px;
	line-height: 30px;
}
.progress-bar span {
	font-size: 1.2rem;
}
#bgvid {
	display: none;
}

.btn-lg {
	white-space: normal;
}
.btn-lg span[class^="icon-"], .btn-lg span[class*=" icon-"] {
	display: none
}
#pcf_connect {
	position: static;
}
.action-container {
	padding: 3rem 1.5rem 3rem 1.5rem
}
.action-bt-group {
	position: static;
	margin-top: 2rem;
}
.action-bt-group > div:nth-child(2) > a {
	margin-top: 2rem;
}
}

/*--------------------- 600px ---------------------*/

@media only screen and (max-width : 600px) {


.pcfSouscriptionLaptop {
	display: none;
}

.pcfSouscriptionMobile {
	display: block;
}

.modal-dialog-centered {
	transform: unset !important;
	-ms-transform: unset !important; /* IE 9 */
	-webkit-transform: unset !important; /* Safari and Chrome */
}

.modal-body {
    max-height: calc(100vh - 212px);
    overflow-y: auto;
}

.modalMai a  {
	top: unset;
	bottom: 40px;
	left: 50%;
	right: unset;
	transform: translate(-50%);
}

}

/*--------------------- EXTRA SMALL DEVICES ---------------------*/

@media only screen and (max-width : 480px) {
.progress-bar span {
	font-size: 1.1rem;
}
.btn-lg {
	white-space: normal;
	line-height: normal;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem
}
#footer2 a {
	display: block
}
#footer2 .separator, #footer2 br {
	display: none
}
.mobile-white-space {
	white-space: normal;
}
}

/*--------------------- EXTRA IPHONE 4/5 DEVICES ---------------------*/

@media only screen and (max-width : 320px) {
}