@charset "UTF-8";

/*!
* Theme CSS -
* Based on Twitter Bootsrap 3
* Author - Datack
*/

/*------------------------------------------------------*
*-----------------------------------     GLOBAL     ----*
*------------------------------------------------------*/

body {
	font-family: 'Work Sans', sans-serif;
	font-size: 16px;
	color: #9b9b9b;
}

/*------------------------------------------------------*
*-----------------------------------     EXTRAS     ----*
*------------------------------------------------------*/

*:focus {outline:0 !important; box-shadow: none !important;}

/*------------------------------------------------------*
*-----------------------------------     STYLE EDITORIAUX    ----*
*------------------------------------------------------*/

.headline {
	font-size: 62px;
	font-weight: 200;
	letter-spacing: 0.5px;
	text-align: left;
	color: #4a4a4a;
}

blockquote {
	font-size: 26px;
    line-height: 1.31;
    letter-spacing: 0.5px;
    color: #4a4a4a;
    border-left: 10px solid #f2f2f2;
    font-weight: 300;
    padding-top: 0;
    padding-bottom: 0;
}



.readmore {
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.3px;
	text-align: left;
	color: #fc5459;
	text-transform:uppercase;
}

.readmore:hover, .readmore:focus {color: #fc5459; text-decoration:underline !important}

.text-content-home a, .text-content-home a:hover, .text-content-home a:focus {color: #fc5459; text-decoration:none;}


.intro a, .intro a:hover, .intro a:focus {color: #fc5459;}

.readmore {
	display: inline-block !important;
    margin-top: 10px;
    margin-bottom: 15px;
    width: auto !important;
}


.intro{line-height: 1.5;}
/*.longtext {  height: 10em !important;;}*/

.news-post-content {
    margin-bottom: 15px;
}

.news-post-visual {
    margin-top: 15px;
    margin-bottom: 15px;
}

/*------------------------------------------------------*
*-----------------------------------     CONTRIBUTIONS     ----*
*------------------------------------------------------*/

.contribution-banner {
    background-color: #f2f2f2;
    padding: 15px;
}

.contribution{
	background-color: #ffffff;
    box-shadow: 0 3px 0 0 #c4c4c4;
    margin-bottom: 30px;
    padding: 15px;
    position: relative;
	min-height: 105px;
	width:100% !important;
	}


.dl-program {
    display: inline-block;
    border-radius: 2px;
    background-color: #fc5459;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.5px;
    color: #ffffff;
    position: absolute;
    top: 15px;
    right: 15px;
    line-height: 30px;
    padding-left: 15px;
    padding-right: 15px;
    text-transform: uppercase;
	min-width:135px;
	text-align: center;
}

.dl-program:hover, .dl-program:focus {
	text-decoration:none;
	color:#FFF;
}

.dl-program:before {
    font-family: 'datack' !important;
    content: "\e909";
    display: inline-block;
    margin-right: 8px;
    font-size: 12px;
}



.dl-program2 {
    display: inline-block;
    border-radius: 2px;
    background-color: #7a8bc6;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.5px;
    color: #ffffff;
    position: absolute;
    top: 60px;
    right: 15px;
    line-height: 30px;
    padding-left: 15px;
    padding-right: 15px;
    text-transform: uppercase;
	min-width:135px;
	text-align: center;
}

.dl-program2:hover, .dl-program2:focus {
	text-decoration:none;
	color:#FFF;
}

.dl-program2:before {
    font-family: 'datack' !important;
    content: "\e909";
    display: inline-block;
    margin-right: 8px;
    font-size: 12px;
}


.newdl-program {
    display: inline-block;
    border-radius: 2px;
    background-color: #fc5459;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.5px;
    color: #ffffff !important;
    line-height: 30px;
    padding-left: 15px;
    padding-right: 15px;
    text-transform: uppercase;
	min-width:135px;
	text-align: center;
	margin:30px 0;
}

.newdl-program:hover, .dl-program:focus {
	text-decoration:none;
	color:#FFF;
}

.newdl-program:before {
    font-family: 'datack' !important;
    content: "\e909";
    display: inline-block;
    margin-right: 8px;
    font-size: 12px;
}

.newdl-program2 {
    display: inline-block;
    border-radius: 2px;
    background-color: #7a8bc6;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.5px;
    color: #ffffff !important;
    line-height: 30px;
    padding-left: 15px;
    padding-right: 15px;
    text-transform: uppercase;
	min-width:135px;
	text-align: center;
	margin:30px 0;
}

.newdl-program2:hover, .dl-program2:focus {
	text-decoration:none;
	color:#FFF;
}

.newdl-program2:before {
    font-family: 'datack' !important;
    content: "\e909";
    display: inline-block;
    margin-right: 8px;
    font-size: 12px;
}






.open-link {
    display: inline-block;
    border-radius: 2px;
    background-color: #7a8bc6;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.5px;
    color: #ffffff;
    position: absolute;
	top: 60px;
	right: 15px;
    line-height: 30px;
    padding-left: 15px;
    padding-right: 15px;
    text-transform: uppercase;
	min-width:135px;
	cursor:pointer;
	text-align: center;
}

.open-link:hover, .open-link:focus {
	text-decoration:none;
	color:#FFF;
}

.open-link:before {
    font-family: 'datack' !important;
    content: "\e915";
    display: inline-block;
    margin-right: 8px;
    font-size: 14px;
	position: relative;
    top: 3px;
}

.contribution2 .dl-program, .contribution2 .open-link{
	min-width: 165px;
	}

.contribution-wrap, .contribution2 > .contribution-text hr { display:none; margin-top: 15px;}

.contribution-text p{display:inline}
.contribution-text .contribution-wrap p{display:block}


.share-link {
    display: inline-block;
    border-radius: 2px;
    background-color: #000000;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.5px;
    color: #ffffff;
    position: absolute;
    top: 60px;
    right: 15px;
    line-height: 30px;
    padding-left: 15px;
    padding-right: 15px;
    text-transform: uppercase;
	min-width:135px;
	cursor:pointer;
	text-align: center;
}

.share-link:hover, .share-link:focus {
	text-decoration:none;
	color:#FFF;
}

.share-link:before {
    font-family: 'datack' !important;
    content: "\e901";
    display: inline-block;
    margin-right: 8px;
    font-size: 12px;
}

.contribution h3{
	text-transform:uppercase;
	font-size: 16px;
	font-weight: 300;
	letter-spacing: 0.5px;
	color: #4a4a4a;
	margin: 0;
	padding-right:25%;
}
.contribution-text{
	font-size: 11px;
	letter-spacing: 0.5px;
	text-align: left;
	color: #4a4a4a;
	font-weight:300;
	padding-right:25%;
}
.contribution-text strong{
	font-weight:600;
}

.contribution-tags{margin-top: 15px; padding-right:25%;}
.contribution-tags .tag {
    display: inline-block;
    border-radius: 4px;
    border: solid 1px #fc5459;
    line-height: 19px;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.5px;
    text-align: center;
    color: #fc5459;
    padding-left: 5px;
    padding-right: 5px;
}

.contribution2 .contribution-tags .tag{
    border: solid 1px #7a8bc6;
    color: #7a8bc6;
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
	min-width: 140px;
    max-width: 276px;
    padding: 1px;
    font-size: 11px;
	color:#000;
    font-weight: normal;
    line-height: 1.42858;
    text-align: left;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #000;
    border-radius: 2px;
	text-align:center;
    -webkit-box-shadow: none;
    box-shadow: none;
    white-space: normal;
}
    
.popover.top>.arrow {
    border-top-color: #000;
}


.contribution-filter h4{
	font-size: 16px;
	font-weight: 500;
	color: #4a4a4a;
	text-transform:uppercase;
	}

#filter-container{}

.tag-filter{
	display:inline-block;
	margin-right:5px;
	margin-top:5px;
	line-height: 19x;
	border-radius: 4px;
	border: solid 1px #fc5459;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.5px;
	text-align: center;
	color: #fc5459;
	padding-left:5px;
	padding-right:5px;
	cursor:pointer;
}

.tag-filter:hover, .tag-filter:focus {
	background-color:#fc5459;
	color:#f2f2f2;
	text-decoration:none;
}


#filter-container2 .tag-filter{
	border: solid 1px #7a8bc6;
	color: #7a8bc6;
	}

#filter-container2 .tag-filter:hover, #filter-container2 .tag-filter:focus {
	background-color:#7a8bc6;
	color:#f2f2f2;
	text-decoration:none;
}


/*------------------------------------------------------*
*-----------------------------------     AGENDA     ----*
*------------------------------------------------------*/

.event-banner {
    background-color: #f2f2f2;
    padding: 15px 0 0 0;
    margin: 0 0 15px 0 !important;
}
   
.event-info {
    background-color: #FFF;
    padding: 20px;
    margin-bottom: 15px;
}

.event-info h4 {
    font-size: 20px;
	font-weight: 300;
	line-height: 1.25;
	letter-spacing: 0.5px;
	text-align: left;
	color: #fc5459;
	margin: 0 0 15px 0;
}

.event-info h4 a {color: #fc5459;}
.event-info h4 a:hover, .event-info h4 a:focus {color: #fc5459; text-decoration:none;}
.event-info span[class^="dticon-"], .event-info span[class*=" dticon-"] {
    color: #fc5459;
    width: 25px;
    display: inline-block;
    text-align: center;
}

.event-info .diicon-calendar {font-size: 18px;}
.event-info .dticon-marker {font-size: 18px;}
.event-info .dticon-avatar {font-size: 17px;}


.event-info .event-date, .event-info .event-venue, .event-info .event-booking{ 
	margin-bottom:10px;
	font-size: 14px;
	letter-spacing: 0.5px;
	}
	
.event-info .event-date{color: #4a4a4a;}	
.event-info .event-venue, .event-info .event-booking{color: #fc5459;}

.event-info .event-content{
	margin-bottom:15px;
	font-size: 16px;
	line-height: 1.25;
	color: #9b9b9b;
	font-weight:200;
	}

.event-info .submit-link{
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.3px;
    text-align: center;
    color: #fc5459;
    background-color: #FFF;
    border-radius: 0;
    display: block;
    border: 0;
    padding: 0;
	}

.event_rsvp_form input { border-radius:0; border:1px solid #fc5459; font-weight:300}

.event_rsvp_form .submit-button {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.3px;
    text-align: center;
    color: #fc5459;
    background-color: #fff;
    border-radius: 0;
    font-weight: 400;
    border: 1px solid #fc5459;
    margin: 0 auto;
    padding-left: 25px;
    padding-right: 25px;
}
.event_rsvp_form .submit-button:hover, .event_rsvp_form .submit-button:focus{
	background-color:#FFF;
	border: 1px solid #fc5459 !important;
	}
	
/*------------------------------------------------------*
*-----------------------------------     SIDEBAR     ----*
*------------------------------------------------------*/

.sidebar-bt {
	display:table;
	min-height:100px;
	width: 100%;
	background-color: #fc5459;
  	box-shadow: 0 3px 0 0 #a72024;
  	font-size: 13px;
  	font-weight: 600;
  	letter-spacing: 0.3px;
  	text-align: center;
  	color: #ffffff;
  	text-transform: uppercase;
  	margin-bottom: 20px;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.3px;
	text-align: center;
	color: #ffffff;
	text-transform: uppercase;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: 400;
}

.sidebar-bt:hover, .sidebar-bt:focus{color: #ffffff; text-decoration:none;}
.sidebar-bt > span { display: table-cell; vertical-align:middle;}
.sidebar-bt > span:before { display:block; font-family: 'datack' !important; font-size: 2em;}
.agenda-bt{background-color: #fed96a; box-shadow: 0 3px 0 0 #eabe39;}
.agenda-bt > span:before { content: "\e903";}
.contribution-bt{background-color: #7a8bc6; box-shadow: 0 3px 0 0 #5d6888;}
.contribution-bt > span:before { content: "\e900";}
.contribution-bt2 > span:before { content: "\e916";}
.charte-bt > span:before { content: "\e907";}
.download-bt > span:before { content: "\e909";}

.contribution-bt2 {
    background-color: #FFF;
    box-shadow: 0 3px 0 0 #5d6888;
    color: #7a8bc6;
    border: 1px solid #7a8bc6;
	border-bottom: 0;
}

.sidebar-bt.contribution-bt2:hover, .sidebar-bt.contribution-bt2:focus{color: #7a8bc6; box-shadow: 0 3px 0 0 #5d6888 !important;}


.chantier-banner .sidebar-bt > span:before{ display:none}
.chantier-banner .sidebar-bt, .chantier-banner .sidebar-bt:hover, .chantier-banner .sidebar-bt:focus{ 
	box-shadow: 0 3px 0 0 #C4C4C4;
	}
.chantier-banner .sidebar-bt.contribution-bt2, .chantier-banner .sidebar-bt.contribution-bt2:hover, .chantier-banner .sidebar-bt.contribution-bt2:focus{ 
	box-shadow: 0 3px 0 0 #C4C4C4 !important;
    color: #fc5459;
    border: 1px solid #fc5459;
	}

/*------------------------------------------------------*
*-----------------------------------     CONTACT FORM     ----*
*------------------------------------------------------*/

textarea#feedback_content{
	min-height:200px !important;	
	}

/*------------------------------------------------------*
*-----------------------------------     EMAIL SIGNUP FORM     ----*
*------------------------------------------------------*/

.email-signup.form{
	background-color: #f3132f;
	box-shadow: 0 3px 0 0 #d4d4d4;
	color:#FFF;
	padding: 15px;
	}
	
.email-signup.form h3{
	font-size: 24px;
	font-weight: 300;
	line-height: 1.33;
	color: #fff;
	font-weight:100;
	margin:0;
	}

.email-signup.form input {
    border: none;
    background: none;
    color: #FFF;
    border-bottom: 1px solid #FFF;
}

.email-signup.form .submit-button {
    border-radius: 4px;
	background-color: #fc5459;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 0.5px;
	text-align: center;
	color: #ffffff;
	text-transform:uppercase;
	border: none;
}


.email-signup.form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size: 16px; font-weight: 300; color: #ffffff;
}

.email-signup.form input::-moz-placeholder { /* Firefox 19+ */
  font-size: 16px; font-weight: 300; color: #ffffff;
}
.email-signup.form input:-ms-input-placeholder { /* IE 10+ */
  font-size: 16px; font-weight: 300; color: #ffffff;
}
.email-signup.form input:-moz-placeholder { /* Firefox 18- */
  font-size: 16px; font-weight: 300; color: #ffffff;
}

.email-signup.form .checkbox{ margin-top:10px; margin-bottom:0; font-size:14px; font-weight:300;}
.email-signup.form .checkbox input[type=checkbox]{ }

.login-btn{
	display:block;
	width:100%;
	border-radius: 4px;
	background-color: #f2f2f2;
	line-height: 34px;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 0.5px;
	text-align: center;
	color: #f40722;
	text-transform:uppercase;
	text-align:center;
	margin-top:15px;
}

.login-btn:hover, .login-btn:focus{ color:#f40722; text-decoration:none;}

.labeled-tags-container{ clear:both;}


#signup_custom_values_federation_custom{
	width: 100%;
	height: 34px;
	border-radius: 4px;
	background-color: #ffffff;
	font-size: 12px;
	text-align: left;
	color: #f3132f;
	margin-top: 15px;
    border: 0;
}

.charte-link{
	text-decoration:underline;
	color:#fff;
    font-size: 11px;
    font-weight: 300;
	display: inline-block;
	width: auto;
	margin-left: 20px;
}

.charte-link:hover, .charte-link:focus{
	color:#fff;
	text-decoration:underline;
}
	
/*------------------------------------------------------*
*-----------------------------------     IDENTITY BOX     ----*
*------------------------------------------------------*/


.identity-box{
	float:right;
	min-height:74px;
	display:table;
	margin-right:18px;
	}

.identity-box > div{
	display:table-cell;
	vertical-align:middle;
	font-size: 18px;
	text-align: right;
	color:#9b9b9b;
	font-weight:300;
	}


.identity-box > div > strong{
	color: #4a4a4a;
	font-weight:300;
	}
	
.identity-box .identity-logout{
	font-size: 11px;
	color: #9b9b9b;
	}
	
.identity-box .identity-logout a{
	text-decoration:underline;
	color: #9b9b9b;
	}

.identity-box .identity-logout a:hover, .identity-box .identity-logout a:focus{color: #9b9b9b;}
	
/*------------------------------------------------------*
*-----------------------------------     MENU     ----*
*------------------------------------------------------*/

.navbar {
  background-color: #f2f2f2;
}

.navbar-header {
  float: none;
  min-height: 74px;
  border:0;
  position: relative;
}

#logo{
  display:block;
  width: 238px;
  height: 97px;
  background-image: url(logo-pcf-congres.png);
  background-repeat:no-repeat;
  background-size:contain;
  position: absolute;
  top: 0;
  left: 90px;
  z-index: 999;
  }



.navbar-left,.navbar-right {
  float: none !important;
}

.navbar-toggle {
    display: block;
    float: left;
    padding: 30px;
    margin: 0;
    border: none;
    border-radius: 0;
}

.navbar-collapse {
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}
.navbar-collapse.collapse {
  display: none!important;
}
.navbar-nav {
  float: none!important;
  margin-top: 7.5px;
}
.navbar-nav>li {
  float: none;
}
.navbar-nav>li>a {
  padding-top: 10px;
  padding-bottom: 10px;
}
.collapse.in{
  display:block !important;
}

.container>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-header, .container-fluid>.navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #000;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 27px;
    height: 2px;
    border-radius: 0;
	background-color: #000;
}


.navbar-nav>li a {
	color:#4a4a4a;
	font-size:26px;
	text-transform: uppercase;
	line-height:37px;
}

.navbar-nav>li a:hover, .navbar-nav>li a>a:focus {
    text-decoration: none;
    background-color: #fed96a !important;
    color: #FFF !important;
}

.navbar-nav>li:nth-child(odd) a {
	background-color:#e7e7e7;
	color:#4a4a4a;
}
.navbar-nav>li:nth-child(even) a {
	background-color:#f0f0f0;
}



/**
 * MENU TOGGLE ANIMATION
 * -----------------------------------------------------------------------------
 */

.navbar-toggle .icon-bar {
	-webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
	}

  
.navbar-toggle[aria-expanded="true"] .sr-only  {
	display:none;
	}

.navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(2) {
    width: 21px;
	-webkit-transform: translate(0, 6px) rotate(45deg);
    -ms-transform: translate(0, 6px) rotate(45deg);
    -o-transform: translate(0, 6px) rotate(45deg);
    transform: translate(0, 6px) rotate(45deg);
}
.navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(3) {
    display:none;
}

.navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(4) {
    width: 21px;
	-webkit-transform: translate(0, 0) rotate(-45deg);
    -ms-transform: translate(0, 0) rotate(-45deg);
    -o-transform: translate(0, 0) rotate(-45deg);
    transform: translate(0, 0px) rotate(-45deg);
}



/*------------------------------------------------------*
*-----------------------------------     CHANTIERS HOMEPAGE     ----*
*------------------------------------------------------*/

.chantier-banner {
  background-color: #f2f2f2;
  padding: 30px 15px 15px 15px;
  margin: 0 !important;
}


.chantier-header {
	min-height: 120px;
	background-color: #fff;
	margin-bottom:20px;
	padding: 15px 5%;
    text-align: center;
	line-height: 1.19;
	color: #9b9b9b;
}

.chantier-header h3 {
	margin:0;
	font-size: 26px;
	font-weight: 600;
	line-height: 1.31;
	letter-spacing: 0.5px;
	text-align: center;
	color: #4a4a4a;
	font-weight: 500;
}


.chantier-item {
	min-height: 262px;
	background-color: #fff;
	margin-bottom:20px;
	padding: 30px 12px 50px 12px;
	text-align: center;
    position: relative;
}

.chantier-item .img-responsive {
    max-width: 25%;
    margin: 0 auto;
}

.chantier-item h4 {
	font-size: 24px;
	font-weight: 300;
	letter-spacing: 0.3px;
	text-align: center;
	color: #4a4a4a;
	font-weight:200;
	margin:15px 0;
}

.chantier-item a {
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.3px;
	text-align: center;
	color: #fc5459;
	text-transform: uppercase;
    width: 100%;
	position:absolute;
    left: 0;
    bottom: 20px;
}


/*------------------------------------------------------*
*-----------------------------------     NEWS HOME     ----*
*------------------------------------------------------*/

.title-news-home {
	font-size: 16px;
	color: #4a4a4a;
	text-transform: uppercase;
    font-weight: 400;
    margin: 40px 0 15px 0;
}

.news-home {
    background-color: #fc5459;
    box-shadow: 0 3px 0 0 #a72024;
    text-align: center;
    color: #ffffff;
	padding-bottom:30px;
	position:relative;
	margin-bottom:30px;
}


.news-home h3.news-home-title {
    font-size: 18px;
    text-align: center;
    color: #ffffff;
    font-weight: 100;
    padding: 15px 35px;
    margin: 0;
}

.news-home a{
    position: absolute;
	left:0;
	bottom:15px;
	width:100%;
	display:block;
	text-align:center;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.3px;
	color: #a72024;
	text-transform:uppercase;
}

.news-home a:hover, .news-home a:focus{ color: #a72024;}

.link-news-home {
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.3px;
	text-align: left;
	color: #4a4a4a;
	text-transform:uppercase;
}

.link-news-home:hover, .link-news-home:focus{ color: #4a4a4a;}


/*------------------------------------------------------*
*-----------------------------------     CHANTIER     ----*
*------------------------------------------------------*/

.chantier-headline{
	font-size: 36px;
	font-weight: 300;
	line-height: 1.19;
	letter-spacing: 0.5px;
	color: #4a4a4a;
	}

.chantier-headline a, .chantier-headline a:hover, .chantier-headline a:focus{ color: #4a4a4a;}
	
.chantier-author{
	font-size: 13px;
	letter-spacing: 0.5px;
	color: #4a4a4a;
	margin-bottom:15px;
}

.chantier-intro iframe{ width:100% !important}


.invitation {
	width: 100%;
	background-color: #fc5459;
	box-shadow: 0 3px 0 0 #a72024;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0.5px;
	text-align: center;
	color: #ffffff;
	text-transform:uppercase;
	border: 0;
	line-height:60px;
}

.invitation:before {
	font-family: 'datack' !important;
    content: "\e906";
	font-size: 24px;
    display: inline-block;
    margin-right: 15px;
}


.chantier-content {
    background-color: #f2f2f2;
    padding: 15px;
	margin-top:30px;
}


.chantier-content .chantier-choice a{
    line-height: 40px;
    background-color: #FFF;
    font-size: 15px;
	font-weight: 600;
	letter-spacing: 0.5px;
	text-align: center;
	color: #fc5459;
    text-transform: uppercase;
    border-radius: 0;
	box-shadow: 0 3px 0 0 #a72024;
	display: block;
	text-decoration:none;
}

.chantier-content .chantier-choice a.active, .chantier-content .chantier-choice a.active:hover, .chantier-content .chantier-choice a.active:focus {
    line-height: 40px;
    background-color: #fc5459;
    box-shadow: 0 3px 0 0 #a72024;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-align: center;
    color: #ffffff;
    text-transform: uppercase;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 0;
}


.suggestion-form input, .suggestion-form textarea{
	border-radius:0;
	border:1px solid #fc5459;	
	}

.suggestion-form textarea{
	min-height:200px;	
	}

.suggestion-form input::-webkit-input-placeholder, .suggestion-form textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size: 16px; font-weight: 300; color: #fc5459;
}

.suggestion-form input::-moz-placeholder, .suggestion-form textarea::-moz-placeholder { /* Firefox 19+ */
  font-size: 16px; font-weight: 300; color: #fc5459;
}

.suggestion-form input:-ms-input-placeholder, .suggestion-form textarea:-ms-input-placeholder { /* IE 10+ */
  font-size: 16px; font-weight: 300; color: #fc5459;
}

.suggestion-form input:-moz-placeholder, .suggestion-form textarea:-moz-placeholder  { /* Firefox 18- */
  font-size: 16px; font-weight: 300; color: #fc5459;
}

	
.suggestion-form .submit-button{
	line-height: 34px;
	border-radius: 4px;
	background-color: #fc5459;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 0.5px;
	text-align: center;
	color: #ffffff;
	text-transform:uppercase;
}


/*------------------------------------------------------*
*-----------------------------------     SUGGESTION LIST     ----*
*------------------------------------------------------*/

.suggestion-post-list {
    margin-top: 30px;
}

.suggestion-post {
    background-color: #fff;
    padding: 15px;
	margin-bottom:15px;
}

.suggestion-post h3 {
    background-color: #fff;
    padding: 15px;
    font-size: 18px;
    line-height: 1.28;
    letter-spacing: 0.5px;
    text-align: center;
    color: #9b9b9b;
	margin:0;
	font-weight:400;
}

.suggestion-post-link {
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.3px;
	text-align: center;
	color: #fc5459;
	text-transform:uppercase;
	display:block;
}

.suggestion-post-link:hover, .suggestion-post-link:focus {color: #fc5459;}

/*------------------------------------------------------*
*-----------------------------------     SUGGESTION POST     ----*
*------------------------------------------------------*/

.suggestion-content {
    background-color: #f2f2f2;
    padding: 15px 30px 15px 50px;
    position: relative;
	margin-bottom:30px;
}


.suggestion-headline{
	font-size: 36px;
	font-weight: 300;
	line-height: 1.19;
	letter-spacing: 0.5px;
	color: #fc5459;
	margin: 0 0 15px 0;
}

.suggestion-content:before{
	font-family: 'datack' !important;
    content: "\e914";
    display: block;
    margin-right: 15px;
    font-size: 24px;
    position: absolute;
    color: #fc5459;
    top: 20px;
    left: 15px;
}

.suggestion-author{
	font-size: 13px;
	letter-spacing: 0.5px;
	color: #fc5459;
	margin-top: 5px;
}


.suggestion-content .answer.clearfix {
    border: 1px solid #fc5459;
    padding: 15px;
    color: #fc5459;
    background: #FFF;
}


.comments-form{
	margin-bottom:30px; 
}


.comments-form textarea{
	border-radius:0;
	border:1px solid #fc5459;
	min-height:200px;
	margin-bottom:30px;	
	}

.comments-form textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size: 16px; font-weight: 300; color: #fc5459;
}

.comments-form textarea::-moz-placeholder { /* Firefox 19+ */
  font-size: 16px; font-weight: 300; color: #fc5459;
}

.comments-form textarea:-ms-input-placeholder { /* IE 10+ */
  font-size: 16px; font-weight: 300; color: #fc5459;
}

.comments-form textarea:-moz-placeholder  { /* Firefox 18- */
  font-size: 16px; font-weight: 300; color: #fc5459;
}

.comments-form .suggestion-tag-list label{color: #fc5459;  font-weight:300; font-size:16px;}

/*------------------------------------------------------*
*-----------------------------------     LOGIN FORM     ----*
*------------------------------------------------------*/

.login-form {
    min-height: 400px;
}

.login-form input,  .login-form textarea{
	border-radius:0;
	border:1px solid #f3132f;
	color:#f3132f;
	font-size:17px;
	font-weight:300;
}
.login-form label[for=user_session_remember_me] {
	font-size: 16px;
    font-weight: 300;
    color: #4a4a4a;
}


.login-form .submit-button {
    border-radius: 4px;
	background-color: #fc5459;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 0.5px;
	text-align: center;
	color: #ffffff;
	text-transform:uppercase;
	border:none;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 30px;
}

.login-form .password-reminder{
	color:#f3132f;
	}


.login-form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size: 16px; font-weight: 300; color: #9b9b9b;
}

.login-form input::-moz-placeholder { /* Firefox 19+ */
  font-size: 16px; font-weight: 300; color: #9b9b9b;
}
.login-form input:-ms-input-placeholder { /* IE 10+ */
  font-size: 16px; font-weight: 300; color: #9b9b9b;
}
.login-form input:-moz-placeholder { /* Firefox 18- */
  font-size: 16px; font-weight: 300; color: #9b9b9b;
}

/*------------------------------------------------------*
*-----------------------------------     ACTIVITY     ----*
*------------------------------------------------------*/


	
h3.reaction-title{
	color:#fc5459;
	font-weight:300;
	font-size:24px;
	}

#reactions .activity.media{
	display:block;
	border:1px solid #fc5459;
	padding: 10px 15px;
	background-color:#FFF;
	font-size:16px;
	color:#fc5459;
	font-weight:400;
	}


#reactions .activity.media a {
	color:#fc5459;
	text-decoration:underline;
	}
	
#reactions .activity.media .activity-content, #reactions .activity.media .page_tag{
	display:block;
	color: #9b9b9b;
	font-size:14px;
	font-weight:300;
	}
	

#reactions .activity.media .activity-time {
	display: none;
	}


.pagination>.active>a, .pagination>.active>a:hover, .pagination>.active>a:focus, .pagination>.active>span, .pagination>.active>span:hover, .pagination>.active>span:focus {
    background-color: #fc5459;
    border-color: #fc5459;
}

.pagination>li>a, .pagination>li>span {
    color: #fc5459;
    border: 1px solid #fc5459;
}

.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus {
    border-color: #fc5459;
}

.pagination>li>a:hover, .pagination>li>a:focus, .pagination>li>span:hover, .pagination>li>span:focus {
    border-color: #fc5459;
}

.pagination-container {
    margin-top: 10px;
    border-top: none;
}

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

footer {
	background-color: #d4d4d4;
	margin:0;
}


.footer-content {
	background-image: url(logo-small.png);
  	background-repeat:no-repeat;
	background-position:top left;
	height: 120px;
	display:table;
	width: 100%;
	position:relative;
}

.footer-links {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	padding: 0 15%;
}

.footer-links a {
	font-size: 20px;
	font-weight: 500;
	text-align: left;
	color: #ffffff;
	font-weight:200;
	display:inline-block;
	margin-right:20px;
	
}

.footer-links a:hover, .footer-links a:focus {color: #ffffff;}


.footer-social {
    position: absolute;
    height: 120px;
    right: 15px;
	display:table;
}

.footer-social > div {
	display:table-cell;
	vertical-align:middle;
}

.footer-social a {
    display: inline-block;
    text-align: center;
    width: 34px;
    height: 34px;
    line-height: 34px;
    font-size: 17px;
    margin-left: 15px;
    color: #FFF;
    font-family: 'datack' !important;
}
.footer-social a:hover, .footer-social a:focus {
	color:#FFF;
	text-decoration:none;
	opacity:0.8;
	-webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}
.footer-social a.fb { background-color:#3B5998;}
.footer-social a.fb:before {content: "\e910";}
.footer-social a.tw { background-color:#00aced;}
.footer-social a.tw:before {content: "\e912";}

.footer-credits { color:#4A4A4A; font-size: 12px !important; font-weight: 300;}
.footer-credits a { color:#FFF; text-decoration:none; font-size: 12px !important;}
.footer-credits a:hover, .footer-credits a:focus { color:#FFF; text-decoration:underline}



/*------------------------------------------------------*
*-----------------------------------     CUSTOM ICONS     ----*
*------------------------------------------------------*/

[class^="dticon-"], [class*=" dticon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'datack' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.dticon-fileplus:before {
    content: "\e900";
}

.dticon-attached:before {
    content: "\e901";
}

.dticon-calendar-empty:before {
    content: "\e902";
}

.dticon-calendar:before {
    content: "\e903";
}

.dticon-avatar:before {
    content: "\e904";
}

.dticon-loupe:before {
    content: "\e905";
}

.dticon-pen:before {
    content: "\e906";
}

.dticon-file:before {
    content: "\e907";
}

.dticon-marker:before {
    content: "\e908";
}

.dticon-dl:before {
    content: "\e909";
}

.dticon-facebook:before {
    content: "\e910";
}

.dticon-linkedin:before {
    content: "\e911";
}

.dticon-twitter:before {
    content: "\e912";
}

.dticon-youtube:before {
    content: "\e913";
}

.dticon-youtube:before {
    content: "\e914";
}

.dticon-eye:before {
    content: "\e915";
}

.dticon-book:before {
    content: "\e916";
}
/*------------------------------------------------------*
*-----------------------------------     EXTRA     ----*
*------------------------------------------------------*/

.fullwidth{ width: 100%}

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


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

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	
.email-signup.form h3 {text-align: center;}
.email-signup.form .input-group {margin: auto;}
.headline {font-size: 54px;}

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
.headline {font-size: 46px;}
.footer-content { height: 140px;}
.footer-links {	display: block; position: absolute; bottom: 10px; line-height: 14px;}
.footer-links a { font-size: 14px; font-weight: 300; text-align: center; margin-right: 5px;}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
.headline {font-size: 42px;}
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
.headline {font-size: 36px;}

}