/* CSS Document */

.screen_complet{
	position: relative;
	width:100%;
	height: auto;
	min-height: 100%;
	overflow: hidden;
	z-index: 2;
}

.fond_gaucho{
	position: absolute;
	width: 100%;
	height: 110%;
	overflow: hidden;
	z-index: 0;
}

#copyright_conteneur{
	position:absolute;
	bottom:16px;
	left:25px;
	font-size: 10px;
	line-height: 14px;
	font-weight: 300;
	z-index: 2;
}

#copyright_conteneur strong{
	font-weight: bold;
}

#logo{
	position:relative;
	width: 80%;
	max-width: 250px;
	margin: auto;
	
}

.diagonale{
	background-color: #FFF;
	-webkit-transform: skewY(-4deg);
	-moz-transform: skewY(-4deg);
	-ms-transform: skewY(-4deg);
	-o-transform: skewY(-4deg);
	transform: skewY(-4deg);
	
	z-index: 4;
}

.diagonale_child{
	-webkit-transform: skewY(4deg);
	-moz-transform: skewY(4deg);
	-ms-transform: skewY(4deg);
	-o-transform: skewY(4deg);
	transform: skewY(4deg);
}

@media (max-width:600px){
	.diagonale{
		-webkit-transform: skewY(-7deg);
		-moz-transform: skewY(-7deg);
		-ms-transform: skewY(-7deg);
		-o-transform: skewY(-7deg);
		transform: skewY(-7deg);
	}

	.diagonale_child{
		-webkit-transform: skewY(7deg);
		-moz-transform: skewY(7deg);
		-ms-transform: skewY(7deg);
		-o-transform: skewY(7deg);
		transform: skewY(7deg);
	}
}























/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#accueil_scroll_conteneur{
	position:absolute;
	width:50px;
	height:50px;
	bottom:50px;
	left:50%;
	margin-left:-25px;
	z-index:3;
	cursor:pointer;
	
	-webkit-filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.4));
	-moz-filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.4));
	-ms-filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.4));
	-o-filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.4));
	filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.4));
	
    -webkit-animation: 1.5s ease-in-out 0s normal none infinite scroll;
    -moz-animation: 1.5s ease-in-out 0s normal none infinite scroll;
    -ms-animation: 1.5s ease-in-out 0s normal none infinite scroll;
    -o-animation: 1.5s ease-in-out 0s normal none infinite scroll;
    animation: 1.5s ease-in-out 0s normal none infinite scroll;
	
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

#accueil_scroll_conteneur.right{
	left: auto;
	margin-left: 0px;
	right: 0px;
	bottom: 0px;
}

#accueil_scroll{
	position:absolute;
	width:100%;
	height:100%;
	/*
	background-color:#FFF;
	-webkit-mask:url(../images/arrow2.svg) no-repeat 50% 50%;
	-moz-mask:url(../images/arrow2.svg) no-repeat 50% 50%;
	-ms-mask:url(../images/arrow2.svg) no-repeat 50% 50%;
	-o-mask:url(../images/arrow2.svg) no-repeat 50% 50%;
	mask:url(../images/arrow2.svg) no-repeat 50% 50%;
	*/
	
	
	background-image: url(../images/arrow2.svg);
	-webkit-background-size:contain;
	-moz-background-size:contain;
	-ms-background-size:contain;
	-o-background-size:contain;
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
}

#accueil_scroll_conteneur:hover{
	opacity:0.5!important;
	
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

@media (max-width: 800px){
	#accueil_scroll_conteneur{
		width:40px;
		height:40px;
		margin-left:-20px;
		bottom:50px;
	}
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

@-webkit-keyframes scroll {
	0%{
		margin-top:0px;
		opacity:1;
		-webkit-animation-timing-function: normal;
	}

	50%{
		margin-top:20px;
		opacity:1;
		-webkit-animation-timing-function: normal;
	}

	100%{
		margin-top:0px;
		opacity:1;
		-webkit-animation-timing-function: normal;
	}
}

@-moz-keyframes scroll {
	0%{
		margin-top:0px;
		opacity:1;
		-moz-animation-timing-function: normal;
	}

	50%{
		margin-top:20px;
		opacity:1;
		-moz-animation-timing-function: normal;
	}

	100%{
		margin-top:0px;
		opacity:1;
		-moz-animation-timing-function: normal;
	}
}


@-ms-keyframes scroll {
	0%{
		margin-top:0px;
		opacity:1;
		-ms-animation-timing-function: normal;
	}

	50%{
		margin-top:20px;
		opacity:1;
		-ms-animation-timing-function: normal;
	}

	100%{
		margin-top:0px;
		opacity:1;
		-ms-animation-timing-function: normal;
	}
}

@-o-keyframes scroll {
	0%{
		margin-top:0px;
		opacity:1;
		-o-animation-timing-function: normal;
	}

	50%{
		margin-top:20px;
		opacity:1;
		-o-animation-timing-function: normal;
	}

	100%{
		margin-top:0px;
		opacity:1;
		-o-animation-timing-function: normal;
	}
}

@keyframes scroll {
	0%{
		margin-top:0px;
		opacity:1;
		animation-timing-function: normal;
	}

	50%{
		margin-top:20px;
		opacity:1;
		animation-timing-function: normal;
	}

	100%{
		margin-top:0px;
		opacity:1;
		animation-timing-function: normal;
	}
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

@-webkit-keyframes scroll {
	0%{
		margin-bottom:0px;
	}

	50%{
		margin-bottom:20px;
	}

	100%{
		margin-bottom:0px;
	}
}

@-moz-keyframes scroll {
	0%{
		margin-bottom:0px;
	}

	50%{
		margin-bottom:20px;
	}

	100%{
		margin-bottom:0px;
	}
}


@-ms-keyframes scroll {
	0%{
		margin-bottom:0px;
	}

	50%{
		margin-bottom:20px;
	}

	100%{
		margin-bottom:0px;
	}
}

@-o-keyframes scroll {
	0%{
		margin-bottom:0px;
	}

	50%{
		margin-bottom:20px;
	}

	100%{
		margin-bottom:0px;
	}
}

@keyframes scroll {
	0%{
		margin-bottom:0px;
	}

	50%{
		margin-bottom:20px;
	}

	100%{
		margin-bottom:0px;
	}
}