/*
Theme Name: France Bénévolat 2.0
Theme URI: http://local.francebenevolat.org/
Description: Version 2.0 du thème France Bénévolat pour l'Usine de sites France Bénévolat
Author: Thomas Rambaud (http://thomasrambaud.com)
Version: 1.0
Tags: France Bénévolat
*/

/*!
 * SlickNav Responsive Mobile Menu v1.0.6
 * (c) 2015 Josh Cope
 * licensed under MIT
 */.slicknav_btn,.slicknav_nav .slicknav_item{cursor:pointer}.slicknav_menu,.slicknav_menu *{box-sizing:border-box}.slicknav_btn{position:relative;display:block;vertical-align:middle;float:right;padding:.438em .625em;line-height:1.125em}.slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar{margin-top:.188em}.slicknav_menu .slicknav_menutxt{display:block;line-height:1.188em;float:left;color:#fff;font-weight:700;text-shadow:0 1px 3px #000}.slicknav_menu .slicknav_icon{float:left;width:1.125em;height:.875em;margin:.188em 0 0 .438em}.slicknav_menu .slicknav_icon:before{background:0 0;width:1.125em;height:.875em;display:block;content:"";position:absolute}.slicknav_menu .slicknav_no-text{margin:0}.slicknav_menu .slicknav_icon-bar{display:block;width:1.125em;height:.125em;}.slicknav_menu:after,.slicknav_menu:before{content:" ";display:table}.slicknav_menu:after{clear:both}.slicknav_nav li,.slicknav_nav ul{display:block}.slicknav_nav .slicknav_arrow{font-size:.8em;margin:0 0 0 .4em}.slicknav_nav .slicknav_item a{display:inline}.slicknav_nav .slicknav_row,.slicknav_nav a{display:block}.slicknav_nav .slicknav_parent-link a{display:inline}.slicknav_menu{*zoom:1;font-size:16px;background:#4c4c4c;padding:5px}.slicknav_nav,.slicknav_nav ul{list-style:none;overflow:hidden;padding:0}.slicknav_menu .slicknav_icon-bar{background-color:#fff}.slicknav_btn{margin:5px 5px 6px;text-decoration:none;}.slicknav_nav{clear:both;color:#fff;margin:0;font-size:.875em}.slicknav_nav ul{margin:0 0 0 20px}.slicknav_nav .slicknav_row,.slicknav_nav a{padding:5px 10px;margin:2px 5px}.slicknav_nav .slicknav_row:hover{}.slicknav_nav a{text-decoration:none;color:#fff}.slicknav_nav a:hover{}.slicknav_nav .slicknav_txtnode{margin-left:15px}.slicknav_nav .slicknav_item a,.slicknav_nav .slicknav_parent-link a{padding:0;margin:0}.slicknav_brand{float:left;color:#fff;font-size:18px;line-height:30px;padding:7px 12px;height:44px}

/* ==========================================================================
   Author's custom styles
   @author: Thomas Rambaud (http://thomasrambaud.com)
   
   Google fonts: 
   'Fira Sans', sans-serif
   'Titillium Web', sans-serif
   
   light          : font-weight:200
   Book           : font-weight:300
   Medium/Regular : font-weight:500
   Semi-bold      : font-weight:600
   Bold (700)     : font-weight:bold
   Extra-bold     : font-weight:800
   ======-==================================================================== */

.cell {box-sizing: border-box;}
.w50 {width:50%;}
.w33 {width:33.3333%;}
.w66 {width:66.6666%;}

.carousel {height:183px;}

body {background:#fff;}

a {text-decoration: none;}

.hcontainer {max-width: 1280px;margin:auto;}

.bodytext {font-family: 'Titillium Web', sans-serif;font-size:16px;}
.bodytext strong {font-weight: 600;}
.bodytext a {color:#e15996;}
.bodytext a:hover {text-decoration: underline;}
.bodytext h1 {color:#ed7ebc;font-size:26px;text-transform: uppercase;font-weight: bold;font-family: 'Titillium Web', sans-serif;margin-top:30px;margin-bottom: 20px;}
.bodytext h1 + p {margin-top:0;padding-top:0;}
.bodytext h1 a {color:#ed7ebc !important;}
.bodytext h1.title3 {color:#015466;}
.bodytext h1.title3::after {border-color:#015466;}
.bodytext h2 {font-weight:600;text-transform: uppercase;color:#ed7ebc;font-size:24px;margin-bottom: 20px;margin-top:30px;}
.bodytext h2 a {color:#ed7ebc !important;}
.bodytext h3 span,
.bodytext h3 {font-size:24px !important;font-family: 'Titillium Web', sans-serif;font-weight: 500;text-transform: none;color:#222;}
.bodytext h3 a {color:#222 !important;}
.bodytext > h2,
.bodytext > h3 {clear: both;}
.bodytext a span[style*=color] {color:#e15996 !important;text-decoration: none !important;}
.bodytext a span[style*=color]:hover {text-decoration: underline !important;}
.bodytext span[style*="color: #000"],
.bodytext span[style*="color: #000000"],
.bodytext span[style*="color: #ff0000"] {color:#222 !important;}
.bodytext a img {text-decoration: none;outline: 0;}
.bodytext img[width="500"]:not(.alignleft) {display: block;margin:auto;}
.bodytext img.alignleft {float:left;margin-right:20px;margin-bottom: 15px;}
.bodytext img.alignright {float:right;margin-left:20px;margin-bottom: 15px;}
.bodytext img[vspace],
.bodytext img[hspace] {margin-left: 0 !important;margin-top:0 !important;}
.bodytext img.aligncenter {display: block; margin: auto;}
.bodytext .title {text-transform: uppercase;font-weight: bold;}

#header > div:first-child {position: relative;background:url(images/header.jpg) no-repeat top right;background-size: auto 100%;padding-bottom:20px;}
.logo {position: relative;height:165px;padding:25px 0;}
.logo img {width:234px;height: auto;display: block;float: left;margin-right: 30px;margin-left:13px;}
/*.logo .asso-name {font-weight:500;font-size:22px;position: absolute;bottom:0;left:0;color:#ca58a1;}*/
.logo + p {font-family: 'Fira Sans', sans-serif;font-weight:300;color:#5d7683;font-size: 22px;margin:0;padding:0;position: absolute;top:163px;left:15px;}
.logo + p span {font-weight: 500;color: #ed7ebc;background: #ca58a1;color: #fff;padding: 2px 6px;display: inline-block;}

.title3 {font-size:26px;color:#fff;}
.title3::after {border-color:#fff;border-width: 4px;}

.slicknav_menu {background:none;padding:0;}
.slicknav_btn {padding:0;text-align: center;margin:0;}
.slicknav_menu .slicknav_menutxt,
.slicknav_menu .slicknav_icon {float: none;margin:0;position: relative;top:5px;}
.slicknav_menu .slicknav_menutxt {position: relative;top:-2px;}
.slicknav_menu .slicknav_icon-bar {margin: auto;}

.carousel.fade .carousel-item {display: none;}
.carousel.fade .carousel-item:first-child {display: block;}

#menu-main {position: relative;box-sizing: border-box;}
#menu-main li {list-style-type: none;display: inline-block;}
#menu-main li a {font-family: 'Fira Sans',sans-serif;font-size: 20px;text-transform: uppercase;text-decoration: none;color: #fff;margin-right: 5px;padding-right: 5px;position: relative;font-weight:400;}
#menu-main li a:hover {text-decoration: underline;}
#menu-main li a::after {content: "|";position: relative;font-size: 18px;margin-left: 12px;color: #fff;text-decoration: none;display: inline-block;}
#menu-main li:last-child a:after {display: none;}
#menu-main > div > ul {text-align: right;margin-top:0;padding-bottom:11px;margin-bottom: 0;background:#bdd63b;padding-right: 30px;padding-top:11px;}
#menu-main > div > ul.has-submenu {padding-bottom:54px;}
#menu-main ul ul {display: none;position: absolute;bottom:0;left:0;width:100%;background:#697980;margin:0;padding:10px 0;padding-right: 30px;box-sizing: border-box;}
#menu-main ul ul li a {font-size: 16px;color:#fff;}
#menu-main ul ul li a:after {color:#fff;}
#menu-main .menu-item-has-children.current-menu-ancestor,
#menu-main .menu-item-has-children.current-menu-item {margin-bottom: 0;}
#menu-main .menu-item-has-children.current-menu-ancestor > a,
#menu-main .current-menu-item > a {opacity: 0.6;}
/*
#menu-main .menu-item-has-children.current-menu-ancestor > a::before,
#menu-main .menu-item-has-children.current-menu-item > a::before {content: ' ';display: block;position: absolute;bottom: -18px;left: 50%;background: url(images/triangle.png) no-repeat top left;margin-left: -16px;width: 19px;height: 9px;}
*/
#menu-main .current-menu-item ul,
#menu-main .current-menu-ancestor > ul {display: block;}

.block-66 {background:#cad2d9;}
.block-66.alone {background-image:url(images/bg1.jpg);background-size:auto 100%;background-repeat: no-repeat;background-position: top right;}
#container.rubrique .cell,
.block-50 .cell,
.block-66 > div  {padding:40px 50px;}
.block-66 .cell + .cell {padding:40px 30px;}
.block-66 .bodytext {font-size:20px;}
.block-66 .bodytext p {margin-top:0;padding-top:0;vertical-align: top;}

.events-block {background:#015466;color:#fff;font-family: 'Titillium Web', sans-serif;}
.events-block a {color:#fff;font-size:16px;font-weight:200;border-bottom: solid 1px #fff;margin-bottom: 15px;display: block;}
.events-block a:hover .text,
.events-block a:hover .lieu {text-decoration: underline;}
.events-block article:last-child a {border: none;}
.events-block time {font-size:20px;display:inline-block;font-weight: 600;}
.events-block a > span {display: block;padding:5px 20px 0 20px;}
.events-block a > span:last-child {padding-bottom: 15px;}
.events-block a > span.lieu {padding-top:0;}

.block-50 {background:#015466;}
.block-50 .cell + .cell {background:#25798c;position: relative;}
.block-50.alone,
.block-50.alone .cell {background:#25798c;}

.event-metas-post {float:left;padding:20px;margin-right: 20px;margin-bottom: 20px;width:220px;background:#f5f5f5;}
.event-metas-post p {margin: 2px 0;}

#all-news-link {color:#fff;position: absolute;bottom:20px;right: 20px;}

.footer {background:#697980;padding:40px 50px;box-sizing: border-box;}
.footer .slide {margin-left: 40px;margin-right: 40px;}
.footer .arrow {background-size: cover;width: 19px;height: 32px;top:45%;}
.footer .arrow-left {left:0;}
.footer .arrow-right {right:0;}
.footer .cell {position: relative;}
.footer .slide a {text-decoration: none;}
.footer .slide img {margin-right: 20px;height: 85px;width: auto;margin-top:20px;}
.footer .social p {text-transform: uppercase;color:#fff;font-size:16px;font-family: 'Titillium Web', sans-serif;font-weight: bold;margin:0;}
.footer .navi {text-align: right;}
.footer .navi a {text-transform: uppercase;font-family: 'Titillium Web', sans-serif;font-weight: 200;font-size: 16px;color:#fff;}
.footer .navi a::after {content: '/'; display: inline-block;margin:0 5px;}
.footer .navi a:last-child::after {display:none;}
.footer .navi a:hover {text-decoration: underline;}

.footer-bottom {padding-top:45px;}
.footer-bottom .social-link {margin-left: 5px;}
.footer-bottom .social-link:hover {opacity: 0.8;}

.hl {font-size:18px;color:#fff;}

.bodytext div.wpcf7 {max-width: 640px;margin: auto;background: #f5f5f5;padding: 10px 20px;margin-bottom: 20px;}
.bodytext div.wpcf7 label {display: inline-block;width:190px;margin-right: 20px;font-weight: bold;}
.bodytext div.wpcf7 input[type="text"] {}
.bodytext div.wpcf7 textarea,
.bodytext div.wpcf7 select,
.bodytext div.wpcf7 input {width:350px;margin-bottom: 20px;border: none;}
.bodytext div.wpcf7 input[type="submit"] {padding: 12px 30px;text-transform: uppercase;font-style: normal;background: #ed7ebc;color: #fff;font-weight: bold;border: none;font-size: 18px;width: 218px;margin: auto;display: block;}
.bodytext div.wpcf7 span.wpcf7-form-control-wrap {display: inline-block;vertical-align: top;}
.bodytext .half {padding-right:15px;box-sizing:border-box;}
.bodytext .half + .half {padding-left:15px;padding-right:0;}
.bodytext figure {margin:40px auto;position:relative;}
.bodytext .half figure {margin:20px auto;}
.bodytext figure img {width:100%;height:auto;}
.bodytext figcaption {position:absolute;padding:10px;background:rgba(0, 0, 0, 0.4);width:100%;bottom:0;left:0;box-sizing: border-box;}
.bodytext figcaption p {font-family:'Titillium Web', sans-serif;font-weight:200;font-size:14px;font-style:italic;color:#fff;margin:0;}

.link-list,
.link-list li {list-style-type: none;padding:0;margin:0;}
.link-list li {margin-bottom: 3px;background:url(images/dash.png) no-repeat top 6px left 0;padding-left:20px;font-size: 18px;}
.link-list a {color:#fff;}
.link-list a:hover {text-decoration: underline;}

#path {padding-left:10px;box-sizing: border-box;}
#path a,
#path p {color:#697980;font-size:12px;font-family: 'Titillium Web', sans-serif;}
#path p {}
#path a {text-decoration: underline;}
#path a:hover {text-decoration: none;}

.halfhalf {padding:20px 0;}
.halfhalf > div {float:left;width:50%;box-sizing: border-box;padding:30px;color:#fff;}
.halfhalf > div:first-child {background:#24798c;}
.halfhalf > div:first-child a,
.halfhalf > div:first-child h3 {color:#fff !important;}
.halfhalf > div + div {padding-top:0;padding-right: 0;}
.halfhalf > div img {width:100%;height:auto;}

.backgrounded-plus {height: 29px;border-bottom: solid 1px #fff;background:url(images/plus.jpg) no-repeat bottom right;padding-bottom: 40px;display: block;position: absolute;bottom:0;left:0;width:100%;}
.backgrounded-plus:hover {opacity: 0.6;}
.backgrounded-plus span {text-indent: -999em;display: block;}
.cell.cell-bg {min-height: 291px;padding-bottom: 50px;}
.cell.cell-bg:first-child {width:45%;margin-right: 5%;padding-bottom: 30px;}

#block-share {margin-bottom: 25px;}
#block-share .title {background:none;}

#container.rubrique {background:#cad2d9;}
#container.rubrique .cell {box-sizing: border-box;}
#container.rubrique .cell:first-child {padding-top:0;}
#container.rubrique .cell:first-child .bodytext {font-size:20px;font-family: 'Titillium Web', sans-serif;font-weight: 200;}
#container.rubrique .green {background:#015466;min-height: 400px;}
#container.rubrique .green article {height: auto;padding-bottom: 20px;margin-bottom: 20px;}
#container.rubrique .green article a:hover {opacity: 0.8;}

.std-article h4 {margin-bottom: 3px;}

.citation {margin-top:90px;}

.googleMap {margin:20px 0;}
.googleMap .fbn-iw {font-size:18px;text-align: center;padding:10px;}

.slicknav_menu {display: none;}

#search-teaser {background:#DF64A7;}
#search-teaser .section {background: none;}
#search-teaser .std-button {background:#E582B9;right: 0;}
#search-teaser .inner {padding-left: 50px; padding-right: 50px;}
#search-teaser iframe {margin-top:20px;}
#search-main-fields {width:auto;}
#search-teaser #search-main-fields .cell:last-child {padding-right: 0;}

.all-events a {border: none;font-size: 20px;padding-top: 20px;text-align: center;display: block;}

.plus {background:url(images/plus.png) no-repeat top left;width:44px;height:44px;display:block;position:absolute;bottom:0;right:0;cursor:pointer;}
a:hover .plus {opacity:0.7;}

.pink {color:#de63a7;}
.white {color:#fff;}
.black {color:#000;}
.orange {color:#F18D2D;}
.grey {color:#687980;}
.green {color:#007187;}
.red {color:#d34c59;}
.blue {color:#2b8598;}
.lightgreen {color:#9fb329;}
.model {color:#ccc;}

.bg-pink {background-color:#de63a7;}
.bg-white {background-color:#fff;}
.bg-black {background-color:#000;}
.bg-green {background-color:#007187;}
.bg-orange {background-color:#F18D2D;}
.bg-grey {background-color:#687980;}
.bg-lightgrey {background-color:#BECAD6;}
.bg-lightgreen {background-color:#BCD03D;}
.bg-blue {background-color:#24798c;}

.encadre {border-bottom:solid 3px #015466;margin-top:20px;}
.encadre h4 {font-family:'Fira Sans', sans-serif;font-weight:500;font-size:22px;color:#fff;padding:10px;background:#015466;}
.encadre p {padding-left:10px;padding-right:10px;}
.encadre.seul {width:90%;max-width:768px;margin:30px auto;}


.encadre-simple {padding:14px;font-family: 'Titillium Web', sans-serif;font-weight: 500;color:#acb7bc;font-size:18px;border:solid 1px #F18D2D;    margin-bottom: 20px;margin-top: 8px;}
.encadre-simple p {margin:0;}
.encadre-simple em {color:#f18d2d;}

.bordered {border-top:solid 3px #015466;border-bottom:solid 3px #015466;}
.border-grey {border-right:solid 1px #e5e5e5;padding-top:0;margin-top:20px;}

.bigger {font-size:20px;}

figure.seul {max-width:640px;margin:auto;}

.citation {max-width: 525px;margin:0 auto 20px auto;}
.citation blockquote {font-family:'Titillium Web', sans-serif;border-top:solid 2px #de63a7;margin:0;padding:30px 0 0 0;position: relative;margin-top:57px;clear:both;}
.citation blockquote:after {content:" ";background: url(images/quote-big.jpg) no-repeat top left;width: 110px;height: 104px;display: block;position: absolute;top:-74px;left:-10px;}
.citation blockquote p {margin:0;}
.citation blockquote > p {color:#687880;font-size:22px;font-style:italic;padding-bottom: 30px;}
.citation blockquote footer {border-top:solid 2px #de63a7;padding-top: 10px;}
.citation cite {color:#687880;font-size: 18px;font-style: normal;display: block;text-align: right;}
.citation cite strong {font-weight: 600;color:#de63a7;display: block;}

div.video {margin:20px 0;padding:30px 100px 60px 100px;background:url(images/video-bg.jpg) no-repeat top right;background-color:#007e95;background-size: cover;}
div.video h2 {color:#fff;}
div.video h2:after {display:none;}
div.video p {color:#fff;margin-top:1px;}
div.video .iframe-wrapper {position: relative;padding-bottom: 56.25%;padding-top: 0;height: 0;}
div.video iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.half {width:50%;float:left;}
.h480 {height:500px;overflow: hidden;}

/* Smartphones and small tablets ----------- */
@media only screen and (max-width: 1280px) {
    
}

/* Smartphones and small tablets ----------- */
@media only screen and (max-width: 800px) {
    #home-tabs-content .three, #home-tabs-content .two, #block-engagement1 .section > div, .body-text .half, .cell, .cell.w10, .cell.w20, .cell.w25, .cell.w30, .cell.w33, .cell.w35, .cell.w40, .cell.w45, .cell.w50, .cell.w55, .cell.w60, .cell.w70, .cell.w75, .cell.w80, .cell.w90, .half {
        width: auto;
        float: none;
        clear: both;
    }

    .w66,
    .w33 {width:auto;float:none;clear:both;}
    
    .cell.backgrounded-plus {background:none;height: auto;min-height: 0;border: none;}
    
    .footer,
    #container.rubrique .cell, 
    .block-50 .cell, 
    .block-66 .cell {padding:25px;}
    
    .block-50 {border-top:solid 1px #fff;}
    
    #header {position: relative;}
    
    .logo img {width:137px;float:none;}
    
    .slicknav_menu {display: block;}
    #menu-main {display: none;}
    
    .footer .slide {height: 110px;}
    .footer .navi {padding-top: 20px;}
}