/* Lightbox */
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(lightbox2/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(lightbox2/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(lightbox2/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}

/* Général */
body {
	background-color: #FFFFFF;
	text-align: center;
	SCROLLBAR-face-color:white;
SCROLLBAR-HIGHLIGHT-COLOR: white;
SCROLLBAR-SHADOW-COLOR: white;
SCROLLBAR-3DLIGHT-COLOR:white;
SCROLLBAR-ARROW-COLOR: #999999;
SCROLLBAR-TRACK-COLOR: white;
SCROLLBAR-DARKSHADOW-COLOR: white;
}
#global {
	position: absolute;
	height: 600px;
	width: 840px;
	top: 0px;
	margin-top: 0px;
	margin-left: -420px;
	left: 50%;
	background-color: #FFFFFF;
}

/* Structure */
#site {
	position: absolute;
	height: 600px;
	width: 800px;
	top: 0px;
	left:20px;
}

#logo {
	position: absolute;
	height: 80px;
	width: 800px;
	top: 0px;
	left: 0px;
	background-image: url(images/8087W-halinka_banner.jpg);
}

#menu {
	position: absolute;
	height: 15px;
	width: 800px;
	top: 80px;
	left: 0px;
	margin: 0px;
	padding: 0px;
}

#menu_flash {
	position: absolute;
	height: 110px;
	width: 800px;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
}

#sousmenu {
	position: absolute;
	height: 300px;
	width: 120px;
	top: 20px;
	margin: 0px;
	padding: 0px;
	right: 10px;
	text-align: right;
}

#adresse {
	position: absolute;
	height: 20px;
	width: 800px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #898989;
	text-align: left;
	bottom: 0px;
	left: 0px;
}

#content {
	position: absolute;
	height: 420px;
	width: 800px;
	top: 150px;
	left: 0px;
}

#fond_gris {
	position: absolute;
	height: 360px;
	width: 800px;
	left: 0px;
	bottom: 0px;
}

#carre_noir {
	position: absolute;
	height: 30px;
	width: 30px;
	top: 100px;
	left: 99px;
	background-color: #000000;
}

/* Blocs gris */
#gris_clair {
	position: absolute;
	height: 360px;
	width: 220px;
	top: 0px;
	left: 220px;
	background-color: #EBEBEB;
}

#gris_moyen {
	position: absolute;
	height: 360px;
	width: 220px;
	top: 0px;
	left: 0px;
	background-color: #CDCDCD;
}

#gris_fonce {
	position: absolute;
	height: 360px;
	width: 360px;
	top: 0px;
	background-color: #D7D7D7;
	right: 0px;
}

#gris_fonce img {
	border:none;
	width:90px;
	height:90px;
}

#gris_fonce img.border_vignette:hover{
	border:1px solid #CC0000;
	height: 88px;
	width: 88px;
}

#blanco {
	position: absolute;
	height: 360px;
	width: 360px;
	top: 0px;
	background-color: #FFFFFF;
	right: 0px;
}

#blanco_background {
	position: absolute;
	height: 360px;
	width: 360px;
	bottom: 0px;
	background-color: #FFFFFF;
	right: 0px;
}

/* Texte */
#texte {
	position: absolute;
	height: 320px;
	width:320px;
	top: 20px;
	left: 20px;
	border: none;
}

#texte_blanc {
	position: absolute;
	height: 380px;
	width:210px;
	top: 20px;
	border: none;
	background-image: url(images/8087W-fond_blanc.png);
	/*right: 60px;*/
	right: 30px;
	text-align: left;
}

#texte_background {
	position: absolute;
	height: 320px;
	width:320px;
	top: 80px;
	left: 460px;
	border: none;
	text-align: left;
}

#grandtexte_background {
	position: absolute;
	height: 360px;
	width:400px;
	top: 30px;
	left: 360px;
	border: none;
	text-align: left;
}

#texte_scroll {
	position: absolute;
	height: 320px;
	width:310px;
	top: 0px;
	left: 0px;
	border: none;
	float: left;
	overflow:auto;
	overflow-x:none;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px 10px 0px 0px;
}

#grandtexte_scroll {
	position: absolute;
	height: 360px;
	width:380px;
	top: 0px;
	left: 0px;
	border: none;
	float: left;
	overflow:auto;
	overflow-x:none;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px 10px 0px 0px;
}

#texte_nonscroll_blanc {
	position: absolute;
	height: 360px;
	width:180px;
	top: 10px;
	left: 15px;
	border: none;
	float: left;
	overflow:auto;
	overflow-x:none;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}

#texte_scroll_blanc {
	position: absolute;
	height: 360px;
	width:195px;
	top: 10px;
	left: 15px;
	border: none;
	float: left;
	overflow:auto;
	overflow-x:none;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}

#legende {
	position: absolute;
	height: 20px;
	width:200px;
	text-align: right;
	right: 0px;
	bottom: 0px;
}

#texte_form {
	position: absolute;
	height: 330px;
	width:320px;
	top: 10px;
	left: 20px;
	border: none;
}

/* Grandes photos */
#photo1 {
	position: absolute;
	height: 360px;
	width: 220px;
	top: 60px;
	left: 220px;
	z-index:1;
}

#photo2 {
	position: absolute;
	height: 420px;
	width: 280px;
	top: 0px;
	left: 30px;
	z-index:1;
}

#photo3 {
	position: absolute;
	height: 200px;
	width: 170px;
	top: 30px;
	z-index:1;
	right: 40px;
}

#numerotation {
	position: absolute;
	height: 20px;
	width: auto;
	top: 35px;
	right: 15px;
	z-index:1;
}

/* Formulaire */
#formulaire {
margin-top:15px;
margin-left:0px;
}

.form{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size:11px;
	padding-left:0px;
	text-align:left;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}

.champs {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
	border-top: #CCCCCC;
	border-right: #CCCCCC;
	border-bottom: 1px dotted #CCCCCC;
	border-left: 1px dotted #CCCCCC;
	margin-bottom: 6px;
	padding-bottom: 6px;
	margin-top: 3px;
	padding-top: 3px;
	background-color: #FCFCFC;
}

.bouton {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	margin-bottom:2px;
	margin-top:2px;
	border-bottom: 1px none #999999;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	background-color: #666666;
	text-align: center;
}

/*Bejust*/
#bejust {
	position: absolute;
	height: 110px;
	width: 15px;
	background-image: url(images/8087W-bejust.jpg);
	right: 0px;
	bottom: 50px;
}

/* Styles de texte */
p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	margin: 0px 0px 10px;
	padding: 0px;
	font-size: 11px;
	font-weight: normal;
}

h1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	margin: 0px;
	padding: 0px 0px 10px;
	font-size: 11px;
	font-weight: bold;
}

h2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	margin: 0px;
	padding: 0px 0px 10px;
	font-size: 11px;
	font-weight: normal;
}

h6{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	margin: 0px 0px 10px;
	padding: 0px 0px 10px;
	font-size: 11px;
	font-weight: normal;
}


/* Classes */
.menu{
	text-decoration:none;
	color: #999999;
	font-size: 11px;
	margin-right: 7px;
	padding-right: 7px;
	margin-left: 7px;
	padding-left: 7px;
	font-weight: normal;
}

.menu:hover{
color:#CC0000;
}

.sousmenu{
	color:#000000;
	text-decoration:none;
	margin-bottom: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
	padding-top: 10px;
}

.sousmenu:hover{
	color: #CC0000;
}

.texte_cv{
	padding-bottom: 0px;
	margin-bottom: 0px;
	line-height: 17px;
}

.filet{
	border-top: 1px #CC0000;
	border-right: 1px #CC0000;
	border-bottom: 1px #CC0000;
	border-left: 1px #CC0000;
	margin-bottom: 3px;
	padding-bottom: 3px;
}

.lien{
text-decoration:underline;
color:#CC0000;
}
.navigation{
	color:#000000;
	text-decoration:none;
}

.navigation:hover{
	color: #CC0000;
}
.mail{
text-decoration:none;
color:#898989;
}
.mail:hover{
color:black;}
.img {
border:none;}
.gras {
font-weight:bold;}
.italique{
font-style:italic;}

.numerotation{
color:#CC0000;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 10px;
	padding: 0px;
	font-size: 11px;
	font-weight: normal;
}

.numerotation:hover {
text-decoration:underline;}