/**
CSS La Cure
Août 2020
By Netvaast


orange logo   : #ff9349
orange brique : #febd59
gris logo     : #444540


***/

@import url('https://fonts.googleapis.com/css?family=Exo&display=swap');


html,
body{
    height:100%;
}

body{
    color:#445440;
    font-size:12pt;
}


.container {
    width: 1100px;
}


/*** HEADER ***/
#content-header{
    background-color:#444540;
}

#portal-header {
    margin:0px
}

#portal-logo {
    float: left;
    margin: 10px 0px;
}
#portal-logo img{
    width:100%;
}

.plone-navbar {
    background-color: #febd59;
    color: #444540;
}

.plone-navbar-nav > .selected > a, .plone-navbar-nav > .selected > a:hover, .plone-navbar-nav > .selected > a:focus {
    color: #444540;
    background-color: #ff9349;
}




/*** CONTENT ***/
.documentFirstHeading,
#content-core h1, 
#content-core h2, 
#content-core h3{
    text-align: left !important;
    font-family:'Courier New', Courier, monospace;
}
.documentFirstHeading {
    font-size: 3em;
}

#content-core h2, h3{
}
#content-core h2{
    color: #ff9349;
    font-size: 2.3em;
}


/*** HOME PAGE ***/
.flex-box{
    display:flex;
    flex-direction:row;
    flex-wrap: no-wrap;
    justify-content: space-around;
}
#hp-photo{
    width:50%%;
}
#hp-texte{
    width:50%;
    padding:0px 1em;
}


/*** CARTE GOOGLE ***/
#carte-google-la-cure-jarnioux{
    width:100%;
}

#carte-google-la-cure-jarnioux iframe{
    width:100%;
    height:400px;
    border:0px;
}

#adresse{
    padding: 1em;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #efefef;
    width: 80%;
    margin:10px auto;
}

#consigne{
    padding: 1em;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #efefef;
    width: 80%;
    margin:10px auto;
}

#alert{
    padding: 1em;
    text-align: center;
    border: 1px solid #fcc;
    border-radius: 5px;
    background-color: rgba(255,230,230, 1);
    width: 80%;
    margin: 15px auto;
}
#alert i{
    font-size: 25px;
    color: #f00;
    padding-right: 5px;
}

.icone-orange{
    color: #ff9349;
    font-size: 20px;
    padding-right: 5px;
}




/**** RESPONSIVE ****/

/**** DESKTOP *****/
@media only screen and (min-width : 1025px){
    /*** HOME PAGE ***/
    .flex-box{
        display:flex;
        flex-direction:row;
        flex-wrap: no-wrap;
        justify-content: space-around;
    }
    #hp-photo{
        width:50%%;
    }
    #hp-texte{
        width:50%;
        padding:0px 1em;
    }

}



/**** TABLETTE *****/
@media only screen and (min-width : 768px) and (max-width: 1024px){
    /*** HOME PAGE ***/
    .flex-box{
        display:flex;
        flex-direction:row;
        flex-wrap: no-wrap;
        justify-content: space-around;
    }
    #hp-photo{
        width:50%%;
    }
    #hp-texte{
        width:50%;
        padding:0px 1em;
    }

}



/**** PHONE *****/
@media (max-width: 767px) {
    /*** HOME PAGE ***/
    body{
        text-align:justify;
    }
    .flex-box{
        display:flex;
        flex-direction:column;
        flex-wrap: no-wrap;
        justify-content: center;
    }
    #hp-photo{
        width:100%%;
        margin-bottom: 10px;
    }
    #hp-texte{
        width:100%;
        padding:0px 5px;
        text-align:justify;
    }
    .documentFirstHeading,
    #content-core h2 {
        font-size: 1.8em;
    }
    #content-core h3{
        font-size: 1.3em;
    }
    
}