@charset "utf-8";
/* CSS Document */

body {
    font-family: 'Roboto', sans-serif; 
	font-size:10pt;
    overflow-y: scroll;
    overflow-x: hidden;
	z-index: -1;
	margin-left:auto;
	margin-right:auto;
	width: 100%;
	height: 100%;
	
}
#slogan{
	color:#fff;
	font-size: 16px;
    position: fixed;
    left: 5%;
	bottom: 5%;
	z-index: 5000;
}
#reseau{
	color:#fff;
	font-size: 12px;
    position: fixed;
    right: 5%;
	bottom: 5%;
	z-index: 5000;
}
html {
        margin:0; 
        padding:0; 
        background: url('arrierplan.jpg') no-repeat center center fixed;  
        -webkit-background-size: cover; 
        -moz-background-size: cover; 
        -o-background-size: cover; 
        background-size: cover; 
}
*::selection {
    background: #9978b9;
    color: #fff;
}
#name{
	margin: 0px;
	font-size:30px; 
	font-family: Lucida Sans Unicode,Lucida Grande,sans-serif; 
	font-weight: 400;
}
.animated
{
	-webkit-animation-duration: 4s !important; /* Chrome, Safari, Opera */
    animation-duration: 4s !important;
}
#rdv{
	position: fixed;
	bottom: 0;
	right: 0;
	background: #9978B9;
	color: white !important;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 0;
}
#rdv a{
	color:white !important;
	text-decoration:none;
	font-size:14pt;
}
#rdv a:hover{
	text-decoration:initial;
}
@media only screen and (min-width: 0px) and (max-width: 550px)
{
	#name{
		font-size:22px;
	}
	#slogan{
		font-size: 14px;
		bottom:10%;
		left:3%;
	}
	#reseau{
		bottom:15%;
	}
}
@media only screen and (min-width: 0px) and (max-width: 850px)
{
	#rdv{
		border-top-left-radius: 0px;
		width: 100%;
		text-align: center;
		padding-right: 0px;
		padding-left: 0px;
	}
	#rdv a{
		font-size:10pt !important;
	}
}