/* CSS Document */

body{
background-image:url(fondtramerouge.gif)}
	#screen {
		position: relative;
		left: 200px;
		top: 20px;
		width: 60%;
		height: 60%;
		background-image:url(blank.gif);
		overflow: hidden;
	}
	#screen img {
		position: absolute;
		left: -10000px;
		filter: alpha(opacity=100);
		opacity: 1;
		-ms-interpolation-mode:nearest-neighbor;
	}




#container{
background-image:url(papyrusweb.gif);
width:760PX;
height:580PX;
color:#000000;
padding-left:20px;
padding-top:20px;
margin-left:auto;
margin-right:auto;
position:relative;
}


.Style9 {font-family: "Hobo Std"}
.Style8 {color: #CC0000}
.Style17 {	color: #009900;
	font-weight: bold;
}
.Style20 {color: #009900}
.Style21 {
	font-size: 14px;
	font-family: "Times New Roman", Times, serif;
}
.Style22 {color: #000000}
.Style23 {font-family: "Times New Roman", Times, serif}

.Style24 {font-size: smaller}
.Style28 {color: #CC0000; font-size: 12; }
.Style29 {font-size: 12}
.Style31 {color: #009900; font-size: 14px; }
.Style32 {font-size: 14px}
.Style35 {font-size: 12px}
.Style36 {
	font-family: "Hobo Std";
	font-size: 24px;
	color: #CC0000;
}
.Style38 {color: #CC0000; font-size: 14px; }
.Style39 {font-size: 20px}
.Style45 {
	font-size: 24px;
	font-family: "Hobo Std";
	color: #009900;}
	
.Style85 {font-family: "Comic Sans MS"}

.Style56 {font-size: 16px}

.Style58 {
	color: #990000;
	font-weight: bold;
	font-size: 14;
}
.Style61 {color: #990000}
.Style62 {font-size: 14}
.Style66 {font-size: 18px}

.Style68 {color: #333333}

.Style40 {font-size: 36px}
.Style54 {font-family: "Myriad Pro Light"; font-weight: bold; }
.Style72 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.Style76 {font-family: "Myriad Pro Light"}
.Style77 {
	font-size: 60px;
	font-family: "Comic Sans MS";
}
.Style80 {color: #CC0000; font-family: "Hobo Std";}
.Style81 {font-weight: bold; color: #990000;}
.Style82 {
	font-family: "Comic Sans MS";
	font-size: 14px;
	font-weight: bold;
}
.Style83 {
	font-family: "Comic Sans MS";
	font-weight: bold;
}
.Style84 {
	font-size: 24px;
	color: #000000;
}
.Style86 {color: #00000}
.Style90 {
	font-family: "Comic Sans MS";
	font-size: 14px;
	font-weight: bold;
	color: #009900;
	}
.Style91 {color: #FFFFFF}

#Layer1 {
	position:absolute;
	width:200px;
	height:83px;
	z-index:1;
	left: 15px;
	top: 218px;
}
#Layer2 {
	position:absolute;
	width:200px;
	height:83px;
	z-index:3;
	left: 573px;
	top: 221px;
}
#Layer3 {
	position:absolute;
	width:156px;
	height:60px;
	z-index:14;
	left: 598px;
	top: 232px;
	}

#Layer4 {
	position:absolute;
	width:200px;
	height:91px;
	z-index:1;
	left: 308px;
	top: 444px;
}

#Layer9 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
}
#Layer50 {
	position:absolute;
	width:52px;
	height:46px;
	z-index:1;
	left: -121px;
	top: -18px;
}

#Layer51 {
	position:absolute;
		width:52px;
	height:46px;
	z-index:1;
	left: -130px;
	top: -15px;
}

#Layer52 {
	position:absolute;
	width:52px;
	height:46px;
	z-index:1;
	left: -114px;
	top: -22px;
}




#dispo {
	position:absolute;
	width:145px;
	height:133px;
	z-index:21;
	left: 18px;
	top: 382px;
}
#texteagence {
	position:absolute;
	width:572px;
	height:307px;
	z-index:4;
	left: 152px;
	top: 232px;
	overflow-y: scroll;
}

#logo {
	position:absolute;
	width:133px;
	height:116px;
	z-index:7;
	left: 24px;
	top: 26px;
}

#rappellogo {
	position:absolute;
	width:122px;
	height:80px;
	z-index:1;
	left: 341px;
	top: 93px;
}

#menu {
	position:absolute;
	width:491px;
	height:71px;
	z-index:1;
	left: 188px;
	top: 37px;
}

#personnage {
	position:absolute;
	width:107px;
	height:97px;
	z-index:8;
	left: 18px;
	top: 188px;
}
#personnagept {
	position:absolute;
	width:77px;
	height:97px;
	z-index:8;
	left: 48px;
	top: 188px;
}
#personnagebook  {
	position:absolute;
	width:107px;
	height:85px;
	z-index:8;
	left: 18px;
	top: 188px;
}



#titrepage {
	position:absolute;
	width:205px;
	height:34px;
	z-index:1;
	left: 127px;
	top: 195px;
}
#encart {
	position:absolute;
	width:178px;
	height:115px;
	z-index:8;
	left: 17px;
	top: 395px;
}



#demarche {
	position:absolute;
	width:292px;
	height:35px;
	z-index:1;
	left: 253px;
	top: 188px;
}

#imagehiero {
	position:absolute;
	width:409px;
	height:118px;
	z-index:5;
	left: 193px;
	top: 26px;
}
#difference {
	position:absolute;
	width:374px;
	height:100px;
	z-index:6;
	left: 215px;
	top: 324px;
}
#philosophie {
	position:absolute;
	width:246px;
	height:108px;
	z-index:2;
	left: 284px;
	top: 252px;
}

#book {
	position:absolute;
	width:143px;
	height:74px;
	z-index:3;
	left: 346px;
	top: 452px;
}
#agence {
	position:absolute;
	width:157px;
	height:71px;
	z-index:4;
	left: 43px;
	top: 225px;
}
#oeil {
	position:absolute;
	width:36px;
	height:35px;
	z-index:5;
	left: 15px;
	top: 556px;
}
#coordonnees {
	position:absolute;
	width:715px;
	height:22px;
	z-index:6;
	left: 58px;
	top: 564px;
}

#textespace {
	position:absolute;
	width:488px;
	height:87px;
	z-index:14;
	left: 236px;
	top: 251px;
}
div.row {
  clear: both;
  padding-top: 10px;
  }

div.row span.label {
  float: left;
  width: 150px;
  text-align: right;
  }

div.row span.formw {
  float: right;
  width: 335px;
  text-align: left;
  } 
 #id {
	position:absolute;
	width:492px;
	height:89px;
	z-index:1;
	left: 276px;
	top: 357px;
}


#formulaire {
	position:absolute;
	width:522px;
	height:240px;
	z-index:1;
	left: 223px;
	top: 194px;
}
#boutonenvoyer{
	position:absolute;
	width:65px;
	height:30px;
	z-index:1;
	left: 310px;
	top: 338px;
}
#boutonannuler {
	position:absolute;
	width:89px;
	height:28px;
	z-index:1;
	left: 404px;
	top: 339px;
}

#boutonentrer {
	position:absolute;
	width:133px;
	height:60px;
	z-index:1;
	left: 606px;
	top: 480px;
}
#code1 {
	position:absolute;
	width:200px;
	height:36px;
	z-index:15;
	left: 344px;
	top: 458px;
}

#code2 {
	position:absolute;
	width:284px;
	height:40px;
	z-index:2;
	left: 98px;
	top: 128px;
}
#boutonenvoyer1{
	position:absolute;
	width:65px;
	height:30px;
	z-index:1;
	left: 345px;
	top: 138px;
}
#formulairebis {
	position:absolute;
	width:522px;
	height:75px;
	z-index:1;
	left: 236px;
	top: 340px;
}
#maquettes {
	position:absolute;
	width:310px;
	height:174px;
	z-index:15;
	left: 291px;
	top: 316px;
}
#textemaquette {
	position:absolute;
	width:456px;
	height:32px;
	z-index:16;
	left: 219px;
	top: 264px;
}
#nom {
	position:absolute;
	width:330px;
	height:34px;
	z-index:17;
	left: 298px;
	top: 194px;
}

#catcha {
	position:absolute;
	width:52px;
	height:46px;
	z-index:1;
	left: -121px;
	top: -18px;
}
#code {
	position:absolute;
	width:284px;
	height:40px;
	z-index:2;
	left: 87px;
	top: 298px;
}


#titrepage2 {
	position:absolute;
	width:168px;
	height:42px;
	z-index:14;
	left: 134px;
	top: 194px;
}
#champlogo {
	position:absolute;
	width:98px;
	height:67px;
	z-index:15;
	left: 33px;
	top: 173px;
}
div#galerie
{
	position:absolute;
	width: 231px;
	left: 32px;
	top: 269px;
	height: 262px;
	overflow-y: scroll;
}

ul#galerie_mini
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}

ul#galerie_mini li
{
	float: left ;
}

ul#galerie_mini li a img
{
	margin: 2px 1px ;
	border: 4px ridge #009900 ;
}

dl#photo
{
	clear: both ;
	margin: 0 auto ;
}

dl#photo dt
{
	font-family: "Hobo Std";
	font-weight: bold;
	color: #333333;
	font-size: 16px;
	
	
}

dl#photo dd
{
	margin: 0 ;
}

dl#photo img
{
	border: 12px ridge #009900 ;
	  
	
}
	
#grandeimage {
	position:absolute;
	background:;
	width:424px;
	height:392px;
	z-index:1;
	left: 322px;
	top: 173px;
	
}

#titrephoto {position:absolute;
	background: ;
	width:423px;
	height:40px;
	z-index:1;
	left: -22px;
	top: 354px;}

#avancer {position:absolute;
	width:63px;
	height:30px;
	z-index:4;
	left: 375px;
	top: 353px;}
#boutonleprec {position:absolute;
	width:63px;
	height:30px;
	z-index:3;
	left: -13px;
	top: 353px;}
#boutondiaporama {position:absolute;
	width:47px;
	height:31px;
	z-index:5;
	left: 335px;
	top: 353px;}
#hidden {
	position:absolute;
	width:221px;
	height:26px;
	z-index:2;
	left: -244px;
	top: 10px;
}
#instructions {
	position:absolute;
	width:602px;
	height:42px;
	z-index:1;
	left: 56px;
	top: 503px;
}
img {
	border: none;
}

/* dock - top */
.dock {
	position: relative;
	height:160px;
	text-align: center;
	left: 250px;
	width: 400px;
	top: 15px;
}
.dock-container {
	position: absolute;
	height: 140px;

	background: ;
	padding-left: 20px;
	left: 252px;
}
a.dock-item {
	display: block;
	width: 143px;
	color: #000;
	position: absolute;
	top: -2px;
	text-align: center;
	text-decoration: none;
	font: bold 12px Arial, Helvetica, sans-serif;
	left: -46px;
	height: 154px;
}
.dock-item img {
	border: none; 
	margin:  5px 10px 0px; 
	width: 100%; 
}
.dock-item span {
	display: none; 
	padding-left: 20px;
}
.Style92 {font-size: 24px}
.Style94 {font-size: 70px}
.Style93 {
	font-size: 22px;
	color: #000000;
}
.Style95 {font-size: 22px}
.Style96 {color: #99000}
.Style95 {
	color: #990000;
	font-size: 14px;
}
.Style97 {
	color: #666666;
	font-family: "Times New Roman", Times, serif;
	font-size: 14;
}
.Style98 {color: #666666}
#texteinter {
	position:absolute;
	width:439px;
	height:56px;
	z-index:3;
	left: 71px;
	top: 86px;
}
.Style99 {font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; }
.Style100 {font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 12px}
#Layer6 {
	position:absolute;
	width:515px;
	height:49px;
	z-index:1;
	left: 76px;
	top: 39px;
}

#Layer10 {
	position:absolute;
	width:28px;
	height:23px;
	z-index:1;
	left: 39px;
	top: 59px;
}

#Layer12 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:5;
	left: 279px;
	top: 399px;
}
#Layer13 {
	position:absolute;
	width:29px;
	height:20px;
	z-index:4;
	left: 34px;
	top: 144px;
}
#Layer14 {
	position:absolute;
	width:29px;
	height:20px;
	z-index:1;
	left: 34px;
	top: 169px;
}
#Layer15 {
	position:absolute;
	width:29px;
	height:20px;
	z-index:1;
	left: 34px;
	top: 198px;
}
.Style101 {
	font-size: 13px;
	color: #333333;
}
.Style104 {font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #333333; }
.Style105 {color: #666666}
.Style110 {font-family: "Hobo Std"; font-size: 18px; color: #333333; }


#brochure {
	position:absolute;
	width:145px;
	height:145px;
	z-index:10;
	left: 465px;
	top: 25px;
}
#identite {
	position:absolute;
	width:140px;
	height:140px;
	z-index:11;
	left: 248px;
	top: 14px;
}
#Web {
	position:absolute;
	width:140px;
	height:140px;
	z-index:12;
	left: 494px;
	top: 122px;
}
#Mail {
	position:absolute;
	width:140px;
	height:140px;
	z-index:13;
	left: 127px;
	top: 182px;
}
#Media {
	position:absolute;
	width:140px;
	height:140px;
	z-index:14;
	left: 341px;
	top: 183px;
}
#icone {
	position:absolute;
	width:641px;
	height:341px;
	z-index:15;
	left: 130px;
	top: 219px;
}
#plaquette {
position:absolute;
	width:140px;
	height:140px;
	z-index:9;
	left: 30px;
	top: 30px;
	}