@font-face {
	font-family: 'MenschThin';
	    src: url('mensch-thin-wf.eot');
	    src: url('mensch-thin-wf.eot?#iefix') format('embedded-opentype'),
	         url('mensch-thin-wf.woff') format('woff'),
	         url('mensch-thin-wf.ttf') format('truetype'),
	         url('mensch-thin-wf.svg#MenschMenschThin') format('svg');
	    font-weight: normal;
	    font-style: normal;
	}
	
@font-face {
	font-family: 'MenschBold';
	    src: url('mensch-bold-wf.eot');
	    src: url('mensch-bold-wf.eot?#iefix') format('embedded-opentype'),
	         url('mensch-bold-wf.woff') format('woff'),
	         url('mensch-bold-wf.ttf') format('truetype'),
	         url('mensch-bold-wf.svg#MenschMenschBold') format('svg');
	    font-weight: normal;
	    font-style: normal;
}


::-moz-selection{ background: #c69707;  text-shadow: none; }
::selection { background: #c69707; text-shadow: none; }

#containertitle {
	width: 60em;
	margin: 0 auto;
	position: relative;
	padding: 15.75em 0 0;
	text-align: center;
}


#logoanimate {
	width: 280px;
	margin: 0 auto;
	position:relative;
	text-align:center;
	margin: 0px auto -130px;
}

#logoanimate h5 {
	font-family: 'MenschBold';
	color:#FFF;
	letter-spacing: 0.14em;
    margin-top: -10px;
}

h1.titre {
	font: 4em/1 'MenschThin';
	text-transform: uppercase;
	color: #e4b405;
	display: inline-block;
	width: 100%;
	text-shadow: 0px 0px 30px rgba(235,191,16,0),
				 0px 0px 30px rgba(235,191,16,0),
				 1px 1px 0px #f8f7e5,
				 1px -1px 0px #fdce25;
	margin-bottom: 0.1em;
	overflow: hidden;
}

.titre span {
	zoom: 1;

	z-index: 1;

}

.titre {
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: color 0.6s ease-in-out;
	-o-transition: color 0.6s ease-in-out;
	-ms-transition: color 0.6s ease-in-out;
	transition: color 0.6s ease-in-out;
}

.titre:hover {
	text-shadow: none;
	color: #2b2a29;
	cursor: pointer;
}


.titre:hover span:after {opacity: .2;}

.titre .char1 {left: .1em; padding-left: .05em;}

.titre .char2 {left: .62em; padding-left: .05em;}

.titre .char3 {left: 1.13em; padding-left: .05em;}

.titre .char4 {left: 1.7em; padding-left: .05em;}

.titre .char5 {left: 2.19em; padding-left: .05em;}

.titre .char6 {left: 2.71em; padding-left: .05em;}

.titre .char7 {left: 3.24em; padding-left: .05em;}

.titre .char8 {left: 3.77em; padding-left: .05em;}

.titre .char9 {left: 4.07em; padding-left: .05em;}

.titre .char10 {left: 4.57em; padding-left: .05em;}

.titre .char11 {left: 5.14em; padding-left: .05em;}

.titre .char12 {left: 5.9em; padding-left: .05em;}
.titre .char13 {left: 6.4em; padding-left: .05em;}
.titre .char14 {left: 7.9em; padding-left: .05em;}
.titre .char15 {left: 8.4em; padding-left: .05em;}
.titre .char16 {left: 8.9em; padding-left: .05em;}
.titre .char17 {left: 9.4em; padding-left: .05em;}
.titre .char18 {left: 9.9em; padding-left: .05em;}

.char3, .char4, .char5, .char6, .char7, .char14, .char15, .char16, .char17, .char18 {
	-webkit-transition: all 1.2s ease-in-out;
	-moz-transition: all 1.2s ease-in-out;
	-o-transition: all 1.2s ease-in-out;
	-ms-transition: all 1.2s ease-in-out;
	transition: all 1.2s ease-in-out;
}



.titre:hover .char3, .titre:hover .char4, .titre:hover .char5, .titre:hover .char6, .titre:hover .char7, .titre:hover .char14, .titre:hover .char15, .titre:hover .char16, .titre:hover .char17, .titre:hover .char18 {
	text-shadow: 0px 0px 10px rgba(235,191,16,1),
	             0px 0px 20px rgba(235,191,16,1),
	             0px 0px 30px rgba(235,191,16,1),
	             0px 0px 40px rgba(235,191,16,1),
	             0px 0px 50px rgba(235,191,16,1);
	 color: #e4b405;
}


.char1:after {content: "L"; margin-left: -.5em;}

.char2:after {content: "'"; margin-left: -.15em;}

.char3:after {content: "I"; margin-left: -.25em;}

.char4:after {content: "M"; margin-left: -.558em;}

.char5:after {content: "A"; margin-left: -.40em;}

.char6:after {content: "G"; margin-left: -.46em;}

.char7:after {content: "E"; margin-left: -.48em;}

.char8:after {content: "E"; margin-left: -.445em;}

.char9:after {content: "T"; margin-left: -.447em;}

.char10:after {content: ""; margin-left: -.49em;}

.char11:after {content: "S"; margin-left: -.448em;}

.char12:after {content: "O"; margin-left: -.42em;}
.char13:after {content: "N"; margin-left: -.48em;}
.char14:after {content: "C"; margin-left: -.462em;}
.char15:after {content: "A"; margin-left: -.40em;}
.char16:after {content: "D"; margin-left: -.44em;}
.char17:after {content: "R"; margin-left: -.45em;}
.char18:after {content: "E"; margin-left: -.45em;}


.char1:after, .char2:after, .char3:after, .char4:after, .char5:after, .char6:after, .char7:after, .char8:after, .char9:after,
.char10:after, .char11:after, .char12:after, .char13:after, .char14:after,.char15:after,  .char16:after, .char17:after, .char18:after {
	color: #f8f7e5;
	text-align: center;
	position: absolute;
	font-family: 'MenschBold';
	font-size: 105.6%;
	text-transform: uppercase;
	margin-top: .06em;
	z-index: -1;
	*display: inline;
	-webkit-mask-image: url('mask.png');
	-moz-mask-image: url('bgtitle.png');
	-o-mask-image: url('mask.png');
	-ms-mask-image: url('mask.png');
	mask-image: url('mask.png');
	text-shadow: 0px 5px 0px rgba(0,0,0,0.4);
	padding-right: .1em;	
}




*/