@charset "UTF-8";

/*

breakpoint-xs: 0;
breakpoint-sm: 576px;
breakpoint-md: 768px;
breakpoint-lg: 992px;
breakpoint-xl: 1200px;

font-family: 'Open Sans Condensed', sans-serif;
font-family: 'Open Sans', sans-serif;
font-family: 'Montserrat', sans-serif;
font-family: 'Poppins', sans-serif;

#f9f7f6



@media (min-width:576px) {
}

@media (min-width:768px) {
}

@media (min-width:992px) {
}

@media (min-width:992px) {
}

@media (min-width:1200px) {
}

@media (min-width:1367px) {
}

@media (min-width:1600px) {
}


@media (min-width: 992px) and (max-width: 1199px) {
}

@media (min-width: 768px) and (max-width: 991px) {
}



*/





/*******************************************************************************************************/
/*                                                                                                     */
/*      BASE                                                                                           */
/*                                                                                                     */
/*******************************************************************************************************/

main {}

a { color: dodgerblue; text-decoration: underline;}



/*******************************************************************************************************/
/*                                                                                                     */
/*      TOP BAR                                                                                        */
/*                                                                                                     */
/*******************************************************************************************************/


.top-bar {color: #fff; font-size: 14px; font-weight: 700; background: #2e2e45; padding: 10px 0 9px 0; margin-bottom: 102px;}
.top-bar a {color: inherit; text-decoration: none; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s;}
.top-bar a:hover {opacity: .75;}
.top-bar a:not(:last-of-type) {margin-right: 15px;}
.top-bar a:last-of-type {margin-left: 20px;}

.top-bar .socials {-webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-right: 15px;}
.top-bar .socials .social a {font-size: 16px; color: inherit; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s;}
.top-bar .socials .social a:hover {color: inherit; opacity: .75;}


@media (min-width:1200px) {
    .top-bar a:first-of-type {margin-left: 25px;}
}



/*******************************************************************************************************/
/*                                                                                                     */
/*      ASIDE                                                                                          */
/*                                                                                                     */
/*******************************************************************************************************/


.aside-dropdown {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    opacity: 0;
    visibility: hidden;
    z-index: 4;
    background-color: rgba(0, 0, 0, .4);
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
}
.aside-dropdown__close {
    cursor: pointer;
    color: #282a43;
    position: absolute;
    left: 25px;
    top: 12px;
    padding: 10px;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
}
@media only screen and (min-width:1200px) {
    .aside-dropdown__close {
    left: 35px;
}
}@media only screen and (min-width:1367px) {
    .aside-dropdown__close {
    top: 19px;
}
}.aside-dropdown__close:hover {
    opacity: .75;
}
.aside-dropdown__inner {
    position: relative;
    width: 320px;
    min-height: 100%;
    -webkit-transform: translateX(-320px);
    -ms-transform: translateX(-320px);
    transform: translateX(-320px);
    padding: 20px 0 50px 15px;
    background-color: #f9f7f6;
    -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, .3);
    box-shadow: 0 1px 10px rgba(0, 0, 0, .3);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.aside-dropdown__item:first-of-type, .aside-dropdown__item:nth-of-type(2) {
    padding: 0 25px;
}
.aside-dropdown__item:nth-of-type(2) {
    margin-top: 15px;
}
.aside-dropdown__item:nth-of-type(3) {
    padding: 0 30px;
    margin-top: 50px;
}
.aside-dropdown .button {
    font-size: 14px;
    padding: 31px 30px 32px 30px;
}
.aside-dropdown--active {
    opacity: 1;
    visibility: visible;
}
.aside-dropdown--active .aside-dropdown__inner {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}
.aside-menu {
    color: #343877;
    padding: 0;
    margin: 0;
}


/*
.aside-menu__item {
    list-style: none;
}
*/


.aside-menu__item:not(:last-of-type) {
    margin-bottom: 16px;
}
.aside-menu__link {
    color: #282a43;
    font-size: 13px;
	line-height: 13px;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
}
.aside-menu__link:hover {
    color: #282a43;
    opacity: .75;
}
.aside-menu__sub-list {
    padding: 0 0 0 15px;
    margin: 10px 0 0 0;
    list-style: none;
    display: none;
}
.aside-menu__sub-list a {
    color: #777;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
}
.aside-menu__sub-list a:hover {
    color: #efc940;
}
.aside-menu__sub-list li:not(:last-of-type) {
    margin-bottom: 6px;
}
.aside-menu__item--has-child .aside-menu__link span {
    position: relative;
}
.aside-menu__item--has-child .aside-menu__link span::after {
    content: "";
    pointer-events: none;
    display: inline-block;
  /*height: 3px;
    width: 3px;
    border-radius: 50%;*/
    background: #282a43;
    position: absolute;
    right: -15px;
    top: 7px;
    -webkit-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
}
.aside-menu__item--has-child .aside-menu__link:hover span::after {
    opacity: .75;
    background: #282a43;
}
.aside-menu__item--active .aside-menu__link {
    color: #282a43;
    opacity: .75;
}
.aside-menu__item--active .aside-menu__link span::after {
    background: #282a43;
}
.aside-menu__sub-list li a:hover, .aside-menu__sub-list li.item--active a {
    color: #c4c4c4;
}
.aside-menu .main-menu__item .main-menu__link {
    color: #282a43;
    padding: 15px 0 20px 0;
}
.aside-menu .main-menu__item .main-menu__link--highlighted {
    color: #efc940;
}
.aside-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.aside-inner__title {
    color: #9e9e9e;
    font-size: 11px;
    line-height: 25px;
    font-weight: 700;
    text-transform: uppercase;
}
.aside-inner__link {
    color: #343877;
    font-size: 14px;
    line-height: 25px;
    font-weight: 700;
    text-decoration: none;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
}
.aside-inner__link:hover {
    color: #343877;
    opacity: .75;
}
.aside-inner:first-of-type {
    margin-top: 51px;
}
.aside-inner:not(:last-of-type) {
    margin-bottom: 15px;
}
.aside-socials {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0;
    margin: 0;
    margin-top: 25px;
}
.aside-socials__item {
    list-style: none;
}
.aside-socials__item:not(:last-of-type) {
    margin-right: 20px;
}
.aside-socials__link {
    color: #343877;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
}
.aside-socials__link:hover {
    color: #343877;
    text-decoration: none;
    opacity: .75;
}




/*******************************************************************************************************/
/*                                                                                                     */
/*      MENU TOP                                                                                       */
/*                                                                                                     */
/*******************************************************************************************************/


.main-menu {padding: 0; margin: 0; display: none;}

.main-menu__item {list-style: none; position: relative;}
.main-menu__item:not(:last-of-type) {margin-right: 10px;}
.main-menu__item .main-menu__link {position: relative; display: inline-block; color: #fff; font-size: 14px; font-weight: 500; padding: 31px 0 30px 0; text-decoration: none; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.main-menu__item:hover .main-menu__link {color: #fff; opacity: .75;}
.main-menu__item .main-menu__link::before {content: ""; display: block; height: 3px; width: 0%; background: #efc940; position: absolute; top: 2px; left: 0; -webkit-transition: width .3s; -o-transition: width .3s; transition: width .3s;}
.main-menu__item .main-menu__link--highlighted::before, 
.main-menu__item:hover .main-menu__link::before {width: 100%}
.main-menu__item--has-child .main-menu__link span {position: relative;}

.main-menu__sub-list li a:hover, 
.main-menu__sub-list li.item--active a {color: #c4c4c4;}
.main-menu__sub-list li a:hover::after, 
.main-menu__sub-list li.item--active a::after {width: 100%}

.main-menu--inner .main-menu__item .main-menu__link {color: #282a43;}
.main-menu--inner .main-menu__item:hover .main-menu__link {color: #282a43; opacity: .75;}
.main-menu--inner .main-menu__item--has-child .main-menu__link span::after {background: #282a43;}
.main-menu--inner .main-menu__item--active .main-menu__link span::after, 
.main-menu--inner .main-menu__item--has-child:hover .main-menu__link span::after {background: #282a43; opacity: .75;}
.main-menu--inner .main-menu__item--active .main-menu__link {color: #282a43; opacity: .75;}

.main-menu__item--has-child 
.main-menu__link span::after {content: ""; pointer-events: none; display: inline-block; background: #fff; position: absolute; right: -15px; top: 7px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;}

.main-menu__item--has-child:hover span::after {background: #fff; opacity: .75;}
.main-menu__item--active .main-menu__link {color: #fff; opacity: .75;}
.main-menu__item--active .main-menu__link span::after {background: #fff; opacity: .75;}
.main-menu__item--active .main-menu__link::before {width: 100%}

.main-menu .sub-list--style-2 {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 380px;}
.main-menu .sub-list--style-2 li {width: 50%}
.main-menu__sub-list::before {content: ""; display: inline-block; border: 15px solid transparent; border-top: 20px solid #343877; position: absolute; top: -15px; left: 40px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg);}
.main-menu__sub-list {margin: 0; position: absolute; top: 100%; left: -35px; width: 235px; padding: 35px; background-color: #343877; -webkit-transform: translateY(15px); -ms-transform: translateY(15px); transform: translateY(15px); opacity: 0; visibility: hidden; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.main-menu__item--has-child:hover>.main-menu__sub-list {opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); visibility: visible;}

.main-menu__sub-list li {position: relative; list-style: none;}
.main-menu__sub-list li:not(:last-of-type) {margin-bottom: 10px;}
.main-menu__sub-list li a {display: inline-block; color: #fff; font-size: 14px; text-decoration: none; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s;}
.main-menu__sub-list li a::after {content: ""; display: block; width: 0%; height: 2px; background-color: #efc940; margin-top: 4px; -webkit-transition: width .3s; -o-transition: width .3s; transition: width .3s;}


@media (min-width:992px) {
    .main-menu {display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex;}
    .main-menu__item:not(:last-of-type) {margin-right: 15px;}
}

@media (min-width:1200px) {
    .main-menu__item:not(:last-of-type) {margin-right: 15px;}
    .main-menu__item .main-menu__link {text-transform: uppercase; font-size: 16px;}
}

@media (min-width:1450px) {
    .main-menu__item:not(:last-of-type) {margin-right: 40px;}
    .main-menu__item .main-menu__link {padding: 39px 0 24px 0;}
}



















.header .btn.donner {padding: 15px 25px; border-radius: 10px;}
.header a.btn.donner {text-decoration: none; font-size: 16px; font-weight: bold;}


@media (min-width:576px) {

}

@media (min-width:768px) {

}

@media (min-width:992px) {
	.header .btn.donner {padding: 15px 15px; margin-left: 10px;}
}

@media (min-width:1025px) {
	.header .btn.donner {padding: 15px 25px;}
}

@media (min-width:1200px) {
	.header .btn.donner {padding: 15px 10px;}
}

@media (min-width:1235px) {
	.header .btn.donner {padding: 15px 25px;}
}








/*******************************************************************************************************/
/*                                                                                                     */
/*      HOME SLIDER                                                                                    */
/*                                                                                                     */
/*******************************************************************************************************/


.promo-slider__wrapper-1, .promo-slider__wrapper-2, .promo-slider__wrapper-3 {
    opacity: 0;
    -webkit-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
}
.slick-current .promo-slider__wrapper-1, .slick-current .promo-slider__wrapper-2, .slick-current .promo-slider__wrapper-3 {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.slick-current .promo-slider__wrapper-1 {
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s;
}
.slick-current .promo-slider__wrapper-2 {
    -webkit-transition-delay: .6s;
    -o-transition-delay: .6s;
    transition-delay: .6s;
}
.slick-current .promo-slider__wrapper-3 {
    -webkit-transition-delay: .9s;
    -o-transition-delay: .9s;
    transition-delay: .9s;
}
.promo-slider__button {
    font-size: 14px;
    padding: 18px 48px 17px 48px;
}
.promo-slider__item {
    position: relative;
}
.promo-slider .align-container {
    height: auto;
    padding: 120px 0 250px 0;
}
@media (min-width:768px) {
    .promo-slider .align-container {
    height: 700px;
    padding: 150px 0;
}
}@media (min-width:992px) {
    .promo-slider .align-container {
    height: 800px;
}
}@media (min-width:1200px) {
    .promo-slider .align-container {
    height: 900px;
}
}.promo-slider__item--style-1 {
    text-align: center;
}
.promo-slider__item--style-1 .promo-slider__title span:first-of-type {
    color: #fff;
    font-size: 36px;
    line-height: 1.4;
    letter-spacing: -.050em;
}

@media (min-width:576px) {
    .promo-slider__item--style-1 
	.promo-slider__title span:first-of-type {font-size: 42px; line-height: 60px;}
}

@media (min-width:768px) {
    .promo-slider__item--style-1 .promo-slider__title span:first-of-type {
    font-size: 50px;
    line-height: 70px;
}
}
@media (min-width:992px) {
    .promo-slider__item--style-1 .promo-slider__title span:first-of-type {
    font-size: 70px;
    line-height: 90px;
}
}
@media (min-width:1200px) {
    .promo-slider__item--style-1 .promo-slider__title span:first-of-type {
    font-size: 80px;
    line-height: 100px;
}
}
@media (min-width:1367px) {
    .promo-slider__item--style-1 .promo-slider__title span:first-of-type {
    font-size: 90px;
    line-height: 110px;
}
}


.promo-slider__item--style-1 .promo-slider__title span:nth-of-type(2) {
    color: #efc940;
    font-size: 36px;
    line-height: 1.4;
    font-family: Storytella, sans-serif;
    letter-spacing: .050em;
}

@media (min-width:576px) {
    .promo-slider__item--style-1 .promo-slider__title span:nth-of-type(2) {
    font-size: 42px;
    line-height: 55px;
}
}
@media (min-width:768px) {
    .promo-slider__item--style-1 .promo-slider__title span:nth-of-type(2) {
    font-size: 60px;
    line-height: 75px;
}
}
@media (min-width:992px) {
    .promo-slider__item--style-1 .promo-slider__title span:nth-of-type(2) {
    font-size: 80px;
    line-height: 95px;
}
}@media (min-width:1200px) {
    .promo-slider__item--style-1 .promo-slider__title span:nth-of-type(2) {
    font-size: 110px;
    line-height: 115px;
}
}
@media (min-width:1367px) {
    .promo-slider__item--style-1 .promo-slider__title span:nth-of-type(2) {
    font-size: 130px;
    line-height: 115px;
}
}


.promo-slider__item--style-1 .promo-slider__subtitle {
    color: #fff;
    line-height: 25px;
    width: 100%;
    max-width: 740px;
    margin: 10px auto 0 auto;
}
.promo-slider__item--style-1 .promo-slider__button {
    color: #fff;
    width: 100%;
    max-width: 215px;
    margin-top: 35px;
}
.promo-slider__item--style-1 .promo-slider__button:hover {
    color: #343877;
}
.promo-slider__item--style-2 {
    color: #fff;
}
.promo-slider__item--style-2 .promo-slider__title {
    color: inherit;
    font-size: 36px;
    line-height: 1.4;
}
@media (min-width:576px) {
    .promo-slider__item--style-2 .promo-slider__title {
    font-size: 42px;
    line-height: 52px;
}
}@media (min-width:768px) {
    .promo-slider__item--style-2 .promo-slider__title {
    font-size: 50px;
    line-height: 55px;
}
}@media (min-width:992px) {
    .promo-slider__item--style-2 .promo-slider__title {
    font-size: 60px;
    line-height: 65px;
}
}@media (min-width:1200px) {
    .promo-slider__item--style-2 .promo-slider__title {
    font-size: 70px;
    line-height: 75px;
}
}.promo-slider__item--style-2 .promo-slider__title span:nth-of-type(2) {
    font-weight: 300;
}
.promo-slider__item--style-2 .promo-slider__subtitle {
    line-height: 25px;
    margin-top: 10px;
}
@media (min-width:576px) {
    .promo-slider__item--style-2 .promo-slider__subtitle {
    margin-top: 28px;
}
}.promo-slider__item--style-2 .promo-slider__button {
    color: inherit;
    width: 100%;
    max-width: 210px;
    margin-top: 30px;
}
.promo-slider__item--style-2 .promo-slider__button:hover {
    color: #343877;
}
.promo-slider__item--style-3 {
    color: #fff;
    text-align: center;
}


.promo-slider__item--style-3 .promo-slider__title {
    color: inherit;
    font-size: 36px;
    line-height: 1.4;
}




@media (min-width:576px) {
    .promo-slider__item--style-3 .promo-slider__title {font-size: 42px; line-height: 52px;}
}

@media (min-width:768px) {
	.promo-slider__item--style-3 .promo-slider__title {font-size: 50px; line-height: 55px;}
}

@media (min-width:992px) {
    .promo-slider__item--style-3 .promo-slider__title {font-size: 60px; line-height: 65px;}
}

@media (min-width:1200px) {
	.promo-slider__item--style-3 .promo-slider__title {font-size: 70px; line-height: 75px;}
}

@media (max-width:576px) {
    .promo-slider__item--style-3 img {height: 550px;}
}



.promo-slider__item--style-3 .promo-slider__title span:nth-of-type(2) {
    font-weight: 300;
}
.promo-slider__item--style-3 .promo-slider__subtitle {
    line-height: 25px;
    margin-top: 10px;
}
@media (min-width:576px) {
    .promo-slider__item--style-3 .promo-slider__subtitle {
    margin-top: 28px;
}
}.promo-slider__item--style-3 .promo-slider__button {
    color: inherit;
    width: 100%;
    max-width: 210px;
    margin-top: 30px;
    padding: 17px 45px;
}
.promo-slider__item--style-3 .promo-slider__button:hover {
    color: #343877;
}

.promo--front_3 .promo-slider .align-container {
    height: 760px;
}

@media (max-width:576px) {
    .promo--front_3 .promo-slider .align-container {
    height: 550px;
}

}








/*******************************************************************************************************/
/*                                                                                                     */
/*      PAGE STANDARD                                                                                  */
/*                                                                                                     */
/*******************************************************************************************************/


.heading.heading--primary {padding: 0px 0 0 0;}
.heading__pre-title {display: inline-block; padding: 5px 10px;  color: darkred; font-weight: bold; border: 2px solid darkred; background-color: #fff; border-radius: 5px; margin: 100px auto 30px auto;}
.heading__title {margin-bottom: 15px; font-size: 24px; letter-spacing: -.01em;}


@media (min-width:767px) {
}

@media (min-width:992px) {
	.heading__pre-title {margin: 15px auto 30px auto;}
    .heading__title {font-size: 30px;}
}

@media (min-width:1200px) {
    .heading__title {font-size: 30px;}
}

.heading__title span:nth-of-type(2) {font-weight: 300;}

.heading p {color: #777;}

.heading.heading--center {text-align: center; width: 100%; max-width: 600px; margin: 0 auto;}


.standard .info-box img {border-radius: 10px; margin-top: 10px;}

@media (min-width:576px) {
	.standard .info-box img {margin-top: 50px;}
}



/*******************************************************************************************************/
/*                                                                                                     */
/*      PARTENAIRES                                                                                    */
/*                                                                                                     */
/*******************************************************************************************************/


.partenaires {}
.partenaires .organisme { margin-bottom: 50px;}
.partenaires .organisme .logo {text-align: center; display: flex; justify-content: center; align-items: center; height: 175px;}
.partenaires .organisme .logo img {max-width: 100%; max-height: 150px;}
.partenaires .organisme .nom {text-align: center; font-size: 14px; padding: 10px 0;}
.partenaires .organisme a {color: #333; text-decoration: none;}







@media (min-width:576px) {
}



/*******************************************************************************************************/
/*                                                                                                     */
/*      PAGES SOLOS                                                                                    */
/*                                                                                                     */
/*******************************************************************************************************/


.solo .conseil {padding-top: 50px;}

.conseil {text-align: center; padding-bottom: 5px;}
.conseil .membre {padding-bottom: 75px;}
.conseil img {width: auto; max-width: 200px; border-radius: 10px;}
.conseil .nom {font-weight: bold; font-size: 18px; padding-top: 10px;}
.conseil .position {font-size: 16px;}
.conseil .CV {font-size: 13px; line-height: 18px; padding-top: 10px; color: #999;}

.direction {text-align: center; padding-bottom: 75px;}
.direction .membre {padding-bottom: 75px;}
.direction img {width: auto; max-width: 200px; border-radius: 10px;}
.direction .nom {font-weight: bold; font-size: 18px; padding-top: 10px;}
.direction .position {font-size: 16px;}

.stories {padding-top: 50px;}




/*******************************************************************************************************/
/*                                                                                                     */
/*      FOOTER                                                                                         */
/*                                                                                                     */
/*******************************************************************************************************/

footer {color: #a9a9ab; background-color: #20212b; padding: 60px 25px;}
footer .logo {text-align: center;}
footer .logo img {width: auto; max-width: 300px; height: auto;}

footer .contacts {margin: 40px 0 15px 0; text-align: center;}
footer .contacts .contact {margin-bottom: 0; line-height: 32px; padding-bottom: 15px;}
footer .contacts .contact a {color: inherit; text-decoration: none; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s;}
footer .contacts .contact a:hover {color: inherit; opacity: .75;}

footer .socials {padding: 0; margin: 15px 0 10px 0; display: -webkit-box; display: -ms-flexbox; display: flex; color: #fff;}
footer .socials .social {list-style: none;}
footer .socials .social:not(:last-of-type) {margin-right: 40px;}
footer .socials .social a {color: inherit; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s;}
footer .socials .social a:hover {color: #fff; opacity: .75;}

footer .infolettre {padding-bottom: 100px; text-align: center;}
footer .infolettre h6 {color: #fff; padding-top: 50px;}


@media (min-width:576px) {
	footer {padding: 60px 0px;}
}

@media (min-width:768px) {
    footer .logo img {width: 100%; height: auto;}
	footer .socials {margin: 15px 0 30px 0;}
}

@media (min-width:992px) {
	footer .logo {text-align: left;}
	footer .contacts {text-align: left; margin-bottom: 0;}
	footer .socials {justify-content:inherit; text-align: left;}
	footer .coordonnees {padding-left: 50px;}
	footer .infolettre {text-align: left;}
	footer .infolettre h6 {padding-top: 0px;}
}



.footer__button {
    width: 100%;
    margin-top: 4px;
}
.footer__form-input {color: #9c9c9e; border: none; background: 0 0; width: 100%; border-bottom: 2px solid #373841; padding: 4px 0 10px 0;}
.footer__form-input::-webkit-input-placeholder {opacity: 1;}
.footer__form-input::-moz-placeholder {opacity: 1;}
.footer__form-input:-ms-input-placeholder {opacity: 1;}
.footer__form-input::-ms-input-placeholder {opacity: 1;}
.footer__form-input::placeholder {opacity: 1;}
.footer__form-submit {background: #efc940; margin-top: 30px; width: 100%}

footer .footer__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 30px;
}
@media (min-width:768px) {
    footer .footer__form {
    margin-top: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
}footer .footer__form-submit {
    width: 200px;
    margin-top: 15px;
}
@media (min-width:768px) {
    footer .footer__form-submit {
    margin-top: 0;
}
}

footer .footer__lower {
    border: 1px solid #2c2d37;
    padding: 35px 0;
    margin-top: 30px;
}
@media (min-width:576px) {
    footer .footer__lower {
    margin-top: 50px;
}
}




/*******************************************************************************************************/
/*                                                                                                     */
/*      PLACEMENT D'IMAGES                                                                             */
/*                                                                                                     */
/*******************************************************************************************************/


.bloc-images {xposition: relative;}
.bloc-images .full {height: 350px; padding: 80px 0; overflow: hidden;}

.bloc-images .normal {padding: 5px;}
.bloc-images .normal img {width: 100%; height: auto; padding: 15px 0px;}

.bloc-images .full .img--bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    z-index: -1;
}

@media (min-width:992px) {
    .bloc-images .full {height: 350px;}
}

@media (min-width:1200px) {
	.bloc-images .full {height: 400px;}
}

@media (min-width:1367px) {
    .bloc-images .full {height: 450px; padding: 100px 0;}
}

@media (min-width:1600px) {
    .bloc-images .full {height: 600px; padding: 120px 0;}
}




.promo-primary__pre-title {
    display: inline-block;
    color: #fff;
    font-size: 30px;
    font-family: "Permanent Marker", cursive;
    margin-bottom: 0;
}
@media (min-width:992px) {
    .promo-primary__pre-title {
    margin-bottom: 15px;
}
}.promo-primary__title {
    position: relative;
    color: #fff;
    line-height: 60px;
    font-size: 42px;
}
@media (min-width:992px) {
    .promo-primary__title {
    font-size: 60px;
}
}

@media (min-width:1200px) {
    .promo-primary__title {
    font-size: 70px;
}
}

.promo-primary__title span:nth-of-type(2) {
    font-weight: 300;
}

.promo-primary__title::after, .promo-primary__title::before {
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    bottom: -20px;
}

@media (min-width:768px) {
    .promo-primary__title::after, .promo-primary__title::before {
    bottom: -30px;
}
}


@media (min-width:992px) {
    .promo-primary__title::after, .promo-primary__title::before {
    bottom: -40px;
}
}


@media (min-width:1200px) {
    .promo-primary__title::after, .promo-primary__title::before {
    bottom: -60px;
}
}



.promo-primary__title::before {width: 75px; left: 0; background-color: #efc940;}

.promo-primary__title::after {width: 25px; left: 80px; background-color: #aca7ba;}

.promo-primary__description {position: absolute; bottom: -20px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 100%; max-width: 1600px; text-align: right;}
	
.promo-primary__description span {color: #efc940; font-size: 80px; line-height: 80px; font-family: Storytella, sans-serif; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

@media (min-width:768px) {
    .promo-primary__description span {font-size: 100px;}
}

@media (min-width:992px) {
    .promo-primary__description span {font-size: 130px;}
}

@media (min-width:1200px) {
    .promo-primary__description span {font-size: 180px;}
}

@media (min-width:1367px) {
    .promo-primary__description span {font-size: 250px;}
}

.promo-primary--elements .align-container, .promo-primary--shop .align-container {height: 450px;}


@media (min-width:992px) {
    .promo-primary--elements .align-container, .promo-primary--shop .align-container {height: 530px;}
}






/*******************************************************************************************************/
/*                                                                                                     */
/*      HOME THEMES                                                                                    */
/*                                                                                                     */
/*******************************************************************************************************/


.home.theme {height:700px; border-bottom:20px solid #FFF; background-size:cover; background-repeat:no-repeat; background-position:center 60px; background-attachment:fixed;}
.home.theme.veterans {background-image:url(../img/home-veterans2.jpg);}
.home.theme.programmes {background-image:url(../img/home-programmes2.jpg);}
.home.theme.partenaires {background-image:url(../img/home-partenaires2.jpg);}

.home.theme .titre {font-family: 'Montserrat', sans-serif; font-size:100px; line-height:100px; color:#fff; font-weight:bold; padding-top:50px; opacity:0.85;}
.home.theme .theme1 .titre {text-align:right; padding-right:50px;}
.home.theme .theme2 .titre {text-align:left; padding-left:50px;}

.home.theme .box {width:600px; height:auto;}
.home.theme .theme1 .box {float:right; text-align:right; margin-right:55px;}
.home.theme .theme2 .box {text-align:left; margin-left:55px;}

.home.theme .box .resume {font-family: 'Open Sans Condensed', sans-serif; font-size:36px; line-height:46px; color:#fff;}
.home.theme .box .bouton {margin-top:50px;}
.home.theme .box .bouton .btn {font-family: 'Open Sans Condensed', sans-serif; font-size:18px; font-weight:bold; color:#fff;}


@media (min-width: 992px) and (max-width: 1199px)  {
	.home.theme {height:600px; background-position:center 0px; background-attachment: inherit;}
	.home.theme .titre {font-size:90px; line-height:90px; padding-top:40px;}
	.home.theme .theme1 .titre {padding-right:40px;}
	.home.theme .theme2 .titre {padding-left:40px;}
	.home.theme .theme1 .box {margin-right:45px;}
	.home.theme .theme2 .box {margin-left:45px;}
}

@media (min-width: 768px) and (max-width: 991px)  {
	.home.theme {height:500px; background-position:center 0px; background-attachment: inherit;}
	.home.theme .titre {font-size:80px; line-height:80px; padding-top:30px;}
	.home.theme .theme1 .titre {padding-right:30px;}
	.home.theme .theme2 .titre {padding-left:30px;}
	.home.theme .theme1 .box {margin-right:35px;}
	.home.theme .theme2 .box {margin-left:35px;}
}

@media (max-width: 767px) {
	.home.intro {height:87vh;}
	.home.intro h3 {font-size:18px; margin:50px auto 20px auto; width:100%; padding:10px;}
	.home.intro h1 {font-size:50px; margin:0 auto;}
	.home.intro .details {top:72vh; left:50%; margin-left:-32px; text-align:center;}
	.home.intro .details .part1 {padding-bottom:10px;}
	.home.intro .details .part1 a {font-size:35px;}
	.home.intro .details .part2 .fa {font-size:50px;}
	.home.theme a#details {top: 0px;}
	
	.home.themex {height:2000px; background-size:cover; background-position:center 0px; background-attachment: inherit; border-top:10px solid #FFF; padding:20px 15px 50px 15px;}
	.home.theme .titre {font-size:40px; line-height:40px; width:100%;}
	.home.theme .theme1 .titre,
	.home.theme .theme2 .titre {padding:0px 15px 10px 15px; text-align:center;}
	.home.theme .box {width:100%;}
	.home.theme .theme1 .box {float:none; text-align:center; margin-right: inherit;}
	.home.theme .theme2 .box {text-align:center; margin-left: inherit;}

	.home.theme .box .resume {font-size:24px; line-height:26px;}

	.home.theme.veterans {background-position:60% 0px;}
}



.btn-theme {color: #fff; border:2px solid #efc940; background-color: transparent; width:200px; padding: 15px; border-radius: 40px; text-decoration: none;}
.btn-theme:hover,
.btn-theme:focus,
.btn-theme.focus,
.btn-theme:active,
.btn-theme.active,
.open > .dropdown-toggle.btn-theme {color: #fff; background-color: #111; text-decoration:none;}



.promo-sliderx {height:100vh; overflow:hidden;}

.compteur {padding: 50px;}



/*******************************************************************************************************/
/*                                                                                                     */
/*      CAMPAGNES                                                                                      */
/*                                                                                                     */
/*******************************************************************************************************/


.campagne {background-color: #000; overflow: hidden; background-image:url(../img/background.png); background-position: center 75%;}
.campagne .texte {display: flex; flex-direction: column; justify-content: center;}
.campagne .texte h4 {letter-spacing: inherit; font-family: 'Open Sans Condensed', sans-serif; color:cornflowerblue; margin-bottom: 0px;}
.campagne .texte h3 {letter-spacing: inherit; font-family: 'Open Sans Condensed', sans-serif; color: #fff; }
.campagne .CTA {display: flex; flex-direction: column; justify-content: center;}
.campagne .CTA a {text-decoration: none;}

.home .campagne {height: 200px;}
.home .campagne .texte {height: 200px;}
.home .campagne .texte h4 {font-size: 26px;}
.home .campagne .texte h3 {font-size: 34px;}
.home .campagne .CTA {text-align: left; height: 200px;}
.home .campagne .CTA .btn {padding: 10px 20px; max-width: 300px;}
.home .campagne .campagne-image {text-align: right; display: flex; flex-direction: column; justify-content: center; height: 200px;}
.home .campagne .campagne-image img {height: 300px; border-radius: 100%; margin-top: -50px;}

.page .campagne {height: 100px;}
.page .campagne .texte {height: 100px;}
.page .campagne .texte h4 {font-size: 18px;}
.page .campagne .texte h3 {font-size: 28px; line-height: 30px;}
.page .campagne .CTA {text-align: left; height: 100px;}
.page .campagne .CTA .btn {padding: 10px 20px; max-width: 200px;}
.page .campagne .campagne-image { text-align: right;}
.page .campagne .campagne-image img {height: 150px; border-radius: 100%; margin-top: -25px;}


@media (min-width: 992px) {
	.home .campagne .campagne-image img {width: 100%; height: auto; border-radius: 100%; margin-top:inherit;}
}



/*******************************************************************************************************/
/*                                                                                                     */
/*      DONS                                                                                           */
/*                                                                                                     */
/*******************************************************************************************************/


.page.dons {}

.page.dons .don {min-height: 400px; height: auto; margin: 50px auto; xborder: 1px #000 solid; text-align:center;}
.page.dons .don .boite {height: auto;}
.page.dons .don .boite .icone img { width: 150px;}
.page.dons .don .boite h4 {font-size: 24px; padding: 10px 0;}
.page.dons .don .boite .texte {font-size: 14px;}

.page.dons .don .btn {margin-top: 30px; padding: 10px; border-radius: 7px; min-width: 175px;}
.page.dons .don .btn a {text-decoration: none; color: #fff; font-weight: bold;}

@media (min-width: 992px) {
	.page.dons .don {margin: 50px auto 75px auto;}
	.page.dons .don .boite {height: 325px;}
}


/*******************************************************************************************************/
/*                                                                                                     */
/*      CONSEIL                                                                                        */
/*                                                                                                     */
/*******************************************************************************************************/


.membre a {color: cornflowerblue}
.membre a:hover {color: cornflowerblue; text-decoration: underline;}



/*******************************************************************************************************/
/*                                                                                                     */
/*      BIO                                                                                            */
/*                                                                                                     */
/*******************************************************************************************************/


.page.bio main {padding: 0 20px;}
.page.bio section {background-color: #fff; margin-top: 120px; margin-bottom: 40px; min-height: 350px;}
.page.bio section .entete {}
.page.bio section .entete img {width: 100%}
.page.bio section .texte {padding: 15px 25px 25px 25px; font-size: 14px;}
.page.bio section .texte h4 {font-size: 21px; margin: 20px auto 15px auto;}
.page.bio section .texte .fonction {font-weight: bold; font-size: 17px;}
.page.bio section .texte .intro {font-size: 16px;}
.page.bio section .texte .bio {margin: 25px auto 25px auto;}
.page.bio section .texte .retour {margin-top: 60px;}

@media (min-width: 992px) {
	.page.bio section {margin-top: 30px; margin-bottom: 40px; min-height: 550px;}
	.page.bio section .texte h4 {font-size: 24px; margin: 20px auto 15px auto;}
	.page.bio section .texte .fonction {font-weight: bold; font-size: 16px;}
}