/***************************
		  FOOTER
***************************/

#gingerbread_man>svg{
	position: absolute;
	z-index: 1;
	top: -14px;
	left: 200px;
	height: 80px;
	-webkit-transform: rotate(-15deg);
	-moz-transform: rotate(-15deg);
	-ms-transform: rotate(-15deg);
	-o-transform: rotate(-15deg);
	transform: rotate(-15deg);
}

footer{
	width: 100%;
	z-index: 2;
	height: 250px;
	background-color: #1a1a1a;
	border-top: 4px solid #283435;
	padding: 0;
	padding-top: 20px;
	margin-bottom: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	display: flex;
	justify-content: center;
}

#footer{
	/*margin: 0 auto;*/
	width: 941px;
	height: 240px;
	padding: 0;
	display: flex;
	justify-content: space-between;
}

#cookie_svg{
	width: 232px;
}

#footer>div:nth-child(1)>svg{
	width: 240px;
	height: 230px;
}

#footer>div:nth-child(1){
	display: flex;
	align-items: flex-start;
}

#footer>a:nth-child(3){
	margin-top: -20px;
	height: 45px;
	width: 45px;
	color: #dddddd;;
	background-color: #283435;
	display: flex;
	justify-content: center;
    align-items: center;
	-webkit-transition: .1s ease-in-out;
     -khtml-transition: .1s ease-in-out;
       -moz-transition: .1s ease-in-out;
	    -ms-transition: .1s ease-in-out;
	     -o-transition: .1s ease-in-out;
	        transition: .1s ease-in-out;
}

#footer>a:nth-child(3):hover,
#footer>a:nth-child(3):focus{
	color: #282828;
	background: #ae9971;
	cursor: pointer;
}

#footer>a:nth-child(3)>svg{
	fill: currentColor;
	width: 35px;
	height: 35px;
}

#pro_sign_up #footer_logo{
	content:url("http://www.florentretif-osteopathe.fr/pics/logo_florentretif4.png");	
}

.position_footer{
	margin-top: 15px;
}

#footer ul{
	padding: 0;
}

#footer_nav h4{
	font-weight: 200;
	font-size: 1.1em;
	margin: 0;
}

#nav_list{
	list-style: none;
	font-size: 0.85em;
	padding: 0;
	margin: 0;
}

#nav_list li{
	margin-top: 1px;
}

.list_indent{
	text-indent: 1.5em;
}

#reload{
	display: inline-block;
	vertical-align: middle;
	margin-top: -3px;
	padding: 12px 13px 8px 13px;/*TRBL*/
	color: #dddddd;
	background-color: #283435;
	-webkit-transition: .1s ease-in-out;
     -khtml-transition: .1s ease-in-out;
       -moz-transition: .1s ease-in-out;
	    -ms-transition: .1s ease-in-out;
	     -o-transition: .1s ease-in-out;
	        transition: .1s ease-in-out;	
}

#reload:hover,
#reload:focus {
	color: #282828;
	background: #ae9971;
	cursor: pointer;
}

#reload svg{
	fill: currentColor;
}

#page_up{
	background: url("../pics/up-arrow2.png") no-repeat;
}

#up_arrow{
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-ms-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

#up_arrow:hover,
#up_arrow:focus{
	opacity: 0;
}