/*
Theme Name: Terra Nostra
Author: Marine PELLET
*/

.main {
	width:100%;
	margin:auto;
}

.g-grid {
	flex-flow: column;
	}

.mobileOnly {
    display: none;
}

#bloc-gauche{
	top:0;
    left:0;
	width:50%;
	height:100vh;
	position:fixed;
	background:#fff;
	z-index:9999;

}

#bloc-droit{
	width:50%;
	top:0;
    left:50%;
    right:0;
	position:relative;
	z-index:1;
}

#logo {
	width:130px;
	margin-left:40px;
	margin-top: 40px;
}

#accroche-strat p {
	font-family: "Montserrat", arial, sans-serif;
	font-size:5vw;
	color:#8baddc;
	text-transform:uppercase;
	line-height:1;
	font-weight: 700;
}

#accroche-strat {
	position:absolute;
	top:30%;
	left:30%;
}

#accroche-strat p:hover {
	color:#0069b4;
}

#accroche-contact p {
	font-family: "Montserrat", arial, sans-serif;
	font-size:6vw;
	color:#8baddc;
	text-transform:uppercase;
	line-height:1;
	font-weight: 700;
}

#accroche-contact {
	position:absolute;
	top:30%;
	left:50%;
}

#accroche-contact p:hover {
	color:#0069b4;
}

#accroche p {
	font-family: "Montserrat", arial, sans-serif;
	font-size:6vw !important;
	color:#8baddc;
	text-transform:uppercase;
	line-height:1;
	font-weight: 700;
}

#accroche {
	position:absolute;
	top:30%;
	left:40%;
}

#accroche p:hover {
	color:#0069b4;
}


#main-menu .nav-bar { 
	list-style:none; 
	position:absolute;
	bottom:60px;
	left:40px; 
}

#main-menu .nav-bar li {
	margin-bottom:0px;
}

#main-menu .nav-bar li a {
  text-decoration: none;
	font-family: "Montserrat", arial, sans-serif;
	font-size:1.2vw;
  color: #333;
}

#main-menu .nav-bar li a:hover {
	color:#0069b4;
}

ul li {
  display: block;
  position: relative;
  width: 100%;
} 


li ul {
  display: none;
  margin: 0;
}

ul li a {
  display: block;
  text-decoration: none;
  color: #333;
  padding: 5px 15px 5px 0px;
  white-space: nowrap;
}

li:hover ul {
  display: block;
  position: absolute;
	z-index:9999;	
}

li:hover li {
  float: left;
  font-size: 0.9em;
}

li:hover a {
  border-bottom: 1.5px solid #000000;
}

#second-menu a {
  border-bottom: 0px !important;
	padding : 0px 0px 0px 15px !important;
}

ul li ul {
  position: absolute;
  left: 100%;
  top: 0;
}

#experts {
	position:absolute;
	bottom:40px;
	right:10%; 
	z-index:2;
}

#experts p {
	font-family: "Montserrat", arial, sans-serif;
	font-size:1.8vw;
  color: #333;
	text-transform:uppercase;
}

.section-home {
	height:100vh;
}

.section-home .titre-section p {
	font-family: "Montserrat", arial, sans-serif;
	font-size:3vw;
	text-transform:uppercase;
	font-weight: 700;
}

.section-home .paragraphe-section p {
	font-family: "Montserrat", arial, sans-serif;
	font-size:1.2vw;
	font-weight: 500;
}

.section-texte {
	position:absolute !important;
	bottom: 10%;
	margin-left:100px !important;
}

.bouton-savoir {
	font-family: "Montserrat", arial, sans-serif;
}

.section-bouton-savoir {
	position:absolute !important;
	bottom: 5px !important;
	padding-left:100px !important;
}

#rs {
	position:absolute;
	bottom:40px;
	left:55px;
}

.icon-rs{
	width:40px !important;
}

.et-db #et-boc .et-l .et_pb_contact p input, .et-db #et-boc .et-l .et_pb_contact p textarea {
    color: #053356 !important;
}

@media screen and (max-width:900px){
    .section-home .paragraphe-section p {
	font-size:2vw !important;
    }
	
	#main-menu .nav-bar li a {
	font-size:2vw;
}
	
	.bouton-savoir p {
	font-size: 2vw;
}
	
	.bouton-savoir {
	bottom: 5%;
}
	
.et-db #et-boc .et-l .et_pb_module img {
    display: none;
}
}

@media screen and (max-width: 480px) {
	
	.desktopOnly {
        display: none;
    }
    .mobileOnly {
        display: block !important;
    }

    
	#bloc-gauche {
		position:relative;
	}
	
	#bloc-droit {
        left:0;
		width:100vw !important;
    }
	
	#container-logo{
		position:fixed;
		width:100%;
		top:0;
		background-color: #ffffff;	
	}
	
	#logo {
	width:70px;
	margin-left:20px;
	margin-top: 10px;
		margin-bottom:10px;
}
	
	.section-home {
	height:100vh !important;
}
	
.section-texte {
	position:absolute;
	bottom: 40px ;
	padding-left:30px !important;
}
	.section-home .paragraphe-section p {
		font-size: 4vw !important;
	}
	
	.section-bouton-savoir {
	position:absolute !important;
	bottom: 0px !important;
	padding-left:30px !important;
}
	
.section-texte-tn {
	padding-top:100px !important;
	}
	
}