/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset, img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }




/* layout.css */

html 	{ 
text-align : center;
background-color : #fff;
background-image: url(../gimg/bg.gif); 
overflow-y: scroll; }

body { 
padding-top : 0px;
position : relative; 
width : 800px;
background-color : #fff; 
border: 1px solid #e5e5e5;
border-bottom: 0px;
margin : 0 auto; 
text-align : left; 
}

div#info { 
top : 0px;
position : absolute;
z-index : 1;
width : 800px;
height : 48px;
padding-left: 16px;
color: #333;
background-color: transparent; }

table#infos {
width:230px;
margin-top:0px;
}

div#logo { 
top : 0px;
position : absolute;
width : 284px;
left:500px;
height : 48px;
text-align: right;
padding-top: 4px;
padding-right: 16px;
color: #333;
background-color: transparent; }

div#nav {
top: 48px;
position : relative;
z-index : 2;
width:800px;
height : 34px;
background : #8d8d8d; }

div#emotion {
top: 50px;
position : relative;
z-index : 3;
width:800px;
height : 102px;
padding-top:4px;
background : #e8522b; }

.img_emo {
border-top-style: solid;
border-top-width: 2px;
border-top-color:  #fff; }

div#subnav_l { 
top: 90px;
position : absolute;
z-index : 5;
left: 0px;
height : 390px;
width : 171px;
padding: 0px 16px;
background : #fff;
 }	


	

table#text {
width:596px;
height:380px;
background:transparent;
margin-top:52px;
margin-left:204px;
margin-bottom: 20px;
border-left: solid 1px #e5e5e5;
}

td {
	vertical-align: top; }

.tdtext {
	padding: 20px 16px 20px 20px;
}

.list { list-style: disc; list-style-position: inside;
	
}

.legende {color: #b3b3b3; font-size:0.85em; padding-top: 4px;}

div#footer {
position : relative;
z-index : 7;
padding-top: 4px;
vertical-align: bottom;
height : 18px;
background : transparent;  
border-top: solid 1px #e5e5e5;
padding-left:16px;
color: #b3b3b3; }

div#adresse {
left: -1px;
position : absolute;
z-index : 8;
padding-top: 6px;
width:786px;
height : 24px;
border-top: solid 1px #e5e5e5;
padding-left:16px;
color: #b3b3b3;
font-size: 0.9em; }


/* typography.css */

body { 
font : 0.70em/1.5em Verdana, Geneva, Arial, Helvetica, sans-serif; color : #333; }

h1 {
	font-size: 1.1em;
	}

h2 { font-size: 0.95em; }

h3 {
	font-size: 0.9em; }

p {
	margin: 0px;
	font-size : 100%;
}


a:link, a:visited { 
text-decoration :  underline; 
color : #333;
}

a:hover, a:active { 
text-decoration :   none; 
color : #e8522b;
 }


/* Navigation */
ul#navigation {
 list-style:none; 
 font-size: 1.2em;
 font-weight: bold;}

#navigation li {
 float:left;
 position:relative;
 margin:0px; }

#navigation a {
 display:block;
 padding: 8px 20px 9px 16px;
 color:#fff;
 background:transparent;
 text-decoration:none; }

#navigation li a:hover {
 background:#e5e5e5; 
 color: #333; 
 }

.navi {
 display:block;
 padding: 8px 20px 9px 16px;
 color:#333;
 background:#e5e5e5;
 text-decoration:none; }
 

 	
a.snav  { font-size: 1em;  color: #333; padding-bottom: 3px; padding-top: 3px; border-top:solid 1px #e5e5e5; font-weight: normal; background: #fff; display: block;}
a.snav:link, a.snav:visited { text-decoration: none; color: #333; padding-bottom: 3px; padding-top: 3px; border-top:solid 1px #e5e5e5; display: block; }
a.snav:hover, a.snav:active { text-decoration: none; font-weight: bold; background: #e5e5e5; background-color: #e5e5e5; display: block; }
.snav  { font-size: 1em;  color: #333; padding-bottom: 3px; padding-top: 3px; border-top:solid 1px #e5e5e5; font-weight: bold; background: #e5e5e5; display: block; }

a.ssnav, a.ssnav:link, a.ssnav:visited {font-size: 0.95em; color: #333;  font-weight:  normal; text-decoration: none; margin-left: 16px; }
a.ssnav:hover, a.ssnav:active {font-weight:  bold; }
.ssnav {font-size: 0.95em; color: #333;  font-weight: bold; text-decoration: none; margin-left: 16px; }

a.inav {font-size: 11px; color: #333;  font-weight:  normal; }
a.inav:link, a.inav:visited { text-decoration: none; color:  #b3b3b3; }
a.inav:hover, a.inav:active { text-decoration: none; color: #333;  }

a.flink, a.flink:visited, a.spamspan, a.spamspan:visited { text-decoration : none; color: #b3b3b3; }
a.flink:hover, a.spamspan:hover { color: #333; }


/* form */

#search {
	border: 1px solid #b3b3b3;
	height: 18px;
	width:143px;
}

#sbutton {
	border: 0px;
	background:  url(../gimg/ic_search_off.gif) no-repeat;
	height: 20px; 
	width: 22px;
}


/* contact form */ 
 
 .txtFld1, .txtFld2 {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em;
	color:#333;
	text-decoration: none;
	background-color: #fff;
	border:  1px solid #b3b3b3;
	}


	
.txtFld1 {
	height: 100px;
	width: 250px;
	}
	
.txtFld2 {
	height: 20px;
	width: 250px;
	}	
	
 
 .smallBtn {
	color: #333;
	text-decoration: none;
	cursor: pointer;
	width: 250px;
	background-color: #e5e5e5;
	border: 1px solid #b3b3b3; }