/**************************************************************
 SFAV - Congrès 2020
 Copyright 2019-2020 Develop'it
 
 Version : 2.0.0
 Date    : 05/05/2020
 Fichier : css/Pied.css
**************************************************************/

/******************************************************************  Pied  ******************************************************************/
footer#Pied {
	padding-top:50px;
	padding-bottom:20px;
/*
	background-image:url(../image/FondPied_Top.png);
	background-position:top;
	background-repeat:repeat-x;
*/
/*	text-shadow: 1px 1px 0px rgba(255,255,255,0.5);*/
}
footer#Pied {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 14px;
/*
	background-color:#f26430;
*/
	background-color:rgba( 65, 67, 118, 1.0 );
	border-top: 4px solid rgba( 223, 195, 151, 1.0 );
    color: #bbb;
/*
	background-color:#316791;
	background: linear-gradient(to bottom, #316791,#2c5c81 300px);
*/
/*
	background-color:rgba( 0, 116, 205, 1);
	background: #0f5a6e;
  height: 100px;
*/
}
footer#Pied h2 {
	font-family: 'Roboto Condensed', sans-serif;
	text-align:center;
    color: #bbb;
    font-size: 18px;
    line-height: 48px;
    margin-bottom: 12px;
	font-weight: 400;
	text-transform: uppercase;
	margin: 0;
}
footer#Pied p, footer#Pied a, footer#Pied ul, footer#Pied li {
	font-size: 14px;
    color: #bbb;
}
footer#Pied .Gauche {
	text-align:left;
}
footer#Pied .Centre {
	text-align:left;
}
footer#Pied .Droite {
	text-align:left;
	border-left:1px solid rgba( 255, 255, 255, 0.2 );
	padding-top:10px;
}
footer#Pied .Droite li {
	list-style:none;
	margin-bottom:0.5em;
}
footer#Pied a:hover {
	color: rgb(30, 30, 30);
	text-decoration:underline;
}
footer#Pied ul {
	padding-left:0;
}
footer#Pied li {
	list-style:none;
}
footer#Pied li i {
    font-size: 1.15em;
    display: inline-block;
    width: 1.5em;
	margin-left:-1.5em;
	text-align:center;
	opacity:0.8;
}

/******************************************************************  Copyright  ******************************************************************/
footer#Copyright {
	color: #666;
	background-color:rgb( 240, 240, 240 );
	height:50px;
	line-height:50px;
	font-size: 12px;
}
footer#Copyright p, footer#Copyright a {
	color: #666;
	font-size: 12px;
	padding:0;
	margin:0;
	line-height:50px;
}
footer#Copyright a:hover {
	color: rgb(237, 102, 64);
}

/******************************************************************  backtoTop  ******************************************************************/
#backtoTop {
    position: fixed;
    bottom: 1rem;
    right: 0;
    display: none;
    color: #333;
    z-index: 100;
    background-color: rgba(65, 67, 118,0.3);
	width:40px;
	height:40px;
/*
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    font-size: 20px;
    line-height: 40px;
*/
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
}
#backtoTop::after {
	display:inline-block;
	font-family:"FontAwesome";
	content:"\f077";
    font-size: 20px;
	margin:0;
	padding:0;
	text-align:center;
	width:40px;
	height:40px;
    line-height: 40px;
/*
*/
}
#backtoTop:hover {
    background-color: rgba( 65, 67, 118, 0.8 ) !important;
}
#backtoTop:hover, #backtoTop:focus {
    color: rgba( 254, 254, 254, 1.0 );
}
#backtoTop {
    transition: background-color 300ms ease-out;
}