@charset "UTF-8";
/* CSS Document */



/* ###################################################################

							INIT
							
####################################################################*/
* {margin:0px; padding:0px; }
p,h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,th {font-weight:normal; font-style: normal; padding:0; margin:0; font-size:12px;}
ul,ol { list-style:none; background:no-repeat; margin:0; padding:0;}
fieldset,img { border: none; overflow:hidden;}
caption,th { text-align: left; }
body{font-size: 12px; margin: 0px; padding: 0px;font-family:Arial, Helvetica, sans-serif;}
a{color:#000;	text-decoration:underline;}
a:hover{color:#000;	text-decoration:none;}


/* COMMON CLASSES */

.cb{clear:both;}
.souligne{text-decoration:underline;}
.center{text-align:center;}
.right{text-align:right;}
#tooltip { display:none;position: absolute;padding:0px 5px;opacity:1; border:none; background:#99CC33;}
#tooltip h3{ color:#000; border:none; background:none;}



/* ###################################################################

							CONSTRUCTION SITE 
							
####################################################################*/
#fullpage
{
	width:100%;
	padding:0 0 186px 0;
	background:url(../_commun/bg.gif) bottom center no-repeat;
}

#conteneur
{
	position:relative;
	width:960px;
	margin:auto;
	background:url(../_commun/bgrepeat.png) top left repeat-y;
}

#colonneGauche
{
	z-index:1;
	position:relative;
	width:220px;
	height:609px;
	background:url(../_commun/bgcolonnegauche.png) top left no-repeat #FFF;
	float:left;
}

#header
{
	height:200px;
	width:720px;
}

#ariane
{
	margin:20px 0 20px 0;
	width:720px;
	clear:both;
}

#contenuPage
{
	padding:20px 0 116px 0;
	clear:both;
}

#colonneDroite
{
	z-index:2;
	width:720px;
	margin:0 0 0 20px;
	float:left;
}

#footer
{
	clear:both;
	height:28px;
	padding:50px 0 0 0;
}

#origineCharte
{
	position:relative;
}

#charte
{
	position:absolute;
	top:-121px;
	left:0px;
}

#colonneTerumo
{
	width:220px;
	float:left;
	height:28px;
	background:url(../_commun/ombreColonneTerumo.jpg) top left no-repeat #fff;
}

#colonnebaseline
{
	width:740px;
	background:url(../_commun/baseline.jpg) top left no-repeat #FFF;
	float:left;
	height:28px;
}

/*----------------------------------------
	Clinical program
----------------------------------------*/

.trials tr td{ border-bottom:1px solid #CCC; padding:5px 0;}
.trials tr.lastTR td{ border:none;}
.trials .salon{ color:#999; }
.trials h3{ padding:0; margin:0; text-align:inherit; display:inline;}
.trials .texte{ font-size:11px;}
.trials a{ display:block; width:30px; height:30px; background:url(../_commun/telechargement_pdf.jpg) no-repeat;}
.speaker_clinical{ font-weight:bold;}


/*----------------------------------------
	Home
----------------------------------------*/
#contenuPage #divAnimHome{float:left; width:690px; margin:20px 0 0 0;}
#contenuPage #animHome{width:720px; height:580px; }
#contenuPage #producthighlights{float:left; width:350px; margin:0 20px 0 0;}
#contenuPage #news{float:left; width:350px;}
/*#contenuPage #producthighlights h1, #contenuPage #news h1, */#contenuPage #divAnimHome h1{font-weight:normal; color:#ffffff; font-size:18px; font-weight:bold; margin:0 0 15px 0; background:url(../_commun/fondh1product.png) top left no-repeat; line-height:45px; vertical-align:middle; padding:0 0 0 10px;}
#contenuPage #producthighlights .article{clear:both; border-bottom:1px solid #999; border-left:1px solid #999; border-top:1px solid #999; border-right:8px solid #AFCC10; margin:0 0 15px 0; background-color:#FFF; cursor:pointer;}
#contenuPage #producthighlights .passif{background-color:#FFF;}
#contenuPage #producthighlights .actif{background-color:#ccc;}
#contenuPage #producthighlights .article img{width:108px; height:95px; border-right:1px solid #999;}
#contenuPage #producthighlights .article h2{clear:none; font-size:16px;	font-weight:bold; margin:5px 0 5px 0; line-height:20px; vertical-align:middle; color:#000000; padding:0 10px 0 10px; width:210px;}
#contenuPage #producthighlights .article p{clear:none; width:205px; margin:0 0 5px 0; padding:0 15px 0 10px; text-align:justify;}
#contenuPage #news p{margin:0; padding:0; text-align:justify;}
#contenuPage #news p.date{font-style:normal; color:#333; margin:0 0 2px 0;}
#contenuPage #news p.titre{padding:0; margin:0 0 13px 0; line-height:15px;}
#contenuPage #news p.titre a{text-decoration:underline;}
#contenuPage #news p.titre a:hover{text-decoration:none;}

/*----------------------------------------
	Program
----------------------------------------*/
#contenuPage h2.dateProgram{font-size:16px; font-weight:bold; margin:0 0 16px 0; line-height:20px; vertical-align:middle; color:#000000; padding:5px 0 5px 10px;}
#contenuPage p.heureProgram{font-style:italic; font-weight:bold; background: url(../_commun/pucecarree.jpg) 0px 4px no-repeat; padding:0 0 0 10px; margin:0 0 5px 10px; line-height:12px;}
#contenuPage p.contentProgram{margin:0 0 0 20px;}
#contenuPage p.speakerProgram{margin:5px 0 5px 20px; font-weight:bold;}
#contenuPage p.espaceProgram{margin:0 0 20px 20px; line-height:1px;}
#contenuPage span.speaker{font-weight:normal;}
#contenuPage .detailProgram{margin:0 0 0 20px; border-left:1px dashed #999;}
#contenuPage .detailProgram p.heureProgram{font-style:italic; font-weight:bold; background:none; padding:0 0 0 0; margin:0 0 0 10px; line-height:12px;}
#contenuPage .detailProgram p.espaceProgram{margin:0 0 10px 0; line-height:1px;}
#contenuPage .pdf_upload{background:transparent url(../_commun/telechargement_pdf.jpg) no-repeat scroll 0 0; display:block; height:30px; width:30px; margin-left:8px;}
#contenuPage .legend{font-size:10px; font-style:italic; margin-left:8px;}
/* ###################################################################

					CONSTRUCTION MODULES SITE
							
####################################################################*/

/*----- MODULE NAVIGATION -----*/
	#goHome{width:100%; height:80px;}
	#goHome a{display:block; height:100%; width:100%;}
	
	#navigation{margin:40px 0 0 10px; clear:both;}

/*----- MODULE LOGIn -----*/
	#register{	margin:0 0 28px 10px;	width:190px;	border:solid 1px #FFF;}

	#registerEntete{background:#030E3F; height:28px;}

	#registerTitle{float:left;}

	#registerNotMember{float:right;}

	#registerForm{background:#8291A8;	padding:10px 0 0 0;	height:71px;}
	#registerForm label{width:58px;	margin:0 0 6px 8px;	float:left;}
	#registerForm .champ{float:left;	width:112px;	margin:0 8px 6px 0px;	background:#FFFFFF;}
	#registerForm #btnlogin{border:none; background:url(../_commun/btnlogin.jpg) top left no-repeat; width:50px; height:15px; float:right; margin:0 8px 0 0; cursor:pointer;}
	#registerForm .dialog{margin:0 0 0 10px; font-size:11px;}


/*----- MODULE NAVIGATION -----*/
	div.espaceNavWatch{height:50px; width:201px; clear:both;}
	#watch{margin:0 9px 28px 10px; width:201px; height:171px; clear:both;}


/* ----- MODULE ARIANE ----- */
	#ariane ul{list-style:none;}
	#ariane li{color:#666666; float:left;}


/*----- MODULE PANNEL -----*/
	.pannelContenu{			display:none}
	.pannelContenu img{		margin:6px 0 0 0;}
	.pannelTitre{			padding:10px; cursor:pointer;}
	.pannelTitre {			background-color:#E5E5E5;}
	.pannelTitre.actif{		background-color:#A9C12B;}
	#allPannels .colorOver{	color:#FFFFFF;}
	.pannelContenu{			margin:0 0 30px 0;}
	.pannelBoutonOrigine{	position:relative; height:9px;}
	.pannelBouton{			background:url(../_commun/boutonpannel.gif) top left no-repeat;	width:720px;	height:24px;	position:absolute;	top:-15px; cursor:pointer;}
	.pannelBouton{			background-position: 0 0}
	.pannelBouton.actif{	background-position: 0 -24px}
	.ombreSousDiaporama{	background:url(../_commun/ombresousdiaporama.png) top left no-repeat; width:100%; height:13px; position:relative;}
	.test{visibility:hidden;}

/* --- DIAPORAMA --- */
	
	.btnPrecedent{				background:url(../_commun/btnprecedent.png) top left no-repeat; height:41px; width:20px;	position:absolute;	top:0;	left:0; cursor:pointer;}
	.btnSuivant{				background:url(../_commun/btnsuivant.png) top left no-repeat; height:41px; width:20px; 	position:absolute;	top:0;	left:700px; cursor:pointer;}

	.btnPrecedent.desactive,
	.btnSuivant.desactive{		background-position:0 -82px; cursor:auto;}

	.btnPrecedent.rollover,
	.btnSuivant.rollover{		background-position:0 -41px;}

	.numeroPage{				width:500px; margin:0 0 2px 38px;}
	.hr{						background:url(../_commun/hr.jpg) center center no-repeat; width:100%; height:1px; margin:0 0 4px 0;}
	.dlPdf{						text-align:right;	padding:0 38px 0 0;}
	.dlPdf_horspannel{			text-align:right;}




/* ----- FORMULAIRE DE CREATION DE COMPTE ----- */
	form.contact td{font-weight:bold; line-height:20px; text-align:left;}
	form.contact input, form.contact textarea{width:450px;}
	form.contact input.checkbox{width:auto; float:left;}
	form.contact label{float:left; color:#FF0000; font-size:11px; vertical-align:top;}
	form.contact .mentions{margin:20px 0 0 10px;}
	form.contact p{margin:5px 0 5px 0;} 
	form.contact #submit{border:none; background:url(../_commun/sentform.jpg) top left no-repeat; width:100px; height:30px; cursor:pointer; margin:10px 0 0 0;}


/* ----- FORMULAIRE DE CREATION DE COMPTE ----- */
	form.register{margin:10px 0 0 0;}
	form.register td{font-weight:bold; line-height:20px; text-align:left;}
	form.register input{width:350px;}
	form.register input.checkbox{width:auto; float:left;}
	form.register label{float:left; color:#FF0000; font-size:11px; vertical-align:top;}
	form.register .mentions{margin:20px 0 0 10px;}
	form.register p{margin:5px 0 5px 0;} 
	form.register #submit{border:none; background:url(../_commun/sentform.jpg) top left no-repeat; width:100px; height:30px; cursor:pointer; margin:10px 0 0 0;}
	form.register #submit.sentform{border:none; background:url(../_commun/sentform.jpg) top left no-repeat; width:100px; height:30px; cursor:pointer; margin:10px 0 0 0;}
	#login_form .dialog{ font-size:10px; color:#FFCC00; font-weight:bold; padding-left:10px;}
	#contenuPage .dialog{margin:10px 0 0 10px; font-size:14px; font-weight:bold; color:#FF0000;}
	#contenuPage .dialog .mentions{font-size:11px; color:#000000;}




/* ###################################################################

							LIGHTBOX
							
####################################################################*/

#lightbox{ width:100%; height:100%; position:absolute; background:url(../_commun/lightBg.png); display:none; z-index:200; text-align:center; top:0; left:0;}
#lightbox object{ border:#333 0px solid; display:block; margin:0 auto;}
#lightbox h2{ font-size:19px; color:#fff; margin:10px 0 10px 0;}
#lb_cadre{ background:#18416A; border-top:#AFCC0F 5px solid; border-bottom:#AFCC0F 5px solid; margin-top:20px; padding:0 0 30px 0; }
.menuLB{ display:none;}
#lightbox a.close{ display:block;width:35px; height:35px; position:absolute; left:50%; top:6px; margin:0 0 0 400px; font-size:20px;
background-image:url(../_commun/btn_fermer_lightbox.png);
background-repeat:no-repeat;
background-position:0px 0px;
text-decoration:none;}
#lightbox a.close:hover {cursor:pointer; background-position:0px -35px;}


/* ###################################################################

							TYPOS SITE 
							
####################################################################*/


/* -- UTILES -- */
.floatright
{
	float:right;
}

p.licenceby
{
margin:10px 0 0 0;
padding:0;
font-size:9px;
}

#colonneGauche{	color:#FFF;}


#navigation a:hover{color:#AFCC0F;}


#registerTitle p{ font-size:14px;	line-height:28px;	vertical-align:middle; margin:0 0 0 8px;}
#registerNotMember p{ font-size:10px;	text-align:right;	line-height:28px;	vertical-align:middle; margin:0 8px 0 0;}
#registerNotMember a{color:#FFF; text-decoration:underline;}
#registerNotMember a:hover{color:#FFF; text-decoration:none;}
#registerForm p{ color:#000;	font-size:11px;}


#contenuPage{font-family:Arial, Helvetica, sans-serif;}
#contenuPage p{margin:10px 10px 10px 0;}
#contenuPage p.h3{font-size:12px;	font-weight:bold;	color:#000; margin:0 0 15px 0;}
/*#contenuPage h1{font-size:21px; font-weight:bold; margin:0 0 10px 0;}*/
#contenuPage h1{font-size:18px; font-weight:bold; margin:0 0 11px 0; background:url(../_commun/fondh1product.png) top left no-repeat; line-height:27px; vertical-align:middle; color:#FFFFFF; padding:0 0 0 7px;}
#contenuPage h2{clear:both; font-size:16px;	font-weight:bold;	margin:0 0 16px 0; /*background:#AFCC0F;*/ line-height:20px; vertical-align:middle; color:#000000; padding:5px 0 5px 0;}
#contenuPage.trials h2{margin:16px 0 5px 0;}
#contenuPage h3{clear:both; font-size:12px;	font-weight:bold;	color:#000; margin:0 0 15px 0;}
#contenuPage h4{clear:both; font-size:14px;	font-weight:bold;	margin:0 0 16px 0; background:#D0D0D0; line-height:14px; vertical-align:middle; color:#000000; padding:5px 0 5px 10px; text-align:center;}
#contenuPage ul{list-style:none;}
#contenuPage li{padding:0 0 0 10px; margin:0 0 5px 0; line-height:12px; font-size:12px; font-weight:normal; background: url(../_commun/pucecarree.jpg) 0px 4px no-repeat;}
#contenuPage ul.auteurs li{margin:0 0 25px 0;}
#contenuPage p.auteurs{font-size:12px; color:#888; font-weight:normal; margin:10px 0 0 0; padding:0;}

#ariane{font-size:11px;	color:#666666;}
#ariane a{color:#666666; text-decoration:underline;}
#ariane a:hover{text-decoration:none;}


#allPannels .pannelTitre h1{font-size:12px;	font-weight:bold; margin:0; padding:0;}
#allPannels .pannelTitre p{	font-size:12px;	font-weight:normal; margin:0; padding:0;}
#allPannels .numeroPage p{font-weight:bold; font-size:12px; line-height:12px;}
.dlPdf p, .dlPdf_horspannel p {font-weight:normal; font-size:12px; line-height:12px;}
.dlPdf p a,  .dlPdf_horspannel p a{font-weight:bold; font-size:12px; line-height:12px; text-decoration:underline; color:#000;}
.dlPdf p a:hover, .dlPdf_horspannel p a:hover{text-decoration:none;}

.listePDF{/*background:url(../_commun/pucecarree.jpg) 0px 4px no-repeat;*/ padding:0 0 0 10px; margin:0 0 5px 0; line-height:12px; font-size:12px; font-weight:bold;}
.asterix{color:#FF0000;}


#colonneTerumo p{	margin:0 10px 0 0;	text-align:right;	font-size:13px;	line-height:28px;	vertical-align:middle;}
#colonneTerumo p.colonnegauche{	margin:0;	text-align:left;	font-size:11px;	line-height:28px;	vertical-align:middle;}
#colonneTerumo a{color:#000;	text-decoration:underline;}
#colonneTerumo a:hover{color:#000;	text-decoration:none;}


#colonnebaseline p{	text-align:right;	font-size:11px;		line-height:28px;	vertical-align:middle;}
#colonnebaseline a.legal{color:#000;	text-decoration:underline;}
#colonnebaseline a.legal:hover{text-decoration:none;}
#colonnebaseline a.mediaction{color:#999;	text-decoration:none;}
#colonnebaseline a.mediaction:hover{text-decoration:underline;}


/* TABLEAUX */
.terumo_table{border:1px solid #649FB8; font-size:11px; padding:0; margin:0;}
.blank_table {border:1px solid #ffffff; font-size:11px; padding:0; margin:0;}
.terumo_table .table_header{background-color:#003779; color:#FFF; text-align:center; font-weight:bold; margin:0; padding:0; text-indent:0;}
.blank_table .table_header{margin:0; padding:0;}
.terumo_table .table_header2{background-color:#9EA0C1; color:#FFF; text-align:center; font-weight:bold; margin:0; padding:0; text-indent:0;}
.blank_table .table_header2{margin:0; padding:0;}
#contenuPage .terumo_table p{margin:5px 0 5px 0; padding:0; text-indent:0; text-align:center; line-height:16px;}
#contenuPage .blank_table p{margin:5px 0 5px 0; padding:0; text-indent:25px; text-align:left; line-height:16px;}
#contenuPage .terumo_table p.white_title, #contenuPage .blank_table p.white_title{font-size:16px; line-height:16px; font-weight:normal; color:#FFF; margin:10px 0 10px 0; padding:0; text-indent:0;}
#contenuPage .terumo_table p.white_title2, #contenuPage .blank_table p.white_title2{font-size:14px; line-height:14px; font-weight:normal; color:#FFF; margin:5px 0 5px 0; padding:0; text-indent:0;}
.terumo_table td, .blank_table td{margin:0; padding:0; text-indent:0; text-align:center;}
.terumo_table .paired_line{background-color:#DFDDE9; color:#333;margin:0; padding:0; text-indent:0;}
.terumo_table .unpaired_line{background-color:#fff; color:#333;margin:0; padding:0; text-indent:0;}
#contenuPage .terumo_table p.alignleft, #contenuPage .blank_table p.alignleft{text-align:left; margin:0 0 0 25px;}