/*
Theme Name: theme ose
Theme URI: http://www.oxfoz.com
Description: theme ose
Version: 1.0
Author: Oxfoz Technologies
Author URI: http://www.oxfoz.com
Tags: theme ose
Text Domain: theme ose

    This theme was designed and built by Oxfoz Technologies,
    whose site you will find at http://www.oxfoz.com

    The CSS, XHTML and design is released under GPL:
    http://www.opensource.org/licenses/gpl-license.php

*/

@font-face {
    font-family: DinPro;
    src: url("fonts/DINPro/DINPro-Regular.otf") format("opentype");
}

@font-face {
    font-family: DinPro;
    font-weight: bold;
    src: url("fonts/DINPro/DINPro-Bold.otf") format("opentype");
}

@font-face {
    font-family: DinPro;
    font-weight: 300;
    src: url("fonts/DINPro/DINPro-Light.otf") format("opentype");
}

/* Begin Typography & Colors */
body {
    font-size: 12px; /* Resets 1em to 10px */
    font-family: 'Lucida Grande', Verdana, Arial, sans-serif;
    background: #ffffff;
    color: #000000;
    padding: 0;
    margin: 0;
    text-align: center;
}

body.landing-page {
    font-family: DinPro, sans-serif;
}

body.landing-page * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.content-wrapper {
    margin: 0 auto;
    text-align: left;
<<<<<<< HEAD
=======
    padding: 25px;
>>>>>>> a441787acdb56b53c9fb434b1e89141af7837219
    width: 100%;
}

@media (min-width: 1023px) {
    .content-wrapper {
        max-width: 1024px;
        padding: 0;
    }

    .landing-page .content-wrapper {
        max-width: 1048px;
        padding: 15px;
    }

    .landing-page .projects-container ul {
        margin: 10px 200px;
    }

    .header-content {
        max-width: 1250px;
    }
}

.header-content {
    width: 100%;;
    padding: 15px;
}

.content-wrapper .header-letter {
    font-family: DinPro, sans-serif;
    font-size: 20px;
    color: #e31f2e;
    font-weight: bold;
}

.content-wrapper p {
    font-family: DinPro, sans-serif;
    font-size: 16px;
}

.content-wrapper .portrait .name:before, .job:before {
    content:'';
    display: block;
}

.content-wrapper .portrait-container {
    width: 100%;
    height: 176px;
}

.content-wrapper .portrait {
    float: right;
    text-align: center;
    margin: 0 25px;
}

.content-wrapper .portrait .name {
    font-family: DinPro, sans-serif;
    font-size: 14px;
    color: #333333;
}

.content-wrapper .portrait .name strong {
    font-weight: bold;
    color: #e31f2e;
}

.content-wrapper .portrait .job {
    font-weight: bold;
}

.projects-container {
    text-align: left;
}

.header-container {
    height: 50px;
    display: inline-block;
    padding: 0 35px 0 240px;
    background-color: #e31f2e;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}

.header-container span {
    font-family: DinPro, sans-serif;
    font-size: 20px;
    color: white;
    font-weight: bold;
    line-height: 50px;
}

.projects-container ul {
    margin: 10px 15px;
}

.projects-container ul h1 {
    background-color: transparent;
    color: #333333;
    font-size: 16px;
    font-weight: bold;
    font-family: DinPro, sans-serif;
    cursor: pointer;
}
.projects-container ul p {
    color: #333333;
    font-size: 14px;
    font-family: DinPro, sans-serif;
}
.projects-container ul p strong {
    color: #e31f2e;
    font-weight: bold;
}

.projects-container ul li p {
    display: none;
}

.projects-container ul p a {
    color: #e31f2e;
    font-weight: bold;
}

#header {
    background: #ffffff;
}

#headerimg {
    position: relative;
}

#menu-top .change-lang {
    float: right;
}

a.change-lang img {
    height: 17px;
    width: 25px;
    margin-top: 4px;
}

img {
    border: none;
}

ul, li {
    padding: 0;
    margin: 0;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
}

#content {
    float: left;
    margin: 0px 0 10px 20px;
    width: 540px;
}

#content-home {
    float: left;
    width: 790px;
    margin: 10px 0 10px 20px;
}

#sidebar {
    float: left;
    width: 210px; /*background-image:url(images/bg_sidebar.jpg);*/
    padding-top: 0px;
    background-repeat: no-repeat;
    background-position: bottom;
}

#footer {
    clear: both;
    padding: 10px 0 10px 0px;
    text-align: center;
    margin-top: 6px;
    background-color: #EA1C24;
}

#footer li {
    display: inline;
    padding: 2px 6px;
}

#sidebar_rouge {
    background-image: url(images/bg_top.jpg);
    background-repeat: no-repeat;
    height: 100px;
    padding-top: 10px;
}

#sidebar_rouge a {
    color: #ffffff;
}

#sidebar_rouge li {
    line-height: 40px;
}

#sidebar_couleur li.page-item-83 {
    background: rgb(202,33,123);
}

#sidebar_couleur li.page-item-6 {
    background: rgb(132,184,59);
}

#sidebar_couleur li.page-item-7 {
    background: rgb(7,176,220);
}

#sidebar_couleur li.page-item-84 {
    background: rgb(244,146,31);
}

#sidebar_couleur li.page-item-9 {
    background: rgb(89,46,128);
}

#sidebar_couleur li.page-item-105 {
    background: rgb(122,124,126);
}

#sidebar a {
    font-size: 12px;
    line-height: 30px;
    text-decoration: none;
    text-transform: uppercase;
    padding-left: 0px;
}

#sidebar_couleur a {
    font-size: 18px;
    color: #ffffff;
    font-weight: bold;
    line-height: 40px;
}

#sidebar_couleur li {
    text-align: center;
    height: 40px;
    border-radius: 20px;
    margin: 10px 0 5px 0;
}

#sidebar_gris a {
    color: #9d9fa2;
}

#actu_home h2 {
    color: #ea1c24;
}

#actu_home .entry {
    float: left;
    width: 375px;
}

.entry a {
    #text-decoration: none;
    #color: #000000;
}

#professionnels {
    background-image: url(images/bg_professionnels.jpg);
    background-repeat: no-repeat;
    height: 150px;
}

#aide {
    background-image: url(images/bg_aide.jpg);
    background-repeat: no-repeat;
    height: 150px;
}

#enfants {
    background-image: url(images/bg_enfants.jpg);
    background-repeat: no-repeat;
    height: 150px;
}

#cote-home {
    float: left;
    margin: 20px 0 0 15px;
    width: 230px;
}

p.aidez_nous {
    margin-top: 15px;
    text-align: center;
    border: 2px solid #EA1C24;
    padding: 15px;
}

li#search-3 {
    margin: 0px 0 10px 0;
    padding: 0 0 0 10px;
    float: left;
}

.titre_actu {
    font-family: Times New Roman;
    font-size: 30px;
    text-align: right;
    margin: 0;
}

#actu_home {
    background-color: #EDEEEE;
    margin: 10px 0;
    padding: 5px;
}

.clear {
    clear: both;
}

#menu-top {
    background-color: #ea1c24;
    font-size: 14px;
    line-height: 25px;
}

#menu-top li a {
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    padding: 2px 4px;
}

#menu-top li a:hover, #menu-top li:hover a:hover, #menu-top li.sfhover a:hover {
    text-decoration: underline;
}

#menu-top li {
    float: left;
    margin-right: 6px;
}

#menu-top li:hover, #menu-top li.sfhover {
    background-color: #ea1c24;
}

#menu-top li ul {
    position: absolute;
    z-index: 10;
    left: -999em;
    background-color: #ea1c24;
    font-size: 12px;
}

#menu-top li:hover ul, #menu-top li.sfhover ul {
    left: auto;
}

#menu-top li li {
    float: none;
    text-align: left;
}

#menu-top li li a:hover, #menu-top li:hover li a:hover, #menu-top li.sfhover li a:hover {
    text-decoration: underline;
}

#menu-top li li a {
    display: block;
}

#menu-main {
    padding-left: 5px;
}

#centre-home {
    float: left;
    margin-top: 15px;
    width: 540px;
}

#actu-home {
    border: 2px dashed #ea1c24;
    margin-top: 5px;
    padding: 5px;
}

#actu-home h2 {
    font-size: 14px;
}

.entry .lire-suite {
    clear: both;
    color: #ea1c24;
    text-align: left;
}

.thumb img {
    width: 100px;
    height: 100px;
}

#gros-plan {
}

h1 {
    background-color: #ea1c24;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: normal;
    margin: 0;
    padding: 5px;
    text-transform: uppercase;
}

h2, .screen-reader-text {
    font-size: 12px;
    font-weight: bold;
    clear: both;
}

.thumb {
    float: right;
}

.alignright {
    float: right;
}

.alignleft {
    float: left;
}

li.page-item-3 {
    baground-image: url(images/enfance_bg.jpg);
    background-repeat: no-repeat;
}

.wpcf7-validates-as-email {
    width: 140px;
}

.sidebar_bas {
    padding-left: 0px;
}

#text-3 .textwidget img {
    float: left;
    padding-right: 10px;
    margin-bottom: 10px;
}

#text-3 {
    padding-left: 10px;
    border-bottom-color: #EA1C24;
    border-bottom-style: dashed;
    border-bottom-width: 2px;
    float: left;
    width: 195px;
    border-top: 2px dashed #EA1C24;
}

#sidebar #text-3.widget a {
    font-size: 11px;
    color: #000000;
    padding: 0;
}

#sidebar input {
    float: left;
}

#sidebar input#s {
    width: 140px;
}

#sidebar h2 {
    padding-top: 5px;
}

input#searchsubmit, #sidebar p.submit input {
    background-image: url(images/bg_input.gif);
    background-position: center center;
    background-repeat: no-repeat;
    background-color: transparent;
    border: medium none;
    color: #FFFFFF;
    font-weight: bold;
    height: 25px;
    text-align: center;
    margin-left: 5px;
    width: 35px;
}

.navigation {
    clear: both;
}

h3 {
    clear: both;
    color: #000000;
    font-size: 12px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}

.thumb-plan {
    float: right;
}

.thumb-plan img {
    width: 80px;
}

#gros-plan p {
    float: left;
    width: 140px;
}

.lire-suite-plan {
    float: left;
    color: #ea1c24;
    text-align: left;
}

#sidebar_couleur {
    float: left;
    display: block;
    width: 210px;
    margin-top: 20px;
}

#text-5 {
    float: left;
    padding: 0 0 0 10px;
    width: 200px;
    margin: 0;
}

#text-5 p.submit {
    margin: 0;
}

#text-6 {
    float: left;
    margin: 0 0 10px 0;
}

.nous_suivre {
    float: left;
    width: 200px;
}

.nous_suivre h3 {
    padding-bottom: 0;
    margin-bottom: 5px;
}

.donc_confiance {
    float: left;
    margin-top: 50px;
}

#facebook {
    float: right;
    padding: 3px 6px 0 0;
    width: 203px;
    text-align: center;
}

#sidebar-droite {
    float: left;
    margin: 15px 0 0 20px;
    width: 230px;
}

#sidebar-droite ul ul {
    padding-left: 10px;
}

#tabnav li a:link {
    display: block;
    float: left;
    text-decoration: none;
    color: black;
}

#tabnav li.ui-tabs-selected h3 a {
    color: #ee980f;
}

#tabnav h3 a:hover {
    color: #FF8900;
}

.listab {
    display: block;
}

.listab img {
    float: left;
    margin-right: 10px;
    width: 82px;
}

#tabnav h3 {
    font-size: 11px;
    font-weight: bold;
    padding: 0 0 2px 0;
    color: #1766A6;
    font-weight: normal;
    display: inline;
}

.listab p {
    font-size: 10px;
    color: #000000;
    font-weight: normal;
    padding: 0;
    margin: 2px;
    display: inline;
}

.tabdiv {
    margin: 0 5px 0 0;
    width: 400%;
    float: left;
    height: 429px;
    position: relative;
    display: inline;
}

.slide-feature {
    display: inline-block;
    width: 25% !important;
    padding: 0 !important;
    margin-left: 0;
    margin-right: auto;
}

.feature {
    height: 320px;
    overflow: hidden;
    width: 480px
}

.featpost {
    position: absolute;
    right: 0px;
    bottom: 0px;
    background: url(images/trans.png);
    padding: 10px;
    border-top: 1px solid #000;
    color: #999;
    width: 555px;
}

.ui-tabs-hide {
    display: none;
}

#tabcover {
    float: left;
    margin-bottom: 0px;
    width: 100%;
}

.widgets {
    width: 100%;
    padding: 0px 0px 0px 0px;
    background: none;
    height: 430px;
    overflow: hidden;
    margin: 0px auto;
}

.widgets a {
    text-decoration: none;
    width: 100%;
    display: block;
}

img.slimg {
    object-fit: cover;
    height: 430px;
    margin: 0;
    width: 100% !important;
}

img.phumb {
    width: 80px;
    height: 58px;
    float: left;
    margin-right: 10px;
}

.inpost {
    background-image: url("images/bg_transparent.png");
    border-top-color: #000000;
    border-top-style: solid;
    border-top-width: 1px;
    width: 25% !important;
    margin: auto;
    margin-left: 0px;
    padding-bottom: 5px;
    padding-top: 0;
    position: absolute;
    bottom: 0;
}

.ui-tabs-panel {
    float: left;
    text-align: center;
}

.inpost h3 {
    color: #fff;
    font-size: 16px;
    text-align: center;
    padding: 3px 0px;
}

.inpost p {
    color: #bbb;
}

ul#tabnav {
    display: none;
    list-style: none;
    /*height:280px;*/
    float: left;
    margin: 0px;
    overflow: hidden;
    padding: 0px 0px;
}

.widgets ul#tabnav { /*width:230px*/;
    _margin-top: 25px;
    *margin-top: 25px;
}

#sidebar #tabnav li {
    height: auto;
}

#tabnav li {
    border: 1px solid #EA1C24;
    display: block;
    float: left;
    height: 79px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin-bottom: 3px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    width: 216px;
}

#sidebar-droite ul {
    border: 1px solid #EA1C24;
    line-height: 15px;
    padding: 1px 0 1px 5px;
    margin-bottom: 3px;
}

#sidebar-droite ul ul {
    border: none;
    margin-bottom: 0;
}

#sidebar-droite ul li a {
    font-weight: bold;
    text-decoration: none;
    color: #000000;
}

#sidebar-droite ul li li a {
    font-weight: normal;
}

#sidebar-droite ul li.widget {
    border: none;
}

#sidebar-droite ul li a:hover {
    text-decoration: underline;
}

#footer a {
    color: #cccccc;
}

#crumbs {
    margin-bottom: 10px;
    text-transform: lowercase;
    font-size: 11px;
    margin-top: 5px;
    color: #999999
}

#crumbs a {
    color: #999999;
    text-decoration: none;
}

#content .post {
    margin-top: 15px;
}

.hidden {
    display: none;
    visibility: hidden;
}

.header-content {
    box-sizing: border-box;
}

.landing-page #header {
    padding: 15px 0 0 0;
    position: relative;
    box-sizing: border-box;
}

.landing-page .header-content {
    display: block;
    text-align: center;
    padding-left: 30px;
}

.landing-page #header .right-elements {
    display: block;
    float: right;
    margin-top: 75px;
    margin-right: 15px;
}

.landing-page .logo-wrapper {
    width: 100%;
    float: left;
    margin-top: 16%;
}

.landing-page .logo-wrapper img {
    width: 27%;
}

.landing-page #menu-top li {
    margin-right: 0;
    float: none;
    display: inline-block;
}

.landing-page #menu-top {
    text-align:justify;
    margin-top: 5px;
    background-color: #333333;
}

.landing-page #menu-top li ul {
    background-color: #333333;
}

.landing-page #menu-top li:hover,
.landing-page #menu-top li.sfhover {
    background-color: #999999;
}

.landing-page #menu-top li li {
    margin-right: 0;
    display: block;
}

.landing-page #menu-top li li a:hover,
.landing-page #menu-top li:hover li a:hover,
.landing-page #menu-top li.sfhover li a:hover,
.landing-page #menu-top li:hover a,
.landing-page #menu-top li.sfhover a {
    text-decoration: none;
}

.landing-page #menu-top:after {
    clear: both;
    display: block;
    content: ' ';
    height: 0;
}

.landing-page #menu-main {
    text-align: justify;
}

.landing-page #menu-main:after {
    content: ' ';
    width: 100%;
    display: inline-block;
    height: 1px;
}

.landing-page #menu-top li a {
    display: block;
    font-size: 24px;
    font-weight: bold;
    padding: 5px 15px;
    line-height: 35px;
}


.landing-page a.change-lang img {
    width: 50px;
    height: auto;
}

.custom-btn {
    font-family: DinPro, sans-serif;
    text-transform: uppercase;
    border: 2px solid;
    border-radius: 100px;
    line-height: 30px;
    padding: 15px 30px;
    display: inline-block;
    font-weight: bold;
    text-decoration: none;
}

.custom-btn.multiline {
    line-height: 30px;
    padding: 3px 30px 3px 30px;
}

.custom-btn.small {
    font-size: 24px;
    line-height: 35px;
    padding: 0 15px;
}

.custom-btn.large {
    font-size: 29px;
}

.custom-btn.red {
    color: #e31f2e;
    border-color: #e31f2e;
}

.custom-btn.red:hover {
    color: white;
    background-color: #e31f2e;
}

.custom-btn.red.filled {
    color: white;
    background-color: #e31f2e;
}

.custom-btn.red.filled:hover {
    background-color: white;
    color: #e31f2e;
}

.custom-btn.black {
    color: #333333;
    border-color: #333333;
}

.custom-btn.black:hover {
    color: white;
    background-color: #333333;
}

.custom-btn.black.filled {
    color: white;
    background-color: #333333;
}

.custom-btn.black.filled:hover {
    background-color: white;
    color: #333333;
}

.custom-btn.donation {
    font-size: 26px;
    min-width: 360px;
}

#header-menu .menu {
    font-family: DinPro, sans-serif;
    font-weight: normal;
    list-style-type: none;
    text-align: justify;
    padding: 0 300px;
}


#header-menu .menu:after {
    content: ' ';
    display: inline-block;
    width: 100%;
    height: 1px;
}

#header-menu .menu .menu-item {
    font-weight: bold;
    border: 1px solid;
    border-radius: 100px;
    display: inline-block;
    font-size: 24px;
    line-height: 35px;
    margin-bottom: 5px;
    margin-right: 10px;
    padding-left: 20px;
    padding-right: 20px;
    text-transform: uppercase;
}

#header-menu .menu .menu-item:nth-child(5n - 4) {
    background-color: #13bae1;
    border-color: #13bae1;
}

#header-menu .menu .menu-item:nth-child(5n - 3) {
    background-color: #d7118c;
    border-color: #d7118c;
}

#header-menu .menu .menu-item:nth-child(5n - 2) {
    background-color: #663091;
    border-color: #663091;
}

#header-menu .menu .menu-item:nth-child(5n - 1) {
    background-color: #8dc640;
    border-color: #8dc640;
}

#header-menu .menu .menu-item:nth-child(5n) {
    background-color: #f99e1d;
    border-color: #f99e1d;
}

#header-menu .menu .menu-item:nth-child(5n - 4):hover,
#header-menu .menu .menu-item:nth-child(5n - 3):hover,
#header-menu .menu .menu-item:nth-child(5n - 2):hover,
#header-menu .menu .menu-item:nth-child(5n - 1):hover,
#header-menu .menu .menu-item:nth-child(5n):hover {
    background-color: rgba(255, 255, 255, 0);;
}

#header-menu .menu .menu-item:nth-child(5n - 4):hover a {
    color: #13bae1;
}

#header-menu .menu .menu-item:nth-child(5n - 3):hover a {
    color: #d7118c;
}

#header-menu .menu .menu-item:nth-child(5n - 2):hover a {
    color: #663091;
}

#header-menu .menu .menu-item:nth-child(5n - 1):hover a {
    color: #8dc640;
}

#header-menu .menu .menu-item:nth-child(5n):hover a {
    color: #f99e1d;
}

#header-menu .menu .menu-item a {
    color: white;
    text-decoration: none;
}

.header-widgets {
    text-align: left;
}

.header-widgets p {
    margin-bottom: 0;
}

.article-header {
    position: relative;
}

.article-header .header-buttons img {
    vertical-align: middle;
}

.article-header .header-buttons .custom-btn {
    margin: 5px 10px;
}

.article-header .main-image {
    width: 100%;
    padding: 0 0 56% 0;
    background-repeat: no-repeat;
    background-size: cover;
    max-height: 500px;
    background-position: center center;
    box-sizing: border-box;
}

.recap-container {
    width: 100%;
    overflow: hidden;
}

.recap-container .left-container {
    width: 50%;
    float: left;
    overflow: hidden;
    max-height: 336px;
}

.recap-container .left-container #left-inactive {
    background: url('http://www.ose-france.org/wp-content/uploads/2018/11/img_bg_bloc_avantagesFiscaux.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 0 0 56% 0;
    width: 100%;
    text-align: center;
}

.recap-container .left-container #left-inactive p {
    color: white;
    font-size: 16px;
    font-weight: bold;
    font-family: DinPro, sans-serif;
    height: 32px;
    width: 100%;
    float: left;
    margin-top: 23%;
}

.recap-container .right-container #right-inactive p {
    color: #333333;
    font-size: 16px;
    font-weight: bold;
    font-family: DinPro, sans-serif;
    height: 32px;
    width: 100%;
    float: left;
    margin-top: 23%;
}

.recap-container #right-active, #left-active {
    display: none;
    height: 336px;
    text-align: left;
}

.recap-container .left-container #left-active {
    border: solid 4px #333333;
    padding: 10px;
}

.recap-container .right-container #right-active {
    border: solid 4px #e31f2e;
}

#left-active li {
    font-weight: bold;
    color: #e31f2e;
    font-family: DinPro, sans-serif;
    font-size: 12px;
}

#left-active p {
    color: #333333;
    font-size: 12px;
    font-family: DinPro, sans-serif;
}

#left-active a {
    color: #e31f2e;
    font-weight: bold;
}

#right-active {
    padding: 25px;
}

#right-active img {
    display: inline-block;
    float: left;
    width: 30%;
    max-width: 160px;
}

#right-active span {
    padding: 30px 10px 30px 15px;
    width: 70%;
    text-align: center;
    display: inline-block;
    font-size: 14px;
    font-family: DinPro, sans-serif;
    color: #333333;
}

#right-active span strong, #right-active span a {
    color: #e31f2e;
    font-weight: bold;
}

#right-active small {
    font-size: 12px;
}

.recap-container .right-container {
    width: 50%;
    max-height: 336px;
    display: inline-block;
}

.recap-container .right-container #right-inactive {
    background: url('http://www.ose-france.org/wp-content/uploads/2018/11/img_bg_bloc_oseEcoute.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0 0 56% 0;
    background-position: center center;
    width: 100%;
    text-align: center;
}

.article-header .slogan p {
    font-family: DinPro, sans-serif;
    font-weight: bold;
    font-size: 37px;
    color: white;
    text-shadow:  2px 2px 5px rgba(0, 0, 0, 0.5);
}

.article-header .access-ose a {
    font-family: DinPro, sans-serif;
    font-size: 11px;
    color: white;
    text-decoration: none;
}

.article-header .access-ose a:hover {
    font-weight: bold;
}

.article-header .header-content {
    transform: translate(-50%, 0);
    margin-left: 50%;
    /*position: absolute;*/
    /*left: 50%;*/
    /*bottom: -32px;*/
    padding-top: 20px;
    padding-bottom: 20px;
}

.article-header .header-image-description {
    font-weight: bold;
    color: white;
    font-size: 26px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

@media (min-width: 1400px) {
    .article-header .header-image-description {
        font-size: 26px;
        margin-bottom: 40px;
    }

    .article-header .custom-btn .break-here {
        display: block;
    }
}

.article-content {
    font-size: 17px;
    color: #424242;
    text-align: center;
    padding-bottom: 40px;
    line-height: 1.8;
    padding-top: 32px;
}

.article-content p {
    margin: 25px 0;
}

.team-members .member {
    display: inline-block;
    margin-left: 30px;
}

.team-members .member:first-child {
    margin-left: 0;
}

.team-members .member .photo {
    display: block;
    margin: 0 auto;
    border-radius: 130px;
    overflow: hidden;
    width: 130px;
    height: 130px;
    background-size: cover;
    background-position: center center;
}

.team-members .member .info {
    font-size: 18px;
}

.social-networks-links {
    text-align: center;
    font-size: 17px;
    font-weight: bold;
    padding-top: 15px;
}

.social-networks-links ul {
    list-style-type: none;
    margin: 10px 0 20px 0;
}

.social-networks-links ul li {
    display: inline-block;
    margin-left: 20px;
}

.social-networks-links ul li:first-child {
    margin-left: 0;
}

.landing-page-bottom-widget {
    padding: 20px 0;
    clear: both;
}

/* Landing Page Widget first-child */
/*.page-template-page_landing .landing-page-bottom-widget:first-child {*/
/*background-color: #e31f2e;*/
/*color: #ffffff;*/
/*}*/

/*.page-template-page_landing .landing-page-bottom-widget:first-child .content-wrapper {*/
/*background-image: url("images/picto-miel.png"), url("images/pictos-pommes-grenade.png");*/
/*background-repeat: no-repeat;*/
/*background-size: 180px auto;*/
/*background-position: left center, right center;*/
/*padding: 0 190px;*/
/*font-size: 22px;*/
/*text-align: justify;*/
/*text-align-last: center;*/
/*min-height: 380px;*/
/*}*/

/*.page-template-page_landing .landing-page-bottom-widget:first-child h3 {*/
/*color: #ffffff;*/
/*text-transform: uppercase;*/
/*font-size: 22px;*/
/*text-align: center;*/
/*}*/
/* END */

/* Landing page 2017/11 widget first-child */
.page-template-page_landing_2017_11 .landing-page-bottom-widget:first-child .content-wrapper {
    max-width: none;
    line-height: 1.5;
}

.page-template-page_landing_2017_11 .landing-page-bottom-widget:first-child .content-wrapper a {
    color: #3d3d3f;
}

.page-template-page_landing_2017_11 .landing-page-bottom-widget:first-child .content-wrapper .custom-html-widget {
    display: flex;
    flex-direction: column;
    font-size: 18px;
}

.page-template-page_landing_2017_11 .landing-page-bottom-widget:first-child .content-wrapper .custom-html-widget h3 {
    font-size: 18px;
    margin: 20px 0;
}

.page-template-page_landing_2017_11 .landing-page-bottom-widget:first-child .content-wrapper .custom-html-widget li {
    text-indent: 40px;
    list-style-type: disc;
    list-style-position: inside;
}

.page-template-page_landing_2017_11 .landing-page-bottom-widget:first-child .content-wrapper .discover-content {
    position: relative;
    padding: 30px;
    border: 10px solid transparent;
    flex-grow: 1;
}


.page-template-page_landing_2017_11 .landing-page-bottom-widget:first-child .content-wrapper .discover-content:hover {
    border: 10px solid #3d3d3f;
}
.page-template-page_landing_2017_11 .landing-page-bottom-widget:first-child .content-wrapper .discover-content:first-child {
    color: #e31f2e;
    border-color: #e31f2e;
}
.page-template-page_landing_2017_11 .landing-page-bottom-widget:first-child .content-wrapper .discover-content:first-child a,
.page-template-page_landing_2017_11 .landing-page-bottom-widget:first-child .content-wrapper .discover-content:first-child h3,
.page-template-page_landing_2017_11 .landing-page-bottom-widget:first-child .content-wrapper .discover-content:first-child h2,
.page-template-page_landing_2017_11 .landing-page-bottom-widget:first-child .content-wrapper .discover-content:first-child h1 {
    color: #e31f2e;
}

.page-template-page_landing_2017_11 .landing-page-bottom-widget:first-child .content-wrapper .discover-content:last-child {
    color: #bd9c60;
    border-color: #bd9c60;
}

.page-template-page_landing_2017_11 .landing-page-bottom-widget:first-child .content-wrapper .discover-content:last-child a,
.page-template-page_landing_2017_11 .landing-page-bottom-widget:first-child .content-wrapper .discover-content:last-child h3,
.page-template-page_landing_2017_11 .landing-page-bottom-widget:first-child .content-wrapper .discover-content:last-child h2,
.page-template-page_landing_2017_11 .landing-page-bottom-widget:first-child .content-wrapper .discover-content:last-child h1 {
    color: #bd9c60;
}

.page-template-page_landing_2017_11 .landing-page-bottom-widget:first-child .content-wrapper .discover-content .discover-content-wrapper {
    width: 100%;
    max-width: 624px;
    display: block;
    margin: 0 auto;
}

.page-template-page_landing_2017_11 .landing-page-bottom-widget:first-child .content-wrapper .discover-content:first-child .discover-content-wrapper {
    text-align: left;
}

.page-template-page_landing_2017_11 .landing-page-bottom-widget:first-child .content-wrapper .discover-content:last-child .discover-content-wrapper {
    text-align: center;
}

.page-template-page_landing_2017_11 .landing-page-bottom-widget:first-child .content-wrapper .discover-content .discover-content-wrapper {
    opacity: 0;
}

.page-template-page_landing_2017_11 .landing-page-bottom-widget:first-child .content-wrapper .discover-content .discover-content-title {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translate(0, -50%);
    z-index: 2;
    font-weight: bold;
    font-size: 26px;
    color: white;
    text-align: center;
}


.page-template-page_landing_2017_11 .landing-page-bottom-widget:first-child .content-wrapper .discover-content:last-child .discover-content-title {
    top: 100px;
    left: 0;
    right: 0;
    z-index: 2;
    font-weight: bold;
    font-size: 26px;
    color: white;
    text-align: center;
}

.page-template-page_landing_2017_11 .landing-page-bottom-widget:first-child .content-wrapper .discover-content .cover-image-placeholder {
    position: absolute;
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px;
    background: #00a0d2;
    z-index: 1;
}

.page-template-page_landing_2017_11 .landing-page-bottom-widget:first-child .content-wrapper .discover-content .discover-content-title .discover-content-wrapper {
    opacity: 1;
    max-width: none;
    text-align: center;
}

.page-template-page_landing_2017_11 .landing-page-bottom-widget:first-child .content-wrapper .discover-content .discover-content-wrapper .image-placeholder {
    background: url('images/luminarele.jpg') no-repeat center center;
    background-size: contain;
    width: 140px;
    height: 160px;
    display: inline-block;
}

.page-template-page_landing_2017_11 .landing-page-bottom-widget:first-child .content-wrapper .discover-content:first-child .cover-image-placeholder {
    background: url('images/middle-block-left.jpg') no-repeat center center;
    background-size: cover;
}

.page-template-page_landing_2017_11 .landing-page-bottom-widget:first-child .content-wrapper .discover-content:last-child .cover-image-placeholder {
    background: url('images/middle-block-right.jpg') no-repeat center center;
    background-size: cover;
}


.page-template-page_landing_2017_11 .landing-page-bottom-widget:first-child .content-wrapper:hover .discover-content:hover .discover-content-wrapper {
    opacity: 1;
}

.page-template-page_landing_2017_11 .landing-page-bottom-widget:first-child .content-wrapper:hover .discover-content:hover .cover-image-placeholder,
.page-template-page_landing_2017_11 .landing-page-bottom-widget:first-child .content-wrapper:hover .discover-content:hover .discover-content-title {
    display: none;
}

@media (min-width: 920px) {
    .page-template-page_landing_2017_11 .landing-page-bottom-widget:first-child .content-wrapper .custom-html-widget {
        flex-direction: row;
    }

    .page-template-page_landing_2017_11 .landing-page-bottom-widget:first-child .content-wrapper .discover-content:first-child {
        border-left: none;
    }

    .page-template-page_landing_2017_11 .landing-page-bottom-widget:first-child .content-wrapper .discover-content:last-child {
        border-right: none;
    }

    .page-template-page_landing_2017_11 .landing-page-bottom-widget:first-child .content-wrapper .discover-content:first-child .cover-image-placeholder {
        left: 0;
    }

    .page-template-page_landing_2017_11 .landing-page-bottom-widget:first-child .content-wrapper .discover-content:last-child .cover-image-placeholder {
        right: 0;
    }
}

/* END */

.about-us a {
    text-decoration: none;
    color: inherit;
}

.landing-page-bottom-widget:last-child {
    -webkit-box-shadow: inset 0px -5px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0px -5px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0px -5px 5px 0px rgba(0, 0, 0, 0.2);
}
/*.landing-page-bottom-widget:nth-child(2) .content-wrapper {*/
/*font-size: 18px;*/
/*text-align: center;*/
/*}*/


/*.landing-page-bottom-widget:nth-child(2) .content-wrapper .upper-red {*/
/*font-size: 26px;*/
/*font-weight: bold;*/
/*color: #e31f2e;*/
/*text-transform: uppercase;*/
/*margin: 30px 30px;*/
/*}*/

.confiance-content {
    padding: 0 100px;
}

.confiance-content .confiance-left,
.confiance-content .confiance-right {
    color: #28348b;
    float: left;
    font-size: 18px;
    text-align: justify;
    text-align-last: center;
    width: 50%;
}

.confiance-content .confiance-title {
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    padding-left: 20px;
}

.landing-page-bottom-widget:first-child {
    background: url("images/fleche_bleue.jpg") repeat-x center top;
    color: #28348b;
    padding-bottom: 50px;
    padding-top: 70px;
}

.landing-page-bottom-widget:first-child .content-wrapper {
    text-align: center;
}

.landing-page-bottom-widget:first-child ul {
    padding: 15px 40px;
    margin-top: 40px;
    text-align: center;
}

.landing-page-bottom-widget:first-child ul li {
    line-height: 25px;
    list-style-type: disc;
    list-style-position: inside;
    padding-left: 0;
    font-size: 15px;
}

.confiance-content:after {
    display: block;
    content: ' ';
    clear: both;
}

.confiance-content .confiance-image {
    display: inline-block;
    vertical-align: middle;
    width: 100px;
    height: 100px;
    background-image: url("images/logo-don-en-confiance.png");
    background-repeat: no-repeat;
    background-position: -20px 0;
    background-size: 160%;
}

.social-networks {
    box-shadow: 0px -2px 8px rgba(0,0,0,0.2);
    margin-top: 30px;
}

.social-networks-links .social-network {
    background-position: center center;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 39px;
    height: 39px;
    display: inline-block;
}

.social-networks-links .social-network.facebook {
    background-image: url('images/picto_facebook.jpg');
}

.social-networks-links .social-network.facebook:hover {
    background-image: url('images/picto_facebook_hover.jpg');
}

.social-networks-links .social-network.twitter {
    background-image: url('images/picto_twitter.jpg');
}

.social-networks-links .social-network.twitter:hover {
    background-image: url('images/picto_twitter_hover.jpg');
}

.social-networks-links .social-network.linkedin {
    background-image: url('images/picto_linkedin.jpg');
}

.social-networks-links .social-network.linkedin:hover {
    background-image: url('images/picto_linkedin_hover.jpg');
}

.social-networks-links .social-network.youtube {
    background-image: url('images/picto_youtube.jpg');
}

.social-networks-links .social-network.youtube:hover {
    background-image: url('images/picto_youtube_hover.jpg');
}