@charset "utf-8";

/***********************************************/
/**************** UNIVERSEL *******************/
/***********************************************/

.bloc_contactmap {
	background-color: #7F9F7F;
    padding: 20px 0px;

}


.bloc_contact {
    background-color: #7F9F7F;
	
}

.bloc_map {
    width: 100%;
}

.bloc_mapmobile {
    width: 100%;
	display:none;
}

.contact_button {
	cursor:pointer;
	background-color:#fff;
	border:none;
}

.contact_button:hover {
	background-color:#ccc;
}

#sendbutton {
	background-color: #fff;
	border:none;
	cursor:pointer;
}

#sendbutton:hover {
	background-color: #ccc;
}



/***********************************************/
/**************** ORDINATEUR *******************/
/***********************************************/

@media screen and (min-width: 1024px) {

.bloc_contactmap {
    padding: 20px 0px;
    height: 600px;
	position: relative;
}

.bloc_contact {
	width: 400px;
    padding: 40px;
    left: 25%;
    position: relative;
    text-align: center;
	
}

.bloc_map {
	position: absolute;
}

#contact_title {
	margin-bottom: 10px;
}

#sendbutton {
	border-radius:10px;
	font-size:1em;
}

}


/***********************************************/
/****************** TABLETTE *******************/
/***********************************************/

@media screen and (min-width: 100px) and (max-width: 1023px) and (orientation: landscape) {

.bloc_contact {
    padding: 40px;
}



}

/***********************************************/
/**************** SMARTPHONE *******************/
/***********************************************/

@media screen and (min-width: 100px) and (max-width: 1023px) and (orientation: portrait) {

.bloc_map {
    display:none;
}

.bloc_contactmap {
    padding: 80px 0px;
}

.bloc_mapmobile {
    width: 100%;
	display:block;
}

.bloc_mapmobile iframe {
    element-size:200%;
}

.map-responsive {
 overflow:hidden;
 padding-bottom:56.25%;
 position:relative;
 height:0;
}
.map-responsive iframe {
 left:0;
 top:0;
 height:100%;
 width:100%;
 position:absolute;
}

.bloc_contact {
	display:block;
	width: 80%;
    padding: 100px 0px;
    text-align: center;
}

.contact_button {
	padding:10px;
	font-size:32px;
}

#contact_title {
	margin: 40px 0px 60px 0px;
}

#sendbutton {
	font-size:2.4em;
	border-radius:10px;
}



}