/*header*/ 
.header {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    height: 50px;
    line-height: 50px;
    background-color: black;
    position : fixed;
    top:0;
    z-index:999;
}

.iconemenumobile{display:none}

.header .header-logo{
    color:#FFFFFF;
    font-family: 'Montserrat', sans-serif, bold;
    float: left;
    margin-left :30px;
}

.header .header-menu{
    float:right;
    margin-right:30px;
}

.header .header-menu a {
    margin-right: 15px;
    color:#FFFFFF;
}

.header .header-menu a:hover{
    color: #3498DB
}

/*banner*/


.banner .banner-image{
    position : relative;
    width: 100%;
    aspect-ratio: 2.8;
}

.banner .banner-content{
    position: absolute;
    width : 100%;
    text-align:left; 
    padding-left:65%;
    top:15%;
    padding-right: 10px;
}
.banner .banner-content h1 ,
.banner .banner-content h2{
    color:#FFFFFF
}

/*About*/

.about .about-single-element .icon{
    font-size:20px;
    text-align:center; 
}
.about .about-single-element .essentiel{
text-align: center; 
}


.about .about-single-element{
    text-align:center;
}

.about .about-single-element p{
    text-align:left;
    margin-top: 20px;
}
/*contact*/

h2{font-size: 2em;
    font-weight:bold;
    margin-bottom: 10px;
}

.label{
    margin-top: 10px;
}



.footer-informations{
    text-align: center;
    padding-top: 8rem;
    font-size: 1em;
}
.informations-legales{
    background-color: #fafafa;
}

.mentions{
text-align: center;
float:left;
padding-bottom: 1em;
padding-left: 1em;
}

.adresse{
float: right;
padding-right: 2em;
padding-bottom: 2em;
}





/*contenu presentation*/
.block .contenu{
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}

.block .contenu h1{
    font-family: 'Montserrat', sans-serif, bold;
    font-size : 1.6rem;
    text-decoration:underline;
    text-align:center;
}

.block .contenu p{
margin:0.5rem
}
.photo .etagereancienne{
    max-width : 70%;
    height: auto;
    display: block;
    margin-right:auto;
    margin-left:auto;
}

/*modification couleur elements centraux page accueil*/


.notification.is-success{
    background-color: #3f4253;
}

.notification.is-info{
    background-color: #b1c18c ;
}

.notification.is-primary{
    background-color:#802F15 ;

}

.notification.is-warning{
    background-color:#D4A26A;

}

.notification.is-danger{
    background-color: #054F4F;

}
/*maps*/
#maps{
text-align: center;
}



/*mentions legales*/
#pageinformations{
    padding-left:2em;
    padding-right:2em;
    padding-bottom:2em;
    padding-top:2em;
}


/*creation bandeau noir*/
#bandeau{
    height:2px; 
    background:black;}

#fond{
background-color: #fafafa;
height: 20px;
}


@media screen and (max-width:769px),print{.tile:not(.is-child){display:flex;flex-direction: column;}}
@media screen and (max-width:769px),print{#maps{width: 400px;height:250px;}}
@media screen and (max-width:769px),print{#iframe{width: 400px;height:250px;}}
@media screen and (max-width:497px),print{.header-menu{margin-top:-23px}}
@media screen and (max-width:400px),print{#maps{width: 300px;height:250px;}}
@media screen and (max-width:400px),print{#iframe{width: 300px;height:250px;}}
@media screen and (max-width:600px),print{.header-menu{display:none}}
@media screen and (min-width:600px),print{.spoiler{display:none}}


div.spoiler div.contenuSpoiler {
    display: none;
    min-width: 100%;
    height: 50px;
    margin-top:40px;
    margin-left: 0;
    margin-right: 0;
    background-color: black;
    position : absolute;
    z-index:999;
}


#imagedemobile {
    cursor: pointer;
    display: block;
    float:right;
    margin-right:25px;
    margin-top:12px;
    z-index: 999;
}

.header .header-menu1 a {
    color:#FFFFFF;
    float: left;
    padding-left :30px;
}

.header .header-menu1 a:hover{
    color: #3498DB
}

#js_alert_success{
    display: none;
}

#js_alert_danger{
    display: none;
}