body {
  	font-family:Arial, Helvetica, sans-serif;	
	background: url(images/background.jpg) top center no-repeat; 
	margin: 0; 
	padding: 0;
	color:#666666;
}


/*GENERAL*/
p {
margin-top: 0;
margin-bottom: 5px;
}

img {border: 0;
}

a {
text-decoration:none;
font-weight: bold;
color:#666666;
}

#orange {
font-weight: bold;
color: #eb6a43;
}

/*FIN GENERAL*/

/*HAUT DE PAGE*/

#header {
position:relative;
margin: auto;
background:url(images/tetiere.gif) top left no-repeat;
height: 112px;
width: 947px;
}

p#logo img {
position: absolute;
top: 20px;
left: 18px;
}

#tetieresante {
margin: auto;
width: 947px;
height: 135px;
margin-bottom: 0;
background:url(images/tetiere_sante.jpg) top left no-repeat;
}

#tetierepharma {
margin: auto;
width: 947px;
height: 135px;
margin-bottom: 0;
background:url(images/tetiere_pharma.jpg) top left no-repeat;
}

#tetierecosmetique {
margin: auto;
width: 947px;
height: 135px;
margin-bottom: 0;
background:url(images/tetiere_nutra.jpg) top left no-repeat;
}

#tetiereentreprise {
margin:0 auto;
width: 947px;
height: 135px;
background:url(images/tetiere_entreprise.jpg) top left no-repeat;
}

#tetiereinnovations {
margin: auto;
width: 947px;
height: 135px;
margin-bottom: 0;
background:url(images/tetiere_innovations.jpg) top left no-repeat;
}

#tetierecontact {
margin: auto;
width: 947px;
height: 135px;
margin-bottom: 0;
background:url(images/tetiere_contact.jpg) top left no-repeat;
}

#tetierenews {
margin: auto;
width: 947px;
height: 135px;
margin-bottom: 0;
background:url(images/tetiere_news.jpg) top left no-repeat;
}


/*PAVE NEWS*/
p#news img {
position: absolute;
top: 20px;
right: 20px;
}

p#pavenews {
	position: absolute;
	top: 42px;
	right: -53px;
	width: 280px;
	font-size:12px;
	color:#666666;
}
/*FIN PAVE NEWS*/

#zonemenu {
margin:0 auto;
height: 35px;
width: 947px;
background-repeat: repeat-x;
background-image: url(images/fond_menu.jpg);
clear:both;
}


/*MENU DEROULANT*/

.menu {white-space:nowrap /*IE hack*/; width:900px; border:none; background:rgb(225,225,225); color:rgb(157,57,57); font-size:11px;}
.menu ul {padding:0; margin:0;list-style-type:none;}
.menu ul li {float:left; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; border-right:solid 1px rgb(175,175,175);}
.menu ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:35px; line-height:3.1em; padding:0 16px 0 16px; text-decoration:none; font-weight:bold; color: rgb(100,100,100);}
.menu ul li ul {display:none; border:none;}

/*Non-IE6 hovering*/
.menu ul li:hover ,
.menu ul li.over {position:relative;}
.menu ul li:hover a,
.menu ul li.over a {background-color:rgb(193,189,189); text-decoration:none; color: #ffffff;}


/* Styles pour la rubrique en cours */
 #en-cours   {
	background-color:rgb(193,189,189);
}

/* affichage du tableau des sous menu 2.x ; left:-20px positionne le décalage du tableau quand il se déroule */
.menu ul li:hover ul,
.menu ul li.over ul {display:block; width:10.0em; position:absolute; z-index:999; top:35px; margin-top:0em; left:-20px}

/* définition styles sous menu 2.x : */
.menu ul li:hover ul li a,
.menu ul li.over ul li a {white-space:normal; display:block; width:10.0em; height:auto; line-height:1.3em; margin-left:-1px; padding:4px 16px 4px 16px; border-left:solid 1px rgb(245,91,44); border-bottom: solid 1px rgb(175,175,175); background-color:rgb(237,237,237); font-weight:normal; color:rgb(245,91,44);}

/* couleur surlignage sous menu 2.2 : */
.menu ul li:hover ul li a:hover,
.menu ul li.over ul li a:hover {background-color:rgb(210,210,210); text-decoration:none;}

p#lien {
position: absolute;
top: 5px;
left: 675px;
width: 25px;
}
/*FIN MENU DEROULANT*/

/*CONTENU*/

/*DEFINITIONS ACCUEIL*/

#definitions {
position:relative;
margin: auto;
width: 947px;
height: 150px;
z-index: 0;
background: url(images/rainures.jpg) top center no-repeat; 
font-size:12px;
}

#definitions img {
float:right;
margin: 60px 0px 0 0;
}

#global {
margin: auto;
width: 955px;
background:url(images/bordure.jpg) repeat-y;
}

#bloccadre {
position:relative;
top: 65px;
left: 600px;
width: 245px;
height: 70px;
z-index: 10;
padding-top: 5px;
background:url(images/cadre.gif) top center no-repeat;
}

p#bloccadres {
text-align: center;
font-style:italic;
font-size:13px;
font-weight: bold;
margin-left: 1em;
margin-right: 1em;
color:#adaaaa;
}

/*FIN DEFINITIONS ACCUEIL*/

/*BLOC IMAGES ACCUEIL*/
#images {
	padding:0;
	width: 947px;
	height: 225px;
	*zoom:1;
	/*overflow:hidden;*/
	margin:0 auto;
	clear:both;
}

#images div a,
#images div a img{
	display:block;
	_width:314px;
	_height:225px;
	margin:0;
	padding:0;
}
#images div#bloc3 a img{
	_width:314px;
}

#bloc1 {
text-align: center;
height: 225px;
width: 316px;
_width: 315px;
margin:0;
padding:0;
float: left;
}

#bloc2 {
height: 225px;
width: 316x;
_width: 315x;
margin:0;
padding:0;
float: left;
}

#bloc3 {
height: 225px;
width: 315px;
_width: 314px;
margin:0;
padding:0;
float: left;
}

p#sante {
position: absolute;
top: 5px;
left: 40px;
width: 245px;
}

p#cosmetique {
position: absolute;
top: 5px;
left: 675px;
width: 245px;
}

p#pharma {
position: absolute;
top: 5px;
left: 355px;
width: 245px;
}


/*FIN BLOC IMAGES ACCUEIL*/

/*CONTENU PAGES*/

#blocmenugauche{
float: left;
width: 200px;
/*margin-left: 15px;*/
}


#blocillustration{
float: right;
width: 200px;
margin-left: 15px;
margin-right: 15px;
}

#contenu {
/*height:90%;*/
min-height:230px;
max-height:10000px; 
margin-left: 210px;
margin-right: 230px;
}

#contenu p {
font-size:12px;
text-align:justify;
}

#contenu li {
font-size: 12px; 
margin-left: 10;
margin-bottom: 7px;
}

#contenu h1 {
font-size: 15px; 
color: #b0afaf; 
margin-bottom: 18px;
border-bottom: 1px rgb(176,175,175) dashed;
}

#contenu h2 {
font-size: 13px; 
color: #eb6a43;
}

#contenu h3 {
color: #b0afaf;
font-size: 12px; 
}

p#contenu img {
float: right;
top: 280px;
margin-left: 15px;
}

#menu li {
	font-size:12px;
	text-align: center;
	background: #0E7391;
	line-height: 10.5pt;
}

/*MENU CONTEXTUEL*/

#navcontainer ul {
width: 120px;
}

#navcontainer ul
{
list-style-type: none;
text-align: left;
line-height: 1.3em;
font: bold;
}

#navcontainer ul li a
{
padding-left: 15px;
text-align: left;
font: normal 12px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
text-decoration: none;
border-bottom: 1px rgb(193,189,189) dashed;
}

#navcontainer ul li a:hover
{
background: transparent url(images/puce_menu_on.gif) left center no-repeat;
color: black;
}

#navcontainer ul li a#current
{
background: transparent url(images/list-active.gif) left center no-repeat;
color: #666;
}

/* Styles pour la rubrique en cours */
#pas-en-cours-container 
{
background: transparent url(images/puce_menu_off.gif) left bottom no-repeat;
}

#en-cours-container   {
	background: transparent url(images/puce_menu_on.gif) left bottom no-repeat;
	color: black;
}

/*FIN MENU CONTEXTUEL*/



/*PIED DE PAGE*/
#footer {
margin: auto;
padding-top: 2em;
height: 54px;
width: 955px;
background: url(images/bottom.jpg) no-repeat top center; 
font-size:10px;
text-align: center; 
margin-top: 10;
}

p#footer {
margin-top: 10em;
}

p#graphisme {
	position: relative;
	margin-top: 20px;
	margin-left: 84.5em;
	width: 120px;
}

/*FIN PIED DE PAGE*/