@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700); 
@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap);

body{font-family: 'Arial';font-size: 14px;color: #333;}
.top {margin-top:90px;}
#footer{padding: 0px;position: fixed;bottom: 0px;margin:0px;}
.top {margin-top:21px;}
.navbar {box-shadow: 0px 5px 5px rgba(0,0,0,0.2);}

#toppage {
    background-image: url(/site/images/structure/toppage.png);
    padding: 0;
    -webkit-background-size: cover cover;
    background-size: cover;
    margin-top: 71px;
    color: 
    #fff;
}

.select {background-color:#FF0;}

#logo {widthx:350px;margin:6px auto;color:#FFF;text-decoration:none;display:block;font-size:2.5em;font-weight: 100 !important;text-align:center}
#logo img {height:60px;}
a {cursor:pointer!important;}

#logosite {height: 80px;} 

i {transition: all 0.3s ease-in-out 0s;}
a:hover i{padding-left:0px;transform:rotate(360deg);}
.btn:hover i{padding-left:0px;transform:rotate(360deg);}




@media (max-width: 900px) {
	 h1{font-size: 32px;}
	 h2{font-size: 28px;}
	.top {margin-top:12px;}
	#logo {font-size:1.8em;}
	#logo img {height:25px;}
	.nav-tabs > li > a, .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {font-size:.95em;}
	.navbar_profil{margin-top: 0px;height:46px;width:46px;}
	#toppage {margin-top:70px;}
	#logosite {height: 60px;} 
	.navbar-toggle {margin-top: 5px;}
}