/* css gilles pailhe */

 /*on peut importer des feuilles de styles differentes soit dans un style principal et on en charge plusieurs, soit dans le html
	@import url(messtyles.css);*/
	
	
* {
	border:0;
	margin:0;
	padding:0;
	outline:none;
}
body,html {
	color:black;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	background-color:#fff;
	width:100%;
	height:100%;
	overflow:hidden;
	}
	
/*	css3
@font-face {font-family: Impact; src: url('../typo/impact.ttf');}*/


/*----------------- mail --------------------------*/



#mail {
	position:absolute;
	top:50%;
	left:50%;
	background-color:#333;
	margin-left:-250px;
	margin-top:-200px;
	width:500px;
	height:400px;
	z-index:90000;
	display:none;
}


/*----------------- liens -------------------------*/

a {text-decoration:none;cursor:pointer;color:#999;outline:none;}
a img {border:none;}


/*------------------ h1 h2 titre ------------------------*/

h1, h2 {display:none;}

#inner {
	position:absolute;
	top:15%;
	height:50%;	
	width:900px;
	left:10%;
	z-index:8000;
}

#titre {
	position:absolute;
	top:0;
	left:0;
	width:325px;
	height:130px;
}

.titre01 {
	position:absolute;
	top:145px;
	left:0;
	width:270px;
	height:40px;
	font-family:impact, sans-serif;
	font-size:28px;
	letter-spacing:0;
	color:#fff;
	text-align:center;
	padding-top:1px;
}

#titre-photo{
	position:absolute;
	top:0;
	left:0;
	width:325px;
	height:130px;
	background-color:white;
}

#titre-audio{
	position:absolute;
	top:0;
	left:0;
	width:325px;
	height:140px;
	background-color:#fff;
	z-index:8000;
}

#heure {
	position:absolute;
	top:0;
	left:0;
	width:270px;
	height:auto;
	font-family:arial;
	font-size:100px;
	padding-bottom:30px;
	letter-spacing:4px;
	text-align:center;
	border-bottom:2px solid #fff;
	color:white;
}

#ss-titre {
	position:absolute;
	top:125px;
	left:0px;
	font-size:13px;
	font-weight:bold;
	font-family:arial;
	width: 270px;
	height:20px;
	letter-spacing:4px;
	text-align:center;
	color:white;
}

.color_wh {
	color:#fff;
}

.bienvenu {
	position:absolute;
	top:50px;
	left:0;
	font-weight:bold;
	font-size:0.7em;
	text-align:justify;
	padding:2px 8px 2px 8px;

}

#text-defil {
	position:absolute;
	top:50px;
	left:0;
	width:100%;
	height:50px;
	font-weight:bold;
	font-size:11px;
	padding-left:8px;
	padding-right:12px;
}

/*------------------ menu ----------------------------*/
#menu{font-style:normal;}
#menu a {text-decoration:none; color:black;}
#menu a:hover {color: #fff;}

.menublanc{color:white;}

#barre {
	position:absolute;
	top:0;
	right:740px;
	height:90px;
	width:100%;
	background-color:#000;
	background-image:url(../img/logo/logo.jpg);
	background-repeat:no-repeat;
	background-position:right;

}
#retour {
	position:absolute;
	top:0;
	right:0;
	width:90px;
	height:90px;
	cursor:pointer;
}

#retour:hover span {
	width:90px;
	height:90px;
	display:block;
}

#moi {
	position:absolute;
	bottom:4%;
	left:0;
	width:90px;
	height:90px;
	z-index:2000;
}
#menu {
	position:absolute;
	right:0;
	bottom:4%;
	width:100%;
	height:90px;
	z-index:7000;
}
/*
@font-face {
	font-family: impact;
	src: url('impact.ttf');
}*/
ul {text-decoration:none; color:black;
	font-family:impact, sans-serif;
	font-weight:normal;
	list-style:none;
	position:absolute;
	top:0;
	right:0;
	width:730px;
	height:90px;
}
.audio {
	position:absolute;
	top:-14px;
	left:0;
	font-size:4.3em;
	letter-spacing:-2px;	
}
.photo {
	position:absolute;
	top:-14px;
	left:332px;
	font-size:4.3em;
	letter-spacing:-2px;
}
.bio {
	position:absolute;
	bottom:-8px;
	left:-2px;
	font-size:2.5em;
	letter-spacing:1px;
}
.liens {
	position:absolute;
	bottom:-8px;
	left:270px;
	font-size:2.5em;
	letter-spacing:1px;
}
.critique {
	position:absolute;
	bottom:-8px;
	left:291px;
	font-size:2.5em;
	letter-spacing:0;
}
.extra {
	position:absolute;
	bottom:-8px;
	left:455px;
	font-size:2.5em;
	letter-spacing:1px;
}

/*------------------ panel infos/contact -------------------*/

#vertical_slide {
	height:60px;
	background-color:#000;

}
#v_toggle {
	position:absolute;
	line-height:35px;
	bottom:-38px;
	right:20%;
	z-index:7500;
	font-weight:bold;
	font-size:0.8em;
	background-color:#000;
	height:38px;
	background-image:url(../img/infoscontact/login_m.jpg) ;
}
#panel-left {
	position:absolute;
	bottom:0;
	left:-45px;
	width:45px;
	height:38px;
}
#panel-right {
	position:absolute;
	bottom:0;
	right:-45px;
	width:45px;
	height:38px;
}

#panel-bottom {
	font-size:0;
	position:absolute;
	bottom:-8px;
	left:0;
	width:100%;
	height:8px;
	background-image:url(../img/infoscontact/login_top.jpg);
	background-position:bottom;

}

#panel {
	margin-bottom: 10px;
	z-index:9000;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	background-color:#000;
}

#infos-contact {
	position:absolute;
	bottom:4px;
	height:50px;
	width:800px;
	margin-left:-400px;
	left:50%;
	font-size:0.6em;
	font-weight:bold;
	color:#fff;
}

#infos-contact a:hover {color:#666;}

#infos {
	position:absolute;
	top:0;
	left:0;
	height:45px;
	width:300px;
	border-right:1px solid #ccc;
}

#hebergement {
	position:absolute;
	top:0;
	left:320px;
	height:45px;
	width:225px;
	border-right:1px solid #ccc;
}

#contact {
	position:absolute;
	top:0;
	right:10px;
	height:45px;
	width:220px;
}