/* Start of CMSMS style sheet 'Elva style' */
@charset "UTF-8";
/* CSS Document */

html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background-color: #e6f7ff;
	
	background-image: url(images/background_body.jpg);
	background-repeat: repeat-x;
	background-position:top;
}

div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:100%;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	background-image: url(images/background_pagelayout.gif);
	background-repeat: repeat-y;
	background-position:center;
}

div#container2cols {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:100%;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
	
	background-image: url(images/background_pagelayout2cols.gif);
	background-repeat: repeat-y;
	background-position:center;
}

div#menu2 {
	height: 20px;
	width: 777px;
	margin-left: auto;
	margin-right: auto;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 24px;
        font-weight: bold;
        text-align: right;
}

div#menu2 a {
	color:#f1efe7;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
}

div#menu2 a:hover {
	color:#000;
	padding-left: 5px;
	padding-right: 5px;
	background-color:#fcba3d;
}

div#header {
	height: 139px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	
	background-image: url(images/background_header.jpg);
	background-repeat: no-repeat;
	background-position:top;
}


div#body { /* bottom padding for footer */
	width: 777px;
	padding-bottom: 30px;
	margin-right: auto;
	margin-left: auto;
}

div#content {
	height:100%;
	padding: 0;
	margin: 0;
}

div#footer {
	position:absolute;
	height: 30px;
	width:100%;
	bottom:0; /* stick to bottom */
	text-align: center;
	
	background-image: url(images/background_footer.gif);
	background-repeat: no-repeat;
	background-position:top;
	background-color: #e6f7ff;
}

div#footer_content {
	margin-top: 8px;
	padding: 0;
}

table#table1 {
	font: 10px Georgia, "Times New Roman", Times, serif;
	color: #383c3d;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 24px;
	margin-right: 24px;
	line-height: 18px;
	border: 1px solid #CCCCCC;
	
}

table.oxalates {
	margin-top: 0px;
	margin-bottom: 15px;
	margin-left: 24px;
	margin-right: 24px;
	line-height: 18px;
	border: 1px solid #CCCCCC;
}

table.oxalates td {
	width: 33%;
	vertical-align:top;
}

table.oxalates td.vert {
	border-bottom: 5px solid #c4fac4;
	border-right: 1px dashed #cbebfa;
}

table.oxalates td.jaune {
	border-bottom: 5px solid #f6eabb;
	border-right: 1px dashed #cbebfa;
}

table.oxalates td.rouge {
	border-bottom: 5px solid #f7c1c1;
}

table.oxalates th {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

table.oxalates th.vert {
	border-top: 5px solid #009900;
	border-right: 1px dashed #cbebfa;
}

table.oxalates th.jaune {
	border-top: 5px solid #FFCC00;
	border-right: 1px dashed #cbebfa;
}

table.oxalates th.rouge {
	border-top: 5px solid #CC0000;
}

table.oxalates ul {
	list-style-image: url(images/ul_dot1.gif);
	
	font: 10px Arial, Helvetica, sans-serif;
	color: #575d5e;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 10px;
	line-height: 16px;
}

table.oxalates p {
	font: 12px Arial, Helvetica, sans-serif;
	color: #575d5e;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-right: 5px;
	line-height: 16px;
}

table.oxalates ul ul {
	list-style-image: url(images/ul_dot2.gif);
}

table.oxalates ul li{
	margin-bottom: 0px;
}

p {
	font: 12px Georgia, "Times New Roman", Times, serif;
	color: #575d5e;
	text-align: justify;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 24px;
	margin-right: 24px;
	line-height: 22px;
}

p.center {
	text-align: center;
}

p.pale {
	font: 12px Georgia, "Times New Roman", Times, serif;
	color: #848d8e;
	text-align: justify;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 24px;
	margin-right: 24px;
	line-height: 22px;
}

p.nb {
	font: 12px Georgia, "Times New Roman", Times, serif;
	color: #434748;
	background-color: #effaff;
	letter-spacing: 1px;
	font-style:italic;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 24px;
	margin-right: 24px;
	line-height: 22px;
}


p.plus {
	font: 13px Georgia, "Times New Roman", Times, serif;
	color: #1f80ad;
	text-align: justify;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 24px;
	margin-right: 24px;
	line-height: 22px;
}

p.qdn {
	font: 11px Georgia, "Times New Roman", Times, serif;
	color: #4a3737;
	text-align: left;
	margin-left: 18px;
	margin-right: 18px;
	margin-top: 0px;
	margin-bottom: 40px;
	line-height: 18px;
}

p.footer {
	font: 10px Helvetica, Arial, Geneva, sans-serif ;
	letter-spacing: 1px;
	color: #257faa;
	text-align: center;
}

h1 {
	font: 20px Georgia, "Times New Roman", Times, serif;
	color: #323232;
	text-align: left;
	text-transform:uppercase;
	letter-spacing: 1px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 24px;
	margin-left: 24px;
}

h2 {
	font: 16px Georgia, "Times New Roman", Times, serif;
	color: #595959;
	text-align: left;
	text-transform:uppercase;
	letter-spacing: 1px;
	line-height: 22px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 24px;
	margin-left: 24px;
}

h3 {
	font: 14px Georgia, "Times New Roman", Times, serif;
	color: #595959;
	text-align: left;
	text-transform:uppercase;
	letter-spacing: 2px;
	line-height: 20px;
	margin-top: 50px;
	margin-bottom: 10px;
	margin-right: 24px;
	margin-left: 24px;
}

h4 {
	font: 10px Georgia, "Times New Roman", Times, serif;
	color: #b0b0b0;
	text-align: left;
	text-transform:uppercase;
	letter-spacing: 1px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 24px;
	margin-left: 24px;
}

h5 {
	font: 12px Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	color: #bc888c;
	text-align: left;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
	padding-left: 18px;
	line-height: 20px;
	letter-spacing:1px;
	
	background-image: url(images/background_dateqdn.gif);
	background-position:left;
	background-repeat:no-repeat;
}

ul {
	list-style-image: url(images/ul_dot.gif);
	
	font: 12px Georgia, "Times New Roman", Times, serif;
	color: #575d5e;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
	margin-right: 24px;
	padding-left: 12px;
	line-height: 22px;
}

ul ul {
	list-style-image:none;
	list-style:decimal;
}

ul li{
	margin-bottom: 15px;
}

li.colle{
	margin-bottom: 0px;
}

a {
	color: #29a6d4;
	text-decoration: underline;
}

a:hover {
	color: Black;
	background-color: #f8eeef;
	text-decoration: none;
}

a.footer {
	color: #257faa;
	text-decoration: underline;
}

a.footer:hover {
	color: Black;
	text-decoration: none;
}




/* MENU FLOTTANT */

.wireframemenu{
background-color: #fff;
border-bottom-width: 0;
width: 190px;
position: relative;
padding-top: 15px;

background-image:url(images/menuleft_top.jpg);
background-position:top;
background-repeat:no-repeat;
}

* html .wireframemenu{ /*IE only rule. Original menu width minus all left/right paddings */
width: 190px;
}

.wireframemenu ul{
font-size: 11px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 150px;
margin: 0;
list-style-type: none;
list-style-image: none;
line-height: 18px;

border-left: none;
}

.wireframemenu ul li{
	margin-bottom: 0px;
}

.wireframemenu ul ul{
padding-top: 0px;
padding-left: 15px;
padding-right: 0px;
padding-bottom: 20px;
font-size: 10px;
margin: 0;
list-style-type: none;
list-style-image: none;
line-height: 14px;
border-left: none;
}

.wireframemenu ul ul li{
	margin-bottom: 0px;
}

.wireframemenu a{
font-family: Helvetica, Arial, sans-serif;
font-weight:bold;
letter-spacing: 0px;
padding-left: 13px;
padding-right: 13px;
padding-bottom: 0px;
display: block;
width: 100%; /*Define width for IE6's sake*/
color: #5e3539;
text-decoration: none;
}

html>body .wireframemenu a{ /*Non IE rule*/
width: auto;
}

.wireframemenu a:hover{
color: Black;
}


/* ROLLOVER TOP */

a.srollover {
	display: block;
	width: 146px;
	height: 30px;
	background: url(images/top.gif) 0 0 no-repeat;
	text-decoration: none;
}

a:hover.srollover {
	background-position: -146px 0;
}
/* End of 'Elva style' */