#p-home {}

#p-home .pagelinks {
	text-align: center;
}

.layoutline.pagelinks a:nth-child(1) {
    background-color: #005669;
}

.layoutline.pagelinks a:nth-child(2) {
    background-color: #007080;
}

.layoutline.pagelinks a:nth-child(3) {
    background-color: #0099AF;
}

#p-home .pagelinks > a {
	padding:20px 0;
	background-size:cover;
}

#p-home .pagelinks > a:hover {
	text-decoration: none;
}

#p-home .pagelinks > a:nth-child(3) {
	padding:20px 0;
	background-size:cover;
	color:#0099A5;
}

#p-home .pagelinks .bcolor {
	position: relative;
}

#p-home h2.title {
	text-align:center;
	color:white;
	font-size:3.5em;
	line-height:80px;
	height:100px;
	overflow: hidden;
	vertical-align: middle;
	position: relative;
	text-shadow: 0 2px 4px rgba(0,0,0,0.5);
}

#p-home .blockactu {
	background:#f3f3f3;
}

#p-home .actucontent {
	max-width: 1200px;
	margin: auto;
}

#p-home .blockactu .image {
	border-radius: 100%!important;
	-webkit-border-radius: 100%!important;
	-moz-border-radius: 100%!important;
	overflow: hidden!important;
}

#p-home .blockmoment {
	text-align: center;
	vertical-align: middle;
	padding:30px 60px;
	background:url("../img/home-moment-bg.png") no-repeat 10px 70px #F08D00;
}

#p-home .blockmoment p , #p-home .blockmoment h2 {
	color:white;
	text-align: center;
}

#p-home .blockmoment .text {
	margin:20px 0;
	font-size: 1.2em;
}

#p-home .blockvideo {
	padding:30px 60px;
}

#p-home .blockvideo {
	background-size:cover;
	background-position: center;
}

#p-home .blockvideo h2 {
	color:white;
	text-align: center;
	text-shadow: 0 2px 2px rgba(0,0,0,0.5);
	font-size:3.5em;
	line-height: 60px;
	margin-top:20px;
	z-index: 1;
}

#p-home .blockpresentation strong {
	color:#F08C00;
	font-weight: normal;
}

#p-home .blockpresentation #guestapp-reviews-simple {
	margin: 0px auto;
}

#p-home .blockpresentation  {
	position: relative;
	height: 100%;
}

#p-home .blockpresentation .blockcontent {
	/* position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); */
    
	display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    
}

#p-home .blockpresentation .blockcontent > * {
	width: 100%;
	padding: 20px;
	height: 50%;
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

#p-home .layoutline.last_line {
	height: 100%;
	overflow: auto;
}

#p-home .blockpresentation .logos {
	background:#f3f3f3;
}

#p-home .blockpresentation .logos ul {
	overflow: hidden;
	/* display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center; */
	display: grid;
	grid-template-columns: 1fr 1fr;
	justify-items: center;
	gap: 20px;
}

#p-home .blockpresentation .logos ul li {
	/* flex: 0 0 200px; */
	max-width: 250px;
}

#p-home .blockpresentation .logos ul li img {
	max-width: 100%;
}

#p-home .blockvideo {
	position: relative;
}

#p-home .blockvideo .filter {
	position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 112, 128, 0.9);
}

#p-home .blockvideo #video {
	position: absolute;
	z-index: 2;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 0px;
}

@media screen and (max-width: 980px){
	#p-home .layoutline.last_line {
		height: unset;
		overflow: unset;
	}

	#p-home .blockmoment {
		box-sizing: border-box;
	}
	
	#p-home .blockvideo,
	#p-home .blockpresentation {
		min-height: 50vh;
	}
}
@media screen and (max-width: 767px){
	/* #p-home .blockpresentation .logos ul li{
		width: 46%;
		margin: 10px 2%;
	}
	#p-home .blockpresentation .logos ul li:nth-child(2n + 1){
		clear: both;
	}
	#p-home .blockpresentation .logos ul li img{
		max-width: 100%;
		margin: auto;
		display: block;
	} */
}
@media screen and (max-width: 575px){
	#p-home .blockpresentation .logos {
		height: auto;
	}

	#p-home .blockpresentation .logos ul {
		grid-template-columns: 1fr;
	}
	/* #p-home .blockpresentation .logos ul li{
		width: 96%;
		margin: 10px 2%;
		clear: both;
	} */
	
	#p-home .blockvideo {
		min-height: 400px;
	}
	
	#p-home .blockpresentation {
		min-height: 800px;
	}
}