/***
CSS Alba
Made by Netvaast
2018

***/
@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville');

@font-face {
    font-family: 'FontAwesomeBrands';
    font-style: normal;
    font-weight: normal;
    src: url("../font/fa-brands-400.eot");
    src: url("../font/fa-brands-400.eot?#iefix") format("embedded-opentype"),
         url("../font/fa-brands-400.woff2") format("woff2"),
         url("../font/fa-brands-400.woff") format("woff"),
         url("../font/fa-brands-400.ttf") format("truetype"),
         url("../font/fa-brands-400.svg#fontawesome") format("svg");
}

@font-face {
    font-family: 'FontAwesomeRegular';
    font-style: normal;
    font-weight: 400;
    src: url("../font/fa-regular-400.eot");
    src: url("../font/fa-regular-400.eot?#iefix") format("embedded-opentype"),
         url("../font/fa-regular-400.woff2") format("woff2"),
         url("../font/fa-regular-400.woff") format("woff"),
         url("../font/fa-regular-400.ttf") format("truetype"),
         url("../font/fa-regular-400.svg#fontawesome") format("svg");
}

@font-face {
    font-family: 'FontAwesomeSolid';
    font-style: normal;
    font-weight: 900;
    src: url("../font/fa-solid-900.eot");
    src: url("../font/fa-solid-900.eot?#iefix") format("embedded-opentype"),
         url("../font/fa-solid-900.woff2") format("woff2"),
         url("../font/fa-solid-900.woff") format("woff"),
         url("../font/fa-solid-900.ttf") format("truetype"),
         url("../font/fa-solid-900.svg#fontawesome") format("svg");
}

/*** GLYPHE ***/
.far,
.fab,
.fas {
    display: inline-block;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color:#595a5c;
    font-size:13pt;
    transition: all 0.5s ease-out;
}
.fas{
    font: normal normal normal 14px/1 'FontAwesomeSolid';
}
.fab{
    font: normal normal normal 14px/1 'FontAwesomeBrands';
}
.far{
    font: normal normal normal 14px/1 'FontAwesomeRegular';
}

.fa-external-link-alt:before{
    content:"\f35d";
    font-size: 10pt;
    color:#7099BF;
}

.fa-heart:before{
    content: "\f004";
    color:#fff;
    padding-right:3px;
}
.fa-comment:before{
    content: "\f075";
    color:#fff;
    padding-right:3px;
}

.fa-facebook-square:before{
    content: "\f082";
    font-size:42px;
    color:#aaa;
}
.fa-facebook-square:hover{
    color:#eee;
}

.fa-instagram:before{
    content: "\f16d";
    font-size:42px;
    color:#aaa;
}
.fa-instagram:hover{
    color:#eee;
}

.fa-youtube:before{
    content: "\f431";
    font-size:42px;
    color:#aaa;
}
.fa-youtube:hover{
    color:#eee;
}

.fa-globe:before{
    content: "\f0ac";
    font-size:42px;
    color:#aaa;
}
.fa-globe:hover{
    color:#eee;
}


.texte-centrer{
    text-align:center;
}
.texte-droite{
    text-align:right;
    padding-right:10px;
}
.texte-gras{
    font-weight: bold;
}
.discret{
    font-size:0.8em;
}
.letter-space-normal{
    letter-spacing: normal;
}
.img-responsive{
    display: block;
    margin:auto;
    width:100%;
}

.bleu-clair{
    color: #00b8d4 !important;
}
.gris-fonce{
    color:#777 !important;
}

.flexbox-containeur{
    display:flex;
    justify-content:space-between;
    align-items:start-flex;
    margin-bottom:20px;
}

html,
body{
    height:100%;
}


body{
    /*background-color:#fafafa !important;*/
    background-color:#fafafa !important;
    font-family: 'Libre Baskerville', serif !important;
    font-size:10pt;
    color:#333;
}

/*body.template-homepage #portal-footer-wrapper,*/
/*body.template-homepage #portal-logo,*/
/*body.template-homepage #mainnavigation-wrapper,*/
body.template-homepage #portal-footer-wrapper,
body.template-homepage #column1-container,
body.template-homepage .documentDescription,
body.template-homepage #portal-logo{
    display:none;
}




/*** NEWS HOME PAGE ***/
#news-home-page{
    width: 100%;
    height: auto;
    margin: auto;
    margin-bottom: 20px;
    font-size: 1.2em;
    letter-spacing: 10px;
    /*background-color:rgba(190,190,190,0.4);*/
    /*border-radius: 8px;*/
    /*border: 1px solid #ddd;*/
    /*box-shadow: 5px 5px 10px rgba(150,150,150,0.3);*/
    text-align: center;
}


body.template-homepage .container {
    width: 100%;
    /*background-color:#fafafa;*/
}

.portlet .portletContent {
    font-size: 14px;
    border-top: 0px !important;
    background: transparent !important;
    font-weight: 400;
}

/*** LOGO ***/
#portal-logo {
    float: left;
    height:200px;
    /*border:1px solid #000;*/
    /*padding:0px 8px 0px 8px;*/
    /*background-color:rgba(255,255,255,0.7);*/
}

#portal-logo:hover {
    text-decoration:none;
}

#top-texte-logo{
    background-color:#000;
    color:#fff;
}
#texte-alba-logo {
    position:relative;
    left:45px;
    top:-40px;
    font-size: 20px;
    //font-weight:bold;
    color:#000;
}
#texte-logo{
    position:relative;
    left:15px;
    top:-50px;
    font-size: 10px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    color:#000;
    width:300px;
}

/*** HEADER ET BOUTON SE CONNECTER ***/
#portal-top{
    border: 2px solid #f00;
    display: none;
}

/*** PORTAL-SEARCHBOX ***/
#portal-searchbox{
    display: none;
}


/*** BREADCRUMBS ***/
#portal-breadcrumbs{
    display:none;
}

/*** NAVBAR ***/
#mainnavigation-wrapper{
    position:sticky;
    top:0px;
    z-index:10;
    background-color:#fafafa !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.17);
}

.navbar-barceloneta {
    color: #000 !important;
    background-color:#fafafa !important;
    margin-bottom: 20px;
    /*box-shadow: 0 1px 3px rgba(0, 0, 0, 0.17);*/
}

.plone-navbar-toggle .icon-bar::after {
    content: "Menu";
    position: relative;
    color: #000;
}

.navbar-nav li {
    position: relative;
    display: block;
    color: #333 !important;
    background-color:#fafafa !important;
    text-transform:uppercase;
    padding: 10px 5px;
    font-size: 0.80em;
    transition: all 0.2s ease-in 0s;
}

.navbar-nav li  > a {
    color: #000 !important;
    background-color: #fafafa !important;
    transition: all 0.2s ease-in 0s;
}
.navbar-nav li  > a:hover {
    color: #000 !important;
    background-color: #fff !important;
    transition: all 0.2s ease-in 0s;
}

.navbar-nav li.active>a,
.navbar-nav li.current>a,
.navbar-nav li.selected>a {
    background-color: #007bb1 !important;
}

/*
    remplacer acceuil par icone maison
    mettre accueil en taille 0px
    ajouter icone dans after
*/
.navbar-nav li.index_html{
    font-size:0px;
}
.navbar-nav li.index_html > a:after{
    position: relative;
    top: -10px;
    font-family: "FontAwesomeSolid";
    font-size:25px;
    content:"\f015";

}

/*** burger button ***/
.navbar-toggler{
    background-color: #007bb1;
}



#portaltab-faire-un-don > a,
#portaltab-make-a-donation > a{
    background-color:#f77;
    border-radius:18px;
}
#portaltab-faire-un-don > a:hover,
#portaltab-make-a-donation > a:hover{
    background-color:#f00;
}


/*** NAVIGATION BOX ***/
.portletNavigationTree,
.portletNavigationTree nav.card-body > ul > li a,
.portletNavigationTree nav.card-body > ul > li a.state-internal,
.portlet .portletNavigationTree > ul > li > a {
    border: none;
    box-shadow : none;
    color:#000 !important;
    font-size:0.8rem !important;
    text-decoration: none;
    text-align:right;
}

.portletNavigationTree nav.card-body  > ul > li > a::after,
.portletNavigationTree nav.card-body .navTreeCurrentNode > a::after {
    content: "" !important;
    position: absolute;
    right: 10px;
    font-size: 18px;
    margin-top: -3px;
    color: rgb(119, 119, 119);
}

.portletNavigationTree nav.card-body ul li{
    border: none;
    border-top: none;
    border-bottom: none;
}

.portletNavigationTree{
    background-color: transparent !important;
    border-right: 1px solid #ccc;
    /*box-shadow : 2px 2px 4px rgba(150,150,150,0.3);*/
    margin-top:45px;
}

.portletNavigationTree nav.card-body .plone-icon{
    display: none;
}

#portletwrapper-706c6f6e652e666f6f746572706f72746c6574730a636f6e746578740a2f706c6f6e650a616374696f6e73 > aside > div > ul > li > a{
    color:#fff !important;
}

.navTree{
    background-color:transparent;
    border-radius:8px;
}


/*** PORTAL-LANGUAGESELECTOR ***/
.selector-languages-alba{
    text-transform: uppercase;
    text-decoration: none !important;
    color: #555;
    border-bottom: 0px;
    font-size: 0.8rem;
}


/*** CONTROL PANEL *****/
.portletSiteSetup,
.portletSiteSetup nav.portletContent > ul > li a,
.portletSiteSetup nav.portletContent > ul > li a.state-internal,
.portlet .portletSiteSetup > ul > li > a {
    border: none;
    border-top:none;
    box-shadow : none;
    color:#000 !important;
    font-size:12px !important;
    text-align:center !important;
}




/*** CONTENT ***/
.documentFirstHeading {
    padding-bottom: 9px;
    margin: 0 0 10px;
    border-bottom: 0px;
    text-align:center;
    text-transform:uppercase;
    font-size:1.1em !important;
}

#video-maison-vimeo,
#video-maison-3D{
    display:block;
    margin:auto;
}



/*** HOMEPAGE ***/
#wrapper-projet{
    width:62%;
    margin:auto;
}

#texte-intro-projet{
    width:100%;
    padding:8px;
    border:1px solid #ccc;
    border-radius:8px;
    margin:0px auto 10px auto;
    font-size:0.9em;
}

#home-page-video{
    width:100%;
    height:570px;
    margin:auto;
    /*box-shadow:5px 5px 10px rgba(50,50,50,0.4);*/
}
#home-page-video iframe{
    width:100%;
    height:570px;
}



/*** PRESS PAGE ***/
img.map, map area{
    outline: none;
}
.press-flex{
    display:flex;
    justify-content:space-between;
    margin-bottom:25px;
    padding-bottom: 20px;
    border-bottom: 1px dotted rgba(50,50,50,0.5);
}
.press-texte{

}
.press-pochette-album img{
    box-shadow:5px 5px 10px rgba(50,50,50,0.5);
}



/*** FOOTER ***/
#portal-footer-wrapper {
    padding: 30px 15px;
    text-align: center;
    clear: both;
}

#portal-footer-wrapper .portletWrapper:first-child {
    display: block;
    /*border-top: 1px solid #4d4d4d;*/
    border-bottom: 0px solid #4d4d4d;
    padding-bottom: 15px;
    margin-bottom: 0px;
}

#portal-footer-wrapper p {
    border-bottom: 1px solid #4d4d4d;
    padding-bottom: 10px;
}

#info-netvaast{
    display:flex;
    justify-content:space-between;
}

#portal-footer-signature a{
    display:inline-block;
    margin:0px 10px;
    text-decoration:none;
}

/*** COLOPHON ***/
#portal-colophon{
    font-size:0.8em;
    font-family:;
}
ul.actions-site_actions{
    display:flex;
    justify-content:space-around;
}

#portal-footer-wrapper .portletWrapper {
    display: inline-block;
    width: 100%;
}

#portal-footer-wrapper .portlet#portal-colophon .portletContent a {
    padding: 0px;
}

div#copyright{
    text-align:center;
    border-top:1px solid #4d4d4d;
    padding-top:6px;
}

div#info-netvaast{
    display:flex;
    justify-content:space-around;
    margin-top:30px;
}

div#netvaast-product,
div#plone-product{
    font-size:0.7em;
    color:#888;
}

div#netvaast-product{
    text-align:left;
    margin-left:15px;
}

div#plone-product{
    text-align:right;
    margin-right:15px;
}


div#netvaast-product a,
div#plone-product a{
    color:#fafafa;
}


div#netvaast-product a:hover,
div#plone-product a:hover{
    color:#fff;
}


/*** GALERIE INSTAGRAM ***/
#instafeed{
    display: flex;
    flex-flow: row wrap;
    flex-grow: 1;
    justify-content: space-between;
}
#instafeed article {
    /*width:250px;*/       /* ----- LARGEUR DU CONTAINEUR PHOTO ----- */
    min-height:0px;
    margin:5px;
}
#instafeed figure {
    position:relative;
    text-align:center;
    min-height:0px;
}
#instafeed figure img {
    flex: 1 0 33%;
}
/*** effet de survol et commentaire ***/
#instafeed a figcaption.instagram-caption {
    display:block;
    position:absolute;
    z-index:10;
    bottom:0px;
    height:0%;
    width:100%;
    margin:auto;
    padding: 0px 4px;
    text-align: center;
    color:#fff !important;
    font-size: 11pt;
    font-family:arial;
    overflow:hidden;
    background-color:rgba(30,30,30,0.75);
    transition: all 0.8s ease-in 0s;
}
#instafeed a:hover figcaption.instagram-caption {
    height:100%;
    padding: 40px 4px 0px 4px;
    transition: all 0.8s ease-out 0s;
}

#instafeed a figcaption .instagram-likes,
#instafeed a figcaption .instagram-comments {
  margin: 0 5px;
}


/*** PORTLET CALENDAR ***/
.portlet-calendar{
    font-family: sans-serif !important;
}

/*** ALBA-EVENT-CALENDAR ***/
#calendar,
#alba-event-calendar{
    width: 100%;
    height:auto;
    border:1px solid #ccc;
    broder-radius:8px;
    padding:10px;
}
.fc-view,
.fc-view > table {
    font-family: "arial";
}

a.fc-col-header-cell-cushion,
a.fc-daygrid-week-number,
a.fc-daygrid-day-number{
    text-decoration: none !important;
}


.portletItemDetails .timezone{
    display: none;
}
.popover{
    background-color: rgba(255,255,255, 0.75) !important;
}
.popover-header{
    font-size: 0.85rem !important;
}

.popover-body{
    font-size: 0.7rem !important;
}


/*** ALBA-EVENT-VIGNETTE ***/
nav.nav-agenda div{
    margin: 0 0.8rem;
}

nav.nav-agenda div i{
    color: #007bb1;
    font-size:1.2rem;
}

article.alba-event-vignette{
    border:1px solid #999;
    width: 300px;
    margin: 1rem 0.5rem;
    border-radius: 5px;
    box-shadow: 3px 3px 6px rgba(50,50,50,0.3);
}
article.alba-event-vignette figure{
    border-radius: 8px 8px 0px 0px;
}
article.alba-event-vignette p{
    padding: 0px 5px;
}
article.alba-event-vignette a{
    color:#000;
    text-decoration:none;
}


/*** ALBA-EVENT-LISTING ***/
article.alba-event-listing{
    border:1px solid #eee;
    margin: 2rem 0;
}

article.alba-event-listing h2{
    font-size: 1.5rem;
}

article.alba-event-listing h2 a{
    text-decoration: none;
}

.cal_date{
    min-width: 115px !important;
}
.cal_info{
    padding-top: 1rem;
}


/*** ALBA-NEWS_LISTING ***/
.article-news{
    height: 500px
}
.card-body{
    position: relative;
    height:auto;
}
.card-content{
    height: 200px;
    overflow: hidden;
}
.news-date{
    position:absolute;
    bottom: 50px;
}
.card-image{
    width: 300px !important;
    height: 300px;
    background-repeat: no-repeat;
    background-size: cover;
}
.card-footer{
    position:absolute;
    bottom:0px;
    left:0px;
    width: 100%;
}


/*** ANIMATION ****/
/* fleche */

.animation-fleche{
    border-top: 1px solid rgba(50,50,50,0.3);
    border-bottom: 1px solid rgba(50,50,50,0.3);
    text-align: right;
    width: 0px;
    background-color: #fff;
    transition: width .3s cubic-bezier(0.55,.085,.68,.53);
}

.animation-fleche:hover{
    border-top: 1px solid rgba(50,50,50,0.3);
    border-bottom: 1px solid rgba(50,50,50,0.3);
    border-radius: 0px 50px 50px 0px;
    width: 100%;
    transition: width .6s cubic-bezier(0.55,.085,.68,.53);
}

.animation-fleche i{
    font-size:2.3rem;
}

.animation-bg{
    width: 100%;
    height: 100%;
    transition: transform 3s;
}





/*** PROJET ***/
#benevole-photo,
#benevole-texte{
    width:50%;
    margin:0px 10px;
}


/*** CONTACT ***/
#contact-adresse-asbl,
#mailchimp-formulaire{
    width:40%;
    padding:8px;
    border:1px solid #ccc;
    border-radius:8px;
    margin:auto;
    font-size:0.9em;
    text-align:center;
}
.asterisk-required{
    color:#f00;
}

#mailchimp-formulaire .form-label{
    margin-top:0.8rem;
    width: 100%;
}

#mailchimp-formulaire .control-mailchimp{
    margin-top: 0.8rem
}



/*** SPONSORS ***/
.logo-sponsor{
    margin: 9px;
    width:120px;
    height:120px;
    /*border:1px solid #efefef;
    border-radius:5px;*/
    padding:2px;
    background-repeat:no-repeat;
    background-position:left top;
    background-size:cover;
    cursor:pointer;
}
#logo-abtech{
    background-image:url(++theme++alba/images/sponsors/logo_abtech_on.png);
}

#logo-ademus{
    background-image:url(++theme++alba/images/sponsors/logo_ademus_on.png);
}

#logo-bambou-du-bois{
    background-image:url(++theme++alba/images/sponsors/logo_bambou_du_bois_on.png);
}

#logo-bathosol{
    background-image:url(++theme++alba/images/sponsors/logo_bathosol_on.png);
}

#logo-bps22{
    background-image:url(++theme++alba/images/sponsors/logo_bps22_on.png);
}

#logo-cbc{
    background-image:url(++theme++alba/images/sponsors/logo_cbc_on.png);
}

#logo-cci{
    background-image:url(++theme++alba/images/sponsors/logo_cci_on.png);
}

#logo-ceramigres{
    background-image:url(++theme++alba/images/sponsors/logo_ceramigres_on.png);
}

#logo-charleroi-king{
    background-image:url(++theme++alba/images/sponsors/logo_charleroi_king_on.png);
}

#logo-conservatoire-grumiaux{
    background-image:url(++theme++alba/images/sponsors/logo_conservatoire_grumiaux_on.png);
}

#logo-cpas-charleroi{
    background-image:url(++theme++alba/images/sponsors/logo_cpas_charleroi_on.png);
}

#logo-cpas-sambreville{
    background-image:url(++theme++alba/images/sponsors/logo_cpas_sambreville_on.png);
}

#logo-delsart{
    background-image:url(++theme++alba/images/sponsors/logo_delsart_on.png);
}

#logo-dessin-construction{
    background-image:url(++theme++alba/images/sponsors/logo_dessin_construction_on.png);
}

#logo-dirty-monitor{
    background-image:url(++theme++alba/images/sponsors/logo_dirty_monitor_on.png);
}

#logo-eden{
    background-image:url(++theme++alba/images/sponsors/logo_eden_on.png);
}

#logo-fisc-pro{
    background-image:url(++theme++alba/images/sponsors/logo_fisc_pro_on.png);
}

#logo-flagey{
    background-image:url(++theme++alba/images/sponsors/logo_flagey_on.png);
}

#logo-fortis{
    background-image:url(++theme++alba/images/sponsors/logo_fortis_on.png);
}

#logo-fwb{
    background-image:url(++theme++alba/images/sponsors/logo_fwb_on.png);
}

#logo-impact-consulting{
    background-image:url(++theme++alba/images/sponsors/logo_impact_consulting_on.png);
}

#logo-induscabel{
    background-image:url(++theme++alba/images/sponsors/logo_induscabel_on.png);
}

#logo-isogen{
    background-image:url(++theme++alba/images/sponsors/logo_isogen_on.png);
}

#logo-loxam{
    background-image:url(++theme++alba/images/sponsors/logo_loxam_on.png);
}

#logo-maes{
    background-image:url(++theme++alba/images/sponsors/logo_maes_on.png);
}

#logo-meta-morphosis{
    background-image:url(++theme++alba/images/sponsors/logo_meta_morphosis_on.png);
}

#logo-netvaast{
    background-image:url(++theme++alba/images/sponsors/logo_netvaast_on.png);
}

#logo-pba{
    background-image:url(++theme++alba/images/sponsors/logo_pba_on.png);
}

#logo-pias{
    background-image:url(++theme++alba/images/sponsors/logo_pias_on.png);
}

#logo-pink-peper{
    background-image:url(++theme++alba/images/sponsors/logo_pink_peper_on.png);
}

#logo-pirnay-engineering{
    background-image:url(++theme++alba/images/sponsors/logo_pirnay_engineering_on.png);
}

#logo-promethea{
    background-image:url(++theme++alba/images/sponsors/logo_promethea_on.png);
}

#logo-rockerill{
    background-image:url(++theme++alba/images/sponsors/logo_rockerill_on.png);
}

#logo-sambria{
    background-image:url(++theme++alba/images/sponsors/logo_sambria_on.png);
}

#logo-spazio-nobile{
    background-image:url(++theme++alba/images/sponsors/logo_spazio_nobile_on.png);
}

#logo-uap{
    background-image:url(++theme++alba/images/sponsors/logo_uap_on.png);
}

#logo-v-cube{
    background-image:url(++theme++alba/images/sponsors/logo_v_cube_on.png);
}

/*** logo avec le soutien de wallonie-coq ***/
#logo-wallonie{
    background-image:url(++theme++alba/images/sponsors/logo_wallonie_on.png);
}



/*** RESPONSIVE ***/


/*** PHONE PORTRAIT ENTRE 400 ET 768PX ***/
@media (max-width: 768px){
    .container {
        width:100% !important;
    }
    body.template-homepage{
        /*background-color:#080 !important;*/
    }
    body.template-homepage .navbar {
        width: 100%;
        justify-content: flex-end;
    }

    /*** HOMEPAGE ***/
    #photo-home-alba{
        width: 200px;
        margin-left: 15pxpx;
        text-align:center;
    }
    #texte-home-alba{
        position:relative;
        top:-300px;
        left:120px;
        font-size:11px;
        line-height: 14px;
        text-align:justify;
    }
    #home-page-main-block{
        width:100%;
    }
    #home-page-logo{
        margin:auto;
        width:345px;
    }
    #texte-home-alba {
        width: 182px;
    }
    #video-maison-vimeo{
        margin-top:-125px;
        height:220px;
        width:347px;
    }
    #home-page-lamaison3D{
        margin-top:10px;
    }
    #video-maison-3D{
        width:347px;
        height:220px;
    }
    /*
    .plone-navbar-nav{
        float:none !important;
        display: flex;
        flex-direction:column;
        align-items: center;
        justify-content: center;
    }
    */
    /*** FORMULAIRE CONTACT ***/
    #contact-flexbox{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: start;
        flex-flow: row wrap;
        flex-grow: 1;
    }


    /*** SPONSOR PAGE ***/
    #logos-partenaires{
        width:100%;
        margin:auto;
        display:flex;
        flex-direction:row;
        flex-wrap:wrap;
        justify-content:space-around;
    }

    /*** VIDEO PAGE ***/
    iframe.mel-video{
        border:none !important;
        width: 560px;
        height: 315px;
    }
}  /*  PHONE PORTRAIT ENTRE 400 ET 768PX */



/*** TABLETTE PAYSAGE ENTRE 768PX ET 992PX ***/
@media (min-width: 768px) and (max-width: 992px){
    .container {
        width:100% !important;
    }
    body.template-homepage .navbar {
        width: 100%;
        justify-content: flex-end;
    }
    /*** HOMEPAGE ***/
    #photo-home-alba{
        width: 200px;
        margin-left:-67px;
        text-align:center;
    }

    #texte-home-alba{
        position:relative;
        top:-270px;
        left:72px;
        font-size:11px;
        line-height: 14px;
        text-align:justify;
    }
    #home-page-logo{
        margin:auto;
        width:345px;
    }
    #video-maison-vimeo{
        height:215px;
        width:100%;
        margin:16px 0px;
    }
    #video-maison-3D{
        width:100%;
        height:220px;
        margin:16px 0px;
    }
    /*
    .plone-navbar-nav{
        float:none !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    */
    /*** FORMULAIRE CONTACT ***/
    #contact-flexbox{
        display:flex;
        flex-direction: row;
        justify-content:space-between;
        align-items: start;
        flex-flow: row wrap;
        flex-grow: 1;
        margin-bottom:20px;
    }

    #contact-formulaire{
        border:1px solid #ccc;
        border-radius:8px;
        width:50%;
        padding:8px;
    }

    /*** SPONSOR PAGE ***/
    #logos-partenaires{
        width:95%;
        margin:auto;
        display:flex;
        flex-direction:row;
        flex-wrap:wrap;
        justify-content:space-between;
        border:1px solid #efefef;
        border-radius:5px;
    }
    /*** VIDEO PAGE ***/
    iframe.mel-video{
        border:none !important;
        width:100%;
        height:auto;
    }
} /* TABLETTE PAYSAGE ENTRE 768PX ET 992PX  */



/*** DESKTOP > 992 and 1024 ***/
@media (min-width: 992px) and (max-width: 1024px){
    .container {
        width:1200px !important;
    }
    body.template-homepage{
        /*
        background-image:url(++theme++alba/images/bg_header.png);
        background-size:cover;
        background-attachment: fixed;
        background-color:#fafafa !important;
        */
        /*background-color:#eeffee !important;*/
    }

    /*** PORTAL-LANGUAGESELECTOR ***/
    #portal-languageselector {
        display: inline-block;
        margin-bottom: 0;
        padding: 5px 0 0 0;
        list-style: none;
        margin-left: 1rem;
        position: relative;
        top: -92px;
        left: 30px;
        z-index: 10;
    }
    
    /*** a de la navbar ***/
    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 0px 7px !important;
    }
    /*** HOMEPAGE ***/
    #photo-home-alba{
        width: 200px;
        margin-left:-67px;
        text-align:center;
    }

    #texte-home-alba{
        position:relative;
        top:-285px;
        left:72px;
        font-size:11px;
        line-height: 14px;
        text-align:justify;
    }
    #home-page-main-block{
        display: flex;
        justify-content: space-between;
        width: 100%;
        height: 470px;
        margin-top: 20px;
    }
    #home-page-logo{
        margin:auto;
        /*width:510px;*/
    }
    #texte-home-alba{
        width:214px;
    }
    /*
    .plone-navbar-nav{
        float:none !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    */
    #info-netvaast{
        display:flex;
        justify-content:space-between;
    }

    #video-maison-3D{
        width:100%;
        height:825px;
        margin:auto;
    }
    /*** FORMULAIRE CONTACT ***/
    #contact-flexbox{
        display:flex;
        flex-direction: row !important;
        justify-content:space-between;
        align-items: start;
        flex-flow: row wrap;
        flex-grow: 1;
        margin-bottom:20px;
    }

    #contact-formulaire{
        border:1px solid #ccc;
        border-radius:8px;
        width:50%;
        padding:8px;
    }

    /*** SPONSOR PAGE ***/
    #logos-partenaires{
        width:95%;
        margin:auto;
        display:flex;
        flex-direction:row;
        flex-wrap:wrap;
        justify-content:space-between;
    }
    /*** VIDEO PAGE ***/
    iframe.mel-video{
        border:none !important;
        width:560px;
        height:315px;
    }

    /*** LES RESIDENTS ***/
    .resident-flexbox{
        display:flex;
        flex-direction:row;
        flex-basis : 50%;
        justify-content:space-between;
        flex-wrap: nowrap;
        flex-grow: 1;
        border:2px solid #000;
    }
    .residence-box-text{
        /*border:1px solid #f00;*/
    }

    .residence-box-image{
        /*border:1px solid #00f;*/
    }
} /* DESKTOP > 992 and 1024 */





/*** DESKTOP > 1024  and < 1200***/
@media (min-width: 1024px) and (max-width: 1200px){
    .container {
        width:1200px !important;
    }
    body.template-homepage{
        /*
        background-image:url(++theme++alba/images/bg_header.png);
        background-size:cover;
        background-attachment: fixed;
        background-color:#fafafa !important;
        */
        /*background-color:#ffaaaa !important;*/
    }

    /*** a de la navbar ***/
    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 0px 7px !important;
    }

    /*** PORTAL-LANGUAGESELECTOR ***/
    #portal-languageselector {
        display: inline-block;
        margin-bottom: 0;
        padding: 5px 0 0 0;
        list-style: none;
        margin-left: 1rem;
        position: relative;
        top: -92px;
        left: 30px;
        z-index: 10;
    }

    /*** HOMEPAGE ***/
    #photo-home-alba{
        width: 200px;
        margin-left:-67px;
        text-align:center;
    }

    #texte-home-alba{
        position:relative;
        top:-285px;
        left:72px;
        font-size:11px;
        line-height: 14px;
        text-align:justify;
    }
    #home-page-main-block{
        display: flex;
        justify-content: space-between;
        width: 100%;
        height: 470px;
        margin-top: 20px;
    }
    #home-page-logo{
        margin:auto;
        /*width:510px;*/
    }
    #texte-home-alba{
        width:214px;
    }
    /*
    .plone-navbar-nav{
        float:none !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    */
    #info-netvaast{
        display:flex;
        justify-content:space-between;
    }

    #video-maison-3D{
        width:100%;
        height:825px;
        margin:auto;
    }
    /*** FORMULAIRE CONTACT ***/
    #contact-flexbox{
        display:flex;
        flex-direction: row !important;
        justify-content:space-between;
        align-items: start;
        flex-flow: row wrap;
        flex-grow: 1;
        margin-bottom:20px;
    }

    #contact-formulaire{
        border:1px solid #ccc;
        border-radius:8px;
        width:50%;
        padding:8px;
    }

    /*** SPONSOR PAGE ***/
    #logos-partenaires{
        width:95%;
        margin:auto;
        display:flex;
        flex-direction:row;
        flex-wrap:wrap;
        justify-content:space-between;
    }
    /*** VIDEO PAGE ***/
    iframe.mel-video{
        border:none !important;
        width:560px;
        height:315px;
    }

    /*** LES RESIDENTS ***/
    .resident-flexbox{
        display:flex;
        flex-direction:row;
        flex-basis : 50%;
        justify-content:space-between;
        flex-wrap: nowrap;
        flex-grow: 1;
        border:2px solid #000;
    }
    .residence-box-text{
        /*border:1px solid #f00;*/
    }

    .residence-box-image{
        /*border:1px solid #00f;*/
    }
}/* DESKTOP > 1024 */




/*** DESKTOP > 1200***/
@media (min-width: 1200px){
    .container {
        width:1200px !important;
    }
    body.template-homepage{
        /*
        background-image:url(++theme++alba/images/bg_header.png);
        background-size:cover;
        background-attachment: fixed;
        background-color:#fafafa !important;
        */
        /*background-color:#0000ff !important;*/
    }

    /*** PORTAL-LANGUAGESELECTOR ***/
    #portal-languageselector {
        display: inline-block;
        margin-bottom: 0;
        padding: 5px 0 0 0;
        list-style: none;
        margin-left: 1rem;
        position: relative;
        top: -104px;
        z-index: 10;
    }

    /*** HOMEPAGE ***/
    #photo-home-alba{
        width: 200px;
        margin-left:-67px;
        text-align:center;
    }

    #texte-home-alba{
        position:relative;
        top:-285px;
        left:72px;
        font-size:11px;
        line-height: 14px;
        text-align:justify;
    }
    #home-page-main-block{
        display: flex;
        justify-content: space-between;
        width: 100%;
        height: 470px;
        margin-top: 20px;
    }
    #home-page-logo{
        margin:auto;
        /*width:510px;*/
    }
    #texte-home-alba{
        width:214px;
    }
    /*
    .plone-navbar-nav{
        float:none !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    */
    #info-netvaast{
        display:flex;
        justify-content:space-between;
    }

    #video-maison-3D{
        width:100%;
        height:825px;
        margin:auto;
    }
    /*** FORMULAIRE CONTACT ***/
    #contact-flexbox{
        display:flex;
        flex-direction: row !important;
        justify-content:space-between;
        align-items: start;
        flex-flow: row wrap;
        flex-grow: 1;
        margin-bottom:20px;
    }

    #contact-formulaire{
        border:1px solid #ccc;
        border-radius:8px;
        width:50%;
        padding:8px;
    }

    /*** SPONSOR PAGE ***/
    #logos-partenaires{
        width:95%;
        margin:auto;
        display:flex;
        flex-direction:row;
        flex-wrap:wrap;
        justify-content:space-between;
    }
    /*** VIDEO PAGE ***/
    iframe.mel-video{
        border:none !important;
        width:560px;
        height:315px;
    }

    /*** LES RESIDENTS ***/
    .resident-flexbox{
        display:flex;
        flex-direction:row;
        flex-basis : 50%;
        justify-content:space-between;
        flex-wrap: nowrap;
        flex-grow: 1;
        border:2px solid #000;
    }
    .residence-box-text{
        /*border:1px solid #f00;*/
    }

    .residence-box-image{
        /*border:1px solid #00f;*/
    }
}/* DESKTOP > 1200 */