/*CSS document*/

/*----------
############
GENERAL TAGS
############
----------*/
/**{ margin:0; padding:0; border:0;}*/
body {font-family:Arial, Helvetica, sans-serif, Verdana; font-size:11px; color:#000; margin:0; padding:0; background:#E5E9EB url(../imgs/bg_page.gif) repeat-y;}
h1 {font-size:20px; color:#0039AB;  margin:0 0 3px 0;display:block;} 
h2 {color:#425e6e; font-size:14px; font-style:italic;  margin:0 0 20px 0; padding:0 0 20px 0; border-bottom:1px solid #BCC3C9; display:block;}
h3 {color:#0039ab; font-size:11px; font-weight:bold; display:inline;} /*Here the display inline is necessary, as the H3 tag is used for the moment. But we probably should put something else than a H3 for this..*/
h4 {color:#0039ab; font-size:11px; font-weight:bold; margin-top:5px; margin-bottom:0px;}

p {margin:0; padding-bottom:10px;}

a {font-family: Verdana,Arial, Helvetica, sans-serif; font-size:9px; font-weight:bold; color:#0039AB; text-decoration:underline;}
a:hover {text-decoration:none;}
/*** AJOUT LAURENT ***/
img{border:0;}
/*********************/
ul {margin:0; padding:0;}
li{margin:0; padding:0 0 10px 0; list-style:none; text-indent:7px; background:url(../imgs/li_red.gif) left top no-repeat;}

form {margin:0; padding:0;}
input, select, textarea {font-size:11px; color:#000000; border-color:#8396A0; }

/*------------
##############
rachid
##############
------------*/

#txtJustifie {text-align:justify;}


/*------------
##############
PAGE CONTAINER
##############
------------*/
#container {width:760px; background:url(../imgs/bg_content.gif) repeat-y;}
#container.hpage {background:url(../imgs/bg_content_h.gif) repeat-y;}
	
	/*---------
	MASTER HEAD
	---------*/
	#masterhead {width:760px; height:68px; padding-top:18px; background:url(../imgs/bg_top.gif) no-repeat;}
	
		/*LEFT PART OF MASTERHEAD*/
		#leftgroup {width:563px; float:left; padding:1px 0 0 14px;}
			#logo {width:117px; height:28px; float:left;}
	
				#navigator {width:446px; float:left;}
				#navigator li {float:left; margin:0;  padding:9px 0 0 0; background:none; text-indent:0;}

				#trailer {clear:both; height:39px; text-align:left;}
		
		/*END LEFT PART OF MASTERHEAD*/

		/*RIGHT PART OF MASTERHEAD*/
		#rightgroup {width:163px; padding:9px 0 0 14px; float:left;}
		#rightgroup select {width:140px; vertical-align:middle; background:#E5E9EB;}
	
			#searchForm a {text-decoration:underline; font-weight:bold;  font-size:0.8em; color:#435966; vertical-align:middle;}
	#searchForm input{ border-color:#666666; background-color:#DDDDDD;}
			#printPage {text-align:right; clear:both; padding:11px 15px 0 0;}
	
		/*END RIGHT PART OF MASTERHEAD*/
	
	/*---------
	END MASTER HEAD
	---------*/

	/*----------
	PAGE CONTENT
	----------*/
	
	/*common classes*/
	h3 a {font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#0039AB; text-decoration:none;}
	.seperator {margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #BCC3C9;} /*used for underline p bottom*/
	.topSeparator {margin-top:20px; padding-top:20px; padding-bottom:10px;border-top:1px solid #BCC3C9;}/*used for underline p top and margin up*/
	/*.dark {color:#000000;}*/
	.bullet {color:#ff3c00;} /*used for orange bullets*/
	.alignCenter {text-align:center}
	img.icon {vertical-align:middle; padding:0 3px 0 0;}
	img.phoneRight {float:right; margin:7px 20px;}
	img.alignLeft {float:left; padding:0 10px 10px 0;}
	img.alignRight {float:right; padding:0 0 10px 10px;}
	p.listTitle {font-size:12px; font-weight:bold; font-style:italic; color:#9BA2A7;}
	a.more {background:url(../imgs/red_arrow.gif) left 3px no-repeat; padding-left:10px;}
	ul.list li {margin:0; padding:0; background:none; text-indent:0;}
	/*end common classes*/

	/*sub-navigator*/
	#nav {width:174px; height:470px; float:left; margin-left:30px; background:url(../imgs/bg_nav.gif) bottom no-repeat; display:inline;}
	#nav ul {padding-left:1px;}
	#nav li {margin:0; padding:0; background:transparent; text-indent:0; display:inline;}
	#nav a {font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#000; text-decoration:none; padding:3px 5px 3px 20px; background:#E5E9EB; display:block; border-bottom:1px solid #E5E9EB;}
	#nav a:hover {text-decoration:underline;}
	#nav a.group {padding:2px 5px 2px 10px; background:#B9C3C9;}
	#nav a.groupActive {padding:2px 5px 2px 10px; background:#B9C3C9; font-weight:bold;}
	#nav a.itemActive {color:#0039AB;}
	#nav ul.navSub a {padding:2px 5px 2px 30px; background:#E5E9EB url(../imgs/bg_link_arrow.gif) 15px 3px no-repeat;}
	/*END sub-navigator*/
	
	/*CONTENT CONT3 (3 COLUMNS)*/
	#cont3 {width:334px; float:left; padding:2px 20px 10px 20px; color:#435966;}
	#cont3 h3 {margin:0 0 15px 0;}
	#cont3 img {float:right; padding:0 0 10px 10px;}
	#cont3 img.static {float:none; margin:0; padding:0; display:block;}
	#cont3 p.avertier {font-size:9px; padding-top:15px;}
		/*aidesbox Page aides droit*/
	#cont3 .aidesBox {padding-top:10px; clear:both;}
	#cont3 .aidesBox div {width:230px; float:left;}
	#cont3 .aidesBox img {float:left; padding:0 7px 5px 0; margin-right:5px;}
	#cont3 .textAvis {color:#000000;}
		/*end aidesbox*/
	
		/*Page avonex interaction connaisance*/
	#cont3 .affections {margin:10px 0; background:#e5e9eb; line-height:19px; border-bottom:1px solid #b9c3c9; border-top:1px solid #b9c3c9; clear:both;}/* Div de titre fond bleu, voir nommage?*/
	#cont3 .interaction {height:14px; overflow:visible;}/*Div de contenu, voir nommage?*/
	#cont3 .list_subtitle {font-weight:bold; color:#000000; width:80px; float:left; margin-right:10px;}
	#cont3 .list_right_text {width:230px; float:left;}
	/*#cont3 img{float:right;}*/
		/*end Page interaction*/
		
		/*#historic*/
		#historic img {float:none; margin-bottom:40px; margin-top:15px;}
		#historic {padding-top:5px; border-top:1px solid #B9C3C9;}
		#historic .column {width:145px; float:left; padding:10px; background:url(../imgs/bg_block_white.gif) no-repeat;}
		/*end #historic*/
	

	
		/*telecharger, page avonex avis*/
		#telecharger {font-weight:bold; color:#0039ab; width:319px; margin-bottom:12px; padding:8px 5px 10px 9px; background:#e5e9eb url(../imgs/center_bg.gif) top left no-repeat; }
			#telecharger li{list-style:none; text-indent:20px; padding-bottom:10px; background: url(../imgs/icon_pdf.gif) left top no-repeat;}
/*		#telecharger .row {clear:both; line-height:16px;}
		#telecharger .col1 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; width:140px; float:left; margin-right:9px; padding:3px 0;}
		#telecharger .col2 {width:160px; float:left; padding:3px 0;}
		#telecharger .col2 img {padding-right:5px; vertical-align:middle;}*/
		
		/*end telecharger*/

		/*contact map*/
		#coord {font-size:13px; font-style:italic; line-height:25px; text-align:center; color:#71828C; width:333px; margin-top:15px; background:#D6E2F8;}
			#coord img {display:block;}
			#dynMap {padding:20px 0 0 50px;}
				#dynMap h3 {display:block; margin:5px 0 -2px 0;}
				#dynMap p {padding-bottom:5px;}
		#cont3 .mapContent {display:none;}

		/*end contact map*/

	/*END CONTENT CONT3*/

	/*CONTENT CONT2 (2 COLUMNS)*/
	#cont2 {color:#435966; width:522px; float:left; padding:2px 0 20px 20px; background:#FFF;}
	#cont2 img {margin-bottom:5px;}
	#cont2 h3 {display:block; margin:0 0 5px 0;}
	#cont2 h3 img {margin-bottom:12px;}

		/*avonex index page*/
		#avo {width:512px; color:#0039AB; margin:40px 0 0 0; padding:0 5px; background:#E5E9EB url(../imgs/bg_lines_top_avo.gif) right top no-repeat; border-bottom:1px solid #fff;}
		#avo h3 {margin:0 0 5px 0; display:block;}
		#avo p.liSpace {margin-bottom:2px;}
		#avo .column {width:145px; padding:7px 10px; float:left; background:url(../imgs/bg_block_top_avo.gif) left top no-repeat;}
			#columnRight {width:180px; float:left;}
				#notice {padding:7px 10px; background:url(../imgs/bg_block_top_avo.gif) left top no-repeat;}
				#notice ul {margin:0 0 5px 0;}
				#notice li {padding:0 0 5px 0;}
				#notice p {padding-bottom:3px;}
				#notice p.bottom {padding-bottom:10px;}

				#fiche {padding:7px 10px; background:url(../imgs/bg_block_gray.gif) left top no-repeat;}
		
		#vert {color:#000; padding:5px; background:#E5E9EB; }
		/*end avonex*/
	
		/*sep index page*/
		#sepTop {width:512px; color:#0039AB; padding:0 5px; background:#E5E9EB url(../imgs/bg_lines_top_sep.gif) repeat-x;}
		#sepTop .column {width:145px; padding:7px 10px; float:left; background:url(../imgs/bg_block_top_sep.gif) left top no-repeat;} 
		#sepBottom {width:512px; color:#0039AB; padding:0 5px; background:#E5E9EB url(../imgs/bg_lines_sep.gif) repeat-x;}
		#sepBottom .column {width:145px; padding:7px 10px; float:left; background:url(../imgs/bg_block_sep.gif) left top no-repeat;} 
		/*end sep*/

		/*qui sommes nous*/
		#qui {width:512px; color:#0039AB; padding:0 5px; background:#E5E9EB url(../imgs/bg_lines_qui.gif) repeat-x; border-bottom:1px solid #fff;}
		#qui .column {width:230px; padding:15px 10px 20px 10px; float:left; background:url(../imgs/bg_block_qui.gif) left top no-repeat;}
		/*end qui sommes nous*/

		/*collection*/
		#cap {font-size:10px; color:#71828C; position:absolute; top:0; left:0; text-align:center; width:150px; height:15px; visibility:hidden;}
		#collection {width:492px; padding:15px; background:#E5E9EB url(../imgs/bg_brochures.gif) right top no-repeat;}
			#listBrochures {width:465px; height:107px; margin:10px 0; padding:12px; background:url(../imgs/bg_brochures_list.gif) no-repeat;}
			#listBrochures a {margin-right:5px; padding:5px; background:url(../imgs/bg_brochures_hili.gif) -50px 0px no-repeat; display:block; float:left;}
			#listBrochures a:hover, #listBrochures a.active {background-position: left top;}
		#collection	.brochureContent {clear:both; display:none;}
		#collection	.brochureText{width:300px; float:left;}
		#collection .brochureImg {margin:0 10px 10px 0; float:left;}
		/*end collection*/
	
	/*END CONTENT CONT2*/

	/*CONTENT CONT1 (1 COLUMN)*/
	#cont1 {color:#435966; width:680px; float:left; margin-left:30px; padding:10px 20px 20px 20px; background:#fff url(../imgs/bg_cont1.gif) no-repeat; display:inline;}
	#cont1 img {margin-bottom:5px;}
	#cont1 h3 {display:block; margin:0 0 5px 0;}
	#cont1 h3 img {margin-bottom:12px;}
	
	/*contact*/
	#cont1 .contColumn {width:205px; padding:15px 10px; float:left;}
	#cont1 .contColumn p {padding-bottom:5px;}
		#contMap {padding:15px; background:url(../imgs/bg_block_white_big.gif) no-repeat;}
		#contMap p {padding-bottom:5px;}	

	/* page p_404 */
		p.p404 {font-weight:bold; padding:60px 0 100px 0;text-align:center;}

	/* Plan du Site */
	#cont1 .planBox {height:auto; margin:15px 0 5px 0; padding:20px 0 20px 10px; background:url(../imgs/plan_bigbg.gif) left 5px no-repeat; border-top:1px solid #B9C3C9;}
	#cont1 .planCol {width:200px; float:left; padding:0 0 0 20px;}
	#cont1 .planCol ul.list a {font-family:Arial, Helvetica, sans-serif, Verdana; font-size:11px; font-weight:normal; color:#435966; margin-left:20px; text-decoration:none;}
	#cont1 .planCol ul.list a:hover {text-decoration:underline;}
	/*End Plan du Site */

	/* Search Result | aver.htm */
		#sResult {background-color:#D4E1F9; line-height:20px;}
		#sResult span {color:#0039AB;font-weight:bold;}
		#sResult span.sText {width:470px;display:block; float:left;}
		.sCont {margin-bottom:20px; margin-top:5px;}
		.sCont a {font-size:11px;font-weight:normal;}
		.sCont h3 a {font-weight:bold; text-decoration:underline;}
		.sCont h3 a:hover {text-decoration:none;}
	/*END CONTENT CONT2*/

	/*home page*/
	#homeLeft {color:#425E6E; width:547px; float:left; margin-left:30px; background:#fff url(../imgs/bg_home.gif) no-repeat; display:inline;}
	#homeLeft h1, #homeRight h1 {font-size:14px; font-weight:bold; color:#71828c; display:block; margin:0 0 10px 0;}
		#homeNav {width:368px; text-align:right; padding:10px 0 0 0; float:left;}
		#homeNav ul {margin:0; padding:0;}
		#homeNav li {margin:0; padding:0; list-style:none; display:inline;}
		#homeNav a {margin:0 5px 0 0; display:block;}
			#atBottom {margin:23px 0 0 0;}

		#introPic {width:172px; text-align:center; margin:7px 0 0 5px; float:left;}
		#introPic img {display:block; margin:auto;}

	#homeLeft #column1 {width:145px; margin:15px 15px 0 15px; padding:15px 15px 0 15px; float:left; background:url(../imgs/bg_block_white_h1.gif) no-repeat; display:inline;}
	#homeLeft #column1 img {margin-bottom:10px;}
	#homeLeft #column2 {width:290px; margin:15px 0 0 15px; padding:15px 15px 0 15px; float:left; background:url(../imgs/bg_block_white_h2.gif) no-repeat; display:inline;}
	#homeLeft #column2 img {float:left; margin:0 10px 5px 0;}
	#homeLeft #column2 h2 {font-size:12px; font-weight:normal; font-style:normal; color:#0039AB;}
	#homeLeft .bottomNote {font-size:10px; padding:20px 0 0 30px; clear:both;}

	#homeRight {width:173px; float:left; margin-left:1px; display:inline;}
		#lumiere {height:157px;	padding:12px; background:url(../imgs/bg_block_gray_h1.gif) 2px 2px no-repeat; border-bottom:1px solid #fff;}
	#homeRight .rightBox {padding:12px; background:url(../imgs/bg_block_gray_h2.gif) 2px 2px no-repeat;}
	/*end home page*/

	#gotop {text-align:right; clear:both; padding-right:20px;}
	/*context - the right content*/
	#context {width:168px; padding-bottom:40px; float:left;}

		/*MEA_en_savoir_plus*/
		#plus {color:#0039ab; width:142px; padding:10px 10px 0 18px; background:url(../imgs/savoir_bg2.gif) no-repeat;}
			#plus h3 {margin:0 0 0 0; display:block;}
			#plus p {padding-top:10px;}
			#plus li{list-style:none; text-indent:20px; padding-bottom:10px; background: url(../imgs/icon_pdf.gif) left top no-repeat;}
		/*end MEA_en_savoir_plus*/
	
	/*END context */
	
	/*----------
	END PAGE CONTENT
	----------*/

	/*----
	FOOTER
	----*/
	#footer {font-size:10px; color:#8396A0; width:730px; padding:37px 0 40px 30px; background:url(../imgs/bg_footer.gif) no-repeat; clear:both;}
	#footer.hpage {background:url(../imgs/bg_footer_h.gif) no-repeat;}
	#footer li {float:left; margin:0; padding:0; background:none; text-indent:0;}
	#footer a {font-family: Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#8396A0; text-decoration:underline; float:left; padding:0 5px; white-space:nowrap; display:block; float:left;}
	#footer a:hover {text-decoration:none;}
		#bioService {position:relative; top:-75px; left:-9px; float:right;} /*trick... this one is a bit specific, with a negative position... Aloow to keep the bottom logo in the footer...*/
	/*END FOOTER*/