/*
Règles CSS spécifiques à la page d'accueil
*/

.home main.full_width{
	padding:0;
	padding-bottom: 500px;
}

h2.juliane{
	font-family: juliane, oswald, sans-serif;
	text-align: center;
	text-transform: inherit;
	font-weight: lighter;
	font-size: 4em;
	color:#CD9C75;	
	margin:0;

}

main .sous_titre{
	margin-bottom: 50px;
}

.section{
		margin-top:70px;
}

.background1{
	background-image: url("../img/background-1.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	height:500px;
	position:relative;
}

.background1 img{
	width:100%;
}
.background1 h1{
	position:absolute;
	top:55%;
	left:50%;
	transform: translate(-55%, -50%);
	color:#FFF;
}

.narrow{
	padding:0 7%;
}

#presentation{
	flex-basis: 50%;
	justify-content: space-between;
	padding: 0 12%;
}

.w40{
	width:37%;
}

.w60{
	width:57%;
}

.w60 img{
	width: 100%;
	height:100%;
}

.vertical_align{
	display: flex;
	align-self: center;
	justify-content: center;
}

.home .social_nav svg{
	width: 30px;
	margin:0 10px;
}

.home .social_nav {
	margin-top:30px;
	text-align: center;
}

#destinations {
	margin-top: 100px;
	background-image: url("../img/background-2.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
	padding-bottom: 250px;
}

#destinations .flex_container{
	justify-content: space-between;
}

.carte_pays{
	width:22%;
	position: relative;
	overflow: hidden;
}

.carte_pays a{
	display: flex;
	align-items: center;
  	justify-content: center;
}

.carte_pays  a img{
	width:110%;
}

.carte_pays{
	background-color: #383838;
}

.carte_pays .titre_pays{
	position: absolute;
	top:55%;
	left:52%;
	transform: translate(-55%, -50%);
	display: block;
	width:60%;
	color:#383838;
	background-color: #FFF;
	text-align: center;
	height:60px;
	line-height: 60px;
	font-family: Oswald, sans-serif;
	font-size: 1.8em;
}


a .text_hover{
	color: #fff;
    text-align: center;
    width: 100%;
    opacity: 0;
    transform: translateX(-50%) translateY(-50%) scale(1.5);
    position: absolute;
    top: 55%;
    left: 50%;
    z-index: 1;
    transition: all 0.5s ease;
}

.carte_pays:hover .text_hover{
	opacity: 1;
    transform: translateX(-50%) translateY(-50%) scale(1);
}

.carte_pays:hover .titre_pays{
	top:35%;
	transition: all 0.5s ease;
}

.carte_pays:hover img{
	filter: blur(8px);
  	-webkit-filter: blur(8px);
	filter: brightness(50%);
}


.carte_pays a .bouton_pays{
	text-align: center;
    width: 70%;
    opacity: 0;
    transform: translateX(-50%) translateY(-80%) scale(1.5);
    position: absolute;
    top: 80%;
    left: 50%;
    z-index: 1;
    transition: all 0.5s ease;
    color:#FFF;
    font-size: 1.1em;
    border: 1px solid #FFF;
    padding:5px;
    text-transform: uppercase;
}

.carte_pays:hover .bouton_pays{
	opacity: 1;
    transform: translateX(-50%) translateY(-80%) scale(1);
}

.home .button, #sb_instagram .sbi_follow_btn a{
	margin:auto;
	margin-top: 75px;
	width:350px;
	background-color: #CD9C75;
	border-radius: 2px;
	text-align: center;
	height:50px;
}

.home .button a, #sb_instagram .sbi_follow_btn a{
	color:#FFF;
	line-height: 50px;
	text-decoration: none;
}

#voyage_local{
	margin-top: -90Px;
	background-image: url("../img/background-3.jpg");
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: bottom;
	padding-bottom: 100px;
}

#voyage_local .flex_container{
	justify-content: space-around;
}

#voyage_local .dest_locales{
	padding-top: 75px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items:flex-start;
	align-content: center;
}

#voyage_local .carte_pays{
	display: block;
	width:30%;
	margin-bottom: 25px;
}

#voyage_local .carte_pays a img{
	width:300px;
}

#voyage_local .carte_pays .titre_pays{
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	display: block;
	width:80%;
	color:#383838;
	background-color: #FFF;
	text-align: center;
	height:50px;
	line-height: 50px;
	font-family: Oswald, sans-serif;
	font-size: 1.2em;
}

#voyage_local .carte_pays:hover .titre_pays{
	top:25%;
	transition: all 0.5s ease;
}

.carte_pays a .bouton_pays{
	text-align: center;
    width: 70%;
    opacity: 0;
    transform: translateX(-50%) translateY(-70%) scale(1.5);
    position: absolute;
    top: 75%;
    left: 50%;
    z-index: 1;
    transition: all 0.5s ease;
    color:#FFF;
    font-size: 1em;
    border: 1px solid #FFF;
    padding:5px;
    text-transform: inherit;
}

.carte_pays:hover .bouton_pays{
	opacity: 1;
    transform: translateX(-50%) translateY(-70%) scale(1);
}

.home main h3{
	font-family: juliane, Oswald, sans-serif;
	text-align:center;
	text-transform: inherit;
	font-size: 2em;
}

#voyage_local .w40 .sous_titre:before{
	content: '';
	display: block;
	width:100px;
	margin:auto;
	margin-bottom: 10px;
	border-top:3px solid #CD9C75;
}

#voyage_local .w40{
	width:35%;
}

.slogan{
	font-family: Juliane, Oswald, sans-serif;
	font-size: 5em;
	text-align: center;
	color:#FFF;
	margin:50px 0;
}

.home .derniers_articles h2{
	margin-bottom: 50px;
}

.home .derniers_articles .post_img{
	height:auto;
}

#social_links{
	background-image: url("../img/background-4.jpg");
	min-height: 500px;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: bottom;
	padding-bottom: 100px;	
}

#insp_prague, #insp_prague h3{
	text-align: right;
}

#insp_prague.flex_container, #insp_vienne.flex_container{
	justify-content: space-between;
}

#insp_prague .w50, #insp_vienne .w50{
	width:47%;
}

#insp_prague .w50 img, #insp_vienne .w50 img{
	width: 100%;
	height:100%;
}

.home #dest_inspirantes .button{
	margin:0;
	width:200px;
	float:right;
	height:40px;
}

.home #dest_inspirantes .button a{
	line-height: 40px;
}

#insp_cuba{
	margin: 75px 0;
	justify-content: space-between;
}

#insp_cuba .w30 {
	width:30%;
}

#insp_cuba .w30 img{
	width: 100%;
	height:inherit;
}

#insp_cuba p{
	font-family: Oswald, sans-serif;
	color: #4398AC;
	text-transform: uppercase;
	text-align: center;
	font-size: 1.2em;
}

#insp_cuba a{
	text-decoration: none;
}

#insp_vienne, #insp_vienne h3 {
	text-align: left;
}

.home #dest_inspirantes #insp_vienne .button{
	float:left;
}

#dest_inspirantes{
	margin-bottom: 100px;
}

#podcast{
	background-image: url("../img/podcast.jpg");
	min-height: 600px;
	background-repeat: no-repeat;
	background-size: 40%;
	background-position: right;

}

#podcast .w50{
	width:45%;
}

#podcast figure{
	margin:10px 0;
}

#podcast .episode{
	margin-bottom:50px;
}

#instagram{
	margin-top:75px;
}

#sb_instagram .sbi_follow_btn a{
	font-size:1.2em;
	line-height: 50px;
	padding:0 15px;
}

#sb_instagram .sbi_follow_btn a:focus, #sb_instagram .sbi_follow_btn a:hover {
    outline: 0;
    box-shadow: none;
}