/* FOOTER BLOC  */
#footer_bloc{
    /* background-color: #333; */
    color: white;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
	align-items: center;
    width: 100%;
    justify-content: space-around;
    height: auto;
    padding-top: 34px;
    padding-bottom: 85px;
}
.link_footer{
    cursor: pointer;
}
.links_footer{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 14px;
    width: 508px;
}

.logo_links_footer{
	font-family: 'Roboto', sans-serif;
	margin-right: 3px;
}

.reseaux{
    display: flex;
    justify-content: space-around;
    width: 100%;
}

.copyrights{
    display: flex;
    width: 286px;
    justify-content: space-between;
}

.mobile_column{
    display: flex;
    flex-direction: column;
}

.links_footer_mobile{
    display: none;
}


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

.remove_a_css{
    text-decoration: none;
    color: white;
}

@media screen and (max-width: 914px)
{
    #footer_bloc{
        height: 266px;
        flex-direction: column;
    }

    .links_footer{
        width: 100%;
    }

    .links_footer_mobile{
        display: flex;
        justify-content: space-between;
        width: 100%;
        margin-bottom: 14px;
    }
    .links_footer{
        display: none;
    }
}

/* CONTACT BLOC */
.heading{
    font-size: 49px;
	font-style: normal;
	text-align: center;
	margin: 0;
	text-align: center;
    width: 82%;
}

.subheading{
	margin-top: 18px;
	margin-bottom: 80px;
	font-size: 20px;
	font-weight: normal;
	text-align: center;
    width: 58%;

}

.section{
	display: flex;
	box-sizing: border-box;
    min-height: 100%;
    width: 100%; 
    padding-top: var(--padding-between-blocs);
    padding-bottom: var(--padding-between-blocs);
}
#contact_bloc{
    padding: 0;
	position: relative;
	flex-direction: column;
	justify-content: space-between;
}

.contact_section{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: white;
    width: 100%;
    height: auto;
}
.contact_container{
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 655px;
}

.field_contact{
	display: flex;
	align-items: flex-start;
	flex-direction: column;
}

.row_contact{
	display: flex;
	justify-content: space-between;
	width: 100%;
	flex-wrap: wrap;
	align-items: center;
}

.input_contact::placeholder, .btn_contact{
	font-family: 'Poppins', sans-serif;
}

.input_contact{
	padding-left: 34px;
    width: 303px;
    height: 64px;
	border-radius: 6px;
	color: #333;
    border: none;
    outline: none;
}

.msg_container{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
}

.msg_input{
	padding-left: 34px;
	padding-top: 20px;
    width: 100%;
	height: 84px;
	border-radius: 6px;
	color: #333;
    border: none;
    outline: none;
}

.msg_input::placeholder{
	font-family: 'Poppins', sans-serif;
}

.heading.heading_contact{
	margin-top: var(--padding-between-blocs);
}

.contact_form{
	display: flex;
    justify-content: center;
	max-width: 100%;
	margin-bottom: var(--padding-between-blocs);
}

.more_css_video{
	position: absolute;
	z-index: -1;
}

.input_contact.msg_textarea{
	padding: 22px 66px 22px 34px;
}

.btn_contact{
    margin-top: 15px;
    padding: 10px;
    border-radius: 6px;
    width: 154px;
    color: white;
    border: none;
    outline: none;
    background: transparent;
    border-width: 1px;
    border-style: solid;
}

.infos_contact{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
    
    width: 654px;

	margin-bottom: 100px;
	font-size: 17px;
}

.infos_card{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
    text-align: center;
	height: 120px;
}

.icons_contact{
	font-size: 48px;
}

.infos_contact a{
	text-decoration: none;
    color: white;
}

.video_back_contact{
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(80%);
	position: absolute;
	z-index: -1;
}

.ways_to_contact{
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 100%;
	justify-content: space-around;
	flex-wrap: wrap;
}

.mail_tel{
	display: flex;
	flex-direction: row;
	justify-content:space-around;
    flex-wrap: wrap;
	margin-left: 87px;
    margin-bottom: 34px;
}

@media screen and (max-width: 770px)
{
    .mail_tel{
        margin-left: 0px;
        flex-direction: column;
    }

}

@media screen and (max-width: 770px)
{

    .msg_container{
        width: 304px;
    }
}