.page{
  background-color: #f9f9f9;
  font-family: Arial, Helvetica, sans-serif;
}

#logo{
    background-image: url(image/logo.jpg);
    background-repeat: no-repeat;
    width:270px;
    height:75px;
    background-size: 100% 100%;
}

html, body{
 	min-height: 100%;
    width:100%;
overflow-x:hidden;
cursor: default;
}

body{
	display:none;
}

.presentation{
    background-color:white;
    box-shadow:1px 0px 1px #3e3e3e ;
}

.title_presentation{
    color:grey;
}

.container{
   width:100%; 
}

.prestation{
    opacity:0;
	min-height:600px;
}

.prestations p {
    text-align: left;
}

.about_title{
    margin-top:40px;
    padding-bottom:20px;
}

.about{
    /*background-image:url(image/about.png); 
    background-repeat: no-repeat;
    background-position: center;
    background-size:100% 100%;*/
    background-color:white;
    /*padding-bottom:10px;*/
}

.icon{
  display:block;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width:35vh;
  height:35vh;
}

.icon_prestation{
  display:block;
  background-size: 100% 100%;
}

.drop_content{
    margin-bottom:15px;
}

.navbar-default {
  background-color:white;
  background-image: none;
  background-repeat: no-repeat;
  box-shadow:5px 1px 5px #3e3e3e ;
  color:white !important;
  border:none;
 }

.navbar-default .navbar-nav > li > .link_menu {
    color: black;
    font-size: 15px;
}

.navbar-default .navbar-nav > li > a:hover{
    color: #0371A8;
} 

.navbar-default .navbar-nav > li > a:active{
    transform:scale(1.2);
} 

.link_menu:hover{
    color: #0371A8;
}
.navbar-right{
    margin-right:2vw;
}
 .btn_search{
    display:inline;
	background-image:url(image/loupe-a.png);
	width:40px;
	height:30px;
	background-repeat:no-repeat;
	background-color:transparent;
	border:none;
	right:400px;
    margin-top:10px;
    background-size: 100% 100%;
}

.btn_search:hover{
	background-image:url(image/loupe.png);
}

.jumbotron{
 margin-top:7vh;
 color:white;
 background-image:url(image/jumbotronTS.png);
 background-repeat: no-repeat;
 box-sizing: border-box;
}

.presentation-content{
  opacity:0;
  background-color: none;
  margin-top:2vh;
  padding:20px;
  width:100%;
  transition-duration: .5s;
  transition-timing-function:ease-out;
}

.presentation-content div{
	width:80%;
}

.txt_prestation{
      margin-top: 10px;
}

.flag{
  width:50px;
  margin-top:25px;
  margin-left:2vh;
  background-repeat: no-repeat !important;
  background-size: 80% 90%;
  transition-duration: .2s;
  transition-timing-function:ease-out;
}

.flag:hover{
  transform:scale(1.2);  
}

.icon_prestation{
  background-image: url(image/icon_telFixe.png);
  transition-timing-function:ease-out;
}

.icon_prestation:hover{
   background-image: url(image/icon_telFixe_hoover.png);
}

input{
    color:black;
	display:block;
	font-size:15px;
	margin-top:30px;
    border:none; 
	border-radius:10px 10px 10px 10px;
	padding-left:10px;
}

textarea{
    color:black;
	font-size:15px;
	border:none; 
    margin-top:30px;
	border-radius:10px 10px 10px 10px;
	padding:10px;
	font-family:'Microsoft YaHei UI';
	resize:none;
}

#gmap_canvas img{
    width:100%;
    height:100%;
	max-width:none!important;
	background:none!important;
}

iframe{
    margin-top:20px;   
}

.contact{
    color:white;
    padding-top:50px;
    background-image:url(image/contact.png);
}

.content-element{
    width:70%;
}

.label-default{
    background-color:#0371A8;
}

.partenaire{
    display: none;
}

.part_img{
    width:100%;
    background-size: auto;   
}

.prestation-content{
    margin-top: 30px;
    padding:30px;
    width:95%;
    background-color:white;
    border:solid 1px #e6e6e6;
    border-radius: 1%;
}

.icon_presentation{
    transition-duration: .5s;
}

.img_about{
    margin-left:-4%;
    float:left;
    width:auto;
    height:100%;
    border-radius:2%;
    background-image:url(image/Logo%20TeSa%202%20.png);  
    background-size:auto; 
    background-repeat: no-repeat;
}

@media screen and (min-width: 992px){
	.border{
	border-right:solid 1px #e6e6e6;
	}
    .prestations{
        height: 50vh;
    }
    .menu{
   margin-left:8vw;
 }
    .about-row{
        margin-left:5%;
    }
    .back_globe{
    }
   .prestations{
       margin-top:50px;
   }    
    
  .prestation-content{
    height:90%;
  }
    .icon_prestation{
      height:25vh;
      width:25vh;
    }
    
	#phoneMap{
	display:none;
	}
	#pcMap{
	display:block;
	}
}

.logo{
    background-image:url(image/Logo TeSa.png); 
    width:30px; 
    height:30px;  
    background-size:100% 100%; 
    color:black;
}

@media screen and (max-width: 992px){
    .presentation-content{
        border-top:solid 1px #e6e6e6;
    }
  .prestations{
    margin-top:5vh;
  }
    .icon_prestation{
      height:17vh;
      width:17vh;
    }
    
    #btn_scroll{
        visibility:hidden;
    }
    #gmap_canvas{
    height:30vh;
    width:80vw;
	margin:3% 0 5% 0;
    }
	#pcMap{
	display:none;
	}
	#phoneMap{
	display:block;
	}
}

@media screen and (min-width: 767px){ 
    .menu{
           margin-top:15px;
    }
     .navbar-default .navbar-nav > li > .link_menu{
        border-left:solid 1px #e6e6e6;
        line-height: 1px;
        margin-left:3vw;
    }
	#google_translate_element{
	margin-top:25px;
}
#tumb_part{
    width:80%;
    height: 100%;
}
    input{
    height:40px;
	width:400px;  
    }
    textarea{
        height:200px;
        width:400px !important;
    }
    #gmap_canvas{
    height:400px;
    width:80%;
	margin:3% 0 5% 0;
}
}

@media screen and (max-width: 767px){
    .navbar-default{
        min-height:0px important;
    }
    input{
    height:40px;
	width:70%;  
    }
    textarea{
        height:200px;
        width:70% !important;
    }
	#google_translate_element{
	margin-left:10px;
}
}
 body {top: 0px !important; position: static !important; }
    .goog-te-banner-frame {display:none !important}
.networkS{
	position:absolute;
z-index:1;
left:10px;
margin-top:15%;
display:block;
}