*{
	margin:0;
	padding:0;
}
body{
	background: url(../images/bg-min.jpg) no-repeat center fixed; 
  -webkit-background-size: cover; /* pour anciens Chrome et Safari */
  background-size: cover; /* version standardisée */
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:lighter;
	color: #fff;
	overflow:hidden;
}

.titr { width:80%;margin-left:13%;font-size:18pt; line-height:32pt; color:#6a4c31; font-weight:bold; font-family: "BenguiatGot Bk BT", "Benguiat Gothic", cursive;color:#239bd2;}

#me{
	/*background: url(../bg.png) no-repeat bottom center;
	background-size: 67%;*/
	position:absolute;
	width:100%;
	height:100%;
	/*margin-top:-50px;*/
	z-index:-2;
}

#web0{
	position:absolute;
	width:100%;
	height:100%;
	z-index:-1;
	/*margin-top:1.5%;*/
}

#div-cont{
	position:absolute;
	width:100%;
	height:100%;
	z-index:0;
}

#web{
	width:17%;
	height:45em;
	background: url(../images/fon-web.png) no-repeat bottom center;
	background-size: 100% 100%;
	/*background-color:#FFCC66;
	opacity:0.7;*/
	margin-left:45%;
	-ms-transform: rotate(1.4deg); /* IE 9 */
    -webkit-transform: rotate(1.4deg); /* Chrome, Safari, Opera */
    transform: rotate(1.4deg);
	padding-top:1.5%;
}

.liens {width:82%;margin-left:13%;text-align:center;padding:1.5% 0 1.5% 0px; font-size:90%; line-height:90%; text-transform:uppercase;}
.liens a {color:#554a45;text-decoration:none;}
.liens a:hover {color:#ffffff;}
.liens a:visited {color:#999966;}
.liens:hover {background: url(../images/barre.png) no-repeat bottom center;background-size: 100% 100%;}

#fbb{
	position:absolute;
	width:100%;
	height:100%;
	z-index:-1;
}

.pp_loading{
	display:none;
	position:fixed;
	top:50%;
	left:50%;
	margin:-35px 0px 0px -35px;
	background:#fff url(../icons/loader.gif) no-repeat center center;
	width:70px;
	height:70px;
	z-index:999;
	opacity:0.7;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
.pp_next, .pp_prev{
	cursor:pointer;
	top:50%;
	margin-top:-16px;
	width:32px;
	height:32px;
	position:fixed;
	text-align:center;
	border:1px solid #111;
	color:#fff;
	-moz-box-shadow:0px 0px 3px #000;
	-webkit-box-shadow:0px 0px 3px #000;
	box-shadow:0px 0px 3px #000;
}
.pp_next{
	right:-40px;
	background:#222 url(../icons/next.png) no-repeat center center;
}
.pp_prev{
	left:-40px;
	background:#222 url(../icons/prev.png) no-repeat center center;
}
#pp_thumbContainer{
	position:fixed;
	bottom:0px;
	left:0px;
	height:65px;
	width:100%;
}
#pp_thumbContainer .album{
	position:absolute;
	width:200px;
	height:65px;
	bottom:-90px;
}
.album .descr,
.pp_back{
	position:absolute;
	bottom:0px;
	left:-16px;
	background:#222;
	text-align:center;
	border:1px solid #111;
	padding:5px;
	cursor:pointer;
	width:169px;
	color:#fff;
	cursor:pointer;
	text-shadow:0px 0px 1px #fff;
	-moz-box-shadow:1px 1px 4px #000;
	-webkit-box-shadow:1px 1px 4px #000;
	box-shadow:1px 1px 4px #000;
	margin-left:15px;
	margin-right:15px;
}
.pp_back{
	text-transform:uppercase;
	bottom:120px;
	left:-100px;
	width:80px;
}
#pp_thumbContainer .content{
	position:absolute;
	top:0px;
	height:155px;
	cursor:pointer;
}
#pp_thumbContainer img{
	border:5px solid #fff;
	-moz-box-shadow:1px 1px 7px #000;
	-webkit-box-shadow:1px 1px 7px #000;
	box-shadow:1px 1px 7px #000;
}
#pp_thumbContainer .content span{
	display:none;
}
.pp_preview{
	position:fixed;
	top:150%;
	left:50%;
}
.pp_preview img{
	position:absolute;
	top:0px;
	left:0px;
	border:10px solid #fff;
	border-bottom:45px solid #fff;
	-moz-box-shadow:1px 1px 7px #000;
	-webkit-box-shadow:1px 1px 7px #000;
	box-shadow:1px 1px 7px #000;
}
.pp_descr{
	height:45px;
	line-height:45px;
	font-size:20px;
	width:100%;
	bottom:0px;
	left:0px;
	position:absolute;
	text-align:center;
	color:#00021c;
}

<!--/////////////////////////////////////////////////-->

#contact {
	position:absolute;
	text-align:center;
	height:150%;
	width:100%;
	z-index:10002;
	background-color:#FF3333;
	/*opacity:0.75;
	z-index: 9;
	display:table;
	visibility:hidden;*/
}


#bout-contact {
	position:absolute;
	text-align:center;
	display:table-cell;
	height:45%;
	width:15%;
	margin-top:-50px;
	margin-left:13%;
	cursor:pointer;
	z-index: 3;
}

#form-contact {
position:absolute;
width:100%;
height:100%;
z-index:1001;
visibility:hidden;
opacity:0.9;
}

#powerpoint1 {
position:absolute;
width:100%;
height:100%;
z-index:1001;
visibility:hidden;
opacity:0.9;
}

#powerpoint2 {
position:absolute;
width:100%;
height:100%;
z-index:1001;
visibility:hidden;
opacity:0.9;
}

/*///////////////////////////////////// Formulaire ///////////////////////////////////*/


#tete {
	text-align:center;
	width:32%;
	color:#CCCCCC;
	/*padding-top:10px;*/
	font-size:30px;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	background-color:#333333;
	border-radius:5px;
	opacity:0.9;
}


form {
	width:25%;
	margin:0 auto;
}

label {
	display:block;
	margin-top:20px;
	letter-spacing:2px;
}

input, textarea {
	width:95%;
	background:#efefef;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #dedede;
	padding:10px;
	margin-top:3px;
	font-size:0.9em;
	color:#3a3a3a;
}

select {
	width:100%;
	background:#efefef;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #dedede;
	padding:10px;
	margin-top:3px;
	font-size:0.9em;
	color:#3a3a3a;
}

	input:focus, textarea:focus, select:focus {
		border:1px solid #97d6eb;
	}

textarea {
	font-family:Arial, Helvetica, sans-serif;
	background:url(images/textarea-bg.jpg) right no-repeat #efefef;
}

#submit {
	background:url(../images/submit.png);
	width:127px;
	height:38px;
	text-indent:-9999px;
	border:none;
	margin-top:20px;
	cursor:pointer;
}

	#submit:hover {
		opacity:0.9;
	}