/*
	CSS Mains et Santé
	http://www.mainsetsante.com
*/

body {
	font-family: Helvetica, Verdana, sans-serif;
	font-size: 90%;
	line-height: 1.5em;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	background: #ffcc66 url(images/background.jpg) repeat-x scroll left top;
	color: #000000;
}

a, a:link, a:visited {
	color : #993300;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
	border: 0;
}

h1 {
	font-size: 1.5em;
	font-weight: bold;
}

h2 {
	font-size: 1.3em;
	font-weight: bold;
	font-style: italic;
	color: #993300;
	margin-top : 1.5em;
}

h3 {
	font-size: 1.1em;
	margin-top : 1.3em;
	margin-bottom : 0.6em;	
}

p {
	margin : 10px 0px;	
}

#header {
	position : absolute;
	top : 0;
	left : 0;
	right : 0;
	height : 100px;
	padding : 10px;
	margin : 5px;
	//background-color : #993300;
}

#header img {
	position : relative;
	left : 50%;
	width : 426px;
	height : 73px;
	margin-top : 10px;
	margin-left : -213px;
}

#menu {
	position : absolute;
	top : 130px;
	left : 0;
	width : 220px;
	height : auto;
	margin : 5px;
	background-color : #ff9933;
	line-height : 1.6em;
	font-size : 1.2em;
	color : #993300;
}

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

#contact {
	clear : both;
	margin : 0;
	margin-top : 75px;
	padding : 10px;
	background-color : #ff8c1a;
	font-size : 11pt;
	font-style : italic;
}

#contact a {
	text-decoration : underline;	
}

#main {
	position : absolute;
	top : 130px;
	left : 230px;
	right : 0;
	height : auto;
	padding : 10px;
	margin : 5px;
	border : solid thin #ff9933;	
}

/* SPECIFICS */

img#accueil_mainsetsante {
	position : relative;
	float : left;
	top : 20px;
	left : 30px;	
}

img#accueil_massages {
	position : relative;
	float : left;
	top : 60px;
	left : -130px;
}

img#accueil_dessin {
	position : relative;
	float : left;
	left : 30px;
	width : 358px;
	height : 560px;
}

img#massage {
	float : right;
	margin-left : 30px;
	margin-right : 20px;	
}

img.lien {
	float : left;
	padding-right : 20px;	
}

span.status {
	display : inline-block;
	color : #993300;
	background-color: #ff9933;
	border : solid thin #993300;
	padding : 10px;
}

span.label {
	display : inline-block;
	vertical-align : top;
	min-width : 5em;
	font-weight : bold;	
}

span.content {
	display : inline-block;
}

span#signature {
	display : block;
	float : right;
	margin-right : 20%;
	font-style : italic;
}
ul.dates {
	padding-left: 5px;	
}
ul.dates li {
	display: inline;
	padding-right: 20px;
}

form#inscription {
	clear: left;
	padding-top : 10px;
}

form#inscription input {
	margin-right: 20px;
	margin-bottom : 10px;	
}

form#inscription label{
	display: inline-block;
	min-width: 6em;
}

p.conclusion {
	color : #993300;
	font-variant : small-caps; 
}

p.reflexion {
	font-style: italic;
	font-size: 0.9em;
	margin: 0px;
}