body  {
	background-color:#E0E6E4;
	margin:1px 10px;
	text-align:center;
	font-family:"Verdana", "arial", "helvetica";
	font-size:12px;
	color:#000000;	
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.doc  {
	width:750px;	
	height:100%;
	margin:auto;
}
.top  {
	background:url(http://www.cosmetiques-bio.net/images/header.jpg);
	background-position:0 -5px;
	background-repeat:repeat-x;
	border:1px solid #FFFFFF;
	border-bottom:1px #DFE5E3 solid;
	background-color:#FFFFFF; 
	padding:0px;
	text-align:left;
}
/* heights */
.top {
  height:129px;
}
.newsletter {
  color:#fff;display:block;float:right;width:29%;text-align:left;padding:35px 15px 15px 15px;
}
.content, .left_menu, .link_menu, .right_menu {
  height:100%;
}
.bottom {
    height:20px;
}
/*****/
.left_menu  {
	width:165px;
	border-left:1px solid #fff;
	background-color:#DDF1F2;
	color:#2A7000;
	text-align:left;
	font-size:12px;
}
.right_menu  {
	width:135px;
	border:1px solid #fff;
	background-color:#DDF1F2; 
	color:#FFFFFF;
	text-align:left;
	font-size:12px;
	text-align:center;
}
.content  {
    width:440px;
	border:1px solid #FFFFFF;
	border-bottom:none;
	color:#000;
	background-color:#FFFFFF; ;
	text-align:left;
	
	padding:3px;
	text-align:left;
	font-size:12px;
}
.content a:link, .content a:visited {
	color:#0000FF;
	font-weight:bold;
	text-decoration:underline;
}
.content a:hover  {
	color:#0000FF;
	font-weight:bold;
	text-decoration:none;
}
.link_menu {
  
}
.link_menu .on, .link_menu .on:visited, .link_menu .on:link, .link_menu .on:active {
  font-weight:bold;
  color:#000;
  background-color:#fff;
  border-right:1px #fff solid;
}
.link_menu a, .link_menu a:link, .link_menu a:visited, .link_menu a:active {
  font-size:10px;
  color:#2A7000;
  display: block;
  text-decoration:none;
  padding:3px;	
  border-bottom:1px #DFE5E3 solid; /* fff */
  border-right:1px #DFE5E3 solid;
  border-top:1px #ffffff solid;
}
.link_menu a:link, .link_menu a:visited, .link_menu a:hover  {
  text-decoration:none;
  background-position:top left;
  background-repeat:no-repeat;
}
.link_menu a:hover  {
  background-color:#000;
  background-position:-200px 0;
}
.link_accueil { 
  background:url(images/liens/liens_accueil.gif); 
}
.link_annonceur { 
  background:url(images/liens/liens_annonceur.gif); 
}
.link_diffuseur { 
  background:url(images/liens/liens_diffuseur.gif); 
}
.link_studio { 
  background:url(images/liens/liens_studio.gif); 
}
.link_references { 
  background:url(images/liens/liens_references.gif); 
}
.link_contact { 
  background:url(images/liens/liens_contact.gif); 
}
.link_infos { 
  background:url(images/liens/liens_infos.gif); 
}
.titre {
  margin:0;
  height:22px;
  background-repeat:no-repeat;
}
.bottom  {
	border:1px solid #FFFFFF;
	text-align:center;
	background-color:#DDF1F2; 
	color:#39841D;
	padding:2px;
	font-size:12px;
}
.bottom a:link, .bottom a:visited {
	text-decoration:none;
	color:#FFFFFF;
}
.bottom a:hover  {
	text-decoration:underline;
	color:#FFFFFF;
}
.copyright {
  text-align:right;padding-right:3px;
}
h1  {
	font-size:19px;
	color:#75CC2F;
	margin:0px; 
}
h2  {
	font-size:15px;
	margin:0px; 
}
img  {
	 border:none;
}
form {
	margin:0;padding:0;
}
html, body, p, td, li {font-family: verdana, arial, helvetica; font-size: 11px;}
h1 {font-size: 16pt; Font-Weight: bold;}
h2 {font-size: 14pt; color: #2030a0; Font-Weight: bold; width: 100%;
    border-bottom: 1px solid #c09060;}
h3 {font-size: 12pt; color: #2030a0; Font-Weight: bold;}
h4 {font-size: 10pt; color: #2030a0; Font-Weight: bold;}
h5 {font-size: 10pt; Font-Weight: bold;}
tt {font-family: "courier new", monospace, courier; color: darkgreen;}
pre {font: bold 10pt "courier new", monospace, console;
    background-color: #e0e0e0; padding: 16px; border: solid #a0a0a0 1px;}
.toc1 {margin-left: 1cm; font-size: 12pt; font-weight: bold;}
.toc2 {margin-left: 2cm; font-size: 10pt; Font-Weight: bold; text-decoration: none;}
.toc3 {margin-left: 3cm; font-size: 10pt; text-decoration: none;}
.toc4 {margin-left: 4cm; font-size: 10pt; color: grey; text-decoration: none;}
.output {color: #000080; font-weight: normal;}
.note {background-color: #f0e090; width: 100%; padding: 16px; border: solid #a0a0a0 1px;}
.tail {color: gray; font-size: 8pt;}


form {
padding:0;margin:0;
}
form label {
padding:3px 0 0 0;margin:0;text-align:right;float:left;width:48%;font-size:12px;
}
form p {
display:inline;padding:0;margin:0;margin-left:15px;float:left;width:48%;font-size:12px;
}

.contact div {
  clear: both;
}
.contact p {
  padding:3px;
  width: 20%;
  float:left;
  text-align:right;
}
.contact i {
  display:block;
  float:left;
}
.contact textarea {
  width:320px;
  height:200px;
}