body{
	background-image : URL(none);
	background-color : #000;
	text-align : left;
	font-family : verdana, arial, helvetica, sans-serif;
	margin: 0px;
	font-size : 80%;
}


#logo {
	position : absolute;
	z-index : 5;
	margin-top: 19px;
	margin-left: 10px;
	width : 205px;
	height : 80px;
	/*border: 1px green solid;*/
}
#logo2 {
	position : absolute;
	z-index : 5;
	margin-top: 19px;
	right: 25px;
	width : 2px;
	height : 80px;
	/*border: 1px green solid;*/
}
#intrologo {
	position : absolute;
	z-index : 5;
	margin-top: 17px;
	margin-left: 10px;
	width : 220px;
	height : 100px;
	/*border: 1px green solid;*/
}


html {
overflow: none;
}

/*Central pictures all pages*/
#pic1, #pic2, #pic3, #pic4,
#pic5, #pic6, #pic7,
#pic8, #pic9, #pic10,
#pic11, #pic12, #pic13,
#pic14, #pic15, #pic16,
#pic17, #pic18, #pic19,
#pic20, #pic21, #pic22,
#pic23,#pic24, #pic25,
#pic26, #pic27, #pic28,
#pic29, #pic30, #pic31,
#pic32, #pic33, #pic34,
#pic35, #pic36, #pic37, 
#pic38, #pic39, #pic40,
#pic41, #pic42, #pic43, 
#pic44, #pic45, #pic46, 
#pic47, #pic48,{
	position : absolute;
	z-index : 5;
	width : 400px;
	height : 600px;
	visibility : hidden;
	border: 1px green solid;*/
}

#pic0 {
	position : absolute;
	z-index : 5;
	width : 600px;
	height : 400px;
	visibility : visible;
	/*border: 1px yellow solid;*/
}



#menu2 {
	position : relative;
	margin-left : auto;
	margin-right : auto;
	bottom : 6px;
	z-index : 5;
	width : 755px;
	height : 30px;
	/*border: 1px yellow solid;*/
}

#menu {
	position : relative;
	margin-left : auto;
	margin-right : auto;
	bottom : 22px;
	z-index : 5;
	width : 755px;
	height : 0px;
	/*border: 1px yellow solid;*/
}

#link1{
	position : absolute;
	margin-left : 110px;
	margin-top: 0px;
	width : 77px;
	height : 28px;
	text-indent: 0px; 
	overflow: hidden;
	background: URL(images/menu/nature.jpg) top left no-repeat; 
	display: block; 

	/*border : 1px orange solid;*/
}

#link1:hover { 
	background-position: bottom left; 
}


#link2{
	position : absolute;
	margin-left : 198px;
	margin-top: 0px;
	text-indent: 0px; 
	overflow: hidden;
	background: URL(images/menu/animals.jpg) top left no-repeat; 
	display: block; 
	width : 103px;
	height : 28px;
	/*border : 1px green solid;*/
}

#link2:hover { 
	background-position: bottom left; 
}

#link3{
	position : absolute;
	margin-left : 312px;
	margin-top: 0px;
	text-indent: 0px; 
	overflow: hidden;
	background: URL(images/menu/urbain.jpg) top left no-repeat; 
	display: block; 
	width : 75px;
	height : 28px;
	/*border : 1px green solid;*/
}

#link3:hover { 
	background-position: bottom left; 
}

#link4{
	position : absolute;
	margin-left : 402px;
	margin-top: 0px;
	text-indent: 0px; 
	overflow: hidden;
	background: URL(images/menu/gens.jpg) top left no-repeat; 
	display: block; 
	width : 56px;
	height : 28px;
	/*border : 1px green solid;*/
}

#link4:hover { 
	background-position: bottom left; 
}


#link5{
	position : absolute;
	margin-left : 468px;
	margin-top: 0px;
	text-indent: 0px; 
	overflow: hidden;
	background: URL(images/menu/divers.jpg) top left no-repeat; 
	display: block; 
	width : 65px;
	height : 28px;
	/*border : 1px green solid;*/
}


#link5:hover { 
	background-position: bottom left; 
}



#link6{
	position : absolute;
	margin-left : 0px;
	margin-top: 3px;
	text-indent: 0px; 
	overflow: hidden;
	background: URL(images/menu/about.jpg) top left no-repeat; 
	display: block; 
	width : 97px;
	height : 28px;
	/*border : 1px green solid;*/
}

#link6:hover { 
	background-position: bottom left; 
}


#link7{
	position : absolute;
	margin-left : 662px;
	margin-top: 3px;
	text-indent: 0px; 
	overflow: hidden;
	background: URL(images/menu/joindre.jpg) top left no-repeat; 
	display: block; 
	width : 91px;
	height : 28px;
	/*border : 1px green solid;*/
}
 
  
#link7:hover { 
	background-position: bottom left; 
}
#link8{
	position : absolute;
	margin-left : 550px;
	margin-top: 5px;
	text-indent: 0px; 
	overflow: hidden;
	background: URL(images/menu/mariages.jpg) top left no-repeat; 
	display: block; 
	width : 100px;
	height : 28px;
	/*border : 1px green solid;*/
}
 
  
#link8:hover { 
	background-position: bottom left; 
}

#motioncontainer a img{ /*image border color*/
border : 1px black solid ;
}

#motioncontainer a:hover img{ /*image border hover color*/
border : 1px black solid;
}

#motioncontainer a:hover{
color : red; /* Dummy definition to overcome IE bug */
}

/* all info show up in here */
#apropos {

	z-index : 10px;
	top : 25px;
	position : relative;
	margin-left : auto;
	margin-right : auto;
	width : 800px;
	height : 435px;
	/*border: 2px blue solid;*/
}

#float {
	position : absolute;
	background-image : URL(images/marc.jpg);
	background-repeat: no-repeat;
	left : -20px;
	width :96px;
	height :144px;
	z-index : 10;
	border: 1px solid #ffd100;
	
}

/*chemin de vie text*/
#apropostext {
	position : absolute;
	text-align : justify;	
	left :90px;
	width :270px;
	height :106px;
	z-index : 10;
	/*border: 1px red solid;*/
}
#apropostext2 {
	position : absolute;
	text-align : justify;
	margin-top: 150px;	
	left : -20px;
	width :380px;
	height :50px;
	z-index : 10;
	/*border: 1px yellow solid;*/
}
#apropospolaroids {
	position : absolute;
	background-image : URL(images/polaroids.jpg);
	background-repeat: no-repeat;
	text-align : justify;
	margin-top: 20px;	
	right : -40px;
	width :400px;
	height :450px;
	z-index : 10;
	/*border: 1px yellow solid;*/
}
#arrows {
	position : relative;
	background-image : URL(images/arrows.jpg);
	background-repeat: no-repeat;
	top: -33px;	
	margin-left : auto;
	margin-right : auto;
	width :255px;
	height :15px;
	z-index : 10;
	/*border: 1px yellow solid;*/
}
/* Large pix show up in here */
#frame {

	z-index : 10px;
	top : 20px;
	position : relative;
	margin-left : auto;
	margin-right : auto;
	width : 600px;
	height : 400px;
	/*border: 1px blue solid;*/
}
#constructionframe {

	z-index : 10px;
	top : 200px;
	position : relative;
	margin-left : auto;
	margin-right : auto;
	width : 800px;
	height : 400px;
	/*border: 2px blue solid;*/
}
#introframe {

	z-index : 10px;
	top : 50px;
	position : relative;
	margin-left : auto;
	margin-right : auto;
	width : 900px;
	height : 400px;
	/*border: 2px blue solid;*/
}

#entrer { 
    background-image: none; 
	margin-left : 850px;
	margin-top: 10px;
	height: 27px; 
	width: 72px; 
	text-indent: 0px; 
	/*border: 2px blue solid;*/
	
} 
#contactarea {

	z-index : 5px;
	top : 50px;
	position : relative;
	margin-left : auto;
	margin-right : auto;
	width : 900px;
	height : 435px;
	/*border: 1px red solid;*/
}
#contactflash {

	z-index : 5px;
	top : 0px;
	position : absolute;
	left : 0px;
	width : 400px;
	height : 400px;
	/*border: 1px red solid;*/
}
#contactinfoarea {

	z-index : 10px;
	top : 70px;
	position : absolute;
	left : 415px;
	width : 450px;
	height : 302px;
	/*border: 2px blue solid;*/
}
#contactform {

	z-index : 10px;
	top : 0px;
	position : absolute;
	left : 225px;
	width : 200px;
	height : 300px;
	/*border: 1px yellow solid;*/
}
#addressinfo {

	z-index : 10px;
	top : 0px;
	position : absolute;
	left : 20px;
	width : 225px;
	height : 300px;
	/*border: 1px green solid;*/
}
#mouse { 
	margin-left : 0px;
	margin-top: 0px;
	height: 34px; 
	width: 130px; 
	text-indent: 0px; 
	overflow: hidden; 
	background: URL(images/merc/menu/mouse.jpg) top left no-repeat; 
	display: block; 
} 
  
#mouse:hover { 
	background-position: bottom left; 
}

input { 
 background-color: #737373; 
 color: #ffffff;
}
textarea { 
 background-color: #737373; 
 color: #ffffff; 
}
/* menu class */
.menu { 
   background-color : none;
   color : #496012;
   font-weight : bold;
   text-decoration : none;
} 

.menu:visited { 
   background-color : none;
   color : #496012;
   font-weight : bold;
   text-decoration : none;
} 

.menu:active { 
   background-color : none;
   color : #FB9107;
   font-weight : bold;
   text-decoration : none;
} 

.menu:hover {
   background-color : none;
   color : #00446b;
}

.boldclass {
	font-weight : bold;
	font-family: arial,verdana,helvetica,sans-serif;
	font-style: regular;
	color : #fff;
}

.boldclass2 {
	font-weight : bold;
	font-family: arial,verdana,helvetica,sans-serif;
	font-style: regular;
	font-size :130%;
}

.yellowitalclass {
	font-weight : regular;
	font-family: arial,verdana,helvetica,sans-serif;
	font-style: italic;
	color : #927800;
}
.whitetext {
	font-weight : regular;
	font-family: arial,verdana,helvetica,sans-serif;
	font-style: regular;
	color : #737373;
}
.whitetext2 {
	font-weight : regular;
	font-family: arial,verdana,helvetica,sans-serif;
	font-style: regular;
	font-size :120%;
	color : #737373;
}
.smallwhitetext {
	font-weight : regular;
	font-family: arial,verdana,helvetica,sans-serif;
	font-style: regular;
	color : #4d4d4d;
	font-size :70%;
}
.red {
	font-weight : regular;
	font-family: arial,verdana,helvetica,sans-serif;
	font-style: regular;
	color : red;
}
.txNoInd1 {
	text-align : justify;
	margin-top : 0px;
	margin-left : 0px;
	margin-right : 0px;
	padding-bottom: 0px;
	/*border : 1px red solid;*/
}

.txNoInd0 {
	text-align : justify;
	margin-top : 0px;
	margin-left : 10px;
	margin-right : 10px;
	padding-bottom: 0px;
	/*border : 1px red solid;*/
}

hr.redtopline {
	border:0;
	border-top: 1px solid #a40000;
	height: 0;
	background: #a40000;
	margin-top: 44px;
	margin-left : 0px;
	margin-right : 0px;
}

hr.redbottomline {
	border:0;
	border-top: 1px solid #a40000;
	height: 0;
	background: #a40000;
	margin-top: 75px;
	margin-left : 0px;
	margin-right : 0px;
}
hr.greentopline {
	border:0;
	border-top: 1px solid #158404;
	height: 0;
	background: #a40000;
	margin-top: 44px;
	margin-left : 0px;
	margin-right : 0px;
}

hr.greenbottomline {
	border:0;
	border-top: 1px solid #158404;
	height: 0;
	background: #a40000;
	margin-top: 75px;
	margin-left : 0px;
	margin-right : 0px;
}
hr.yellowtopline {
	border:0;
	border-top: 1px solid #ffd100;
	height: 0;
	background: #a40000;
	margin-top: 44px;
	margin-left : 0px;
	margin-right : 0px;
}

hr.yellowbottomline {
	border:0;
	border-top: 1px solid #ffd100;
	height: 0;
	background: #a40000;
	margin-top: 75px;
	margin-left : 0px;
	margin-right : 0px;
}
hr.greytopline {
	border:0;
	border-top: 1px solid #737373;
	height: 0;
	background: #a40000;
	margin-top: 44px;
	margin-left : 0px;
	margin-right : 0px;
}

hr.greybottomline {
	border:0;
	border-top: 1px solid #737373;
	height: 0;
	background: #a40000;
	margin-top: 75px;
	margin-left : 0px;
	margin-right : 0px;
}
hr.bluetopline {
	border:0;
	border-top: 1px solid #0017d1;
	height: 0;
	background: #a40000;
	margin-top: 44px;
	margin-left : 0px;
	margin-right : 0px;
}

hr.bluebottomline {
	border:0;
	border-top: 1px solid #0017d1;
	height: 0;
	background: #a40000;
	margin-top: 75px;
	margin-left : 0px;
	margin-right : 0px;
}

hr.purpletopline {
	border:0;
	border-top: 1px solid #430282;
	height: 0;
	background: #a40000;
	margin-top: 44px;
	margin-left : 0px;
	margin-right : 0px;
}

hr.purplebottomline {
	border:0;
	border-top: 1px solid #430282;
	height: 0;
	background: #a40000;
	margin-top: 75px;
	margin-left : 0px;
	margin-right : 0px;
}

hr.browntopline {
	border:0;
	border-top: 1px solid #8a5400;
	height: 0;
	background: #a40000;
	margin-top: 44px;
	margin-left : 0px;
	margin-right : 0px;
}

hr.brownbottomline {
	border:0;
	border-top: 1px solid #8a5400;
	height: 0;
	background: #8a5400;
	margin-top: 75px;
	margin-left : 0px;
	margin-right : 0px;
}
hr.purpytopline {
	border:0;
	border-top: 1px solid #6a75ff;
	height: 0;
	background: #a40000;
	margin-top: 44px;
	margin-left : 0px;
	margin-right : 0px;
}

hr.purpybottomline {
	border:0;
	border-top: 1px solid #6a75ff;
	height: 0;
	background: #8a5400;
	margin-top: 75px;
	margin-left : 0px;
	margin-right : 0px;
}
hr.pinktopline {
	border:0;
	border-top: 1px solid #fb9bff;
	height: 0;
	background: #a40000;
	margin-top: 44px;
	margin-left : 0px;
	margin-right : 0px;
}

hr.pinkbottomline {
	border:0;
	border-top: 1px solid #fb9bff;
	height: 0;
	background: #8a5400;
	margin-top: 75px;
	margin-left : 0px;
	margin-right : 0px;
}
	/*needed for hover effect on menu;*/
img {
	border: 0px;
	filter: progid:DXImageTransform.Microsoft.Fade(Overlap=1.00,Duration=0.4,);
}