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

body {
    margin:0; 
	font-family: Montserrat;
	font-weight: lighter;
    color:#4c4c4c;
}

nav {
    background-color: white;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
	font-family: Montserrat;
	font-weight: normal;
	position: fixed;
	top:0;
    z-index:1;
    width: 100%;
    box-shadow: 0 0 24px 0 rgba(0,0,0,.2);
    outline: none;
    text-decoration:none;
}

main {
    margin-top:5%;
    margin-left:10%;
    margin-right:10%;
}

.navbar {
    width: 40%;
    display: flex;
    flex-direction: row;
    justify-content:space-evenly ;
    text-decoration:none;
}

a {
    text-decoration:none;
    color:#4c4c4c;
}

.tel {
    color:#00b187;
}

.headerIMG {
    width: 100%;
}


.societe, .savoir, .realisation, .contact {
    text-align: center;
}

.description {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    margin-top:4em;
}

.infos {
    width: 70%;
    margin-right:2em;
}

.photodesc {
    width: 25%;
}


h2, h3 {
    margin:0;
}

h2 {
    color:#00b187;
}

h3 {
    font-weight: lighter;
}

.realisation {
    margin-top:4em;
}

.photorea {
    text-align: center;
    width: 100%;
}

.liste {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin-left:5%;
}

.text {
    width: 70%;
}

.ligne {
    margin:2em;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.item {
    width: 50%;
    height: 50%;
    display: flex;
    flex-wrap: wrap;
}

.icon {
    width: 100px;
    height: 100px;
    margin-right:2em;
}

.contact {
    margin-top:4em;
}

.contacttext {
    margin-top:4em;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
}

.email {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
}

.email img {
    width: 8em;
}

.btn-mail {
    padding:1em;
    background-color: white;
    box-shadow: 0 0 24px 0 rgba(0,0,0,.2);
    border:0;
    outline: none;
    text-decoration:none;
	font-family: Montserrat;
    font-weight: lighter;
    font-size: 1em;
    color:#4c4c4c;
}

.icon_b {
    width: 10em;
}

footer {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
    padding:2em;
    margin-top:1em;
    background-color: #4c4c4c;
    color: white;
}