/******************************* BOTTOM ********************************/
.bloc_contact{
	    background: url(/Files/App_002/images/bg_contact.jpg) center center no-repeat;
    background-size: cover;
	    position: relative;
	    padding-top: 30px;
height:870px;
}
.contact_title{
	width:80px;
	position:absolute;
	left: 25px;
	top:10px;
	}
	.t1{
	height: 70px;
	line-height: 70px;
	color: #c9c9c9;
	font-size: 72px;
	text-align: left;
	}
	.t1:before{
		content:"";
		background-color:#c9c9c9;
		height:20px;
		width:3px;
		display:block;
		left: 18px;
		position: relative;
	}
		.t2{
    color: #77b5fd;
    font-size: 44px;
    text-transform: uppercase;
    text-align: center;
    -ms-transform: rotate(270deg); /* IE 9 */
    -webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */
    transform: rotate(270deg);
    margin-top: 142px;
    margin-left: -16px;
 }
.t3{
    color: #77b5fd;
    font-size: 48px;
    text-transform: uppercase;
    text-align: center;
    /* left: 50%; */
    margin-bottom: 20px;
 }
.t3:after{
		content:"";
		background-color:#c9c9c9;
		height:20px;
		width:3px;
		display:block;
		left: 50%;
		position: relative;
}
.contact_title_tab{
	display:none;
	    color: #77b5fd;
    font-size: 48px;
    text-transform: uppercase;
    text-align: center;
}
.contact_title_tab:after{
}
.ts{
    color: #81b9fc;
    font-size: 15px;
	text-transform:uppercase;
}
.adress, .tel, .mail, .fax{
    color: #454545;
    font-size: 14px;
	padding-bottom:15px;
	margin-bottom:15px;
	line-height:24px;
	width:270px;
	border-bottom:1px solid #d4d4d4;
}
.mail{
border-bottom:none;	
}
.mail a{
color:#454545;
}
.mail a:hover{
text-decoration:underline;
}

.form_contact{
    padding-bottom: 45px;
    padding-top: 10px;
    padding-left: 30px;
    background-color: rgba(255,255, 255, 0.3);
}
.box_map{
  
position: absolute;
  
bottom:0;
  
left:0;
  
width: 45%;

}
.box_map2{
width:100%;
display:none;
}
.box_map:before{
	content:'';
	width:100%;
	height:506px;
	border:2px dashed #f19fc1;
	position:absolute;
	left:40px;
	top:-40px;
	z-index: 0;
}
iframe{
    border: 0px;
    position: relative;
    width: 100%;
}
@media (max-width: 940px)

{
.contact_title{
display:none;
}
.contact_title_tab{
display:block;
}
}

@media (max-width: 1199px)

{
.box_map{
display:none;
}
.box_map2{
display:block;
}
.contact_title{
display:none;
}
.contact_title_tab{
display:block;
}
.bloc_contact {
    background: url(/Files/App_002/images/bg_contact2.jpg) center center no-repeat;
    background-size: 100%;
height:100%;
    background-position: bottom;
}
}
@media (max-width: 480px){
.bloc_contact {
    background: none;
}
}
@media (max-width: 320px){
.t3{
    font-size: 30px;
    /* left: 50%; */
   padding-top: 20px;
 }
.titre1 {
    font-size: 17px;
}
.bloc_txt {
    padding-bottom: 0px;
}
.client_title {
    font-size: 23px !important;
    padding-top: 15px;
}
}
@media (max-width: 768px){
.t3{
    font-size: 30px;
   padding-top: 20px;
 }
}