#teaser { text-align: center; overflow: hidden; height: 420px; width: 100%; padding: 0 0 0px !important; }
#teaser .royalWrapper { }
#teaser img {  //opacity: 0;
}
#teaser .royalWrapper img { opacity: 1; }
#teaser .royalWrapper a { display: block; width: 42px; height: 97px; margin: 7px 5px 0 5px; }
#teaser .royalWrapper img:hover { opacity: 1; }
#teaser .royalControlNavOverflow { position: relative; bottom: 136px; z-index: 900; width: 900px; margin: auto; display: none }
#teaser .royalControlNavOverflow a { font-family: 'a_safe_place_to_fallregular', Arial, Helvetica, sans-serif; padding: 0 4px 0 5px; cursor: pointer; display: block; background: #fff; width: 20px; height: 29px; margin-right: 5px; float: left; font-size: 18px; line-height: 32px }
#teaser .royalControlNavOverflow a.current, #teaser .royalControlNavOverflow a:hover { background: #3d952b; text-decoration: none }
/* @end */

/* @group Panel */

/** CORPS**/
/*
 

 
 */
.royalSlider { position:relative; /* set width and height of slider here, in px, % or em*/
	width:1800px; height:; /* Used to prevent content "jumping" on page load. this property is removed when javascript is loaded and slider is instanciated */
	overflow:hidden; }
.DivArowGlobal { width: 960px; margin: 0 auto; position: relative; display: block; bottom: 4px; }
.divarow { width: 960px; height:70px; position:absolute; right:0; bottom: 210px; display:block; }
/* 

Slides croped area

 */
.royalSlider .royalWrapper { overflow:hidden; position:relative; top:0px; width:100%; height:100%; padding: 0 0 40px; }
/* slides holder, grabbing container */
.royalSlider .royalSlidesContainer { position: relative; left: 0; top: 0; list-style:none; margin:0; padding:0; }
/* slide item */
.royalSlider .royalSlide { padding:0; margin:0; position:relative; float:left; overflow:hidden; }
/* 

	Direction Navigation (arrows) 

*/
.royalSlider .arrow { /* change arrows size here */
	width: 24px; height: 24px; bottom:-2px; cursor: pointer; display: block; position: absolute; z-index:25; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
.royalSlider .arrow:hover {  }
.royalSlider .arrow.disabled { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20); -moz-opacity: 0.2; -khtml-opacity: 0.2; opacity: 0.2; }
/* left arrow */
.royalSlider .arrow.left { background: url(/web/pictures/btnPrec.png) no-repeat scroll 0 top; cursor: pointer; display: block; float: left; padding: 0; position: relative; }
.royalSlider .arrow.left:hover { background-position: 0 bottom }
/* right arrow */
.royalSlider .arrow.right { background: url(/web/pictures/btnNext.png) no-repeat 0 top; cursor: pointer; display: block; float: right; padding: 0; position: relative; }
.royalSlider .arrow.right:hover { background-position: 0 bottom }
/* Control navigation container (bullets or thumbs) */
.royalSlider .royalControlNavOverflow { width:100%; overflow:hidden; position:absolute; margin-top:-20px; }
/* This container is inside ".royalControlNavContainer"  
   and is used for auto horizontal centering */
.royalControlNavCenterer { float: left; position: relative; left: 50%; }
/* Control navigation container*/ 
.royalControlNavContainer { float: left; position: relative; left: 51px; margin: 0 0 0px 0px; }
/* Scrollable thumbnails containers */
.royalSlider .royalControlNavOverflow.royalThumbs { margin-top:4px; height:80px; }
.royalSlider .royalControlNavThumbsContainer { left:0; position:relative; }
/* 

	Control navigation (bullets, thumbnails)
	
*/
.royalControlNavOverflow a { background: url('../img/controlsSprite.html') no-repeat 0 -149px transparent; width:17px; height:17px; float:left; cursor:pointer; position:relative; display:block;/*
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	*/ }
/* Current control navigation item */
.royalControlNavOverflow a.current { background-position: 0 -183px !important; }
/* Hover state navigation item */
.royalControlNavOverflow a:hover { background-position: 0 -166px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
/* Thumbnails */
.royalControlNavOverflow a.royalThumb { background: none no-repeat 0 0; background-color:#CCC; width:144px; /* best is 144 + spacing(margin-right) 4*/ height:60px; /* thumbnails spacing, use margin-right only */	
	margin-right:4px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
.royalControlNavOverflow a.royalThumb.current { background-position: -3px -3px !important; border:3px solid #779f4f !important; width:138px; height:54px; }
.royalControlNavOverflow a.royalThumb:hover { background-position: -3px -3px; border:3px solid #777; width:138px; height:54px; }
/* 

	Thumbnails navigation arrows 
	
*/
.royalSlider .thumbsArrow { background:url(../img/controlsSprite.html) no-repeat 0 0; width: 38px; height: 68px; cursor: pointer; display: block; position: absolute; z-index: 25; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; }
.royalSlider .thumbsArrow.left { background-position: -116px -132px; left: 0; }
.royalSlider .thumbsArrow.right { background-position: -156px -132px; right: 0 }
.royalSlider .thumbsArrow:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
.royalSlider .thumbsArrow.disabled { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20); -moz-opacity: 0.2; -khtml-opacity: 0.2; opacity: 0.2; }
/* Captions container */
.royalSlider .royalCaption { z-index:20; display:block; position:absolute; left:0; top:0; font: normal normal normal 1em/1.5em Georgia, serif; color:#FFF; white-space: nowrap; }
/* Caption item */
.royalSlider .royalCaptionItem { clear:both; font-size:2em; line-height:1.5em; position:relative; margin:0; }
/* Loading (welcome) screen */
.royalSlider .royalLoadingScreen { background:#FFF; width:100%; height:100%; position:absolute; z-index:99; }
/* Loading screen text ("Loading...") */
.royalSlider .royalLoadingScreen p { width:100%; position:absolute; margin:0 auto; top: 45%; text-align:center; }
/* single image preloader ("Loading image...") text can be changed in JS file*/
.royalSlider .royalPreloader { font: normal normal normal 0.8em/1.5em Georgia, serif; color:#DDD; position:absolute; width:100%; text-align:center; top:46%; }



.royalSlide h3.texteslide { color: #181818; font-family: bebas_neueregular, Arial; font-size: 36px; position: absolute; text-align: left; width: 710px; z-index: 100; }
.royalSlide h3.texteslide span { font-family: Arial; font-size: 12px; }
.royalSlide h3.texteslide a { font-size:18px; font-weight:normal; margin: 6px 0 0 0; display: block !important; font-family: bebas_neueregular, Arial; color: #fff; letter-spacing: 1px; text-decoration: underline; text-align: right; width: 282px !important; }
.royalSlide h3.texteslide a span { display: inline }

.royalSlide h3.texteslide1 { left: 50%; margin-left: 11px; text-align: left; top: 113px; }
.royalSlide h3.texteslide1 span { width: 284px; display: block; margin: 7px 0 0 0; text-align: justify; }

.royalSlide h3.texteslide2 { left: 50%; margin-left: -480px; text-align: left; top: 113px; }
.royalSlide h3.texteslide2 span { width: 284px; display: block; margin: 7px 0 0 0; text-align: justify; }

.royalSlide h3.texteslide3 { left: 50%; margin-left: 11px; text-align: left; top: 113px; }
.royalSlide h3.texteslide3 span { width: 284px; display: block; margin: 7px 0 0 0; text-align: justify; }

.boxSlide { width: 961px; margin: auto; position: relative; top: -118px; right: -2px; }
.boxSlide .boxTexte { float: right; font-family: Conv_TradeGothic-Bold, Arial; font-size: 30px; text-shadow: 1px 1px 1px #000000; }