@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');

html{
	visibility: hidden;
}

*{
	font-family: 'Open Sans', sans-serif;
}

.action-links {
	position:absolute;
	right: 0;
	width: 200px;
	background-color: #fff;
}
section {
	padding-top:3em;
	padding-bottom:3em;
}

.content .highlightBloc{
	padding:1em;
	background-color: #daebf5;
}

.globalwarning {
	padding:2em;
	text-align: center;
	font-size:1.2em;
	line-height: 1.5em;
}

/* */
.blue-gradiant{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cee0f4+0,ffffff+50,cad5ed+100 */
	background: #cee0f4; /* Old browsers */
	background: -moz-linear-gradient(left, #cee0f4 0%, #ffffff 50%, #cad5ed 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #cee0f4 0%,#ffffff 50%,#cad5ed 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #cee0f4 0%,#ffffff 50%,#cad5ed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cee0f4', endColorstr='#cad5ed',GradientType=1 ); /* IE6-9 */
}

.backgroundcover{
	background-position: center;
	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.', sizingMethod='scale')";
}

.bsiblue {
	color: #0070ba;
}


.btn-corporate { 
  color: #FFFFFF!important; 
  background-color: #0070BA; 
  border-color: #0070BA;
  border-radius: 0;
  text-decoration: none!important;
} 

.btn-corporate:hover, 
.btn-corporate:focus, 
.btn-corporate:active, 
.btn-corporate.active, 
.open .dropdown-toggle.btn-corporate { 
  color: #FFFFFF; 
  background-color: #90BEDF; 
  border-color: #90BEDF; 
} 
.btn-corporate:active, 
.btn-corporate.active, 
.open .dropdown-toggle.btn-corporate { 
  background-image: none; 
} 
.btn-corporate.disabled, 
.btn-corporate[disabled], 
fieldset[disabled] .btn-corporate, 
.btn-corporate.disabled:hover, 
.btn-corporate[disabled]:hover, 
fieldset[disabled] .btn-corporate:hover, 
.btn-corporate.disabled:focus, 
.btn-corporate[disabled]:focus, 
fieldset[disabled] .btn-corporate:focus, 
.btn-corporate.disabled:active, 
.btn-corporate[disabled]:active, 
fieldset[disabled] .btn-corporate:active, 
.btn-corporate.disabled.active, 
.btn-corporate[disabled].active, 
fieldset[disabled] .btn-corporate.active { 
  background-color: #0070BA; 
  border-color: #0070BA; 
} 
.btn-corporate .badge { 
  color: #0070BA; 
  background-color: #FFFFFF; 
}


.btn-gray { 
  color: #FFFFFF; 
  background-color: #8C8C8C; 
  border-color: #8C8C8C; 
  border-radius: 0;
} 
.btn-gray:hover, 
.btn-gray:focus, 
.btn-gray:active, 
.btn-gray.active, 
.open .dropdown-toggle.btn-gray { 
  color: #FFFFFF; 
  background-color: #BFBFBF; 
  border-color: #BFBFBF; 
} 
.btn-gray:active, 
.btn-gray.active, 
.open .dropdown-toggle.btn-gray { 
  background-image: none; 
} 
.btn-gray.disabled, 
.btn-gray[disabled], 
fieldset[disabled] .btn-gray, 
.btn-gray.disabled:hover, 
.btn-gray[disabled]:hover, 
fieldset[disabled] .btn-gray:hover, 
.btn-gray.disabled:focus, 
.btn-gray[disabled]:focus, 
fieldset[disabled] .btn-gray:focus, 
.btn-gray.disabled:active, 
.btn-gray[disabled]:active, 
fieldset[disabled] .btn-gray:active, 
.btn-gray.disabled.active, 
.btn-gray[disabled].active, 
fieldset[disabled] .btn-gray.active { 
  background-color: #8C8C8C; 
  border-color: #8C8C8C; 
}  
.btn-gray .badge { 
  color: #8C8C8C; 
  background-color: #FFFFFF; 
}



/* IMAGE BUTTON FOR WHOLE SITE */
.imgBtn {}

.imgBtn .image{
	position:relative;
	background-position: center;
	background-size: auto 100%;
	background-repeat: no-repeat;
	height: 150px; /* same as #home-news .news .image */
	width:100%;
	background-size: cover;
}
.imgBtn .image .overlay{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	height:50px;
	background-color:#000000;
	opacity: 0.6;
}
.imgBtn .image .overlayText{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	height:50px;
	color:#ffffff;
	text-transform: uppercase;
	line-height: 50px;
	padding: 0 1em 0 1em;
	font-size:1.5em;
	font-weight: 700;
}

.front section h1 {
	text-transform: uppercase;
	font-size: 2em;
	text-align: center;
	font-weight: 700;
	margin-bottom:1em;
}


/* HOME */
#home-banner{
	width: 100%;
	height:450px;
	max-height:600px;
	position:relative;
	/*z-index: -1!important;*/
}
#home-banner .imgRollerWrapper {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-repeat:no-repeat;
	background-size: 100% 100%;
	background-position: center center;
	background-size: cover;
	/*z-index: -1!important;*/
	display:none;
}

#home-banner .imgRoller {
	width: 100%;
	height:100%;
	display: table;
}
#home-banner .imgRollerImage {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-repeat:no-repeat;
	background-size: 100% 100%;
	background-position: center center;
	background-size: cover;
	z-index: -1!important;

}
#home-banner .overRoller {
	width: 100%;
	height:100%;
	vertical-align: bottom;
	padding-bottom:1em;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	color:#ffffff;
}
#home-banner .overRoller h1{
	font-size: 3em;
	font-weight: 700;
	text-transform: uppercase;
}
#home-banner .overRoller h2{
	font-size: 2em;
	text-transform: uppercase;
}

/* HOME NEWS */

#home-news{
	background-color:#ffffff;
}
#home-news .news{
	cursor: pointer;
}
#home-news .news h1{
	text-transform: uppercase;
	font-size:1em;
	text-align: left;
	margin-top:10px;
	margin-bottom: 5px;
}
#home-news .news .image {
	background-position: center;
	background-repeat: no-repeat;
	width:100%;
	background-size: cover;
    height: 0;
    padding-top: 46.8%; /* (img-height / img-width * 100) */
	/* (853 / 1280 * 100) */
}
#home-news .news .infos {
	font-size: 0.8em;
	margin-bottom: 10px;;
}
#home-news .news .infos .date{
	color: #ccc;;
}
#home-news .news .infos .section{
	font-weight: 700;
}
#home-news .news .text{
	margin-bottom: 10px;;
}

#home-quickAccess {
	background-color:#e8f5fc;
	padding-bottom:5em;
}

#home-quickAccess .quickAccessBtn {
	padding-top:3em;
}

/* HOME PRODUCT */
#home-product{
	background-color:#90bedf;
	background-position: center bottom;
	padding-bottom:5em;
}
#home-product .elem .image{
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	height: 150px; /* same as #home-news .news .image */
	width:100%;
	width: 100%;
    height: 0;
    padding-top: 33.13%; /* (img-height / img-width * 100) */
	/* (853 / 1280 * 100) */
	-webkit-box-shadow: -2px 3px 12px -1px rgba(50, 50, 50, 0.6);
	-moz-box-shadow:    -2px 3px 12px -1px rgba(50, 50, 50, 0.6);
	box-shadow:         -2px 3px 12px -1px rgba(50, 50, 50, 0.6);
}




/* CONTENT BANNER */
section#banner {
	height:70px;
	line-height: 70px;
	font-size:1.2em;
	color:#0070ba;
	padding:0;
}
section#banner .breadcrumb {
    padding: 0;
    margin-bottom: 0;
    background-color: transparent;
    border-radius: 0;
}



/* MAIN NODE CONTENT */
section#node {
	padding-top:0;
}
section#node div.content p a,
section#node div.content p a:active,
section#node div.content p a:hover{
	color:#0070ba;
	text-decoration: underline;
}


#psbsi_barContact {
	display:table;
	width:100%;
	height:60px;
	background-color:#0070ba;
	padding:0.5em;
}
#psbsi_barContact .barContact_logo,
#psbsi_barContact .barContact_text{
	height:60px;
	display:table-cell;
	color:#fff;
	vertical-align: middle;
}

#psbsi_barContact .barContact_logo {
	width:70px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	text-align: center;
}
#psbsi_barContact .barContact_text{
	padding-left:1em;
	font-size: 1em;
}


#psbsi_barlogo {
	display:table;
	width:100%;
	height:60px;
	padding-bottom:3em;
}
#psbsi_barlogo .barlogo_logo,
#psbsi_barlogo .barlogo_text{
	height:60px;
	display:table-cell;
}

#psbsi_barlogo .barlogo_logo {
	width:70px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	border-right:5px solid #fff;
}
#psbsi_barlogo .barlogo_text{
	padding-left:1em;
	font-size: 1.4em;
	font-weight: 700;
	vertical-align: middle;
}

#psbsi_barlogo .barcolor_1 { /*black*/
	background-color: #000000;
	color:#ffffff;
}
#psbsi_barlogo .barcolor_2 { /*DarkBlue*/
	background-color: #012d63;
	color:#ffffff;
}
#psbsi_barlogo .barcolor_3 { /*Blue*/
	background-color: #0070ba;
	color:#ffffff;
}
#psbsi_barlogo .barcolor_4 { /*HBR*/
	background-color: #b3121e;
	color:#ffffff;
}


#psbsi_document_reference {
	font-size: 0.65em;
	position:absolute;
	right: 0;
	margin-right:2em;
}

/* Standard typography*/
#psbsi_body_content {
	padding-bottom:2em;
}
#psbsi_body_content h1,
.psbsi_element h1 {
	font-size:1.4em;
	color: #0071b9;
	font-weight: 700;
	margin-top:0;
	margin-bottom:0;
	padding-bottom:0.8em;
}

#psbsi_body_content h2,
.psbsi_element h2 {
	font-size:1em;
	font-weight: 700;
	color: #0071b9;
	margin-top:0;
	margin-bottom:0;
	padding-bottom:0.5em;
}
#psbsi_body_content p,
.psbsi_element p {
	line-height: 1.6em;
	padding-bottom:1.2em;
	margin-bottom:0; /* cancel bootstrap rule with 10px bottom*/
	text-align: justify;
}


/* HACK PAGE MENU*/

.content ul.pageMenu {
	display: table;
    width: 100%;
	margin:0;
	padding:0;
	background-color: #daebf5;
}

.content ul.pageMenu li{
    display: table-cell;
	text-align: center;
	list-style: none!important;
	margin:0;
	padding:0;
	font-weight: 700;
	text-transform: uppercase;
}
.content ul.pageMenu li.active-trail{
	background-color: #ffffff;
}
.content ul.pageMenu li a{
	display: block;
	padding:1em 1em;
}
.content ul.pageMenu li a,
.content ul.pageMenu li a:active,
.content ul.pageMenu li a:visited {
	color:#0070ba;
}
.content ul.pageMenu li a:hover{
	background-color:#fff;
}

.content ul {
	list-style-type: none; /*> added in javascript*/
	list-style-position: inside;
	padding:0;
	line-height: 2em;
	color:#0070ba;
}
.content ul span{
	color:#000;;
}

#node #page_title{
	overflow: hidden;
}
#node #page_title p {
	margin:0;
}
#node #page_title h1 {
	font-size:28px;
	color: #0071b9;
	padding-top:1.3em;
	padding-bottom:0.4em;
	font-weight: 700;
}

#psbsi_page_banner {
	padding-bottom:3em;
}

.psbsi_element{
	padding-bottom:2em;
}
.psbsi_element .psbsi_element_image_wrapper {
	height:250px;
}

.psbsi_element .psbsi_element_title {
	background-color: green;
	padding:4px 16px;
	color:#fff;
	font-weight: 700;
	margin-bottom:1em;
}

.psbsi_element .psbsi_showmore {
	float:right;
	cursor: pointer;
}
.psbsi_element .psbsi_showmore.btn-more{
	float:none;
}
.psbsi_element .psbsi_element_text{
	display:none;
}
.psbsi_element .psbsi_element_sum{
	padding-bottom:1em;
}

.psbsi_element_indented {
	padding-left:2em;
	padding-right:2em;
}
/*color the more bar*/
.psbsi_element.element_corporate .psbsi_element_title {
	background-color: #0070ba;
	color:#fff;
}
.psbsi_element.element_darkblue .psbsi_element_title {
	background-color: #012d63;
	color:#fff;
}

.psbsi_element.element_hbr .psbsi_element_title {
	background-color: #f7e7e7;
	color:#b3121e;
}
.psbsi_element.element_nonhbr .psbsi_element_title {
	background-color: #e5f1f9;
	color:#1d77be;
}
.psbsi_element.element_notitle .psbsi_element_title {
	display:none;
}

.psbsi_element.psbsi_clinical_bar:last-child{
	padding-bottom:2em;
}


/* MULTIMEDIA BLOC*/
#block-block-4 {
	padding-bottom:2em;
}

#block-block-4 .nav-tabs{
	background-color:#ffffff;
	border-bottom:1px solid #0070ba;
}
#block-block-4 .nav-tabs > li {
	margin:0;
}

#block-block-4 .nav-tabs > li > a{
	margin-right: 0;
	border:0;
	border-left: 1px solid #0070ba;
	border-radius: 0;
}
#block-block-4 .nav-tabs > li.active > a,
#block-block-4 .nav-tabs > li > a:hover{
	background-color: #0070ba !important;
    border-radius: 0;
	color:#ffffff;
}

.psbsi_caution_block{
	margin-bottom: 0;
}
#caution {
	background-color:#e8f5fc;
	padding-top:3em;
	padding-bottom: 3em;
	font-size: 0.8em;
	color:#888;
}


#psbsi_footnotes{
	padding-top:2em;
	padding-bottom:2em;
	font-size: 0.85em;
	color:#555;
}

#psbsi_medias_wrapper {
	padding-top: 1em;
	padding-bottom: 1em;
}
#psbsi_medias_wrapper .media_thumb{
	width:80px;
	height: 80px;
	margin-bottom:5px;
	float:left;
	position:relative;
}
#psbsi_medias_wrapper .media_thumb .media_overlay{
	position:absolute;
	top:0;left:0;right:0;bottom:0;
	width:100%;
	cursor: pointer;
	background-size: 200%;
}
#psbsi_medias_wrapper .media_thumb .media_overlay:hover{
	-webkit-filter: invert(1);
	filter: invert(1);
}
#psbsi_medias_wrapper .media_textes{
	width:75%;
	padding-bottom:10px;
	float:left;
	padding-left:1em;
}

#psbsi_medias_wrapper .media_title{
	font-weight:bold;	
}
#psbsi_medias_wrapper .media_desc{
	font-style: italic;	
	font-size:0.8em;
	padding-top:0.5em;
}


/* SPECIAL MEDIA INCONTENT */
.psbsi_incontent_medias_wrapper{
	width:100%;
}
#psbsi_incontent_medias_title{
	color:#000000;
	font-weight:bold;
	padding-bottom:3px;
}
.psbsi_incontent_medias_wrapper .media_wrapper{
	width: 160px;
	min-height:200px;
	margin-right:17px;
	padding-bottom: 30px;
	font-size:0.8em;
	line-height:1.2em;
	text-align:left;
	float: left;
}
.psbsi_incontent_medias_wrapper .media_wrapper a,
.psbsi_incontent_medias_wrapper .media_wrapper a:visited{
	border:none;
}
.psbsi_incontent_medias_wrapper .media_thumb{
	margin-bottom:6px;
}
.psbsi_incontent_medias_wrapper .media_thumb img.thumb_over{
	position:absolute;
	display:none;
	cursor:pointer;
	/* see javascript $('.media_thumb').hover() :) */
}
.psbsi_incontent_medias_wrapper .media_title{
	font-weight:bold;
}
.psbsi_incontent_medias_wrapper .media_wrapper .media_desc{
	margin-left:2px;
	padding-bottom:10px;
}
/* END SPECIAL MEDIA INCONTENT */


/* SPECIAL FOR PLACED MEDIA INCONTENT */
.psbsi_incontent_medias_wrapper.placed_medias .media_wrapper{
	min-height:150px;
	padding-bottom: 0px;
}
.psbsi_incontent_medias_wrapper.placed_medias .media_wrapper:last-of-type{
	margin-right:0px;
}
/* END SPECIAL FOR PLACED MEDIA INCONTENT */




/* DOWNLOADS */
#psbsi_download_wrapper{
	padding-top: 1em;
}

#psbsi_download_wrapper .download_thumb{
	width:80px;
	height: 80px;
	margin-bottom:5px;
	float:left;
	position:relative;
}
#psbsi_download_wrapper .download_desc{
	padding-bottom:10px;
	float:left;
	padding-left:1em;

}
#psbsi_download_wrapper .download_title{
	font-weight:bold;	
}



/* FOOTER */

#footer-nav{
	background-color: #0670ba;
	font-size:0.9em;
	line-height: 1.5em;
}
#footer-nav a,
#footer-nav a:visited
#footer-nav a:active {
	color:#ffffff;
}
#footer-nav a.title{
	font-size: 1.1em;
	font-weight: 700;
}

#footer-nav ul {
	padding:0;
	margin:0;
	margin-left:1em;
}
#footer-nav ul li{
	list-style-type: none;
	text-transform: uppercase;
}





#footer {
	background-color: #eeeeef;
	font-size: 12px;
	padding-bottom: 0;
	padding-top:0;
}

#footer .footer-top {
	padding-bottom:3em;
	color: #242423;
	display: none;
}
#footer .footer-top h1{
	font-size:1.3em;
	text-align: left;
	font-weight: 400;
	text-transform: none;

}
#footer .logo{
	height:40px;
}

#footer .footer-bottom{
	color:#ffffff;
	min-height:40px;
	line-height: 40px;
	background-color: #282a2b;
	border-top: 3px solid #0071b9;
}
#footer .footer-bottom div.footer-right{
	text-align: right;
}
#footer .footer-bottom div.footer-right ul{
	padding:0;
	margin:0;
}

#footer .footer-bottom div.footer-right ul li{
	display: inline;
	text-align: left;
	margin: 0;
	padding:0;
}
#footer .footer-bottom div.footer-right ul li+li:before{
	content: '/';
	padding: 1em;
}
#footer .footer-bottom div.footer-right a,
#footer .footer-bottom div.footer-right a:visited{
	color:#ffffff;
}







/* MODAL */
.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
}
.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:80%;
    height:auto;;
    /* To center horizontally */
    margin: 0 auto;
	position: relative;
}

#media_player{
	width:640px;
	height:480px;
	margin-left:auto;
	margin-right:auto;	
	z-index: 10000000;	
}
#movieModal .modal-content{
    width:640px;
}
#movieModal .closeme{
	position:absolute;
	top:-13px;
	right:-18px;
	cursor:pointer;
	z-index: 1000000000;
	color:#ffffff;
	background-color:#000;
}


/* SEARCH AND SEARCH RESULT*/
#search-form{
	padding:0em;
	margin:0em;
}
#edit-basic{
	/*text-align: center;*/
	padding-bottom:2em;
}
#search-form .form-item-keys > label{
	display:none;
}
#edit-keys {
	width:100%;
	/*text-align: center;*/
}
#search-form.form-inline .form-group{
	vertical-align:bottom;
}
#edit-basic .form-item{
}
#edit-submit {
	margin-top:1em;
}

div.search_result_title{
}
div.search_result_title a,
div.search_result_title a:visited {
	font-size:1.2em;
	font-weight:700;
	color:#0070ba;
}
div.search_result_content{
	line-height: 1.2em;
}
div.search_result_date{
	font-size:0.8em;
	color: #545454;
	margin-bottom: 2em;
}



/* Large desktops and laptops */
@media (min-width: 1200px) {

}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
	#home-banner{
		height:370px;
	}
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
	#home-banner{
		height:285px;
	}

}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	.globalwarning {
		padding:2em;
		text-align: center;
		font-size:0.95em;
		line-height: 1.5em;
	}
	.modal-content {
		width:90%;
	}
	.colLineBreak{
		padding-bottom: 2em;
	}
	#home-banner{
		height:auto;
		max-height:none;
		padding: 0;
		padding-top:100%;
	}

	#home-banner .imgRollerWrapper{
	}
	#home-banner .imgRollerWrapper .imgRoller {
		padding-top:100%;
		height:0;
	}
	#home-banner .overRoller {
		display:inline-block;
		margin-top:-100%;
		padding: 0.5em;
	}
	#home-banner .imgRollerWrapper.static .imgRollerImage{
		position:relative;
		background-position: center;
		background-repeat: no-repeat;
		width:100%;
		background-size: cover;
		height: 0;
		padding-top: 100%; /* (img-height / img-width * 100) */
		/* (853 / 1280 * 100) */
	}	

	#home-banner .overRoller h1{
		font-size: 2.2em;
	}
	#home-banner .overRoller h2{
		font-size: 1.5em;
		text-transform: uppercase;
	}
	#banner .container {
		font-size:12px;
		padding-top:2.5em;
		line-height: 1em;

	}
	
	.content ul.pageMenu {
		display: block;
		width: 100%;
		margin:0;
		padding:0;
		background-color: #daebf5;
	}

	.content ul.pageMenu li{
		display:block;
		text-align: center;
		list-style: none!important;
		margin:0;
		padding:0;
		font-weight: 700;
		text-transform: uppercase;
		float:left;
		max-width:50%;
		min-width:50%;
	}

	.content ul.pageMenu li.active-trail{
		background-color: #ffffff;
	}
	.content ul.pageMenu li a{
		display: block;
		padding:0.5em 0.5em;
	}
	.content ul.pageMenu li a,
	.content ul.pageMenu li a:active,
	.content ul.pageMenu li a:visited {
		color:#0070ba;
	}
	.content ul.pageMenu li a:hover{
		background-color:#fff;
	}
	
	#movieModal .modal-content {
		height:auto;
		width:320px;
	}
	#media_player {
		height:240px;
		width:320px;
	}
	#bsiplayer {
		height:240px!important;
		width:320px!important;
	}
	
	#psbsi_medias_wrapper .colLineBreak,
	#psbsi_download_wrapper .colLineBreak{
		padding-bottom: 1em;
	}
	
	
	#footer-nav ul {
		padding-bottom:2em;
		text-align: center;
		line-height: 2em;
		font-size: 1.1em;
	}
	
	#footer {
		font-size:10px;
		padding-bottom: 0em;
	}
	#footer .footer-bottom {
		padding: 2em;
		line-height: 18px;
	}
	#footer .footer-bottom div.footer-right {
		padding-top:2em;
		text-align: left;
	}

}

/* Portrait phones and smaller */
@media (max-width: 480px) {
	#home-banner {
	}
	#home-banner .overRoller h1{
		font-size: 1.8em;
	}
	#home-banner .overRoller h2{
		font-size: 1em;
	}
}