/* CSS Document */
/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */


/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ol,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */


/* de-italicize address */
address { font-style:normal }

/* more varnish stripping as necessary... */


	body{
	margin:0px;
	padding:0px;
	background-color:#000000;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#CCC;
	overflow:visible;
	line-height: 18px;
	}

	#flash-background{
	width:990px;
	height:823px;
	text-align:left;
	margin:0px auto;
	position:absolute;
	top:0px;
	left:50%;
	margin-left:-495px;
	z-index:0;
	}
	
	#website{
	width:990px;
	text-align:left;
	position:relative;
	z-index:10000;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 100%;
	overflow: visible;
	}
	
	.text-content{
	padding-top: 15px;
	padding-right: 100px;
	padding-bottom: 15px;
	padding-left: 100px;
	}
	
.guillemets {
	background-image: url(../images/guillemets.gif);
	background-repeat: no-repeat;
	padding-left: 60px;
	padding-right: 30px;
}
	
h1 {
	font-size:18px;
	font-weight: bold;
	color: #FC0;
}

	

h2{
font-size:16px;
}

li {
	list-style-image: url(../images/bullet.gif);
}

li ul li{
	list-style-type: square;
	list-style-position: inside;
	list-style-image: none;
}

.bouton {
	font-family: tahoma;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: normal;
	background-color: #F26722;
	border: 1px solid #e3e3e3;
	padding: 1px;
}

a{
	text-decoration:none;
	color:#FC0;
}

a:hover{
	text-decoration:underline;
	color:#FFF;
}


#header{
	background-image:url(../images/header.jpg);
	background-repeat:no-repeat;
	width:990px;
	height:400px;
	
}
#headerProd{
	background-image:url(../images/header.jpg);
	background-repeat:no-repeat;
	width:990px;
	height:200px;
	
}

#menu{
	color:#FFFFFF;
	float:right;
	margin-top:9px;
	margin-right:10px;
}
#menu a{
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:12px;
	color:#FFFFFF;
	padding:3px;
	font-weight: bold;
	
}
#menu a:hover{
	color:#F90;
	padding:3px;
	
}

.logo{
	width: 192px;
	height: 166px;
	background: url(../images/logoP.png) no-repeat;
	position:absolute;
	float:right;
	margin-left:10px;
	background-image: url(../images/logoP.png);
}
.logoP {
	width: 192px;
	height: 166px;
	background: url(../images/logo.png) no-repeat;
	position:absolute;
	float:right;
	margin-left:10px;
}


.footer{
	/*position:absolute;*/
	
	bottom:0; /* stick to bottom */
	background: url(../images/background.png);
	background-repeat:repeat-y;
	padding-top:25px;
	padding-left:25px;
	text-align:center;
	padding-bottom:25px;
	color:#666666;
}
.footer a{
color:#666666;
}
.footer a:hover{
	color:#806600;
}

