body {
margin: 0;
padding: 0;
}
sub{font-size:8px;}
sup{font-size:11px;}
img {border:none}
div{margin:0; padding:0;}
/*#page {
position: relative;
width:950px;
margin: 0 auto;
padding : 0;
}*/
/* ********************** le header *************************** */
/*#header {
position:relative;
width:950px;
height:136px;
margin:0 0 -21px 0;
padding:0;
}*/
#header_text{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#4B2076;
margin:0 0 0 20px;
font-weight:bold;
width:480px;
display:block;
}
#top_left{
float:left;
background: #ffffff url(hp1__.gif) no-repeat left;
width:575px;
height:136px;
padding:0;
margin:0 0 0 0;
}
#top_right{
float:right;
background: #ffffff url(ht2_.gif) no-repeat right;
width:375px;
height:136px;
padding:0;
margin:0;
}
#home{
top:15px;
left:650px;
position:absolute;
}
#add{
top:15px;
right:20px;
position:absolute;
}
#a_home{
position:absolute;
text-decoration:none;
top:30px;
left:40px;
width:430px;
height:22px;
}
/* ********************** le menu *************************** */
/*#menu{
position:relative;
width:910px;
height:18px;
top:-22px;
padding:0px 20px 2px 20px;
margin:0 0 0 0;
}
#menu li{display:inline;padding-right:24px;}
#menu a{
text-decoration:none;
color:#cbbfd9;
line-height:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}
#menu li span{
text-decoration:none;
color:#ffffff;
line-height:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}*/


#mSearch .no{
position:relative;
right:0px;
top:1px;
padding:0;
margin:0;
}
#mSearch{
position:absolute;
float:right;
width:120px;
bottom:5px;
right:10px;
text-align: right;
padding-right: 5px;
}
#mSearch form input{
width:75px;
vertical-align:middle;
line-height:15px;
color:#4b2077;
line-height:14px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
padding:0 0 0 3px;
}
/* ********************** les teasers *************************** */
#teaser{
width:118px;
position:relative;
float:right;
margin:10px 5px 0 0;
}
#teaser img{
border:0;
margin:0 0 8px 0;
}
#quick{
background: #ffffff url(quick-poll.gif) repeat-y right;
width:118px;
height:143px;
margin:0 0 8px 0;
padding: 25px 15px 3px 15px;

}
.little_box{
background: #ffffff url(subtitle2.gif) no-repeat right;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:center;
font-size:12px;
color:#4b2076;
width:108px;
height:39px;	
margin:0 0 0px 0;
padding:10px 5px 0 5px;
}
.little_box_alt{
background: #ffffff url(subtitle2_2.gif) no-repeat right;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:center;
font-size:12px;
color:#fff;
width:108px;
height:39px;	
margin:0 0 0px 0;
padding:10px 5px 0 5px;
}
.little_box a, .little_box a:hover{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
color:#4b2076;
text-decoration:none;
}
.little_box_alt a, .little_box_alt a:hover{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
color:#ffffff;
text-decoration:none;
}
.medium_box{
background: #ffffff url(subtitle1.gif) no-repeat left;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:center;
font-size:12px;
color:#4b2076;
width:117px;
height:59px;	
margin:0 0 2px 0;
padding:10px 5px 0 0px;
vertical-align:middle;
}
.medium_box a{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
color:#4b2076;
text-decoration:none;
}
.big_box{
background: #ffffff url(box3.gif) no-repeat right;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:center;
vertical-align:middle;
font-size:11px;
color:#4b2076;
width:114px;
height:256px;	
margin:0 0 0px 0;
padding:6px 2px 0 2px;
}
.big_box a{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
color:#4b2076;
text-decoration:none;
}
.big_survey{
background: #ffffff url(subtitle3_p.gif) no-repeat left;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
text-align:center;
vertical-align:middle;
font-size:12px;
color:#4b2076;
width:105px;
height:137px;	
margin:2px 0 5px 0;
padding:6px 5px 0 8px;
line-height:14px;
}
.big_survey_home{
background: #ffffff url(subtitle3.gif) repeat-y right;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
text-align:center;
vertical-align:middle;
font-size:12px;
color:#4b2076;
width:118px;
height:143px;	
margin:0 0 5px 0;
padding:6px 5px 0 8px;
line-height:14px;
}
.big_survey a,.big_survey_home a{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
color:#4b2076;
text-decoration:underline;
}
div.rond_vide{
background:url(box.gif) no-repeat 11px 3px;
padding:0;
}

div.rond_plein{
background:url(box2.gif) no-repeat 11px 3px;
padding:0;
}
.rond_plein p, .rond_vide p{
text-align:left;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:11px;
color:#4b2076;
text-decoration:none;
margin:0 5px 0 0;
}
.medium_box_alt{
background: #ffffff url(subtitle1_1.gif) no-repeat left;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:center;
font-size:12px;
color:#ffffff;
width:117px;
height:59px;	
margin:0 0 2px 0;
padding:10px 5px 0 0px;
}
.medium_box_alt a{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
color:#ffffff;
text-decoration:none;
}
.big_box_alt{
background: #ffffff url(subtitle3_3.gif) no-repeat right;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:center;
vertical-align:middle;
font-size:12px;
color:#ffffff;
width:114px;
height:256px;	
margin:0 0 0px 0;
padding:6px 2px 0 2px;
}
.big_box_alt a{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
color:#4b2076;
text-decoration:none;
}
/*********************** les conteneurs gauches et droits (how it works, test dri, mechanism...) ****************************/
.content_g_right_border{
position:relative;
float:left;
margin:5px 0 0 10px;
padding:0;
width:521px;
border-right:1px solid #4C2177;
}
.content_g_without_border{
position:relative;
float:left;
margin:5px 0 0 10px;
padding:0;
width:522px;

}
.content_d_without_border{
position:relative;
width:261px;
padding:0 5px 0 10px;
margin:5px 0 0 0;
float:left;
}
.content_d_left_border{
position:relative;
width:260px;
padding:0 5px 0 10px;
margin:5px 0 0 0;
float:left;
border-left:1px solid #4C2177;
}
#alternFlash{
width:520px;
height:308px;
background:transparent url(fond_video_gris.png) no-repeat top;
margin:-35px 0 0 0;
}
#alternFlash div{
position:absolute;
top:135px;
left:10px;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
padding:0 10px;
text-align:center;
}

#alternFlash div a{
color:#fff;	
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}
/* ******************************** les grands conteneurs  (Therapeutic potential) ********************************************* */
.content{
position:relative;
float:left;
margin:10px 0 0 10px;
padding:0 0 5px 0;
width:790px;
}
.content_right_scroll{
position:relative;
float:left;
margin:10px 0 0 10px;
padding:0 0 10px 0;
width:790px;
height:380px;
overflow: scroll;
overflow-x:hidden;
scrollbar-arrow-color:#e80382;
scrollbar-3dlight-color:;
scrollbar-highlight-color:;
scrollbar-face-color:#4B2077;
scrollbar-shadow-color:;
scrollbar-darkshadow-color:;
scrollbar-track-color:#ece9d8;
}
.content_bottom_border{
position:relative;
float:left;
margin:10px 0 0 10px;
padding:0 0 10px 0;
width:785px;
border-bottom:1px solid #4C2177;
}

					/**** les images ********/
#figure1-1_thumb{margin:0 0 5px 10px;width:250px}
#figure1-1{display:none;}
#figure1-2_thumb{margin:0 0 5px 10px;width:250px}
#figure1-2{display:none;}
#figure1-3_thumb{margin:0 0 5px 10px;width:250px}
#figure1-3{display:none;}
#figure1-4_thumb{margin:0 0 5px 10px;width:250px}
#figure1-4{display:none;}
#figure2-1_thumb{margin:0 0 5px 10px;width:250px}
#figure2-1{display:none;}
#figure2-2_thumb{margin:0 0 5px 10px;width:250px}
#figure2-2{display:none;}
#figure2-3_thumb{margin:0 0 5px 10px;width:250px}
#figure2-3{display:none;}
#figure3-1_thumb{margin:0 0 5px 10px;width:250px}
#figure3-1{display:none;}
#figure3-2_thumb{margin:0 0 5px 10px;width:250px}
#figure3-2{display:none;}
#figure3-3_thumb{margin:0 0 5px 10px;width:250px}
#figure3-3{display:none;}
.linkPotential{margin:0 0 0 70px}
/* ********************** les balises pour aligner  droite ou  gauche, pour rendre visible ou invisible *************************** */
* .right{
	float:right;
	margin-left:200px;
}
* .droite{
	float:right;
	margin:0;
	padding:0;
}
* .gauche{
	float:left;
	margin:0;
	padding:0;
}
* .hidden{
	display:none;
	visibility:hidden;
}
* .visible{
	display:block;
	visibility:visible;
}
/* *****************************  references ******************************************** */
#citation1{padding-left:20px;margin-bottom:-10px;}
#citation1_1{display:none};
#citation2{padding-left:20px;margin-bottom:-10px;}
#citation3{padding-left:20px;margin-bottom:-20px;}
.refOl li{
padding:0 0 0 50px;
}

/* *****************************  glossaire ******************************************** */
.colGlossary{
position:relative;
width:390px;
float:left;	
margin:-5px 0 0 10px;
}


/* ******************************** Mechanism, development & perspective ********************************************* */
.content_reprint_right_border{
background: #ffffff url(mechanism.jpg) no-repeat 70px 0;
position:relative;
color: #FFF;
float:left;
margin:0;
padding: 110px 70px 10px 90px;
width:522px;
height:373px;
border-right:1px solid #4C2177;
}
.content_reprint_without_border{
background: #ffffff url(mechanism.jpg) no-repeat 70px 0;
position:relative;
color: #FFF;
float:left;
margin:0;
padding: 110px 70px 10px 90px;
width:360px;
height:373px;
}
.reprint_description_border{
position:relative;
float:left;
margin:0;
padding: 0px 10px 0 21px;
width:522px;
border-right:1px solid #4C2177;
}
.reprint_description{
position:relative;
float:left;
margin:0;
padding: 0px 10px 0 21px;
width:492px;
}
.content_reprint_without_border li, .content_reprint_right_border li {
color: #FFF;
font-size: 16px;
list-style-image: url("puce.gif");
padding: 0 0 3px 10px;
}
.content_reprint_without_border ul, .content_reprint_right_border ul {
margin:0 0 0 20px;	
}
.boutons{
border:none;
background-color:transparent;
float:right;
}
#mechanism_bouton{
position:absolute;
left:380px;
top:345px;
border:none;
margin:0 0 10px 0;
}
#back{
position:absolute;
top:150px;
left:715px;
}
#alternatiFlash{
height:500px;
width:512;
background:#ffffff url(fond_puzzle_gris.png) no-repeat top;
margin:0 0 0 -10px;
}
#alternatiFlash div{
position:absolute;
top:220px;
left:10px;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
padding:0 10px;
text-align:center;
}

#alternatiFlash div a{
color:#fff;	
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}

#testDRI_content1{padding:0;width:285px;margin-top:0;}
#testDRI_content11{width:515px;margin-top:0;}
#testDRI_content21{width:515px;margin:0 0 40px 0;}
#SendTest1{position:absolute;top:560px;left:400px;}
/* ******************************** la home ********************************************* */
#work{
background: #ffffff url(how-it-works-box.jpg) no-repeat top;
width:361px;
height:372px;
float:left;
margin:10px 0 0 10px;
padding:65px 15px 10px 13px;
}
#potential{
background: #ffffff url(therapeutic-poential-box.jpg) no-repeat top;
width:361px;
height:374px;
float:left;
margin:10px 10px 0 10px;
padding:65px 15px 10px 13px;
}
#work .boutons{
border:none;
background-color:transparent;
float:right;
margin:0 20px 15px 200px;
}
#potential .boutons{
border:none;
background-color:transparent;
float:right;
margin:0 20px 0 0;
}
/* ******************************** potential ********************************************* */
.potentiaCallOutBox{
border-collapse:collapse;
border:none;
margin:15px 0 0 15px;
}
.clt{background:url(topleft.gif) no-repeat right;width:11px;height:11px;}
.crt{background:url(topright.gif) no-repeat;width:11px;height:11px;}
.clb{background:url(bottomleft.gif) no-repeat right;width:11px;height:11px;}
.crb{background:url(bottomright.gif) no-repeat;width:11px;height:11px;}
.bottomLine{background:url(bottom.gif) repeat-x; height:11px}
.topLine{background:url(top.gif) repeat-x; height:11px}
.verticalLigneRight{background:url(right.gif) repeat-y; width:11px}
.verticalLigneLeft{background:url(left.gif) repeat-y right; width:11px}

.potentialNextBack{
/*position:relative;*/
float:right;
margin:0 10px;
}

					/* **************** comment: normal size***************** */
table{
margin:0;
padding:0;
background-color:transparent;
border-collapse:collapse;
}
.comment{
position:absolute;
padding:0;
margin:0;
width:245px;
display:block;
visibility:visible;
z-index:1;
}

.comment_hidden{
display:none;
visibility:hidden;
}
.comment4_top{
background:url(comment_calendar_4h.gif) no-repeat top left;
width:245px;
height:9px;
padding:0;

}
.comment4_bottom{
background:url(comment_calendar_4b.gif) no-repeat bottom;
width:245px;
height:9px;
padding:0;
}
.comment_text{
margin:0;
padding:0px 5px;
background-color:#EFECF4;
}
.width245{
width:245px;
}
.ulCal{
text-align:left;
margin:0;
padding:0;
}
.ulCal li{
display:inline;
margin:0 15px 0 0;
}

				/* **************** comment: normal size 350***************** */
.comment350{
position:absolute;
padding:0;
margin:0;
width:350px;
display:block;
visibility:visible;
}

.comment_hidden350{
display:none;
visibility:hidden;
}
.comment4_top350{
background:url(comment_calendar_4h_350.gif) no-repeat top left;
width:350px;
height:9px;
padding:0;

}
.comment4_bottom350{
background:url(comment_calendar_4b_350.gif) no-repeat bottom transparent;
width:350px;
height:9px;
padding:0;
}
.comment_text350{
margin:0;
padding:0px 5px;
background-color:#EFECF4;
}

/* ******************************** le survey ********************************************* */
.content_servey{
position:relative;
float:left;
margin:30px 0 0 10px;
padding:0 0 10px 0;
width:790px;
}
#close, #close a{
float:right;
margin:0;
padding:5px 5px 0 0;
text-decoration:underline;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}
#close1{
position:relative;
float:right;
width:580px;
padding:0 0 10px 0;
}
#close1 a{
text-decoration:underline;
color:#4C2177;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
}
#close2{
position:relative;
float:left;
width:480px;
text-align:center;
padding:0 0 10px 0;
margin:90px 0 0 0;
}
#close2 a{
text-decoration:underline;
color:#4C2177;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
}
.survey_right_scroll{
position:relative;
float:left;
margin:10px 0 0 10px;
padding:0 0 10px 0;
width:900px;
height:650px;
overflow: auto;
overflow-x:hidden;
scrollbar-arrow-color:#e80382;
scrollbar-3dlight-color:;
scrollbar-highlight-color:;
scrollbar-face-color:#4B2077;
scrollbar-shadow-color:;
scrollbar-darkshadow-color:;
scrollbar-track-color:#ece9d8;
}
.survey_right_scroll_teaser{
position:relative;
float:left;
margin:30px 0 0 10px;
padding:0 0 10px 0;
width:900px;
height:650px;
overflow: auto;
overflow-x:hidden;
scrollbar-arrow-color:#e80382;
scrollbar-3dlight-color:;
scrollbar-highlight-color:;
scrollbar-face-color:#4B2077;
scrollbar-shadow-color:;
scrollbar-darkshadow-color:;
scrollbar-track-color:#ece9d8;
}
/* ******************************** le footer & disclaimer********************************************* */
/*#footer,*/ #footer_cal, #footer_reprint{
position:relative;
float:right;
text-align:center;
/*width:950px;*/
height:30px;
margin:10px 0 0 0;
padding:0;
text-decoration:none;
color:#4C2177;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
#disclaimer, #disclaimer_reprint, #disclaimer_home{
position:relative;
float:left;
text-align:center;
margin:20px 0 0 0px;
padding:0 0 10px 0;
width:940px;
text-decoration:none;
color:#4C2177;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
#disclaimer_reprint{margin:-60px 0 0px 0px;}
#footer_reprint{margin:-10px 0 0px 0px;}
#disclaimer_home{margin:0px 0 0 0px;}
/*#footer a, */#footer_cal a, #footer_reprint a{
	margin:0;
	padding:0;
	text-decoration:underline;
	color:#4C2177;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#footer_cal{
	position:absolute;
	top:940px;
	left:0;
	float:left;
}
#contactTx a{
margin:0;
padding:0;
text-decoration:underline;
color:#4C2177;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
#contactTx{
position:relative;
float:left;
text-align:center;
width:530;
height:30px;
margin:20px 0 0 0;
padding:0 5px;
color:#4C2177;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
#CallOutBox3{width:690px}
#CallOutBox10{width:700px}
#CallOutBox10_2{width:700px}
/* ***************** use for loading images ***************** */
.hiddenPic {display:none;}
.mClear{clear:both;}

.reprintField{
width:250px;	
}
select.reprintField{
width:256px;	
}
textarea.reprintField{
rows:2;	
}
#tableReprint td{
height:25x;
vertical-align:top;
}
.texte12 .link_visited{
text-decoration:underline;
color:#747474;
}
#question{
width:200px;
height:60px;
}
.printContent{display:none;visibility:hidden;}
#potential2{width:670px;}