/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 1 mars 2019, 13:59:55
    Author     : Utilisateur
*/
/*******************************************************************************
********************************************************************************
*** GENERAL
********************************************************************************
*******************************************************************************/
body{
    font-family: 'Poppins', sans-serif !important;
}
body a{
    text-decoration: none !important;
    color:#adb445;
}
/*******************************************************************************
********************************************************************************
*** MENU
********************************************************************************
*******************************************************************************/
/*#header span.toggler{
    color: #fff;
    text-transform: lowercase;
    background: transparent;
    text-align: end;
    font-size: 20px;
    box-shadow: none;
    padding: 15px 20px;

}
#header span.toggler::after{
    content: " ☰"; 
}
#header div.responsive-menus-simple {

}
#header div.responsive-menus.responsive-menus-0-0.absolute{
    clear: both;
    width: 100%;

} 
.responsive-menus.responsified .responsive-menus-simple {
    background: #adb445;
}
.responsive-menus-simple li.active-trail > li > ul {
    display: none !important;
}*/
/*******************************************************************************
********************************************************************************
*** BANDEAU
********************************************************************************
*******************************************************************************/
body.not-front .header__logo {
    float: none;
}
body.not-front .header__logo-image {
    vertical-align: super;
    width: 160px;
}
body.not-front #bandeau{
    background: url(../img/squelette/bgHeader.jpg)no-repeat;
    background-size:cover;
    background-position:top;
    position: relative;
    height: 430px;
}
body.not-front #conteneurAccroche{
    font-size:25px;
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    left: 15px;
    top: 60px;
}
body.not-front #conteneurAccroche #titreAccroche{
    padding-left: 18px;
    display: inline-block;
    margin: 0;
    line-height: 15px;
    color: #fff;
}
body.not-front #conteneurAccroche > a{

}
body.not-front #conteneurAccroche #sstitreAccroche{
    font-size: 70px;
    display: block;
    margin: 0;
    line-height: 73px;
    color: #fff;
}
#bandeau .boutonBandeau{
    position: absolute;
    color: #fff;
    bottom: 40px;
    right: 40px;
    font-size: 40px;
    border: 2px solid #fff;
    padding: 5px 30px;
}
body.not-front #bandeau a.scrollTo {
    display: none;
}
/*******************************************************************************
********************************************************************************
*** CONTENU
********************************************************************************
*******************************************************************************/

body.not-front .panels-flexible-row.panels-flexible-row-first.clearfix{
    background-color: #adb445;
    text-align: center;
    /*margin-top: 30px;*/
    margin-bottom: 50px;
}
body.not-front h1{
    font-family: 'Raleway', sans-serif;
    font-size: 35px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
}
/*body.not-front h2 > a,*/ body.not-front h2{
    font-family: 'Raleway', sans-serif;
    font-size: 28px;
    font-weight: bold;
    color: #adb445;
    text-transform: uppercase;
}
body.not-front #content{
    font-family: 'Raleway', sans-serif !important;
    font-size: 20px !important;
    margin-bottom: 70px;
    margin-top: 40px;
}
body.not-front article.node-galerie-photo h2 > a{
    display: none;
}

/*******************************************************************************
********************************************************************************
*** PORTAIL MENU
********************************************************************************
*******************************************************************************/
#conteneurBlocMenu{
    /*    padding-top: 50px;*/
    margin: 0;
}
body.not-front #conteneurBlocMenu.row .region.region-portail .col-xs-12.col-md-4 {
    padding: 0;
}
.unBlocMenu{
    height: 609px;
    position: relative;
}
.conteneurLabelBlocMenu{
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 35px;
    padding: 35px 75px;
    text-transform: capitalize;
}
.titreBlocMenu{
    display: block;
    font-size: 36px;
    color: #fff;
}
.conteneurLabelBlocMenu a{
    color: #fff;
}
.boutonBlocMenu{
    display: block;
    font-size: 27px;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 7px 0;
    margin: 0 40px;
    color: #000;
}
#blocMenu1{
    background: url(../img/squelette/blocRandonnees-1.jpg);
    background-size: cover;
    background-position: center;
    display: block;
}
#blocMenu2{
    background: url(../img/squelette/blocRandonnees-2.jpg);
    background-size: cover;
    background-position: center;
    display: block;
}
#blocMenu3{
    background: url(../img/squelette/blocRandonnees-3.jpg);
    background-size: cover;
    background-position: center;
    display: block;
}
/*******************************************************************************
********************************************************************************
*** MAP
********************************************************************************
*******************************************************************************/
#conteneurMap{
    position: relative;
}
#map{
    background: url(../img/squelette/bgCarte.jpg);
    background-size: cover;
    background-position: center;
    height: 573px;
    width: 100%;
    display: block;
    /*position: relative;*/
}
#conteneurAccrocheCarte{
    position: absolute;
    width: 100%;
    text-align: center;
    top: 150px;
}
.accrocheCarte{
    font-size: 40px;
    background-color: #bbbbbb;
    padding: 10px 60px 155px;
    color: #fff;

}
.accrocheCarte:hover { text-decoration:underline; }

div#openlayers-container-openlayers-map{
    /*padding: 0 15px;*/
    width: 90% !important;
    margin:auto;
    font-size:0.9em;
}
div#openlayers-map{ width: 100% !important; }
div#openlayers-map a { color:#fff!important; }
div.openlayers-views-map img,
div.openlayers-views-map svg {
    max-width: none!important;
}



div#block-views-f5aa6c813787d3f356f19ae1dcfd0de2, div#block-views-adherents-form-rech-nom {
  position: absolute;
  z-index: 2;
  width:550px;
  left: 50%;
  margin-left: -275px;
  text-align:center;
}
div#block-views-f5aa6c813787d3f356f19ae1dcfd0de2 { top: 210px; }
div#block-views-adherents-form-rech-nom { top:315px; }




div#block-views-f5aa6c813787d3f356f19ae1dcfd0de2 h2 {
  color:#fff;
  font-size:40px;
  text-transform:lowercase;
font-weight:inherit;
}







/*******************************************************************************
********************************************************************************
*** FOOTER
********************************************************************************
*******************************************************************************/
.footer.region.region-footer p:first-of-type, .footer.region.region-footer p:last-of-type{
    margin: 0;
}
#conteneurSlogan{
    text-align: center;
    padding-bottom: 15px;
}







.has-scroll-reveal.zoomIn {
    width : 0;
    visibility : hidden;
}
.has-scroll-reveal.zoomIn.is-revealed {
    width : 100%;
    visibility : visible;

    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    50% {
        opacity: 1;
    }
}
@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    50% {
        opacity: 1;
    }
}





.has-scroll-reveal.bounce.is-revealed {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes bounce {
    0%, 20%, 53%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
    40%, 43% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0);
    }
}

@keyframes bounce {
    0%, 20%, 53%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
    40%, 43% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }
    90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0);
    }
} 




/*******************************************************************************
********************************************************************************
*** PAGE LISTE ADHERENTS
********************************************************************************
*******************************************************************************/
div.view-display-id-liste_adherent {
  padding:25px;
}

div.view-display-id-liste_adherent td, 
div.view-display-id-liste_adherent th {
  border:1px solid #000;
  padding:20px;
}





/*******************************************************************************
********************************************************************************
*** RESPONSIVE
********************************************************************************
*******************************************************************************/
/*@media (min-width: 1200px) { body { background-color:pink!important; } }
@media (max-width: 1199px) { body { background-color:green!important; } }
@media (max-width: 991px) { body { background-color:blue!important; } }
@media (max-width: 767px) { body { background-color:red!important; } }
@media (max-width: 481px) { body { background-color:grey!important; } }*/

@media (min-width: 1200px) { 
    body.not-front .inside.panels-flexible-row-inside{
        margin: 0 auto;
        max-width: 1165px;
        padding: 0 15px;
    }
    body.not-front #content form#user-login{
        margin: 0 auto;
        max-width: 1165px;
        padding: 75px 0;
    }

}

@media (max-width: 1199px) { 
    body.not-front .inside.panels-flexible-row-inside{
        margin: 0 auto;
        max-width: 970px;
        padding: 0 15px;
    }
    .conteneurLabelBlocMenu {
        padding: 35px 35px;
    }
    body.not-front #content form#user-login{
        margin: 0 auto;
        max-width: 970px;
        padding: 75px 0;
    }

}

@media (max-width: 991px) {
    body.not-front .inside.panels-flexible-row-inside{
        margin: 0 auto;
        max-width: 750px;
        padding: 0 15px;
    }

div#block-views-f5aa6c813787d3f356f19ae1dcfd0de2 { top: 198px; }
div#block-views-adherents-form-rech-nom { top: 292px; }


    
div#block-views-f5aa6c813787d3f356f19ae1dcfd0de2 h2, .accrocheCarte {
        font-size: 30px;
    }
.accrocheCarte { padding-bottom:140px; }
    .boutonBlocMenu{
        margin: 0 25px;
    }
    .conteneurLabelBlocMenu{
        padding-left: 33%;
        padding-right: 33%;
    }
    #bandeau .boutonBandeau {
        font-size: 35px;
    }
    /*    div#openlayers-map, div#openlayers-container-openlayers-map {
            margin: auto;
            max-width: 750px !important;
            max-height: 750px !important;
        }*/
    body.not-front #content form#user-login{
        margin: 0 auto;
        max-width: 750px;
        padding: 75px 0;
    }
}

@media (max-width: 767px) {
    /*    body.not-front .inside.panels-flexible-row-inside{
            margin: 0 auto;
            max-width: 450px;
            padding: 0 15px;
        }*/
    .conteneurLabelBlocMenu {
        padding-left: 20%;
        padding-right: 20%;
    }
    .accrocheCarte {
           padding: 10px 30px 125px;
    }
 div#block-views-f5aa6c813787d3f356f19ae1dcfd0de2 h2, .accrocheCarte {
         font-size: 20px;
     }
div#block-views-f5aa6c813787d3f356f19ae1dcfd0de2 { top:185px; }
div#block-views-adherents-form-rech-nom {
    top: 265px;
}
    body.not-front #conteneurAccroche {
        left: 20px;
    }
    #bandeau .boutonBandeau {
        font-size: 30px;
        right: 0px
    }
    #bandeau > a{
        margin: 0 10px;
    }
    body.not-front #bandeau {
        background-position: 70%;
    }
    /*    div#openlayers-map, div#openlayers-container-openlayers-map {
            margin: auto;
            max-width: 480px !important;
            max-height: 480px !important;
        }*/
    div#openlayers-map, div#openlayers-container-openlayers-map {
        max-height: 750px !important;
    }
    body.not-front #content form#user-login{
        margin: 0 auto;
        max-width: 450px;
        padding: 75px 0;
    }
}
@media (max-width: 481px) {
    /*    body.not-front .inside.panels-flexible-row-inside{
            margin: 0 auto;
            max-width: 300px;
            padding: 0 15px;
        }*/
    body.not-front #conteneurAccroche {
        font-size: 15px;
        top: 20%;
    }
    body.not-front .header__logo-image {
        vertical-align: super;
        width: 115px;
    }
    body.not-front #conteneurAccroche #titreAccroche {
        padding-left: 10px;
    }
    body.not-front #conteneurAccroche #sstitreAccroche {
        font-size: 45px;
        line-height: 45px;
    }
    #bandeau .boutonBandeau {
        font-size: 26px;
    }
    body.not-front h1 {
        font-size: 30px;
    }
    .conteneurLabelBlocMenu {
        padding-left: 0;
        padding-right: 0;
    }
    .accrocheCarte {
        padding: 10px 20px 135px;
    }
    #footer-menu #block-menu-menu-menu-footer {
        font-size: 12px;
    }
     div#block-views-f5aa6c813787d3f356f19ae1dcfd0de2 h2, .accrocheCarte {
        font-size: 16px;
    }


div#block-views-f5aa6c813787d3f356f19ae1dcfd0de2 { top:185px; }



    /*    div#openlayers-map, div#openlayers-container-openlayers-map {
            margin: auto;
            max-width: 320px !important;
            max-height: 320px !important;
        }*/
    body.not-front #content form#user-login{
        margin: 0 auto;
        max-width: 300px;
        padding: 75px 0;
    }
}