/* General */

html {
height: 100%;
}

body {
margin: 0;
padding: 0;
font-family: Verdana;
font-size: 10px;
text-align: justify;
line-height: 1.2em;
height: 100%;
}

div#global {
margin: 40px 0 15px 40px;
width: 676px;
z-index: 3;
position: relative;
display: none;
}

#loading {
background: url(img/loader.gif) no-repeat ;
width:37px;
height:23px;
text-indent: -5000px;
margin: 0 auto;
margin-top: 30%;
}

.fv_label{
background:transparent url(img/fv_hover.jpg) no-repeat;
width: 676px;
height: 234px;
}

.displaynone {
display: none;
}

img {
border: 0;
}

.button {
	color:#363636;
	background-color:#FFFFFF;
	border-bottom:thin solid #363636;
	border-right:thin solid #363636;
	border-top:thin solid #363636;
	border-left:thin solid #363636;
	font-size:10px;
	font-family:Verdana,Helvetica,sans-serif;
	font-weight:normal;
	}
.button:hover {
	color: #363636;
	background-color:#E5E5E5;
        text-decoration: bold;
	}
	
.buttoncontacto {
	color:#363636;
	background-color:#FFFFFF;
	border-bottom:thin solid #666;
	border-right:thin solid #666;
	border-top:thin solid #666;
	border-left:thin solid #666;
	font-size:12px;
	font-family:Arial,Helvetica,sans-serif;
	font-weight:normal;
	}
.buttoncontacto:hover {
	color: #666;
	background-color:#E5E5E5;
        text-decoration: bold;
	}

.box {
        color:#363636;
        background-color:#FFFFFF;
        border-left: 1px solid #363636;
        border-top: 1px solid #363636;
        border-right: 1px solid #363636;
        border-bottom: 1px solid #363636;
	font-size:10px;
	font-family:Verdana, Arial-Helvetica, sans-serif;
	font-weight:Normal;
        }

.boxcontacto {
        color:#363636;
        background-color:#FFFFFF;
        border-left: 1px solid #666;
        border-top: 1px solid #666;
        border-right: 1px solid #666;
        border-bottom: 1px solid #666;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:Normal;
        }
		

.fontblack {
	font-family: Verdana, Arial-Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #666666;
        }

fieldset {

  border-top: 1px solid #efefef;

  border-left: 1px solid #efefef;

  border-bottom: 1px solid #efefef;

  border-right: 1px solid #efefef;

  padding: 1em 1em 1em 1.5em;

  background: #E8FAFF;

  border: 1px solid #efefef;

}



fieldset:hover {

  background: #E8FAFF;

  border: 1px solid #efefef;

}



input:hover {

  background: #E5E5E5;

}



textarea:hover {

  background: #E5E5E5;

}

.linkproy {
	font-family: Verdana, Arial-Helvetica, sans-serif;
	color: #666666;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	}

.linkproy:hover {
	color: #666666;
	text-decoration: underline;
	background-color: none;
	}

div#deco_serpent {
width: 404px;
height:635px;
background: transparent url(img/layout_serpent.png) no-repeat ;
position: absolute;
top:0;
right:0;
z-index: 1;
display: none;
}

div.spacer {
clear:both;
line-height:0;
font-size: 0;
}

div#content{
width: 674px;
padding-top: 20px;
}

.about {
font-size: 1em;
border: none;
background: transparent;
margin: 20px 15px 0 0;
width: 676px;
color: #ecefd1;
font-family: Verdana;
text-align: justify;
line-height: 1.2em;
}


/*********************************/
/*******/

/* Header Content */

h1#titre_works {
background: transparent url(img/titre_works.png) no-repeat;
text-indent: -5000px;
line-height: 1em;
margin-top: 2em;
}

h1#titre_links {
background: transparent url(img/titre_links.png) no-repeat;
text-indent: -5000px;
line-height: 1em;
margin-top: 60px;
}

h1#titre_contact {
background: transparent url(img/titre_contact.png) no-repeat;
text-indent: -5000px;
line-height: 1em;
margin-top: 60px;
}

div#header {
height: 94px;
width: 693px;
}

h1#logo {
background: transparent url(img/logo.png) no-repeat;
text-indent: -5000px;
width: 169px;
height: 94px;
line-height: 5em ;
float: left;
}

* html #logo {
line-height: 3em ;
}

div#about {
font-size: 1em;
color: #ecefd1;
font-family: Verdana;
text-align: justify;
line-height: 1.2em;
}

.tb {
width: 676px;
height: 234px;
border: 4px solid #060606;
margin-top: 40px;
}

#test {
width: 676px;
height: 234px;
background: transparent url(img/fv_hover.jpg) no-repeat;
}

div#tbs {
}

p.infos {
background-color: #FFFFFF;
/*margin: 0;*/
/*width: 684px;*/
/*height: 2em;*/
/*padding: 1em 0 0 0;*/
}

p.infos2 {
background-color: #FFFFFF;
/*margin: 0;*/
/*width: 684px;*/
/*height: 2em;*/
/*padding: 1em 0 0 0;*/
}

p.infos3 {
background-color: #FFFFFF;
/*margin: 0;*/
/*width: 684px;*/
/*height: 2em;*/
/*padding: 1em 0 0 0;*/
}


/*********************************/
/*******/


/* RightContent */

div#part {
height: 35px;
margin-top: 60px;
}

div#part li {
list-style-type: none;
display: inline;
padding-right: 40px;
}

ul#menu {
/*color:#ecefd1; */
background-color: #FFFFFF;
/*width: 423px;*/
/*margin: 9em 0 0 4em;*/
/*float: left;*/
}

ul#menu li {
list-style-type: none;
display: inline;
/*text-indent: -5000px;*/
}


ul#menu3 {
/*color:#ecefd1; */
background-color: #FFFFFF;
/*width: 423px;*/
/*margin: 9em 0 0 4em;*/
/*float: right;*/
}

ul#menu3 li {
list-style-type: none;
display: inline;
/*text-indent: -5000px;*/
}


ul#menu2 {
/*color:#ecefd1; */
background-color: #FFFFFF;
/*width: 423px;*/
/*margin: 9em 0 0 4em;*/
/*float: right;*/
}

ul#menu2 li {
list-style-type: none;
display: inline;
/*text-indent: -5000px;*/
}


a.menuworks {
background: transparent url(/img/menu_works.png);
width: 98px;
float: right;
}

a.menulink {
background: transparent url(/img/menu_links.png);
width: 98px;
float: right;
}

a.menucontact {
background: transparent url(/img/menu_contact.png);
width: 98px;
display: inline;
float: right;
}

a.menucontacto {
background: transparent url(/new07/bcontacto.png);
width: 67px;
display: inline;
float: right;
}

div.clearer {
clear: both;
}

a.view {
background: transparent url(/img/but_view.png);
width: 60px;
display: block;
/*float: right;
text-indent: -5000px;*/
height: 14px;
}

a.next {
background: transparent url(img/but_next.png);
width: 80px;
display: block;
float: right;
text-indent: -5000px;
height: 14px;
}


/*********************************/
/*******/
/* Menu Js/CSS *******************/

div#col1 {
float: left;
padding-right: 20px !important;
padding: 0;
}

div#col2 {
float: left;
padding-right: 20px !important;
padding: 0;
}

div#col3 {
float: left;
padding-right: 20px !important;
padding: 0;
}

div.examplediv a  {
display: block;
clear: both;
width: 185px;
line-height: 10px;
padding: 0 0 0 10px;
margin: 0.5em;
background: #060606 url(img/menuanim.png) 0px 0px no-repeat;
/*Using a color similar to our start frames as background color*/
font-size: 9px;
font-family: verdana;
color: #ecefd1;
text-decoration: none;
}


/*because the stupid IE doesn't calculate CSS rules correctly,
I had to use the id's instead of classes to style*/

div#animenu a{
color: #322f2e;
}

div#animmenu a:hover{
color: #322f2e;
}

div#animmenu.noscript a:hover{
background: #f5f5db url(menuanim.png) 0px -180px;
/*This style is used for hovering when user does not enable javascript*/
}

div#animenu2 a{
color: #322f2e;
}

div#animmenu2 a:hover{
color: #322f2e;
}

div#animmenu2.noscript a:hover{
background: #f5f5db url(menuanim.png) 0px -180px;
/*This style is used for hovering when user does not enable javascript*/
}

#animenu3 a{
color: #322f2e;
}

#animmenu3 a:hover{
color: #322f2e;
}

#animmenu3.noscript a:hover{
background: #f5f5db url(menuanim.png) 0px -180px;
/*This style is used for hovering when user does not enable javascript*/
}

html>body .examplediv a:hover {
background-color: inherit;
/*because the stupid IE6 slows to a crawl when background-color is set on hover,
we hide the rule from it, IE7 is not effected, hooray!*/
}
/*********************************/

/* SLIMBOX */

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
	z-index: 10;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
	z-index: 10;
}

.lbLoading {
	background: #fff url(loading.gif) no-repeat center;
	z-index: 10;
}

#lbImage {
	border: 10px solid #fff;
	z-index: 10;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
	z-index: 10;
}

#lbPrevLink {
	left: 0;
	z-index: 10;
}

#lbPrevLink:hover {
	background: transparent url(prevlabel.gif) no-repeat 0% 15%;
	z-index: 10;
}

#lbNextLink {
	right: 0;
	z-index: 10;
}

#lbNextLink:hover {
	background: transparent url(nextlabel.gif) no-repeat 100% 15%;
	z-index: 10;
}

#lbBottom {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
	z-index: 10;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(closelabel.gif) no-repeat center;
	margin: 5px 0;
	z-index: 10;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
	z-index: 10;
}

#lbCaption {
	font-weight: bold;
	z-index: 10;
}