html {
	height: 100%;
}

body {
	height: 100%;
	margin: 0;
	padding: 0;
	background: url('../images/fond.jpg') no-repeat bottom center fixed; 
	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardisée */
}

#cercle {
	width: 100%;
	height: 100%;
	background: url('../images/cercle.png') no-repeat center fixed; 
	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardisée */
}

#lien_site_suivi{    
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -7%;    
    margin-left: 50px;  
    padding: 0px 20px 0px 20px;
    height: 46px;
    border-radius: 23px;
    color: white;
    display:inline-block;
    text-decoration: none;   
    background: #3fabd8; /* Old browsers */
    background: -moz-linear-gradient(top,  #3fabd8 0%, #1b88b4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3fabd8), color-stop(100%,#1b88b4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #3fabd8 0%,#1b88b4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #3fabd8 0%,#1b88b4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #3fabd8 0%,#1b88b4 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #3fabd8 0%,#1b88b4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3fabd8', endColorstr='#1b88b4',GradientType=0 ); /* IE6-9 */

    box-shadow:1px 1px 3px rgba(0,0,0,0.2), inset 0px 0px 3px rgba(255,255,255,0.5);
    
    text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow:1px 1px 3px rgba(0,0,0,0.2), inset 0px 0px 3px rgba(255,255,255,0.5);    
}


#lien_site_suivi:hover{
    background: #46bef1; /* Old browsers */
    background: -moz-linear-gradient(top,  #46bef1 0%, #1e97c8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#46bef1), color-stop(100%,#1e97c8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #46bef1 0%,#1e97c8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #46bef1 0%,#1e97c8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #46bef1 0%,#1e97c8 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #46bef1 0%,#1e97c8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46bef1', endColorstr='#1e97c8',GradientType=0 ); /* IE6-9 */
}


#lien_site_suivi:active{
      box-shadow:0px 0px 0px rgba(0,0,0,0.2), inset 2px 2px 7px rgba(0,0,0,0.4);  

    background: #19779f; /* Old browsers */
    background: -moz-linear-gradient(top,  #19779f 0%, #3797be 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#19779f), color-stop(100%,#3797be)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #19779f 0%,#3797be 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #19779f 0%,#3797be 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #19779f 0%,#3797be 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #19779f 0%,#3797be 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19779f', endColorstr='#3797be',GradientType=0 ); /* IE6-9 */

    color: rgba(255,255,255,0.8);
}

#lien_site_suivi:active img{
    opacity: 0.8;
}



#lien_site_suivi span{
    font-size: 17px;
    display: inline-block;
    margin-top: 12px;
}

#lien_site_suivi img{
    display: inline-block;
    vertical-align: middle;
}