.fond-transparent{
	opacity: 0.7;
}
.opacite100{
		opacity: 1;
}

.milieu{
	text-align:center;
}

.orange{
	color:#f3704f;
}

.bleu{
	color:#00a5dd ;
}

.blanc{
	color:#FFFFFF ;
}

.fond-orange-texte-blanc{
	background-color:#f3704f;
	color:#FFFFFF ;
}

.fond-orange-texte-blanc:hover{
	background-color:#FFFFFF;
	color:#f3704f ;
	cursor:pointer;
	border-color:#fff;
}

hr.oran{
	border-top: 1px dotted #f3704f;
}

.fond-blanc{
	background-color:#fff;
}

.bordure_orange{
	border: 3px ridge  #f3704f;
}

.margauto{
	margin-left:auto;
	margin-right:auto;
}

.vignets {
    
    animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari et Chrome */
    -o-animation: fadein 2s; /* Opera */
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* sur Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* sur Safari et Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* sur Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

.reveal {
    opacity: 0;
    transform: translateY(30px)!important;
}

.reveal-visible{
	opacity: 1;
    transform: translateY(0)!important;	
    transition: 1s cubic-bezier(.5, 0, 0, 1);
}