body {
	background: #0D447D;
	font-size: 62.5%; /* 1em = 10px now */
	min-width: 820px;
}

.italic {
	font-style: italic;
}

#wrapper {
	width: 810px;
	position: relative;
	left: 50%;
	margin-left: -405px;
	background: url(images/wrapper_bg.png) repeat-y;
}

#branding {
	height: 110px;
	background: #FFF;
}

#marie-pier {
	position: relative;
	left: 5px;
	z-index: 1; 
	width: 180px; 
	height: 253px; 
	background: url(images/marie-pier_small.jpg) no-repeat;
}

#main_image {
	position: absolute; 
	top: 0; 
	left: 100px; 
	z-index: 1; 
	width: 147px; 
	height: 100px; 
	background: url(images/main_image.jpg) no-repeat;
}

#coordo {
	position: absolute; 
	top: 10px; 
	left: 205px; 
	z-index: 2; 
	width: 400px; 
	height: 100px;
	text-align: center;
}

#coordo h1 {
	font: 1.4em Arial, "Bitstream Vera Serif", sans-serif;
	color: #0D447D;
}
/* je ne comprend pas pkoi je dois ajuster la taille de "a" pour que le rendu de la grosseur soit similaire au text normal "h1" */
#coordo h1 a {
	font: 1.1em Arial, "Bitstream Vera Serif", sans-serif;
	font-weight: normal;
}

#sun_image {
	position: absolute; 
	top: 0; 
	right: 0; 
	z-index: 2; 
	width: 200px; 
	height: 100px; 
	background: url(images/sun_image.jpg) no-repeat;
}

#main_nav {

}

#main_nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 810px;
	float: left;
	background: #0D447D url(images/main_nav_bg.gif) repeat-x;
	font: 1.3em Arial;
	font-weight: bold;
}

#main_nav ul li {
	float: left;
}

#main_nav ul a {
	display: block;
	float: left; /* IE5.2 mac */
	padding: 0 2em;
	line-height: 2.1em;
	background: url(images/divider.png) repeat-y left top;
	text-decoration: none;
	color: #FFF;
}

#main_nav li a:hover {
	color: #EF9839;
}

#main_nav ul #first a {
	background: none;
}

#trouble #main_nav .nav_trouble a,
#accueil #main_nav .nav_accueil a,
#services #main_nav .nav_services a,
#nouvelles #main_nav .nav_nouvelles a,
#coeur #main_nav .nav_coeur a,
#contact #main_nav .nav_contact a {
	color: #EF9839;
}

/* */

#second_nav {
	width: 200px;
	float: left;
	padding-top: 20px;
	padding-left: 10px;
}

#second_nav h3 {
	font: bold 1.5em Arial, "Bitstream Vera Serif", sans-serif;
	color: #0D447D;
}

#second_nav h4 {
	font: 1.4em Arial, "Bitstream Vera Serif", sans-serif;
	color: #0D447D;
}

#second_nav li {
	padding-top: 20px;
	padding-bottom: 20px;
}

#content {
	width: 600px;
	float: right;
	margin-top: 20px;
}

.center_image {
	float: left;
}

.left_image {
	float: left;
	padding-right: 20px;
	padding-top: 10px;
	z-index: 2; 
}

.left_image_small {
	float: left;
	padding-right: 20px;
	z-index: 2; 
}


.right_image {
	float: right;
	padding-left: 20px;
	padding-top: 10px;
	z-index: 2; 
}

#content .shell h2 {
	font: bold 1.9em Arial, "Bitstream Vera Serif", sans-serif;
	letter-spacing: 0.1em;
	text-align: center;
	color: #0D447D;
}

#content .shell h3 {
	font: bold 1.7em Arial, "Bitstream Vera Serif", sans-serif;
	letter-spacing: 0.1em;
}

#accueil #content .shell h3 {
	font: bold 1.7em Arial, "Bitstream Vera Serif", sans-serif;
	letter-spacing: 0.1em;
	text-align: center;
}

#content .shell h4 {
	font: bold 1.4em Arial, "Bitstream Vera Serif", sans-serif; 
	letter-spacing: 0.1em;
}

#content .shell p {
	font: 1.4em/2em Arial, "Bitstream Vera Serif", sans-serif;
	text-align: justify;
}

#accueil #content .shell h4 {
	font: bold 1.7em Arial, "Bitstream Vera Serif", sans-serif;
	color: #EF9839;
	text-align: center;
}

#accueil #content .shell h5 {
	font: bold 1.7em Arial, "Bitstream Vera Serif", sans-serif;
	color: #000;
	text-align: center;
}

#content .shell ul {
    font: 1.4em/2em Arial, "Bitstream Vera Serif", sans-serif;
}



a:link, a:visited {
	text-decoration: none;
	color: #0D447D;
	font-weight: bold;
}

a:hover, a:active {
	text-decoration: underline;
}

.shell {
	margin: 0 auto; 
	width: 85%;
}

.attention {
    font: 1.2em/2em Arial, "Bitstream Vera Serif", sans-serif;
}

#footer {
	clear: both;
	padding: 1px 0px;
	background: #0D447D;
	color: #FFF;
	font: .9em Arial;
	font-weight: bold;
}


/* second_nav navigation setup */

#second_nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#second_nav ul li {
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
	font: bold 1.2em Arial, "Bitstream Vera Serif", sans-serif;
}

#second_nav ul a {
	padding: 5px;
	display: block;
	width: 95%;
	text-decoration: none;
	/*background: #CBDAFF; */
	color: #0D447D;
}

#second_nav li a:hover {
	background: #FFF;
}

.description #second_nav .second_nav_description a,
.traitements_lumino #second_nav .second_nav_traitements_lumino a,
.traitements_psycho #second_nav .second_nav_traitements_psycho a,
.conferences #second_nav .second_nav_conferences a,
.psychotherapie #second_nav .second_nav_psychotherapie a,
.medias #second_nav .second_nav_medias a, 
.projets #second_nav .second_nav_projets a,
.suivi #second_nav .second_nav_suivi a,
.publications #second_nav .second_nav_publications a,
.liens #second_nav .second_nav_liens a {
	background: #FFF;
}