body {
	background: #fff url(../img/bg_header.gif) top left repeat-x;
	font-family:Arial, Helvetica, sans-serif;
}
body , ul, li, form, fieldset, legend { margin:0; padding:0; }
li{list-style:none; line-height:1.2em;}
h1{ font-size:1.4em;}
h2{ font-size:1em;}
p, li, label { font-size:.8em;}
span,input{ font-size:.7em;}

h1{
	margin:0;
	padding:0 0 13px 0;
	color:#02B2DB;
	background:url(../img/bg_h1.gif) left bottom no-repeat;
}
h2{
	margin:5px 0;
	padding:0;
	color:#02B2DB;
}


/* ---- HEADER ---- */

#header {
	background: transparent url(../img/bg_header_2.gif) bottom left no-repeat;
	height:69px;
}
#logo{ 
	background: transparent url(../img/logo_vivacio.gif) top left no-repeat;
	position: absolute;
	margin:10px 0 0 20px;
	display: block;
	width:164px;
	height:49px;
}



/* ---- MAIN ---- */

#col_menu, #hautDePage, #outils { display: none; }



#col_contenu{
	padding-top: 80px;
}
#col_contenu ul{
	margin-left:10px;
}
#col_contenu li{
	 background:url(../img/bg_li.gif) left center no-repeat;
	 padding-left: 10px;
}

.animations p {	text-align:justify;	}
.animations object { margin-left:75px; }


/* ---- FOOTER ---- */
#footer { 
	width:900px;
	background: transparent url(../img/bg_footer.gif) top center no-repeat;
	padding-top:20px;
	margin-top:20px;
	text-align:center;
}
#footer ul{
	margin:0 0 20px 0;
	padding:0;
}
#footer li{
	margin:0;
	font-size:.7em;
	display:inline;
	font-weight:bold;
}
#footer a{
	color:#333;
}
#footer span{
	background: transparent url(../img/logo_vivacio_2.gif) center left no-repeat;
	padding: 5px 0 5px 80px;
}


/*  ----- page contact -----  */
fieldset.form label {  width:35%; float:left; text-align:right; clear:left; margin-bottom:10px; }
fieldset.form { width:300px; padding:10px; }
fieldset.form input { width:60%; float:right;  }