* {
  margin:0;
  padding:0;
}

html,body {
  height: 100%;
}

body {
  margin:0;
}

a {
	text-decoration:none;
	color: #000;
}

a:hover {
	text-decoration:none;
}

#menu {
  position: fixed;
  left: 5px;
  top:10px;
  z-index: 1;
  color: #AEACAA;
  background:url(../images/bgmenu.png);
  width: 306px;
  height: 312px;
}

#menu ul {
	/*position: absolute;
	top: 120px;
	left:30px;*/
	list-style:none;
	width: 200px;
}

#menu #link1 {
	background:url(../images/bouton-home2.png) no-repeat;
	position: absolute;
	top: 122px;
	left:30px;
	width:85px;
	height:35px;
	display:block;
}

#menu #link1:hover {
	background:url(../images/bouton-home2-entoure.png) no-repeat;
	width:85px;
	height:35px;
	display:block;
}

#menu #link2 {
	background:url(../images/bouton-profil2.png) no-repeat;
	position: absolute;
	top: 160px;
	left:38px;
	width:95px;
	height:35px;
	display:block;
}

#menu #link2:hover {
	background:url(../images/bouton-profil2-entoure.png) no-repeat;
	width:95px;
	height:35px;
	display:block;
}
#menu #link3 {
	background:url(../images/bouton-prestation2.png) no-repeat;
	position: absolute;
	top: 183px;
	left:20px;
	width:150px;
	height:62px;
	display:block;
}

#menu #link3:hover {
	background:url(../images/bouton-prestation2-entoure.png) no-repeat;
	width:150px;
	height:62px;
	display:block;
}
#menu #link4 {
	background:url(../images/bouton-contact2.png) no-repeat;
	position: absolute;
	top: 235px;
	left:47px;
	width:100px;
	height:41px;
	display:block;
}

#menu #link4:hover {
	background:url(../images/bouton-contact2-entoure.png);
	width:100px;
	height:41px;
	display:block;
}
#menu #link1 {
	background:url(../images/bouton-home2.png) no-repeat;
	width:85px;
	height:35px;
	display:block;
}

#menu #link1:hover {
	background:url(../images/bouton-home2-entoure.png);
	width:85px;
	height:35px;
	display:block;
}

#menu .lang .fr {
  background: url(../images/fr.png) no-repeat;
  width: 73px;
  height: 60px;
  display: block;
  text-indent: -9999px;
  left: 190px;
  top: 90px;
  position: absolute;
}

#menu .lang .en {
  background: url(../images/en.png) no-repeat;
  width: 67px;
  height: 60px;
  display: block;
  text-indent: -9999px;
  left: 190px;
  top: 150px;
  position: absolute;
}

#menu .lang .he {
  background: url(../images/il.png) no-repeat;
  width: 73px;
  height: 60px;
  display: block;
  text-indent: -9999px;
  left: 190px;
  top: 210px;
  position: absolute;
}

#main {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow:hidden;
}

  #aboutus {
    background: url('../images/home.jpg');
    width: 1480px;
    height:750px;
    top:0;
    left:0;
    position: absolute;
  }

	#aboutus #carte-michael a {
		display:block;
		text-indent:-9999px;
		background:url(../images/carte-michael.png) no-repeat;
		width: 137px;
		height:135px;
		position:absolute;
		top: 85px;
		left: 430px;
	}

	#aboutus #carte-michael a:hover {
		display:block;
		text-indent:-9999px;
		background:url(../images/carte-michael-hover.png) no-repeat;
		width: 137px;
		height:135px;
	}

	#aboutus #carte-jeremy a {
		display:block;
		text-indent:-9999px;
		background:url(../images/carte-jeremy.png) no-repeat;
		width: 143px;
		height:145px;
		position:absolute;
		top: 395px;
		left: 395px;
	}

	#aboutus #carte-jeremy a:hover {
		display:block;
		text-indent:-9999px;
		background:url(../images/carte-jeremy-hover.png) no-repeat;
		width: 143px;
		height:145px;
	}

	#aboutus #txtPresentation {
    position:absolute;
    width:270px;
    height:350px;
    top: 132px;
    left: 642px;
	}

  #aboutus #txtContent {
    width: 270px;
    height: 350px;
    color:#000;
    font-family:"Courier New", Courier, monospace;
    /*font-size:60%;*/
    font-size:12px;
    line-height: 12px;
    font-weight: 100;
    text-align: left;
  }

	#aboutus #moreinfo {
		position:absolute;
		left: 795px;
		top: 500px;
	}


  #milieugauche {
    background: url('../images/milieugauche.jpg');
    width: 1480px;
    height:171px;
    top:750px;
    left:0;
    position: absolute;
  }


  #presentation {
    background: url('../images/portfolio.jpg');
    width: 1480px;
    height:1079px;
    top:921px;
    left:0;
    position: absolute;
  }

  #presentation #cover {
    position: absolute;
    top: 115px;
    left: 375px;
  }

  #presentation #carousel {
    position: absolute;
    top: 105px;
    left: 90px;
  }

  #centre {
    background: url('../images/centre.jpg') top no-repeat;
    width: 794px;
    height:2000px;
    top:0px;
    left:1480px;
    position: absolute;
  }

  #prestations {
    background: url('../images/service.jpg');
    width: 1487px;
    height:750px;
    top:0px;
    left:2274px;
    position: absolute;
  }

	#prestations	#prestationsScroll {
		position:absolute;
		top: 111px;
		left: 328px;
		width: 627px;
		height: 316px;
		overflow:hidden;
		font-family: 'Trebuchet MS',Verdana, Arial, Helvetica, sans-serif;
		font-size:9.5pt;
		color: #333;
	}

	#prestations	#prestationsScroll h1{
		color:#fff;
		font-variant:small-caps;
	}

	#prestations	#bevadayContainer {
		position:relative;
		top: 0px;
		left: 0px;
		width: 627px;
		height: 316px;
		padding:0px;
		background: url(../images/bevaday.png) no-repeat;
	}

	#prestations	#bevadayContainer h1 {
		padding-left: 10px;
		color:#fff;
	}

	#prestations	#bevadayContainer div {
		padding: 10px;
		font-size:12px;
		line-height:13px;
		text-align:justify;
	}

	#prestations	#creativiteContainer {
		position:relative;
		top: 0px;
		left: 0px;
		width: 627px;
		height: 316px;
		padding:0px;
    background: url(../images/creativite.png) no-repeat;
	}

    #prestations #creativiteContainer h1 {
      color: #B67F49;
      text-align: right;
      padding-right: 10px;
    }

    #prestations #creativiteContainer div {
      background: #fff;
			float:right;
      color: #333;
      width:330px;
      padding: 3px;
			padding-right:10px;
			padding-top: 10px;
			font-size:12px;
			line-height:13px;
			text-align:justify;
    }

	#prestations	#simpliciteContainer {
		position:relative;
		top: 0px;
		left: 0px;
		width: 627px;
		height: 316px;
		padding:0px;
    background: url(../images/simplicite.png) no-repeat;
	}

    #prestations #simpliciteContainer h1 {
      color: #B72E28;
      text-align: left;
      padding-left: 10px;
    }

    #prestations #simpliciteContainer div {
      color: #000;
      width:300px;
      padding: 10px;
			padding-top: 7px;
			font-size:12px;
			line-height:13px;
			text-align:justify;
    }

	#prestations	#agiliteContainer {
		position:relative;
		top: 0px;
		left: 0px;
		width: 627px;
		height: 316px;
		padding:0px;
    background: url(../images/agilite.png) no-repeat;
	}

    #prestations #agiliteContainer h1 {
      color: #454B57;
      text-align: right;
      padding-right: 20px;
    }

    #prestations #agiliteContainer div {
      width:410px;
      padding: 10px;
			padding-top:8px;
			float:right;
			font-size:11px;
			line-height:13px;
			text-align:justify;
    }

		#prestations #agiliteContainer p {
			margin-bottom:9px;
		}

	#prestations	#prestationsMenu {
		background:#fff;
		border-top: 1px solid #BBB9B9;
		position:absolute;
		top: 428px;
		left: 328px;
		width: 626px;
		height: 31px;
	}

    #prestations  #prestationsMenu ul {
      list-style:none;
      position:relative;
      left: 120px;
      top:-1px;
    }

    #prestations  #prestationsMenu ul {
      list-style:none;
      position:relative;
      left: 120px;
    }

      #prestations  #prestationsMenu ul li{
        float:left;
        /*margin-top: -1px;*/
        display:block;
      }

        #prestations  #prestationsMenu li a{
          text-decoration: none;
          font-family: 'Trebuchet MS',Verdana, Arial, Helvetica, sans-serif;
          font-variant:small-caps;
          font-size:0.96em;
          color: #000;
          text-align: center;
          line-height:25px;
          height: 25px;
          z-index: 10;
          letter-spacing: 0;
          display: block;
          padding-left:10px;
          padding-right:10px;
          margin-left:10px;
          margin-right:10px;
        }

        #prestations  #prestationsMenu li a:hover{
          background:#fff;
          border-left:1px solid #BBB9B9;
          border-right:1px solid #BBB9B9;
          border-bottom:1px solid #BBB9B9;
          margin-left:9px;
          margin-right:9px;
        }

        #prestations  #prestationsMenu li a.active{
          background:#fff;/*#F2F2F5;*/
          border-left:1px solid #BBB9B9;
          border-right:1px solid #BBB9B9;
          border-bottom:1px solid #BBB9B9;
          margin-left:9px;
          margin-right:9px;
        }

  #milieudroit {
    background: url('../images/milieudroit.jpg');
    width: 1487px;
    height:171px;
    top:750px;
    left:2274px;
    position: absolute;
  }

  #contact {
    background: url('../images/contact.jpg');
    width: 1487px;
    height:1079px;
    top:921px;
    left:2274px;
    position: absolute;
  }

		#contact #iphone a {
			display:block;
			background:url(../images/iphone.png);
			width:307px;
			height:428px;
			position:absolute;
			top: 130px;
			left: 460px;
		}

		#contact #iphone a:hover{
			display:block;
			background:url(../images/iphone-hover.png);
			width:307px;
			height:428px;
		}


#iphonebg {
  background:url(../images/iphone-zoom.png) no-repeat;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/iphone-zoom.png');
  _background:none;
  height: 500px;
  width: 265px;
  position:absolute;
  top:0;
  left:0;
  z-index:-1;
}

#iphonecontact {
  height: 500px;
  width: 265px;
  position:absolute;
  top:0;
  left:0;
  z-index:50;
}

#iphonecontact #heure {
	position:relative;
	top: 85px;
	left: 172px;
	font-family: Verdana,sans-serif;
	font-weight:bold;
	font-size:12px;
	width:30px;
}

#iphonecontact #contactform {
	position:relative;
	top: 125px;
	left: 25px;
	width: 215px;
	height:245px;
}

#iphonecontact #contactform p{
	margin-bottom:5px;
}

#iphonecontact #contactform label{
	display:block;
	color: #fff;
	font-size:12px;
	font-weight:bold;
	margin-bottom:5px;
}

#iphonecontact #contactform textarea{
	width: 210px;
	height:90px;
}

#iphonecontact #contactform input{
  width:210px;
}

#iphonecontact #contactform .inputsubmit{
  position: absolute;
  left: 22px;
  top: 257px;
  width:173px;
  height:18px;
  text-align: center;
}

#iphonecontact #contactform .inputsubmit a{
  color: #fff;
  font-weight: bold;
  letter-spacing: 5px;
}

.msg {
  color: #fff;
  font-size: 14px;
  text-align: center;
  margin-top: 50px;
  font-weight: bold;
}