@charset "UTF-8";
/* CSS Document */

html { font-size: 100%; }
body { margin: 0; padding: 0;  }
h1, h2, h3, h4, h5, h6 { margin:0; font-weight:normal; font-style:normal; }
h1 { font-size:30px; margin:0; text-align:center; }
h1 img { margin-bottom:10px; }
.soush1 { text-align:center; margin:0 0 20px 0; }
h2 { font-size:28px; margin:0 0 15px; padding:0;  }
h3 { font-size:18px; margin:25px 0 10px 0; padding:0; }
h3 span { color:#53c868; }
h4 { font-size:14px; }
ul, ol { margin:0; padding: 0; }
p { margin: 10px 0; }
a { text-decoration: underline; }
a:link { color: #000; }
a:visited { color: #000; }
a:hover, a:focus, a:active { color: #000; outline:0; }
a img { border: none; }
a, div { outline: none; }
em { font-style: italic; }
strong { font-weight: bold; }
form, fieldset { margin: 0; padding: 0; border: none; }
input, button, select { vertical-align: middle; }
.clr { clear:both; }
.clr2 { clear:both; height:50px; width:1px; }
.left { float:left; }
.right { float:right; }
.sfrDom .dino { display:none; }
/*fin reset*/


body { 
	
	background:#fff;
	font-size:14px;
	color: #000;
	font-family:Arial, Helvetica, sans-serif;
	
	 }
	
.levert { color:#53c868; }

#ctn1 { width:990px; position:absolute; left: 50%; margin-left: -495px; top:0; /*border:#53c868 1px solid;*/ }
.ancre { margin-top:20px; }
.ancre1 { margin-top:0; }

#bloc1 { margin:110px 0 0 0;}
#bloc2 { margin:0 0 0 0px; }
#bloc3 { margin:0 0 0 0px; }
#bloc4 { margin:0 0 0 0px; }
#bloc5 { margin:0 0 0 0px; }

.blocbor { border-left:#626262 1px solid; border-bottom:#626262 1px solid; padding:15px 30px 20px 20px; margin:80px 0 0 0; }

.mar1 { margin:0 0 0 90px; }
.mar2 { margin:15px 0 0 0 !important; }
.mar3 { margin:0 0 0 116px; }
.mar4 { margin:20px 0; }
.mar10 { margin:0 0 10px 0; }
.mar20 { margin:0 0 20px 0; }


.p1 { margin:0 0 10px 0; font-size:20px; }
.copy { text-align:right; margin:50px 0 25px 0; }
.lien { text-decoration:none; }
.lien:hover { text-decoration:underline; }

.ombre1 { width:990px; height:10px; background:url(../img/ombre2.png) no-repeat;}
	
			
			
/* ------------ MENU ------------ 
#menu { background:url(../img/bg-menu2.png) repeat; position:fixed; top:0; left: 50%; margin-left: -495px; width:990px; z-index:100;}*/

#menui ul li a.current { color:#ff0000; }

#menu {
    display: block;
    position: fixed;
    top:0;
	background: url("../img/overlayb.png") repeat;
	/*background-color:#0F0;*/
    height: 60px;
    left: 0;
    width: 100%;
    z-index: 200;
	border-bottom:#000 1px solid;
}

#menui {
    margin:0 auto;
    position: relative;
    width: 990px;
	height:60px;
}

.logooc { position:absolute; left:0; top:5px; }
.logooc-carre { position:absolute; left:0; top:0; }

.adr { margin:2px 0; float:left; }

.blocdevise { margin:10px 0; padding:15px; background-color:#dadada; text-align:center; float:right; width:548px; }
.listedevise { text-align:left; margin:0 20px 0 20px; padding:0; }
.listedevise li { margin:5px 20px 5px 20px; }

.bmenu{ padding:0; margin:0; position: absolute; cursor:pointer; right:0; bottom:2px; }
.bmenu li{ font-size: 18px; display:inline-block; cursor:pointer; }
.bmenu li a{
	display: block;
	/*text-transform: uppercase;*/
	/*text-shadow: 1px 1px 1px rgba(89,22,20,0.8);*/
	color: #000;
	padding: 5px 5px 5px 25px;
	margin: 2px;
	/*background: rgba(255,255,255,0.8);*/
	/*letter-spacing: 1px;*/
	/*-webkit-transform: skew(-12deg);
	-moz-transform: skew(-12deg);
	-o-transform: skew(-12deg);
	-ms-transform: skew(-12deg);
	transform: skew(-12deg);*/
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	cursor:pointer;
	text-decoration:none;
}
.bmenu:hover li a{
	/*padding: 5px 5px 5px 25px;*/
	color:#000;
	/*text-shadow: 0px 0px 4px #fff;
	background: rgba(255,255,255,0.2);*/
	/*-webkit-transform: skew(0deg);
	-moz-transform: skew(0deg);
	-o-transform: skew(0deg);
	-ms-transform: skew(0deg);
	transform: skew(0deg);*/
	cursor:pointer;
	
}
.bmenu li a:hover{
	background: transparent;
	color:#6f6f6f;
	cursor:pointer;
}


/* ------------ scroll auto horizonlal 1 (tjrs utile pour opacity et txt sous l'img) ------------ */
div.ctn-sc_menu {
	/*position: relative;
	height: 97px;
	overflow: auto;
    background-clip: padding-box;
    border: 10px solid rgba(255, 255, 255, 0.9);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    outline: medium none;
	padding:15px;*/
}
div.sc_menu {
	/* Set it so we could calculate the offsetLeft */
	position: relative;
	width: 100%;
	overflow: auto;
    background-clip: padding-box;
}
ul.sc_menu {
	display: block;
	height: 110px;
	/* max width here, for users without javascript */	
	width: 6490px;	
	padding: 0; 
	/* removing default styling */
	margin: 0;
	/*background: url('http://valums.com/files/2009/menu/navigation.png');	*/	
	list-style: none;
}
.sc_menu li {
	display: block;
	float: left;	
	padding: 0 4px;
}
.sc_menu a {
	display: block;
	text-decoration: none;
}
.sc_menu span {
	display: none;
	margin-top: 3px;
	text-align: center;
	font-size: 12px;	
	color: #fff;
}
.sc_menu a:hover span {
	display: block;
}
.sc_menu img {
	border: 2px #fff solid;	
	opacity: 0.8;
}
.sc_menu a:hover img {
	filter:alpha(opacity=50);	
	opacity: 1;
}


/* scroll auto horizontal NEW */

/*scrollhover*/
div.hoverscroll { position:relative; }
div.hoverscroll div.listcontainer { overflow:hidden; }
div.hoverscroll div.fixed-listcontainer { overflow: hidden; float: left; }
div.hoverscroll ul.list { list-style:none; margin:0; padding:0; }
div.hoverscroll ul.list li.item { display:block; padding:0 4px; }
div.hoverscroll.horizontal ul.list li.item { float:left; }
div.hoverscroll.horizontal.rtl ul.list li.item { float: right; }
/* Arrows */
div.hoverscroll div.arrow { position:absolute; float:none; /*background-position:center;*/ background-repeat:no-repeat; opacity:0.8; filter:alpha(opacity=80); }
div.hoverscroll div.fixed-arrow { display: block; float: left; /*background-color: #ccc;*/ background-position: center; background-repeat: no-repeat; }
div.hoverscroll div.arrow.left,  div.hoverscroll div.arrow.right,  div.hoverscroll div.fixed-arrow.left,  div.hoverscroll div.fixed-arrow.right { top:0px; width:32px; height:100%; }
div.hoverscroll div.arrow.left,  div.hoverscroll div.fixed-arrow.left { left:0px; background-image:url('../img/flecheg.png'); }
div.hoverscroll div.arrow.right,  div.hoverscroll div.fixed-arrow.right { right:0px; background-image:url('../img/fleched.png'); }
.hoverscroll { /*border: #000 solid 1px;*/}
#my-list li { /*width: 67px;height: 52px;background: #fff;border: #000 solid 1px;*/}
.sfrDom .ui-widget-content { background:none; }

.sc_menu img:after{
content: none!important
}




/* Color B */

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

#cboxOverlay{background:#000;}
#colorbox{}
#cboxContent{margin-top:20px;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{border:5px solid #000; background:#fff;}
#cboxTitle{position:absolute; top:-18px; left:0; color:#fff; font-size:16px; }
#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../img/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:bottom left;}
#cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../img/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
#cboxNext:hover{background-position:bottom right;}
#cboxLoadingOverlay{background:#000;}
#cboxLoadingGraphic{background:url(../img/loading.gif) no-repeat center center;}
#cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../img/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
#cboxClose:hover{background-position:bottom center;}




/*carres*/

.da-thumbs {
	list-style: none;
	width: 984px;
	height: 600px;
	position: relative;
	margin: 0 auto;
	padding: 0;
}
.da-thumbs li {
	float: left;
	margin: 5px;
	background: #fff;
	padding: 8px;
	position: relative;
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.da-thumbs li a,
.da-thumbs li a img {
	display: block;
	position: relative;
	width:220px; height:165px;
}
.da-thumbs li a {
	overflow: hidden;
}
.da-thumbs li a div {
	position: absolute;
	background: rgba(75,75,75,0.7);
	width: 100%;
	height: 100%;
}
.da-thumbs li a div.da-animate {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
/* Initial state classes: */
.da-slideFromTop {
	left: 0px;
	top: -100%;
}
.da-slideFromBottom {
	left: 0px;
	top: 100%;
}
.da-slideFromLeft {
	top: 0px; 
	left: -100%;
}
.da-slideFromRight {
	top: 0px;
	left: 100%;
}
/* Final state classes: */
.da-slideTop {
	top: 0px;
}
.da-slideLeft {
	left: 0px;
}
.da-thumbs li a div span {
	display: block;
	padding: 10px 0;
	margin: 40px 20px 20px 20px;
	text-transform: uppercase;
	font-weight: normal;
	color: rgba(255,255,255,0.9);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	border-bottom: 1px solid rgba(255,255,255,0.5);
	box-shadow: 0 1px 0 rgba(0,0,0,0.1), 0 -4px 0 rgba(255,255,255,0.3);
}

/* FIN CARRES*/

/* SS */

.jms-slideshow {
	position: relative;
	width: 100%;
	max-width: 1400px;
	min-width: 640px;
	margin: 0 auto 10px;
	height: 400px;
}
.jms-wrapper {
	width: auto;
	min-width: 600px;
	height: 380px;
	background-color: #fff;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
	-webkit-background-clip: padding;
	-moz-background-clip: padding;     
	background-clip: padding-box;
	border: 10px solid #fff;
	border: 10px solid rgba(255, 255, 255, 0.9);
	outline: none;
	-webkit-transition: background-color 1s linear;
	-moz-transition: background-color 1s linear;
	-o-transition: background-color 1s linear;
	-ms-transition: background-color 1s linear;
	transition: background-color 1s linear;
}
.color-1 {
	background-color: #a4dfae;
}
.color-2 {
	background-color: #4b4b4b;
}
.color-3 {
	background-color:#C00;
}
.color-4 {
	background-color: #a4dfae;
}
.color-5{
	background-color: #b4eceb;
}
/*.color-1 {
	background-color: #E3D8FF;
}
.color-2 {
	background-color: #EBBBBC;
}
.color-3 {
	background-color: #EED9C0;
}
.color-4 {
	background-color: #DFEBB1;
}
.color-5{
	background-color: #C1E6E5;
}*/
.step {	
	width: 900px;
    height: 420px;
	display: block;
	-webkit-transition: opacity 1s;
	-moz-transition: opacity 1s;
	-ms-transition: opacity 1s;
	-o-transition: opacity 1s;
	transition: opacity 1s;
}
.step:not(.active) {
	opacity: 0;
	filter: alpha(opacity=0); /* IE */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/
}
.jms-content{
	margin: 0px 370px 0px 20px;
	position: relative;
	clear: both;
}
.step h3{
	color: #fff;
	font-size: 43px;
	font-weight: bold;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	margin: 0;
	padding: 60px 0 10px 0;
	float:none; border:0;
}
.step p {
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	font-size: 34px;
	font-weight: normal;
	position: relative;
	margin: 0;
	line-height: 0.9;
}
a.jms-link{
	color: #fff;
	text-transform: uppercase;
	background: #969696; /* Old browsers */
	background: -moz-linear-gradient(top, #727272 0%, #000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#727272), color-stop(100%,#000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #727272 0%,#000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #727272 0%,#000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #727272 0%,#000 100%); /* IE10+ */
	background: linear-gradient(top, #727272 0%,#000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#727272', endColorstr='#000',GradientType=0 ); /* IE6-9 */
	padding: 8px 15px;
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	border: 1px solid #444;
	border-radius: 1px;
	opacity: 1;
	margin-top: 40px;
	clear: both;
	-webkit-transition: all 0.4s ease-in-out 1s;
	-moz-transition: all 0.4s ease-in-out 1s;
	-ms-transition: all 0.4s ease-in-out 1s;
	-o-transition: all 0.4s ease-in-out 1s;
	transition: all 0.4s ease-in-out 1s;
	text-decoration:none;
}
.step:not(.active) a.jms-link{
	opacity: 0;
	margin-top: 80px;
}
.step img{
	position: absolute;
	right: 0px;
	top: 30px;
}
.jms-dots{
	width: 100%;
	position: absolute;
	text-align: center;
	left: 0px;
	bottom: 20px;
	z-index: 2000;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.jms-dots span{
	display: inline-block;
	position: relative;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #777;
	margin: 3px;
	cursor: pointer;
	box-shadow: 
		1px 1px 1px rgba(0,0,0,0.1) inset, 
		1px 1px 1px rgba(255,255,255,0.3);
}
.jms-dots span.jms-dots-current:after{
	content: '';
	width: 8px;
	height: 8px;
	position: absolute;
	top: 2px;
	left: 2px;
	border-radius: 50%;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}
.jms-arrows{
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.jms-arrows span{
	position: absolute;
	top: 50%;
	margin-top: -40px;
	height: 80px;
	width: 30px;
	cursor: pointer;
	z-index: 2000;
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
	border-radius: 3px;
}
.jms-arrows span.jms-arrows-prev{
	background: #fff url(../img/arrow_left.png) no-repeat 50% 50%;
	left: -10px;
}
.jms-arrows span.jms-arrows-next{
	background: #fff url(../img/arrow_right.png) no-repeat 50% 50%;
	right: -10px;
}
/* Not supported style */
.jms-wrapper.not-supported{
	background-color: #E3D8FF;
	background-color: rgba(227, 216, 268, 1);
}
.jms-wrapper.not-supported:after{
	content: 'The slideshow functionality is not supported on your device.';
	padding: 0px 0px 30px 0px;
	text-align: center;
	display: block;
}
.jms-wrapper.not-supported .step{
	display: none;
	position: relative;
	opacity: 1;
	filter: alpha(opacity=99); /* internet explorer */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/
	margin: 20px auto;
}
.jms-wrapper.not-supported .step:first-of-type{
	display: block;
}
.jms-wrapper.not-supported .step:not(.active) a.jms-link{
	opacity: 1;
	margin-top: 40px;
}

/*FIN SS*/


/* 5 words */

.rw-wrapper {
	/*font-family: 'Open Sans Condensed','Arial Narrow', serif;*/
	/*font-weight: 400;*/
	
	font-family: 'Poiret One', cursive;
	font-size: 15px;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
}

.rw-wrapper{
	/*width: 100%;*/
	position: relative;
	/*margin: 0px auto 0 auto;*/
	/*padding: 10px 10px 10px 10px;*/
	/*border:#FFF 1px solid;*/
	width:100%;
	margin:0;
}


/*ie*/
.rw-sentence-IE{
	display: none;
	position: relative;
}
.rw-sentence-IE span{
	text-align: center;
	color: #ACACAC;
	white-space: nowrap;
	text-shadow: 2px 5px 10px rgba(0,0,0,0.1);
}
.rw-sentence-IE span{
	position: absolute;
}
.rw-sentence-IE span.wor1{
	top: 44px;
	left: 87px;
	font-size: 500%;
	/*color: rgba(191,218,206, 0.7);*/
	color:#53c868;
}
.rw-sentence-IE span.wor2{
	top: 98px;
	left: 483px;
	font-size: 265%;
	color:#555555;
}
.rw-sentence-IE span.wor3{
	top: 150px;
	left: 365px;
	font-size: 300%;
	color:#acacac;
}
.rw-sentence-IE span.wor4{
	top: 272px;
	left: 560px;
	font-size: 170%;
	color:#acacac;
}
.rw-sentence-IE span.wor5{
	top: 322px;
	left: 500px;
	font-size: 200%;
	color:#555555;
}
.rw-sentence-IE span.wor6{
	top: 137px;
	left: 166px;
	font-size: 300%;
	color:#fff;
}
.rw-sentence-IE span.wor7{
	top: 185px;
	left: 40px;
	font-size: 300%;
	color:#fff;
}
.rw-sentence-IE span.wor8{
	top: 202px;
	left: 235px;
	font-size: 300%;
	color:#fff;
}
.rw-sentence-IE span.wor9{
	top: 262px;
	left: 122px;
	font-size: 350%;
	color:#fff;
}
.rw-sentence-IE span.wor10{
	top: 292px;
	left: 295px;
	font-size: 200%;
	color:#fff;
}
/*fin ie*/
.rw-sentence{
	margin: 0;
}
.rw-sentence span{
	text-align: center;
	color: #ACACAC;
	white-space: nowrap;
	text-shadow: 2px 5px 10px rgba(0,0,0,0.1);
}
.rw-sentence > span{
	position: absolute;
}
.rw-sentence span.wor1{
	top: 44px;
	left: 87px;
	font-size: 500%;
	/*color: rgba(191,218,206, 0.7);*/
	color:#53c868;
}
.rw-sentence span.wor2{
	top: 98px;
	left: 483px;
	font-size: 265%;
	color:#555555;
}
.rw-sentence span.wor3{
	top: 150px;
	left: 365px;
	font-size: 300%;
	color:#acacac;
}
.rw-sentence span.wor4{
	top: 272px;
	left: 560px;
	font-size: 170%;
	color:#acacac;
}
.rw-sentence span.wor5{
	top: 322px;
	left: 500px;
	font-size: 200%;
	color:#555555;
}
.rw-words{
	position: absolute;
	left: 118px;
	top: 205px;
	height: 80px;
	/*width: 400px;*/
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	-o-perspective: 800px;
	-ms-perspective: 800px;
	perspective: 800px;
}
.rw-words span{
	position: absolute;
	font-size: 600%;
	color: transparent;
	text-shadow: 0px 0px 80px rgba(255,255,255,1);
	opacity: 0;
	-webkit-animation: rotateWord 18s linear infinite 0s;
	-moz-animation: rotateWord 18s linear infinite 0s;
	-o-animation: rotateWord 18s linear infinite 0s;
	-ms-animation: rotateWord 18s linear infinite 0s;
	animation: rotateWord 18s linear infinite 0s;
}
.rw-words span.taille2{
	font-size: 420%;
}
.rw-words span:nth-child(2) { 
    -webkit-animation-delay: 3s; 
	-moz-animation-delay: 3s; 
	-o-animation-delay: 3s; 
	-ms-animation-delay: 3s; 
	animation-delay: 3s; 
}
.rw-words span:nth-child(3) { 
    -webkit-animation-delay: 6s; 
	-moz-animation-delay: 6s; 
	-o-animation-delay: 6s; 
	-ms-animation-delay: 6s; 
	animation-delay: 6s; 
}
.rw-words span:nth-child(4) { 
    -webkit-animation-delay: 9s;
	-moz-animation-delay: 9s; 
	-o-animation-delay: 9s; 
	-ms-animation-delay: 9s; 
	animation-delay: 9s; 
}
.rw-words span:nth-child(5) { 
    -webkit-animation-delay: 12s; 
	-moz-animation-delay: 12s; 
	-o-animation-delay: 12s; 
	-ms-animation-delay: 12s; 
	animation-delay: 12s; 
}
.rw-words span:nth-child(6) { 
    -webkit-animation-delay: 15s;
	-moz-animation-delay: 15s; 
	-o-animation-delay: 15s; 
	-ms-animation-delay: 15s; 
	animation-delay: 15s; 
}
@-webkit-keyframes rotateWord {
    0% { opacity: 0; -webkit-animation-timing-function: ease-in; -webkit-transform: translateY(-200px) translateZ(300px) rotateY(-120deg); }
    5% { opacity: 1; -webkit-animation-timing-function: ease-out; -webkit-transform: translateY(0px) translateZ(0px) rotateY(0deg); }
	6% { text-shadow: 0px 0px 0px rgba(255,255,255,1); color #fff; }
    17% { opacity: 1; text-shadow: 0px 0px 0px rgba(255,255,255,1); color #fff; }
    20% { opacity: 0; }
    100% { opacity: 0; }
}
@-moz-keyframes rotateWord {
    0% { opacity: 0; -moz-animation-timing-function: ease-in; -moz-transform: translateY(-200px) translateZ(300px) rotateY(-120deg); }
    5% { opacity: 1; -moz-animation-timing-function: ease-out; -moz-transform: translateY(0px) translateZ(0px) rotateY(0deg); }
	6% { text-shadow: 0px 0px 0px rgba(255,255,255,1); color #fff; }
    17% { opacity: 1; text-shadow: 0px 0px 0px rgba(255,255,255,1); color #fff; }
    20% { opacity: 0; }
    100% { opacity: 0; }
}
@-o-keyframes rotateWord {
    0% { opacity: 0; -o-animation-timing-function: ease-in; -o-transform: translateY(-200px) translateZ(300px) rotateY(-120deg); }
    5% { opacity: 1; -o-animation-timing-function: ease-out; -o-transform: translateY(0px) translateZ(0px) rotateY(0deg); }
	6% { text-shadow: 0px 0px 0px rgba(255,255,255,1); color #fff; }
    17% { opacity: 1; text-shadow: 0px 0px 0px rgba(255,255,255,1); color #fff; }
    20% { opacity: 0; }
    100% { opacity: 0; }
}
@-ms-keyframes rotateWord {
    0% { opacity: 0; -ms-animation-timing-function: ease-in; -ms-transform: translateY(-200px) translateZ(300px) rotateY(-120deg); }
    5% { opacity: 1; -ms-animation-timing-function: ease-out; -ms-transform: translateY(0px) translateZ(0px) rotateY(0deg); }
	6% { text-shadow: 0px 0px 0px rgba(255,255,255,1); color #fff; }
    17% { opacity: 1; text-shadow: 0px 0px 0px rgba(255,255,255,1); color #fff; }
    20% { opacity: 0; }
    100% { opacity: 0; }
}
@keyframes rotateWord {
    0% { opacity: 0; animation-timing-function: ease-in; transform: translateY(-200px) translateZ(300px) rotateY(-120deg); }
    5% { opacity: 1; animation-timing-function: ease-out; transform: translateY(0px) translateZ(0px) rotateY(0deg); }
	6% { text-shadow: 0px 0px 0px rgba(255,255,255,1); color #fff; }
    17% { opacity: 1; text-shadow: 0px 0px 0px rgba(255,255,255,1); color #fff; }
    20% { opacity: 0; }
    100% { opacity: 0; }
}
/*@media screen and (max-width: 1060px){
	.rw-sentence > span:first-child { font-size: 500%; left: 0px;}
	.rw-sentence > span:nth-child(2) { font-size: 200%; top: 125px; left: 30px; }
	.rw-sentence > span:nth-child(3) { top: 175px; left: 30px; font-size: 235%; }
	.rw-words { left: 95px; top: 171px; }
	.rw-words span { font-size: 250%; }
	.rw-sentence > span:last-child { top: 240px; left: 30px; }
}
@media screen and (max-width: 400px){
	.rw-sentence > span:first-child { font-size: 200%; left: 0px;}
	.rw-sentence > span:nth-child(2) { font-size: 100%; top: 50px; left: 10px; }
	.rw-sentence > span:nth-child(3) { top: 76px; left: 10px; font-size: 120%; }
	.rw-words { left: 45px; top: 76px; }
	.rw-words span { font-size: 120%; }
	.rw-sentence > span:last-child { top: 106px; left: 10px; font-size: 100%; }
}*/

.no-cssanimations .rw-words span:first-child{
	opacity: 1;
	color: #fff;
	text-shadow: none;
}

/* FIN 5 words*/