#collection_nav #link_questions{

	width:148px;

}



/*--------------------------------------------------------- */

/*---------------------CLINICAL----------------------------- */

/*--------------------------------------------------------- */

.clinical{

	float: left;

	display: block;

	position: relative;

	background-color: #FFFFFF;

	padding-top: 60px;

	margin-left: 40px;

}

#clinical_left {

	width:360px;

	float: left;

	display: block;

	position: relative;

	background-color: #FFFFFF;

	background-image: url(../img/consumerstest.jpg);

	background-repeat: no-repeat;

	background-position: right;

	height: 190px;

}

#clinical_right {

	width:300px;

	float: left;

	display: block;

	position: relative;

	background-color: #FFFFFF;

	padding-left: 0px;

	color: #707378;

	padding-top: 0px;

}

#clinical_right ul {

	margin:0px;

	padding:10px;

	list-style-type:none;

	padding-left: 0px;

}

#clinical_right li {

	margin:0px;

	padding:5px;

	font-size: 11px;

	background-image: url(../img/square.gif);

	background-repeat: no-repeat;

	background-position: 0px 7px;

	padding-left: 15px;

}

#clinical_right .col {

	width:179px;

	float:left;

}



.clinical_text{

	color: #be0f34;

	text-align: right;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 14px;

	line-height: 18px;

	display: block;

	width: 180px;

	position: absolute;

	bottom: 5px;

	left: 0px;

}

.chrono_clinical{

	color: #282b30;

	background-image: url(../img/chrono.gif);

	background-repeat: no-repeat;

	background-position: top left;

	display: block;

	height: 20px;

	padding-left: 30px;

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	text-transform: none;

	line-height: 18px;

}

/*----------------*/

#tabs{

	position:relative;

	overflow:visible;

	display:block;

	width:735px;

	min-height:240px;

	/*height:240px;*/

	float: left;



	overflow:visible;

}

.grayborder{

border-left:1px solid #e3e3e9;

padding-left:10px;

}

#signature{

background-color: #c7c7d4;

	height:2px;

	width:756px;

	position:relative;

	display:block;

	bottom:0px;

	padding:0px;

	font-size:1px;;

}

#collection_container img{

	border:0px;

}

#collection_container {

	width:756px;

	background-color: #FFFFFF;

	font-family: Arial, Helvetica, sans-serif;

	font-size:11px;

	min-height: 628px;

	

}

#collection_container a:focus 

{ 

	outline:0; 

}

#collection_container a {

	outline:0; 

}

#description {

	float:left;

	width:233px;

	padding-top:65px;

}

#description_text {

	color:#707378;

	font-size:12px;

}

#collection_title {

	height:37px;

	border-bottom:1px #CCCCCC solid;

	margin-bottom:3px;

}

.packshot_title {

	color:#282b30;

	

	font-size:11px;

	font-weight:bold;

	text-align: center;

	padding: 5px;

}

.packshot_title a{

	color:#282b30;

	text-decoration:none;

}

.packshot_title a:hover{

	color:#d41d3c;

}

.popin_title{

	padding-bottom:25px;

}

.popin_texte {

	display:block;

	position:absolute;

	right:47px;

	width: 383px;

	height: 108px;

	top: 24px;

	color: #707378;

	font-size: 12px;

}

.popin_close {

	display:block;

	position:absolute;

	right:0px;

	width: 27px;

	height: 27px;

}

.popin_close a{

	display:block;

	width: 27px;

	height: 27px;

	background-image: url(../img/close-pop-in.gif);

	background-position: 0px 0px;

}

.popin_close a:hover{

	background-image: url(../img/close-pop-in.gif);

	background-position: 27px 0px;

}

.popin_next {

	display:block;

	position:absolute;

	right:15px;

	top: 72px;

	height: 27px;

}

.popin_prev {

	display:block;

	position:absolute;

	left:15px;

	width: 15px;

	top: 72px;

	height: 27px;

}

.popin_next a{

	background-image:url(../img/arrow-right.gif);

	background-position:0px 0px;

}

.popin_prev a{

	background-image:url(../img/arrow-left.gif);

	background-position:0px 0px;

}

.popin_next a, .popin_prev a{

	width: 15px;

	height: 27px;

	display:block;

	background-color:#666666;

}





.popin_next a:hover, .popin_prev a:hover{

	background-position:15px 0px;

}



.popin_next img, .popin_prev img{

	width: 15px;

	height: 27px;

	border:0px;

}

.question_title{

	font-family:Georgia, "Times New Roman", Times, serif;

	font-size:12px;

	color:#333333;

	font-weight: bold;

	display: block;

	clear: both;

	padding-bottom: 10px;

	text-align: left;

	position: relative;

	padding-top: 5px;

}



.popin_pano {

	width:702px;

	height:172px;

	background-repeat: no-repeat;

	background-position: top left;

	display: block;

	position: relative;

}

.packshot_description {

	color:#707378;

	font-size:11px;

	font-weight:normal;

	text-align: center;

	width: 220px;

	position: absolute;

	bottom: 30px;

}

#packshots {

	float:left;

	width:220px;

	display: block;

	position: relative;

	min-height: 354px;

}

.packshot {

	height:354px;

	display:block;

	width: 220px;

	float: left;

	position: relative;

}

.packshot_image {

	text-align:center;

	display: block;

	position: absolute;

	bottom: 60px;

	width: 220px;

}

#packshot_nav {

	display: block;

	position: absolute;

	bottom: 12px;

	width:220px;

	left: 0px;

	text-align: center;

	z-index: 10;

}



#innovation_0{

	height:212px;

	width:736px;

	padding:0px;

	display:block;

	float:left;

	background-color: #FFFFFF;

	position: relative;

	margin: 0px;

}



#innovation_2 , #innovation_3 , #innovation_1 {

	width:702px;

	float: left;

	display: block;

	position: relative;

	background-color: #FFFFFF;

	height: 190px;

	background-image:url(../img/fond-pop-in.gif);

	padding-top: 22px;

	padding-left: 17px;

	padding-right: 17px;

	clear: both;

}



#collection_page {

	width:736px;

	height:628px;

	background-image:url(../img/background.jpg);

	padding-left:10px;

	padding-right:10px;

	display:block;

	background-repeat: no-repeat;

	background-color: #FFFFFF;

	overflow: visible;

	position: relative;

}

body {

	/*background-color: #FFFFFF;*/

}

#collection_nav {

	width:736px;

	float: left;

	height: 26px;

	overflow: hidden;

	clear: both;

	display: block;

	padding: 0;

}

.products_related{

	display: block;

	height: 70px;

	right: 0px;

	position: relative;

	text-align: right;

	float: right;

}

#collection_nav a:focus 

{ 

	outline:0; 

}

#collection_nav a {

	outline:0;

	display:block;

	width:100px;

	float: left;

	color:#9190a4;

	text-transform:uppercase;

	margin:0px;

	font-size:10px;

	text-decoration:none;

	text-align:center;

	width:147px;

	height:26px;

	background-image: url(../img/onglet.png);

	background-repeat:no-repeat;

	background-position: 0px 0px;

	background-color:#FFFFFF;

	padding: 0px;

	line-height: 24px;

}

#collection_nav a:hover {

	color:#d41d3c;

}

#collection_nav .select {

	color:#d41d3c;

	background-position: 0px 30px;

}

#collection_benefits {

	width:736px;

	display: block;

	position: relative;

	background-color: #FFFFFF;

	height: 233px;

	margin: 0px;

	float: left;

	clear: both;

}

#visuel_benefits {

	background-image: url(../img/visuel_benefits.jpg);

	background-repeat: no-repeat;

	width: 200px;

	height: 236px;

	float: right;

	display: block;

	position: relative;

}

.onglet_texte {

	color:#707378;

	font-size:12px;

	padding: 20px;

	padding-bottom: 0px;

	display: inline-block;

	margin: 0px;

	position: relative;

}



.mentions {

	position:absolute;

	color:#b5b5c1;

	font-size:11px;

	background-color: #ececf4;

	height: 26px;

	width: 736px;

	bottom:0px;

	text-align: center;

	line-height: 26px;

	display: block;

	z-index:10;

	left: 0px;

}

.onglet_title {

	padding: 20px;

	padding-bottom: 0px;

	position: relative;

	display: inline-block;

}

.onglet_title h2{

	padding:0px;

	margin: 0px;

	font-family: Georgia, "Times New Roman", Times, serif;

	color: #222629;

	font-size: 20px;

	font-weight:normal;

	border:0px solid;

}

.onglet_texte ul {

	padding:0px;

	margin:0px;

	padding-left:0px;

	list-style: none;

	overflow:hidden;

}

.onglet_texte li {

	padding: 0px;

	margin:0px;

	position:relative;

	margin-bottom:17px;

	background-image: url(../img/square.gif);

	background-repeat: no-repeat;

	background-position: 0px 3px;

	padding-left: 10px;

	display: block;

	list-style: none;

}

#collection_innovation, #collection_clinical, #collection_secrets, #collection_questions {

	width:736px;

	float: left;

	display: block;

	position: relative;

	background-color: #FFFFFF;

	min-height: 238px;

	/*height: 238px;*/

	overflow:visible;

	clear: both;

	

}



.red_clarins {

	color:#ce1d3b;

}

.item {

	display: block;

	position: relative;

	padding-bottom: 10px;

	clear: both;

}

#collection_questions .selected_item, #collection_secrets .selected_item, #collection_clinical .selected_item {

	display: block;

	position: relative;

	background-image: url(../img/shadow-link-bottom.gif);

	background-repeat: no-repeat;

	background-position: bottom right;

	padding-bottom: 10px;

	clear: both;

	background-color:#FFFFFF;



}

.item a {

	display: block;

	position: relative;

	color:#707378;

	font-size:12px;

	text-decoration: none;

	padding-left: 30px;

	background-image: url(../img/fleche-grise.gif);

	background-repeat: no-repeat;

	background-position: 20px 4px;

}

.item a:hover{

	color:#d41d3c;

}

#collection_questions .selected_item a, #collection_clinical .selected_item a, #collection_secrets .selected_item a {

	display: block;

	position: relative;

	background-image: url(../img/fleche.gif);

	background-repeat: no-repeat;

	background-position: right;

	color:#d41d3c;

	font-size:12px;

	text-decoration: none;

	padding-left: 30px;

}

.puce_packshot {

	display: inline;

	position: relative;

	background-image: url(../img/puce-packshot.png);

	background-repeat: no-repeat;

	background-position: -11px 0px;

	width:11px;

	height:11px;

}

.puce_packshot img {

	border:0px solid #FFFFFF;

}

#packshots .selected_item {

	background-position: 0px 0px;

	;

	border:0px;

}

#collection_questions .item_top, #collection_secrets .item_top, #collection_clinical .item_top {

	display: block;

	position: relative;

	clear: both;

	height: 10px;

	padding:0px;

}

#collection_questions .selected_item .item_top, #collection_clinical .selected_item .item_top,  #collection_secrets .selected_item .item_top {

	display: block;

	position: relative;

	background-image: url(../img/shadow-link-top.gif);

	background-repeat: no-repeat;

	background-position: top right;

	clear: both;

	height: 10px;

	padding:0px;

}

#secrets_left {

	display: block;

	float:left;

	width:245px;

	position: relative;

}







.sepa {

	display: block;

	float:left;

	width:1px;

	border-left:1px #e3e3e9 solid;

	height:193px;

	margin-top:20px;

	position: relative;

}



/*--------------------------------------------------------- */

/*---------------------BENEFITS----------------------------- */

/*--------------------------------------------------------- */

#benefits_left{

	width:530px;

}





/*--------------------------------------------------------- */

/*---------------------INNOVATION------------------------- */

/*--------------------------------------------------------- */

#innovation_left{

	width:290px;

	float: left;

	display: block;

	height: 206px;



}

/*  grey Link to open popin   */

.link_popin{

	display:block;

	position:absolute;

	top: 168px;

	width: 70px;

	/*color: #707378;*/

	text-decoration: none;

	background-image: url(../img/fleche-grise.gif);

	background-repeat: no-repeat;

	background-position: left;

	padding-left: 10px;

	right: 10px;

	font-size: 11px;

}

.link_popin:hover{

	/*color: #d41d3c;*/

}

/*  Define background image for the three popin   */

.pano_1 {

	background-image:url(../img/popin_01.jpg);

}

.pano_2 {

	background-image:url(../img/popin_02.jpg);

}

.pano_3 {

	background-image:url(../img/popin_03.jpg);

}



#innovation_onglets {

	float:right;

	display:block;

	position:relative;

	height: 206px;



}

#innovation_onglet_01 {

	background-image:url(../img/innovation_01.jpg);

}

#innovation_onglet_02 {

	background-image:url(../img/innovation_02.jpg);

}

#innovation_onglet_03 {

	background-image:url(../img/innovation_03.jpg);

	

}



.innovation_onglet_close {

	float:left;

	background-position:right;

	background-repeat:no-repeat;

	width:145px;

	height:190px;

	display:block;

	position:relative;

	border-left: 1px solid #EEEEEE;

	margin-top: 15px;

	color: #707378;

}

.innovation_onglet_close_roll {

	float:left;

	background-position:right;

	background-repeat:no-repeat;

	width:145px;

	height:190px;

	display:block;

	position:relative;

	border-left: 1px solid #EEEEEE;

	margin-top: 15px;

	color: #d41d3c;

}

.innovation_onglet_close a{

	color: #707378;

}

.innovation_onglet_close_roll a{

	color: #d41d3c;

}





/*--------------------------------------------------------- */

/*---------------------SECRETS----------------------------- */

/*--------------------------------------------------------- */

#secrets_middle {

	display: block;

	float:left;

	width:235px;

	position: relative;

	background-image: url(../img/fond-right-items.gif);

	background-position: right;

	background-repeat: no-repeat;

	height: 183px;

	padding-top: 50px;

}

.secret_texte{

	height:212px;

	width: 230px;

	background-color: #FFFFFF;

	position: relative;

	float: left;

	margin-left: 15px;

	display: block;

	padding-top: 10px;

}

#secrets_right {

	display: block;

	float:left;

	width:240px;

	position: relative;

	font-size: 11px;

	color: #707378;

	background-color: #FFFFFF;

	text-align: left;

	padding: 0px;

}

/*--------------------------------------------------------- */

/*---------------------QUESTIONS--------------------------- */

/*--------------------------------------------------------- */

.questions{

	position: relative;

	width: 350px;

	float: left;

	background-color: #FFFFFF;

	margin-left: 15px;

}

#questions_left {

	display: block;

	float:left;

	width:350px;

	position: relative;

	height: 233px;

	background-image: url(../img/fond-right-items.gif);

	background-repeat: no-repeat;

	background-position: right;

}

#questions_right {

	display: inline-block;

	float:left;

	width:345px;

	position: relative;

	color: #707378;

	font-size: 11px;

	text-align: justify;

	background-color: #FFFFFF;

	padding-left: 0px;

	padding-top: 10px;

}



/*--------------------------------------*/



.scrolling_container {

	background-color:#FFFFFF;

	display: block;

	position:relative;

	width:350px;

	overflow:auto;

	height: 100px;

	

}

.scrolling_container_secrets {

	background-color:#FFFFFF;

	display: block;

	position:relative;

	width:230px;

	overflow:auto;

	height:86px;

	

}

.scrolling_texte{

	background-color:#FFFFFF;

	display: block;

	position:relative;

	overflow:visible;

	padding: 0px;

	padding-right: 15px;

	

}









/*SCROLLBAR CSS */  

/*

 * CSS Styles that are needed by jScrollPane for it to operate correctly.

 *

 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane

 * may not operate correctly without them.

 */



.jspContainer

{

	overflow: hidden;

	position: relative;



}



.jspPane

{

	position: absolute;

		

}



.jspVerticalBar

{

	position: absolute;

	top: 0;

	right: 0;

	width: 8px;

	height: 100%;

	background: red;

}



.jspHorizontalBar

{

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	height: 16px;

	background: red;

}



.jspVerticalBar *,

.jspHorizontalBar *

{

	margin: 0;

	padding: 0;

}

.jspCapTop

{

	display: block;

	  background-image:url(../img/scrolltop.gif);

	  height:3px;

	  width:8px;

	

}

.jspCapBottom

{

	display: block;

	  background-image:url(../img/scrollbottom.gif);

	  height:3px;

	  width:8px;

	

}



.jspHorizontalBar .jspCap

{

	float: left;

}



.jspTrack

{

	background: #dde;

	position: relative;

	background-image:url(../img/scrollbar.gif);

	width:8px;





}



.jspDrag

{



	position: relative;

	top: 0;

	left: 1px;

	cursor: pointer;

  width:6px; 

  background-color:#737373;

}



.jspHorizontalBar .jspTrack,

.jspHorizontalBar .jspDrag

{

	float: left;

	height: 100%;

}



.jspArrow

{

	background: #50506d;

	text-indent: -20000px;

	display: block;

	cursor: pointer;

}



.jspArrow.jspDisabled

{

	cursor: default;

	background: #80808d;

}



.jspVerticalBar .jspArrow

{

	height: 16px;

}

p{

margin:0px;

}

.jspHorizontalBar .jspArrow

{

	width: 16px;

	float: left;

	height: 100%;

}



.jspVerticalBar .jspArrow:focus

{

	outline: none;

}



.jspCorner

{

	background: #eeeef4;

	float: left;

	height: 100%;

	 

}



/* Yuk! CSS Hack for IE6 3 pixel bug :( */

* html .jspCorner

{

	margin: 0 -3px 0 0;

}