img#big-logo {
	max-width: 150px;
	opacity: 1;

	transition: opacity 0.25s ease-out 0.25s;
	-webkit-transition: opacity 0.35s ease-out 0.25s;
	-moz-transition: opacity 0.35s ease-out 0.25s;
	-o-transition:  opacity 0.35s ease-out 0.25s;
}

img#small-logo {
    position: absolute;
	opacity: 0;
	margin: 5px;
    margin-left: -80px;
	transition: all 0.35s ease-out 0.25s;
	-webkit-transition: all 0.35s ease-out 0.25s;
	-moz-transition: all 0.35s ease-out 0.25s;
	-o-transition:  all 0.35s ease-out 0.25s;
}

@media (max-width: 1520px) { /* eviter les colissions : on masque le gros logo */
	img#big-logo{
		opacity: 0;
	}
	img#small-logo {
		opacity: 1;
	}
}

@media (min-width: 1380px) { 

	header.affix #small-logo {
		opacity: 1;
	}
	header.affix #big-logo{
		opacity: 0;
		margin-top:-70px;
	    /* transition : pole position au retour */ 
		transition: opacity 0.35s ease-out, margin 0.25s linear 1s;
		-webkit-transition: opacity 0.35s ease-out, margin 0.35s linear 1s;
		-moz-transition: opacity 0.35s ease-out, margin 0.35s linear 1s;
		-o-transition:  opacity 0.35s ease-out, margin 0.35s linear 1s;

	}

}



/* corriger les effet du fixed header en postonnant des ancres au dessus des contenus */
/* Inutile si on ne reduit plus la taille du header quand affix 
a.custom-anchor {
	display: block;
	position: relative;
	top: -150px;
	visibility: hidden;
}*/