* {
margin: 0;
padding: 0;
outline: none;
text-decoration:none;
}

body {
background:#FFF;
overflow-x:hidden;
}

#page {
opacity:0;
overflow:hidden;
margin-left: auto;
margin-right: auto;
text-align:center;
}

a { border-style:none;}

/*********************       HEADER         *********************/

#center-menu{
background-image:url(../images/menu-fond.png);
background-repeat:no-repeat;
background-position:center 20px;
height: 161px;
position: fixed;
width: 100%;
min-width:960px;
z-index:1000;
/*top:-160px;*/
}
#logo {
width: 100%;
height: 160px;
min-width:960px;
margin: 0 auto;
position: relative;
top:-143px;
}

#to-present {
    background-image: url("../images/logo.png");
    display: block;
    height: 157px;
    margin: 0 auto;
    position: relative;
    top: 8px;
    width: 370px;
}
#to-present:hover{
background-image:url(../images/logo-hover.gif);
}
#menu {
background-repeat:no-repeat;
background-position:center;
height: 143px;
min-width: 928px;
position: relative;
margin:0 auto;
width: 960px;
top:20px;
}
#menu li {
display:block;
z-index:999;
}
#menu-logos{
position:relative;
width:81px;
height:48px;
left:5px;
top:76px;
}
#to-logos{
background-image:url(../images/item-logo.png);
display:block;
width:81px;
height:48px;
text-indent:-20000px;
}
#to-logos:hover{
background-image:url(../images/item-logo-hover.png);
}
#menu-print{
position:relative;
width:75px;
height:44px;
left:82px;
top:9px;
}
#to-print{
background-image:url(../images/item-print.png);
display:block;
width:75px;
height:44px;
text-indent:-20000px;
}
#to-print:hover{
background-image:url(../images/item-print-hover.png);
}
#menu-illu{
position:relative;
width:147px;
height:49px;
left:155px;
top:-55px;
}
#to-illu{
background-image:url(../images/item-illu.png);
display:block;
width:147px;
height:49px;
text-indent:-20000px;
}
#to-illu:hover{
background-image:url(../images/item-illu-hover.png);
}
#menu-montage{
position:relative;
width:147px;
height:49px;
left:668px;
top:-106px;
}
#to-montage{
background-image:url(../images/item-montage.png);
display:block;
width:115px;
height:53px;
text-indent:-20000px;
}
#to-montage:hover{
background-image:url(../images/item-montage-hover.png);
}
#menu-graff{
position:relative;
width:80px;
height:52px;
left:782px;
top:-140px;
}
#to-graff{
background-image:url(../images/item-graff.png);
display:block;
width:80px;
height:52px;
text-indent:-20000px;
}
#to-graff:hover{
background-image:url(../images/item-graff-hover.png);
}
#menu-contact{
position:relative;
width:105px;
height:53px;
left:855px;
top:-178px;
}
#to-contact{
background-image:url(../images/item-contact.png);
display:block;
width:105px;
height:53px;
text-indent:-20000px;
}
#to-contact:hover{
background-image:url(../images/item-contact-hover.png);
}

/*********************       DECOR         *********************/
#rideau-cadre-gauche{
background-image:url(../images/rideau-gauche.png);
background-repeat:no-repeat;
background-position:right;
height:775px;
width:5%;
position:fixed;
left:0px;
z-index:1001;
}
#rideau-cadre-droite{
background-image:url(../images/rideau-droite.png);
background-repeat:no-repeat;
background-position:left;
height:775px;
width:5%;
position:fixed;
right:0px;
z-index:1001;
}
#fond{
/*background-image:url(../images/texture-fond.jpg);*/
height: 650px;
width: 100%;
position: fixed;
z-index:999;
}
#decor{
height:650px;
width:960px;
margin:0 auto;
list-style:none;
position:relative;
z-index:999;
}
#decor div{
position:relative;
height:650px;
}
#fond-gauche{
background-image:url(../images/fond-cote-gauche.jpg);
width:228px;
left:-109px;
}
#fond-milieu-gauche{
background-image:url(../images/fond-milieu-gauche.png);
width:346px;
left:119px;
top:-650px;
}
#fond-milieu-droite{
background-image:url(../images/fond-milieu-droite.png);
width:346px;
top:-1300px;
left:465px;
}
#fond-droite{
background-image:url(../images/fond-cote-droite.jpg);
width:227px;
top:-1950px;
left:811px;
}
#bordure-bas{
background-image: url("../images/texture-fond.jpg");
width:100%;
height:125px;
position: fixed;
top:649px;
min-width:960px;
z-index: 999;
}
#decor-bas{
background-image: url("../images/fond-bas.jpg");
height: 130px;
left: -14px;
margin: 0 auto;
position: relative;
width: 619px;
}

#fond-bas{
background-image: url("../images/texture-fond.jpg");
height: 100%;
position: fixed;
top: 774px;
width: 100%;
z-index: 1001;
}


#conteneur-cadres{
margin: auto;
position: relative;
top: -509px;
height:440px;
width: 80%;
min-width: 960px;
max-width:1400px;
z-index: 999;
}
#decor-gauche{
background-image:url(../images/deco-front-gauche.png);
background-repeat:no-repeat;
background-position:left;
position:relative;
z-index:999;
margin:0 auto;
width:960px;
height:121px;
top:-562px;
left:-9px;
}
#decor-droite{
background-image:url(../images/deco-front-droite.png);
width:158px;
height:121px;
position:relative;
left:792px;
}

#cadre-emblemes{
background-image: url("../images/cadre-emblemes.png");
height: 269px;
left: -57px;
position:relative;
top: 159px;
width: 237px;
overflow:hidden;
}
.emblemes{
width: 198px;
height: 166px;
position: absolute;
top: 52px;
left: -210px;
}
.present{
background-image:url(../images/Embleme-present.png);
}
.logos{
background-image:url(../images/Embleme-logos.png);
}
.print{
background-image:url(../images/Embleme-print.png);
}
.illu{
background-image:url(../images/Embleme-illu.png);
}
.montage{
background-image:url(../images/Embleme-montage.png);
}
.graff{
background-image:url(../images/Embleme-graff.png);
}
.contact{
background-image:url(../images/Embleme-contact.png);
}
#cadre-persos{
    background-image: url("../images/cadre-perso-back.png");
	background-position:0px 160px;
    background-repeat: no-repeat;
    height: 440px;
	right: -147px;
    position: relative;
    top: -252px;
    width: 348px;
	overflow: hidden;
	float:right;
}
#cadre-persos-front{
    background-image: url("../images/cadre-perso-front.png");
    height: 212px;
    left: 72px;
    position: relative;
    top: 228px;
    width: 276px;
}
.persos{
width:348px;
height:380px;
position:absolute;
left: 280px;
top: 280px;
}
.ringmaster{
background-image:url(../images/perso-ringmaster.png);
}
.fire-spitter{
background-image:url(../images/perso-fire-spitter.png);
}
.juggler{
background-image:url(../images/perso-juggler.png);
}
.fakir{
background-image:url(../images/perso-fakir.png);
}
.magician{
background-image:url(../images/perso-magician.png);
}
.clown{
background-image:url(../images/perso-clown.png);
}
.canon-man{
background-image:url(../images/perso-canon-man.png);
}

#copy{
text-indent: -20000px;
}

/*********************       INTRO         *********************/
#intro {
z-index:999;
overflow:hidden;
width:100%;
min-width:960px;
float:left;
}
#rideau-gauche {
background-image:url(../images/rideau.jpg);
background-position:right;
background-repeat:repeat-x;
height: 775px;
width: 50%;
min-width: 400px;
position: absolute;
left:0px;
z-index:1000;
}
#rideau-droite {
background-image:url(../images/rideau.jpg);
background-repeat:repeat-x;
height: 775px;
width: 50%;
min-width: 400px;
position: absolute;
right:0px;
z-index:1000;
}
#conteneur-intro {
background-image: url("../images/Cadre-intro.png");
background-position: 19px 40px;
background-repeat:no-repeat;
width: 645px;
height: 650px;
margin: 0 auto;
position: relative;
z-index: 1000;
}

#texte-accueil {
background-image:url(../images/texte-accueil.png);
width:324px;
height:301px;
text-indent:-20000px;
position:absolute;
top:-12px;
left:-33px;
z-index:1001;
}
#texte-accueil-2 {
background-image:url(../images/texte-accueil-2.png);
width:349px;
height:309px;
text-indent:-20000px;
position:absolute;
top:-15px;
left:325px;
z-index:1001;
}
#chapiteau-petit-gauche,#chapiteau-petit-droite{
background-image: url("../images/chapiteau-petit.png");
width:273px;
height:280px;
position:absolute;
z-index:1001;
top:160px;
}
#chapiteau-petit-gauche{
left:15px;
}
#chapiteau-petit-droite{
left:357px;
}
#faisceau{
background-image:url(../images/faisceau.png);
width:686px;
height:313px;
position:absolute;
z-index:1001;
top:50px;
left:-20px
}
#chapiteau-centre{
background-image:url(../images/chapiteau-centre.png);
width:502px;
height:380px;
position:absolute;
z-index:1001;
top:70px;
left:71px;
}
#monkey {
background-image: url("../images/monkey.png");
width: 286px;
height: 247px;
position: absolute;
top: 166px;
left:181px;
z-index: 1001;
cursor:pointer;
}
#monkey:hover {
background-position: 0px -250px;
}
#tournico-gauche, #tournico-droite {
background-image:url(../images/tournico-hover.gif);
width: 19px;
height: 90px;
position: absolute;
top: 279px;
z-index: 1001;
}
#tournico-gauche.anim, #tournico-droite.anim {
background-image:url(../images/tournico-hover.gif);
}
#tournico-gauche{
left:205px;
}
#tournico-droite{
left:417px;
}
#ruban{
background-image:url(../images/ruban.png);
width:846px;
height:92px;
position:absolute;
z-index:1001;
top:380px;
left:-100px
}
#logo-intro {
background-image:url(../images/logo-intro.png);
width:636px;
height:271px;
position:absolute;
top:341px;
left:5px;
z-index:1002;
}



/*********************       CONTENU         *********************/


#presentation,#logos,#print,#illustration,#montage,#graff,#contact {
display:block;
height:650px;
z-index:998;
min-width: 960px;
background-image:url(../images/texture-fond.jpg);
}
#contact {height:5000px;}

.papier{
background-color:#CCCCCC;
width:693px;
height:650px;
margin:0 auto;
position:relative;
}
.papier-present {
background-image: url("../images/fond-present.jpg");
}
.papier-logos {
background-image: url("../images/fond-logos.jpg");
}
.papier-print {
background-image: url("../images/fond-print.jpg");
}
.papier-illu {
background-image: url("../images/fond-illu.jpg");
}
.papier-montage {
background-image: url("../images/fond-montage.jpg");
}
.papier-graff {
background-image: url("../images/fond-graff.jpg");
}
.papier-contact {
background-image: url("../images/fond-contact.jpg");
top:0px;
}



#parchemin{
/*background-image:url(../images/parchemin.png);*/
background-repeat:no-repeat;
width:60px;
height:479px;
position:relative;
margin:0 auto;
top:-527px;
left:-20px;
z-index:999;
overflow:hidden;
}
#parchemin h3 {
color: #55524C;
font-family: lobster;
font-size: 20px;
height: 62px;
left: 50px;
position: absolute;
top: 45px;
width: 600px;
}
#parchemin ul {
list-style:none;
position: absolute;
left: 63px;
top: 100px;
width: 633px;
height: 356px;
}
#parchemin ul li{
width: 211px;
height: 176px;
float:left;
margin-left:-20px;
cursor:pointer;
}
#text-present {
font-family: lobster;
font-size: 20px;
margin-left: 46px;
position: relative;
top: 280px;
color: #C0161A;
}
#pres-to-logos{background-image:url(../images/embleme-present-logos.png);}
#pres-to-print{background-image:url(../images/embleme-present-print.png);}
#pres-to-illu{background-image:url(../images/embleme-present-illu.png);}
#pres-to-montage{background-image:url(../images/embleme-present-montage.png);margin-top: 30px;}
#pres-to-graff{background-image:url(../images/embleme-present-graff.png);margin-top: 30px;}
#pres-to-contact{background-image:url(../images/embleme-present-contact.png);margin-top: 30px;}

#pres-to-logos:hover, #pres-to-print:hover, #pres-to-illu:hover, #pres-to-montage:hover, #pres-to-graff:hover, #pres-to-contact:hover{background-position:0px -176px;}

#illu-menu {
width: 507px;
height: 50px;
list-style: none outside none;
margin: 0 auto;
position: relative;
top: -489px;
z-index: 1000;
font-family:lobster;
font-size:20px;
background-image:url(../images/cadre-menu-illu.png);
background-repeat:no-repeat;
line-height:47px;
}
#illu-menu li{
    display: block;
    float: left;
    padding-left: 80px;
    width: 57px;
}
#illu-menu li a{
color:#555;
}
#illu-menu li a:hover{
color:#000;
}
#illu-menu li a:active{
color:#FF0000;
}

#contact-mail {
	/*background-color:#99FF99;*/
margin:0 auto;
width: 276px;
height: 284px;
position: relative;
left:-200px;
}
#mail-contact { 
background-image:url(../images/Icone-contactez-moi.png);
background-position: 0px 0px;
display:block;
width:276px;
height:224px;
line-height:535px;
color:#000000;
}
#mail-contact:hover{
background-position:0px -227px; color:#C0161A;}
.socle{
background-image:url(../images/Icone-socle.png);
height:30px;
width:195px;
margin:0 auto;
position:relative;
}
.curri{
margin-left:27px;
margin-top:-128px;
}
.cont{
top:-185px;
}
#curriculum{
margin:0 auto;
width: 201px;
height: 284px;
position: relative;
top:-288px;
left:185px;
}
#curriculum-contact {
background-image:url(../images/Icone-curriculum.png);
background-position:0px 0px;
width:201px;
height:228px;
display:block;
line-height:535px;
color:#000000;
text-indent: 45px;
}
#curriculum-contact:hover { background-position:0px -229px; color:#C0161A;}
#curriculum p{
line-height: 128px;
text-indent: 37px;
font-size:19px;
}

#liens {
width:277px;
height:224px;
position:relative;
margin:0 auto;
top:-330px;
left:11px;
cursor:pointer;
}
#liens p {
position: absolute;
left: 94px;
top: 196px;
}
#liens-contact{
background-image:url(../images/Icone-liens-amis.png);
width:277px;
height:224px;
position:relative;
background-position:0px 0px;
top:-60px;
z-index:999;
}

#liens-liste {
background-image:url(../images/texture-fond.jpg);
list-style:none;
height: 125px;
margin: 0 auto;
position: relative;
top: -185px;
width: 115px;
font-size:15px;
}
#liens-liste li a{color:#666666;}
#liens-liste li a:hover{color:#C0161A;}

/*******************************ANYTHING SLIDER***********************/

#center-logos, #center-print, #center-montage, #center-graff {
    height: 475px;
    left: -5px;
    margin: 0 auto;
    min-width: 960px;
    position: relative;
	top:-499px;
    width: 100%;
    z-index: 999;
	background-image:url(../images/cadre-slide.png);
	background-repeat:no-repeat;
	background-position:center;
}
#center-illu, #center-illu-2, #center-illu-3{
height:475px;
left:-5px;
margin:0 auto;
min-width:960px;
position:relative;
top:-540px;
width:100%;
z-index:999;
	background-image:url(../images/cadre-slide.png);
	background-repeat:no-repeat;
	background-position:center;
}
#center-contact{
height:470px;
margin:0 auto;
min-width:960px;
position:relative;
top:-480px;
width:100%;
z-index:999;
float:left;
font-family:lobster;
font-size:24px;
}

.legende {
    width: 100%;
    height: 50px;
   /* background-image: url(../images/texture-fond.jpg);*/
   background-color:#D7D1C3;
    position: relative;
    top: 320px;
    z-index: 999;
/*	opacity:0.5;*/
	line-height:50px;
	font-family:lobster;
	font-size: 18px;
}
.legende i{
font-size: 16px;
color:#666666;
}

/******************************************************************ANYTHING SLIDER******************/
 /* CSS to expand the image to fit inside colorbox */
 #cboxPhoto { width: 100%; height: 100%; margin: 0 !important; }
 /* Change metallic theme defaults to show thumbnails */
 div.anythingControls {
  bottom: 25px; /* thumbnail images are larger than the original bullets; move it up */
 }
 .anythingSlider-metallic .thumbNav a {
  background-image: url();
  height: 30px;
  width: 30px;
  border: #000 1px solid;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  text-indent: 0;
 }
 .anythingSlider-metallic .thumbNav a span {
  visibility: visible; /* span changed to visibility hidden in v1.7.20 */
 }
 /* border around link (image) to show current panel */
 .anythingSlider-metallic .thumbNav a:hover,
 .anythingSlider-metallic .thumbNav a.cur {
  border-color: #fff;
 }
 /* reposition the start/stop button */
 .anythingSlider-metallic .start-stop {
  margin-top: 15px;
 }

/**************************************ANYTHING SLIDER THEME METALLIC****************/
/* change the ID & dimensions to match your slider */
.slider {
	width: 550px;
	height: 370px;
	list-style: none;
	overflow-y: auto;
	overflow-x: hidden;
}

/******************SET STYLING HERE
=================================
Default state (no keyboard focus)
==================================*/
/* Overall Wrapper */
.anythingSlider-metallic {
	margin: 0 auto;
	/* 23px right & left padding for the navigation arrows */
	padding: 0 23px;
}

/* Navigation buttons default state */
.anythingSlider-metallic .anythingControls a {
	background: transparent url(../images/fleches.png) -68px -40px repeat-x;
	background-color:#FFF;
	/*color: #000;*/
	/*border: #AAA 1px solid;*/
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
/*
 =================================
 Active State (has keyboard focus)
 =================================
/* Navigation buttons, active state */
.anythingSlider-metallic.activeSlider .anythingControls a {background-color: #FFF;}

/* Navigation current button, active state */
.anythingSlider-metallic.activeSlider .anythingControls a.cur{background-color: #DB2E39;}
.anythingSlider-metallic.activeSlider .anythingControls a:hover {background-color: #CB817A;}


/************************
  NAVIGATION POSITIONING
 ************************/
/* Navigation Arrows */
.anythingSlider-metallic .arrow {
	top: 53%;
	position: absolute;
	display: block;
	z-index: 100;
}

.anythingSlider-metallic .arrow a {
	display: block;
	width: 45px;
	height: 50px;
	margin: -47.5px 0 0 0; /* half height of image */
	text-align: center;
	outline: 0;
	background: url(../images/fleches.png) no-repeat;
}

/* back arrow */
.anythingSlider-metallic .back { left: -32px; }
.anythingSlider-metallic .back a { background-position: left bottom; }
.anythingSlider-metallic .back a:hover,
.anythingSlider-metallic .back a.hover { background-position: left top; }
/* forward arrow */
.anythingSlider-metallic .forward { right: -32px; }
.anythingSlider-metallic .forward a { background-position: right bottom; }
.anythingSlider-metallic .forward a:hover,
.anythingSlider-metallic .forward a.hover { background-position: right top; }

/* Navigation Links */
.anythingSlider-metallic .anythingControls {
	height: 15px; /* limit height, needed for IE9 of all things */
	outline: 0;
	display: none;
	float: right;
	position: absolute;
	bottom: -20px;
	right: 20px;
	margin: 0 45px;
	z-index: 100;
	opacity: 0.90;
	filter: alpha(opacity=90);
}

.anythingSlider-metallic .anythingControls ul {
	margin-right: 50px;
	padding: 0;
	float: left;
}
.anythingSlider-metallic .anythingControls ul li {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
}
.anythingSlider-metallic .anythingControls ul a {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 3px;
	padding: 0;
	text-decoration: none;
	text-align: center;
	outline: 0;
}

.anythingSlider-metallic .anythingControls span {
	display: block;
	visibility: hidden;
}

/* navigationSize window */
.anythingSlider-metallic .anythingControls .anythingNavWindow {
	overflow: hidden;
	float: left;
}
/* navigationSize nav arrow positioning */
.anythingSlider-metallic .anythingControls li.prev a span,
.anythingSlider-metallic .anythingControls li.next a span {
	visibility: visible;
	position: relative;
	top: -6px; /* bring navigationSize text arrows into view */
	color: #fff;
}
/***********************
IE8 AND OLDER STYLING
***********************/
/* Navigation Arrows */
.as-oldie .anythingSlider-metallic .arrow {top: 40%;}
.as-oldie .anythingSlider-metallic .arrow a {margin: 0;}

/***********************
  COMMON SLIDER STYLING
 ***********************/
/* Overall Wrapper */
.anythingSlider {
	display: block;
	overflow: visible !important;
	position: relative;
	top:38px;
	left:1px;
}
/* anythingSlider viewport window */
.anythingSlider .anythingWindow {
	overflow: hidden;
	position: relative;
	width:100%;
	height: 100%;
}
/* anythingSlider base (original element) */
.anythingSlider .anythingBase {
	background: transparent;
	list-style: none;
	position: absolute;
	overflow: visible !important;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}

/* Navigation arrow text; indent moved to span inside "a", for IE7;
	apparently, a negative text-indent on an "a" link moves the link as well as the text */
.anythingSlider .arrow span {
	display: block;
	visibility: hidden;
}
/* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */
.anythingSlider .arrow.disabled {
	display: none;
}
/* all panels inside the slider; horizontal mode */
.anythingSlider .panel {
	background: transparent;
	display: block;
	overflow: hidden;
	float: left;
	padding: 0;
	margin: 0;
}
/* vertical mode */
.anythingSlider .vertical .panel {
	float: none;
}

/* fade mode */
.anythingSlider .fade .panel {
	float: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}
/* fade mode active page - visible & on top */
.anythingSlider .fade .activePage {
	z-index: 1;
}

/***********************
  RTL STYLING
 ***********************/
/* slider autoplay right-to-left, reverse order of nav links to look better */
.anythingSlider.rtl .anythingWindow {
	direction: ltr;
	unicode-bidi: bidi-override;
}
.anythingSlider.rtl .anythingControls ul { float: left; } /* move nav link group to left */
.anythingSlider.rtl .anythingControls ul a { float: right; } /* reverse order of nav links */
.anythingSlider.rtl .start-stop { /* float: right; */ } /* move start/stop button - in case you want to switch sides */

/* probably not necessary, but added just in case */
.anythingSlider .anythingWindow,
.anythingSlider .anythingControls ul a,
.anythingSlider .arrow a,
.anythingSlider .start-stop {
	transition-duration: 0;
	-o-transition-duration: 0;
	-moz-transition-duration: 0;
	-webkit-transition-duration: 0;
}

/******************************************************************POSITIONNEMENT DES IMAGES*/
#logoslide li{ background-color:#FFFFFF;}
#logoslide li img{position:relative; margin-top:-50px;}
/*#logos-1 { background-color:#000000;}*/
#logos-1 img{width:101%;}
#logos-2 img{top:25px; width:90%;}
#logos-3 img{top:74px; width:90%;}
#logos-4 img{height:100%;}
#logos-5 img{top:23px; width:100%;}
#logos-6 img{top:30px; width:90%;}
#logos-7 img{height:100%;}
#logos-8 img{top:60px;width:90%;}
#logos-9 img{top:40px;width:90%;}
#logos-10 img{height:100%;}
#logos-11 img{top:7px; height:95%;}
#logos-12 img{top:7px; height:95%;}
#logos-13 img{height:100%;}
#logos-14 img{height:100%;}
#logos-15 img{top:18px; height:90%;}
#logos-16 img{height:100%;}
#logos-17 img{height:100%;}
#logos-18 img{height:100%;}
#logos-19 img{height:100%;}

#printslide li img{position:relative; margin-top:-50px;}
#print-1 img{top:-4px; width:165%; height:107%;}
#print-2 img{top:-40px; width:105%; height:%;}
#print-3 img{top:0px; width:%; height:100%;}
#print-4 img{top:-164px; width:72%; height:%;}
#print-5 img{top:0px; width:100%; height:%;}
#print-6 img{top:0px; width:136%; left:-198px;}
#print-7 img{top:0px; width:100%; height:%;}
#print-8 img{top:0px; width:%; height:100%;}
#print-9 img{top:-148px; width:202%; height:%;}
#print-10 img{top:0px; width:%; height:%;}
#print-11 img{top:0px; width:%; height:100%;}

#commandeslide li img{position:relative; margin-top:-50px;}
#commandeslide li { background-color:#000000;}
#cdes-1 img{top:-171px; width:%; height:%;}
#cdes-2 img{top:-15px; width:%; height:104%;}
#cdes-3 img{top:-44px; width:70%; height:%;}
#cdes-4 img{top:-23px; width:80%; height:%;}
#cdes-5 img{top:-16px; width:120%; left:-55px;}
#cdes-6 img{top:-130px; width:%; height:%;}
#cdes-7 img{top:0px; width:%; height:103%;}
#cdes-8 img{top:-120px; width:%; height:%;}
#cdes-9 img{top:-122px; width:65%; height:%;}

#acslide li img{position:relative; margin-top:-50px;}
#acs1 img{top:-50px; width:%; height:%;}
#acs2 img{top:-68px; width:%; height:%;}#acs2{ background-color:#7A3F37;}
#acs3 img{top:-50px; width:100%; height:%;}
#acs4 img{top:-35px; width:%; height:%;}#acs4{ background-color:#FFFFFF;}
#acs5 img{top:-50px; width:%; height:%;}#acs5{ background-color:#000;}
#acs6 img{top:-66px; width:%; height:%;}#acs6{ background-color:#6A6A68;}
#acs7 img{top:-10px; width:100%; height:%;}
#acs8 img{top:0px; width:100%; height:%;}
#acs9 img{top:-19px; width:100%; height:%;}

#persoslide li img{position:relative; margin-top:-50px;}
#perso-1 img{top:0px; width:100%; height:%;}
#perso-2 img{top:-160px; width:%; height:%;} #perso-2 { background-color:#FFFFFF;}
#perso-3 img{top:-174px; width:%; height:%;} #perso-3 { background-color:#F1A6A1;}
#perso-4 img{top:-72px; width:%; height:%;} #perso-4 { background-color:#FFF;}
#perso-5 img{top:-14px; width:100%; height:%;} 
#perso-6 img{top:-60px; width:%; height:%;} #perso-6 { background-color:#000;}
#perso-7 img{top:-112px; width:%; height:%;} #perso-7 { background-color:#AC996F;}
#perso-8 img{left:-35px; width:123%; height:%;}
#perso-9 img{top:-49px; width:%; height:%;} #perso-9 { /*background-color:#868A89;*/}
#perso-10 img{top:0px; width:100%; height:%;}
#perso-11 img{top:0px; width:100%; height:%;}
#perso-12 img{top:-18px; width:113%; left:-34px;}

#montageslide li img{position:relative; margin-top:-50px;}
#mont-1 img, #mont-2 img, #mont-3 img, #mont-4 img, #mont-5 img, #mont-6 img, #mont-7 img, #mont-8 img, #mont-9 img, #mont-10 img{
height:90%; top:20px;
}
#mont-11 img{top:-118px; width:100%; height:%;}
#mont-12 img{top:21px; width:100%; height:%;} #mont-12 { background-color:#FFF;}
#mont-13 img{top:-201px; width:%; height:%;} #mont-13 { background-color:#FFF;}
#mont-14 img{left:-48px; width:113%; height:%;} 
#mont-15 img{top:-59px; width:90%; height:%;} #mont-15 { background-color:#000;}
#mont-16 img{top:0px; width:%; height:%;} #mont-16 { background-color:#FFF;}
#mont-17 img{top:13px; width:%; height:%;} #mont-17 { background-color:#FFF;}
#mont-18 img{top:0px; width:100%; height:%;}

#graffslide li img{position:relative; margin-top:-50px;}
#graff-1 img{top:0px; width:110%; left:-28px;}
#graff-2 img{top:-15px; width:117%; left:-38px;}
#graff-3 img{top:-23px; width:100%; height:%;}
#graff-4 img{top:-69px; width:120%; left:-61px;}  #graff-4 { background-color:#420D00;}
#graff-5 img{top:0px; width:%; height:100%;}  #graff-5 { background-color:#FFF;}
#graff-6 img{top:18px; width:%; left:-150px;} #graff-6 { background-color:#000;}
#graff-7 img{top:0px; width:112%; left:-39px;}
#graff-8 img{top:14px; width:110%; left:-30px;} #graff-8 { background-color:#E9E9E9;}
#graff-9 img{top:0px; width:125%; left:-66px;} #graff-9 { background-color:#707070;}

/******************************************************************PRELOADER**********/
#preloader {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-image:url(../images/texture-fond.jpg);
	z-index:1002; /* makes sure it stays on top */
	height:100%;
	overflow:hidden;
}

#status {
	width:200px;
	height:200px;
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:250px; /* centers the loading animation vertically one the screen */
	background-image:url(../images/biking-monkey-anim.gif);
/*	background-image:url(../images/status.gif);  path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	margin:-100px 0 0 -100px; /* is width and height divided by two */
}
#chargement {
font-family:lobster;
text-align:center;
line-height:370px;
font-size:20px;
color:#C0161A;
text-indent:20px;
}
#progressbar{
background-image: url("../images/loader.gif");
height: 11px;
position: absolute;
top: 210px;
width: 219px;
}