/* 
STYLESHEET : main.css
ROLE : This stylesheet define common style for all browsers
SEE ALSO : ie-emulation.css , css3.css
AUTHOR : Arnaud Benassy
COPYRIGHT : EUROCORD ARTM 2010
*/

body
{
	background:url(../images/bkg.png) #0c5db7 repeat-x;
	margin:0;
	padding:0;
	font-family:Arial;
}

body *{font-family:Arial;}

img{border:0;}

ul , ul li {list-style-type : none;}

.bold{font-weight:bold;}

a:link , a:visited , a:hover , a:active { color:#0c5db7; text-decoration:none;}
a:hover {text-decoration:underline;}

.red{color:red;}
.green{color:green;}

.indent , ol.indent li{padding-left:15px;}
ul.noDeco , ul.noDeco li
{
	list-style-type : none;
	}
	
.map a:link , .map a:visited , .map a:hover , .map a:active
{
	color:#313131;
	font-size:11px;
	text-decoration:none;
	}
.map a:hover
{	
	color:#094485;
	text-decoration:underline;
	}

/* SECTION HTML5 : This is very important ! Define comportment of new HTML5 tags */
header, nav, footer, figure, section {
  display: block;
}
footer
{
	text-align:center;
}
/* /SECTION */

#content
{
	margin: 0 auto;
	width:900px;
	position:relative;
}
#logo{position:relative; z-index:10;}
#language_switch{position:relative; z-index:20; left:-10px; bottom:70px;}
#flash_banner{position:absolute; top:0; right:175px;}

#wrapper
{
	position:relative;
	left:85px;
	top:-90px;
	z-index:5;
	width:870px;
	height:600px;
}
#main_container
{
	background:white;
	padding:10px;
	width:870px;
}

#text_container
{
	width:600px;
	min-height:500px;
	margin:10px 20px 20px 20px;	
	text-align:justify;
}

.suite a:link , .suite a:visited , .suite a:hover , .suite a:active
 {
	float:right;
	color:#0c5db7;	
	font-style:italic;
	font-size:10px;
	text-decoration:none;
 }
 .suite a:hover
 {
	color:#a9a9a9;
	text-decoration:underline;
 }
 
span.paging
{
	color:#313131;
	font-style:italic;
	font-size:10px;
	text-decoration:none;
	}
 a.paging:link ,  a.paging:visited ,  a.paging:hover ,  a.paging:active
 {
	color:#0c5db7;
	font-style:italic;
	font-size:10px;
	text-decoration:none;
 }
  a.paging:hover
 {
	color:#a9a9a9;
	text-decoration:underline;
 }

.block{display:block;}

#right_column
{
	position:absolute;
	width:204px;
	right:0px;
	top:-30px;
}

/* FORM */
input , textarea
{
		border:1px solid #0c5db7;
		margin:0 20px 5px 0;
		padding:0;
	}
.formIndication
{
		margin:0;
		padding:0;
		color:#a9a9a9;
		font-size:10px;
		line-height:12px;
	}
/* END FORM */

/* NEWS */
.date_news
{
	color:#a9a9a9;
	font-style:italic;
	font-size:10px;
}
.content_news
{
	color:#0c5db7;
	font-size:11px;
	text-align:justify;
}
.suite_news a:link , .suite_news a:visited , .suite_news a:hover , .suite_news a:active
 {
	float:right;
	color:#a9a9a9;
	font-style:italic;
	font-size:10px;
	text-decoration:none;
 }
 .suite_news a:hover
 {
	color:#0c5db7;
	text-decoration:underline;
 }
/* END NEWS */

/* MENU */
#menu ul li a:link , #menu ul li a:visited , #menu ul li a:hover , #menu ul li a:active
{
	display:block;
	text-decoration:none;
	background-color:#f1faff;
}
#menu ul li a:hover
{
	background-color:#aac0cc;
}

#menu_content{background-color:#f1faff;}
#menu ul
{
	position:relative;
	left:-40px;
	top:-16px;
	text-indent:5px;
	width:204px;
	left:-40px;
	line-height:20px;
}
#menu_shadow
{
	position:relative;
	top:-34px;
}
#menu_title
{
	width:174px;
	background-color:#f1faff;
	padding-top:15px;
	padding-left:30px;
}
#deco_menu
{
	position:absolute;
	top:-27px;
	left:-28px;
}
#menu_images
{
	position:absolute;
	z-index:20;
	width:100px;
	height:80px;
	overflow:hidden;
	background:url(../images/menu_images.png) left top no-repeat ;
	right:5px;
	top:-40px;
}
.lettrine_menu{font-size:14px; font-weight:bold; color:#919191;}
.std_menu{font-size:14px; font-weight:normal; color:#0c5db7;}
/*END MENU*/

/* FOOTER */
.handwrited
{
	font-family:SimonScript;
}

.lettrine_title
{
	font-size:30px;
}
.title , h1
{
	font-size:24px;
	font-weight:normal;
}
.small_indic
{
	font-size:12px;
	font-style:italic;
	color:#094485;
	font-weight:bold;
}
.subtitle
{
	font-size:16px;
	font-weight:bold;
}
.smalltext{font-size:10px;}

footer ul li {float:left; line-height:21px;}

footer ul li a:link , footer ul li a:visited , footer ul li a:hover , footer ul li a:active{
	text-decoration:none;
	color:#a9a9a9;
}
footer ul li a:hover{ color:white; text-decoration:underline; }
.std_size
{
	font-size:12px;
}
/* FOOTER */

/* COLORS */
.dark_gray{color:#313131;}
.gray{color:#5e5e5e;}
.light_gray{color:#a9a9a9;}
.black
{
	color:#000000;
}
.blue
{
	color:#0c5db7;
}
.dark_blue
{
	color:#094485;
}
/* END COLORS */
#disease_table tr:hover
{
	background-color:#efefef;
}
.wikipedia
{
	color:#666666;
	font-size:11px;
	line-height:16px;
}
.wikipedia:before
{
	content: url("../images/wikipedia_icon.png");
}