/* ====================================================
* Projet : Nestle Waters Redesign
* ddm: 2014/12/17
* ==================================================== */

@font-face {
    font-family: 'open_sansregular';
    src: url('/content/Documents/css/images/Redesign/fonts/opensans-regular.eot');
    src: url('/content/Documents/css/images/Redesign/fonts/opensans-regular.eot?#iefix') format('embedded-opentype'),
         url('/content/Documents/css/images/Redesign/fonts/opensans-regular.woff') format('woff'),
         url('/content/Documents/css/images/Redesign/fonts/opensans-regular.ttf') format('truetype'),
         url('/content/Documents/css/images/Redesign/fonts/opensans-regular.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('/content/Documents/css/images/Redesign/fonts/OpenSans-Semibold-webfont.eot');
    src: url('/content/Documents/css/images/Redesign/fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/content/Documents/css/images/Redesign/fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('/content/Documents/css/images/Redesign/fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('/content/Documents/css/images/Redesign/fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansbold';
    src: url('/content/Documents/css/images/Redesign/fonts/opensans-bold.eot');
    src: url('/content/Documents/css/images/Redesign/fonts/opensans-bold.eot?#iefix') format('embedded-opentype'),
         url('/content/Documents/css/images/Redesign/fonts/opensans-bold.woff') format('woff'),
         url('/content/Documents/css/images/Redesign/fonts/opensans-bold.ttf') format('truetype'),
         url('/content/Documents/css/images/Redesign/fonts/opensans-bold.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* =============================================
	Master
 * ============================================= */	
html body{font-family:"open_sansregular", Arial, Helvetica, sans-serif}

a:link, a:visited, a:hover, a:focus, a:active{color:#0c4da2}

/* ribbon */
.ms-cui-menusection{text-align: left}

/* TaskPad */
#nwe-taskpad-area{font-family: Arial, Helvetica, sans-serif}

/* Header */
#header{height: auto!important; padding-bottom:22px}
#branding .logo{width:431px}
	#branding .logo img{display: block; max-width: 100%}

/* liens */
#header #siteTools{height:auto; margin:20px 0 0}
	#header #siteTools #globalSite ul{float:right}
	#header #siteTools #globalSite .SecLine{float:left; padding-top:0; margin: 0 0 0 10px}
		#header #siteTools #globalSite ul li.globalLast.first{display: none!important}
		#header #siteTools #globalSite ul.SecLine li{float: right; margin: 0 0 0 9px; padding: 0}
		#header #siteTools #globalSite ul.SecLine li:first-child + li{display: block !important; border:0 none}
			#header #siteTools #globalSite ul.SecLine li:first-child + li a{background: #fff url("/content/Documents/css/images/Redesign/picto_nestle.com.png") no-repeat left top; display: block; width: 84px; height: 26px; padding: 0 0 0 53px; color:#0c4da2; font-family:"open_sansregular", Arial, Helvetica, sans-serif; font-size: 11px; line-height: 26px; text-align: left; border:1px solid #0c4b9f; border-left:0 none}
		#header #siteTools #contactUrl{background: #0c4b9f url("/content/Documents/css/images/Redesign/picto_contact_us.png") no-repeat 50% 50%; display: block; width: 38px; height: 28px; text-align: left; text-indent: -999px; overflow: hidden}

	/* search */
	#header #siteTools #siteSearch{margin-top:5px; padding-top:0; border-bottom:1px solid #0c4da2}
		#siteSearch #globalSearch p{background: transparent none; width:154px; margin: 0}
			.select2-container .select2-choice:focus, .select2-container .select2-choice:active{color:#666; font-style: normal}
				.select2-container .select2-choice > .select2-chosen{margin: 0; text-indent: 0}
		#siteSearch li span.btn-right{display: none}
			a#btnSearch .btn-center{background: #fff url("/content/Documents/css/images/Redesign/picto_search.png") no-repeat 14px 3px; width: 30px; height: 24px; padding: 0; text-align: left; text-indent: -999px; overflow: hidden}
	/* autocompletion */
	.select2-container .select2-choice{width:154px; color: #d1d1d1; font-size: 12px; font-style: italic}
		.select2-drop-active{width: 154px!important; height: 23px; margin:-4px 0 0}
			.select2-search{background: #fff; height:auto}
				.select2-search input{background: #fff; width:154px; height: 24px; margin:0; color:#666; font-family:Arial, Helvetica, sans-serif; font-size:12px}
	.select2-results-box{box-shadow: 0 0 0 transparent; border:1px solid #ccc; border-top:0 none}
	.select2-results li{background: #fff; color:#464545}
	.select2-results .select2-highlighted{background-color:#0c4da2}

/* Top navigation */
#pNavigation{margin-bottom: 0; box-shadow: 0 0 0}
#pNavigation #navContainer{background:#0c4da2 none}
	ul.list-nav{display: table; width: 100%}
		ul.list-nav li{display: table-cell; float: none; height: 30px; padding:0; text-align: center; vertical-align: top; border-left: 1px solid #0a3a7a}
		ul.list-nav li.sep-right + li, .list-nav li.first, .list-nav li.selected{border-left: 0 none}
		.list-nav li.sep{display: none}
		.list-nav li.selected{margin: 0}
			.list-nav li a{height: 18px; padding:8px 15px 4px; font-size: 12px; line-height: 18px}
			.list-nav li.selected a{margin-top: 4px; padding:4px 2px; color: #093d6e!important}
				.list-nav li a span{padding: 0}
		.list-nav li.sep-left, .list-nav li.sep-right{width: 10px; height: 30px; margin:0; border: 0 none }
		.list-nav li.sep-right{background-position: -721px -76px}
		.list-nav li.sep-left{background-position: -710px -76px}
		.list-nav li.sep-right{width: 8px; border-right: 1px solid #0a3a7a}
		.list-nav li a:hover, .list-nav li a:focus, .list-nav li a:active{background:#115ec4 none; height: 18px}
		.list-nav li.selected a:hover, .list-nav li.selected a:focus, .list-nav li.selected a:active{background-color: #fff}

/* Container */
#pageContainer{padding:20px 0 30px}
	.layout-content-medium .content{float:none; width: auto}
		#mainCol .main-content{float:left; width:100%; padding-top: 10px}
		#mainCol .leftnavigationsize + .main-content{width:73.4%}
			#pageContainer #mainCol .leftnavigationsize{width:24%; padding-top: 24px; margin-right: 2.6%}
		.layout-content-medium #NESoneCol .nwe-column-1{width: 100%}

/* Breadcrumb */
#breadcrumbs{width:100%; margin:20px 0 0; padding:0; line-height: 15px}
.device1 #breadcrumbs{margin-top: 0}
	#breadcrumbs ul li a, #breadcrumbs ul li#current span{color: #0c4da2!important}

/* Social bar */
#socialScript{background: #e4ebf5 none; height:20px; margin:0; padding: 5px 0; border: 0 none}
    .socialBar li.sep{display: none} 
    .socialBar li.sep:nth-child(6){display: none /* laisser independant pour IE8 */}
    .socialBar li{display: block; margin-left: 10px}
    .socialBar li.socialBarMobileHide, .socialBar .socialBarMobileHide + li{margin-left: 15px}
        .socialBar li a{background: transparent url("/content/Documents/css/images/Redesign/picto_socialbar.png") no-repeat left top; width: 22px; height: 20px}
        .socialBar li.send a{background-position: left -20px}

/* Left navigation */
/* lvl1 */
#container #sNavigation ul, #container #sNavigation ul li{float: none; display: block; width: auto; margin:0; padding: 0; border: 0 none}
#container #sNavigation li a{background:transparent url("/content/Documents/css/images/Redesign/leftnav_arrows.png") no-repeat right 14px; padding: 11px 25px 11px 0; color: #7f7f7f; font-size: 13px; line-height: 16px; border-bottom: 1px solid #ccc}
#container #sNavigation li a:hover, #container #sNavigation li a:focus, #container #sNavigation li a:active, #container #sNavigation li.selected a:hover, #container #sNavigation li.selected a:focus, #container #sNavigation li.selected a:active,
#container #sNavigation li a:hover span, #container #sNavigation li a:focus span, #container #sNavigation li a:active span, #container #sNavigation li.selected a:hover span, #container #sNavigation li.selected a:focus span, #container #sNavigation li.selected a:active span{background-color:transparent; color:#00a1e2}
#container #sNavigation li a span{background: transparent none; color: inherit; padding: 0; font-weight: inherit}
#container #sNavigation li.selected a, #container #sNavigation li.selected a:visited{color: #0c4da2}
#container #sNavigation li.selected > a{background-position:right -75px; font-family: "open_sanssemibold", Arial, Helvetica, sans-serif}

/* lvl2 */
#container #sNavigation li li a{padding-left: 20px}
/* lvl 3 */
#container #sNavigation li li li a{padding-left: 40px}
/* lvl 4 */
#container #sNavigation li li li li a{background: transparent none; padding-left: 60px; padding-right: 0}
#container #sNavigation li li li li.selected a, #container #sNavigation li li li li.selected a span{background: transparent none; padding-right: 0; color:#00a1e2}

/* Title */
.layout-content-medium h1, .layout-content-large h1{margin:0 0 20px; padding: 12px 0 10px; color: #0c4da2; font-family:"open_sanssemibold", Arial, Helvetica, sans-serif; font-size: 22px; font-weight: 400; line-height: 27px; border-top:3px solid #0c4da2; border-bottom:1px solid #0c4da2}

/* Footer */
#footer{background: #0c4da2 none; height: 30px; margin:0}
#footer .container{padding: 0; text-align: center}
	#container #footer ul.links, #container .device0 #footer ul.links{display: inline-block; float: none; padding-top: 0; min-width: inherit; margin:0}
		#footer ul.links li{display: block; padding:0 10px; font-size: 12px; line-height: 30px; border:0 none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}
		#footer ul.links li + li{border-left:1px solid #0b3c7e}
			#footer ul.links li a:hover, #footer ul.links li a:focus, #footer ul.links li a:active{color: #fff!important; text-decoration: underline}

/* widgets */
.box, .layout-side-right .box, .nse-live-body{padding-bottom:20px}
.standardBoxHtml{margin-bottom: 20px}
.box .bl, .box .bc, .box .bb{height: 0}

.box .t table, .box .b table, .box .t.simple table{width: 100%}
.box .t, .layout-side-right .box .t, .nse-live-header{background: transparent none; border:0 none; border-top: 3px solid #0c4da2}
.box .t.simple{border-top: 0 none}
	.box .simple .tl, .box .simple .tb{height: auto}
#pageContainer .box .tc{background: transparent none; height: auto; border:0 none}
.box .tl, .box .tb{background: transparent none; width:0; height: auto; font-size: 0}
	.box .t h2, .nse-live-header h2{margin:0; padding: 12px 0 16px; color: #0c4da2!important; font-family:"open_sanssemibold", Arial, Helvetica, sans-serif; font-size: 22px!important; font-weight: 400!important; line-height: 25px}
		.box .tc h2 a{color: #0c4da2; font-size: inherit!important; text-transform: none!important}
			.layout-content-large .box .blue .tc h2 a span{color: #0c4da2!important}
			.layout-content-large .t h2 a span, .layout-content-medium .t h2 a span, .layout-content-large .t h2 span, .layout-content-medium .t h2 span{padding: 0; color:inherit; font-size: inherit!important; text-transform: inherit!important}
	.box img, .nwe-widget-content img{margin: 0 auto}
	.box img.with_margin, .nwe-widget-content img.with_margin{margin-bottom:15px}

.layout-content-medium .box .container, .layout-content-large .box .container, .layout-side-right .box .container{padding: 0}
	.layout-content-large #NEStwoCol .nwe-column-1 .standardBoxHtml img, .layout-side-right .box .standardBoxHtml img{max-width: 100%}
	.boxContent a img{margin:0 0 15px}

/* Styles de texte */
.page-content h2, .page-content h3, .page-content h4{color: #0c4da2}
.layout-content-medium h2, .layout-content-large h2{padding-bottom:17px!important; color: #0c4b9f; font-family:"open_sanssemibold", Arial, Helvetica, sans-serif; font-size: 20px; line-height: 25px}

.blue_light.strong{color:#00a1e2; font-family:"open_sanssemibold", Arial, Helvetica, sans-serif; font-size: 12px}

.page-content img.left{margin-right: 0; max-width: 100%}
.page-content img.width_100{width: 100%}

p, .page-content p, .page-content ul{color: #464545; font-size: 13px; line-height: 18px}
.page-content ul{margin:0}
	.page-content ul li, .page-content ul.list_square li{background:transparent url("/content/Documents/css/images/Redesign/list_square.png") no-repeat left 7px; left: 0; list-style: none; padding: 0 0 5px 10px}
.page-content strong{font-family:"open_sansbold", Arial, Helvetica, sans-serif; font-weight: 400}

.page-content a, .page-content a:link, .page-content a:visited, .page-content a:hover, .page-content a:focus, .page-content a:active{color:#7f7f7f; text-decoration: none}
.page-content a:hover, .page-content a:focus, .page-content a:active{text-decoration: underline}

#pageContainer .bt_link_arrow, #pageContainer a.bt_link_arrow:link, #pageContainer a.bt_link_arrow:visited, #pageContainer a.bt_link_arrow:hover, #pageContainer a.bt_link_arrow:focus, #pageContainer a.bt_link_arrow:active{background: #0c4b9f; position: relative; display: inline-block; padding: 0 50px 0 20px; color:#fff; font-size: 14px; line-height: 40px}
	#pageContainer a.bt_link_arrow:hover, #pageContainer a.bt_link_arrow:focus, #pageContainer a.bt_link_arrow:active{background-color: #115ec4}
	#pageContainer .bt_link_arrow:after{background:transparent url("/content/Documents/css/images/Redesign/arrows_buttons.png") no-repeat right -80px; content: ""; display: block; position: absolute; top: 13px; right: 29px; width: 8px; height: 15px}

/* Socialbar mobile */
.socialbar_mobile{overflow: hidden;margin-top:20px;}
.device0 .socialbar_mobile{margin-top: 0}
.socialbar_mobile .social_link{float: left; display: block; width:20%; text-align: center;margin:0;}
.socialbar_mobile .social_link img{display: inline-block;margin:0;padding:0;}
.social_link.twitter{background-color: #1abedf}
.social_link.pinterest{background-color: #c91f27}
.social_link.google_plus{background-color: #d94837}
.social_link.youtube{background-color: #cd332c}
.social_link.tumblr{background-color: #35465c}

/* Widget image with link */
.img_with_link{position: relative; text-align: center; border:1px solid #e3e3e3;}
	.img_with_link img{max-width: 100%}
	#pageContainer .bt_link_blue, #pageContainer .bt_link_blue:link, #pageContainer .bt_link_blue:visited, #pageContainer .bt_link_blue:hover, #pageContainer .bt_link_blue:focus, #pageContainer .bt_link_blue:active{position: relative; display:inline-block; margin:0 auto 30px; padding: 0 30px 0 45px; color: #0c4da2; font-size: 11px; line-height: 26px; text-align: right; border:1px solid #427bc4}
	#pageContainer .bt_link_blue:hover, #pageContainer .bt_link_blue:focus, #pageContainer .bt_link_blue:active{background:#0c4b9f url("/content/Documents/css/images/Redesign/bt_link_bg.png") repeat-x left -1px; color: #fff}
	.device1 #pageContainer .bt_link_blue, .device1 #pageContainer .bt_link_blue:link, .device1 #pageContainer .bt_link_blue:visited, .device1 #pageContainer .bt_link_blue:hover, .device1 #pageContainer .bt_link_blue:focus, .device1 #pageContainer .bt_link_blue:active {padding-left:75px; font-size: 17px; line-height: 42px}
		.bt_link_blue:before{content: ""; background: #0c4b9f none no-repeat center center; display: inline-block; position: absolute; top: 0; left: 0; width: 38px; height: 26px}
		.device1 .bt_link_blue:before{width:60px; height: 42px}
		.bt_link_blue:after{content: ""; background:transparent url("/content/Documents/css/images/Redesign/arrows_buttons.png") no-repeat left top;  display: inline-block; position: absolute; top: 8px; right: 15px; width: 5px; height: 9px}
		.device1 .bt_link_blue:after {background-position: left -80px; top: 16px; right: 10px; width: 10px; height: 19px}
		.bt_link_blue:hover:after, .bt_link_blue:focus:after, .bt_link_blue:active:after{background-position: -200px top}
		.device1 .bt_link_blue:hover:after, .device1 .bt_link_blue:focus:after, .device1 .bt_link_blue:active:after{background-position: -196px -80px}
		#pageContainer .bt_link_blue.yearbook{margin-bottom: 18px}
		#pageContainer .bt_link_blue.tastewater{margin-bottom: 37px}

		.bt_link_blue.yearbook:before{background-image: url("/content/Documents/css/images/Redesign/picto_yearbook.png")}
		.bt_link_blue.facebook:before{background-image: url("/content/Documents/css/images/Redesign/picto_facebook.png")}
		.bt_link_blue.water_stories:before{background-image: url("/content/Documents/css/images/Redesign/picto_water_stories.png")}
		.bt_link_blue.tastewater:before {background-image: url("/content/Documents/css/images/Redesign/picto_water_drops.jpg")}
		.device1 .bt_link_blue.tastewater:before {background-image: url("/content/Documents/css/images/Redesign/picto_water_drops_mobile.jpg")}


/* =============================================
	Home page
 * ============================================= */
.layout-content-large #NEStwoCol .nwe-column-1, .layout-content-large #NESthreeCol .nwe-column-1, .layout-content-large #NEStwoCol .nwe-column-2{width:49.3464%}

/* Main Carousel */
.featureStory{border: 1px solid #e3e3e3}
.featureStories .box .c .container{padding-left: 0!important}

.slide-item{width: 100%; height: 420px; overflow: hidden}
	.slide-item > a{display: block}
	.boxContent #nivoSlider a img{width: 100%; height: auto; max-height: 100%}

	.nivo-html-caption{background-color: transparent; background: rgba(12,77,162, 0.65); filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C00c4da2,endColorstr=#C00c4da2); opacity: 1; -moz-opacity:1; height:100px; padding:10px 20px}
		.nivo-html-caption h2, .nivo-html-caption h2 a, .device1 .owl-carousel figcaption h2, .device1 .owl-carousel figcaption h2 a{margin:0!important; font-family: "open_sansregular", Arial, Helvetica, sans-serif; font-size: 30px; line-height: 35px}
		.device1 .owl-carousel figcaption h2, .device1 .owl-carousel figcaption h2 a{color: #0c4da2; padding-bottom: 0!important; font-size: 22px; line-height: 28px}
	.storyTitle{display: none}
		.nivo-html-caption p{display: none}
	.device1 .owl-carousel figure > a{display: block; height: 160px; text-align: center; border: 1px solid #e3e3e3}
		.device1 .owl-carousel figure img{display: inline-block; max-height: 100%}
	.device1 .owl-carousel figcaption > a{display: none}

.home-featureStory .owl-controls .owl-buttons .owl-prev, .home-featureStory .owl-controls .owl-buttons .owl-next, .home-featureStory .owl-controls .owl-buttons .owl-prev:hover, .home-featureStory .owl-controls .owl-buttons .owl-next:hover{background:#0c4da2 url("/content/Documents/css/images/Redesign/arrowsFeatureStory_redesign.png") no-repeat 5px 25px; top: 165px; display: block; width: 26px; height: 75px; opacity: 0.65; filter:alpha(opacity=65); margin-top: 0}
.home-featureStory .owl-controls .owl-buttons .owl-next, .home-featureStory .owl-controls .owl-buttons .owl-next:hover{background-position: -23px 25px}
.home-featureStory .owl-controls .owl-buttons .owl-prev:hover, .home-featureStory .owl-controls .owl-buttons .owl-next:hover{background-color: #115ec4}
.device1 .home-featureStory .owl-controls .owl-buttons .owl-prev, .device1 .home-featureStory .owl-controls .owl-buttons .owl-next, .device1 .home-featureStory .owl-controls .owl-buttons .owl-prev:hover, .device1 .home-featureStory .owl-controls .owl-buttons .owl-next:hover{top: 45px}

.home-featureStory .owl-controls .owl-pagination{float: none; position: absolute; bottom: 10px; right: 25px; margin:0; padding: 0}
.device1 .home-featureStory .owl-controls .owl-pagination{position: static; margin-top: 10px; text-align: center}
	.home-featureStory .owl-controls .owl-pagination .owl-page{background: transparent none; width: 8px; height: 8px; margin:0 0 0 8px; box-shadow: 0 0 0 transparent; border-radius: 0; border:1px solid #fff}
	.device1 .home-featureStory .owl-controls .owl-pagination .owl-page{width: 13px; height: 13px; margin-left: 15px; border-color: #0c4b9f}
	.home-featureStory .owl-controls .owl-pagination .owl-page:hover, .home-featureStory .owl-controls .owl-pagination .owl-page.active{background: #0c4b9f; border-color: #0c4b9f}
	.home-featureStory .owl-controls .owl-pagination .owl-page span{display: none}

#slideshow img{width:100%;max-width:100%;}
.nse-live-body a.legendHomeSlider, .nse-live-body a.legendHomeSlider:link, .nse-live-body a.legendHomeSlider:visited, .nse-live-body a.legendHomeSlider:hover, .nse-live-body a.legendHomeSlider:focus, .nse-live-body a.legendHomeSlider:active{color: #464545;font-size: 13px;line-height: 18px;text-decoration:none;}
.nse-live-body a.legendHomeSlider:hover, .nse-live-body a.legendHomeSlider:focus, .nse-live-body a.legendHomeSlider:active{text-decoration:underline;}
    
/* Our brands */
#slider_our_brands_home{width: 100%; height: 88px; padding: 0 26px; border:1px solid #e3e3e3; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}
	#slider_our_brands_home .cycle-carousel-wrap{margin-left:26px!important}
	#slider_our_brands_home .slider_item{padding-top: 9px; text-align: center}
		#slider_our_brands_home .slider_item img{max-width:100%; max-height: 70px}
		#slider_our_brands_home .bt_prev, #slider_our_brands_home .bt_next{background:#618bc2 url("/content/Documents/css/images/Redesign/arrowsFeatureStory_redesign.png") no-repeat -23px 32px; top: 165px; display: block; width: 26px; position: absolute; top:0 ; right:0; height: 90px; text-align: left; text-indent: -999px; overflow: hidden}
		#slider_our_brands_home .bt_prev, #slider_our_brands_home .bt_prev:hover{background-position: 5px 32px; left:0}
		#slider_our_brands_home .bt_prev:hover, #slider_our_brands_home .bt_next:hover{background-color: #6496d9}
		#slider_our_brands_home .bt_prev.disabled, #slider_our_brands_home .bt_next.disabled{background-color: #d3d3d3}

/* widget The upcycling factory */
.recycling{background: #f9f7f4 url("/content/Documents/css/images/Redesign/widget_recycling_bg.jpg") repeat left top}
	.device0 .recycling img{max-height: 240px}

/* Widget waters stories */
#waters_stories_right_col{background: #8cbefb url("/content/Documents/css/images/Redesign/waters_stories_right_col_bg.jpg") repeat-x left top}
.device0 #waters_stories_right_col{background-position: center -135px}

/* Other Corporate website */
.layout-side-right .arrow-list{border:1px solid #e3e3e3}
.arrow-list li{display: block; margin:0}
.arrow-list li + li{border-top:1px solid #e3e3e3}
	.sysFormContainer .arrow-list li a, .sysFormContainer .arrow-list li a:hover{background: #fff url("/content/Documents/css/images/Redesign/arrow_double.png") no-repeat 8px center; display: block; float: none; width: auto; padding: 7px 10px 7px 32px; color: #7f7f7f; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 16px}
	.sysFormContainer .arrow-list li a:hover{text-decoration: underline}
	.device1 .sysFormContainer .arrow-list li a, .device1 .sysFormContainer .arrow-list li a:hover{padding-top:17px; padding-bottom: 17px; font-size: 20px; line-height: 24px}
		.arrow-list li a span{background: transparent none; float: none; width: auto; padding: 0}


/* =============================================
	Page Our story
 * ============================================= */
#pageContainer .timeline_item{margin-top:15px; overflow: hidden}
	.timeline .blue_light{float: left; display: block}
	.timeline p, .timeline ul{display: block; margin-left: 40px}
	#pageContainer .timeline p{padding-bottom: 0!important}
	.page-content .timeline ul.list_square{margin-right: 0}


/* =============================================
	Page Jobs
 * ============================================= */
#hub_image_bank .jobs_cats{padding-top:15px}
#hub_image_bank .col_1-4{float:left; width:25%; margin:0; padding: 0 6px 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}
.device1 #hub_image_bank .col_1-4{width: 50%}
@media (max-width: 360px){.device1 #hub_image_bank .col_1-4{float: none; width: 100%; padding-right: 0}}
#hub_image_bank .job_photo{position:relative; display: block}
#hub_image_bank .job_photo:after{content:''; position:absolute; left:0; top:0; display:none; width:100%; height:100%; background:url("/content/Documents/css/images/redesign/white_overlay.png") repeat}
#hub_image_bank .col_1-4:hover .job_photo:after{display:block}
#hub_image_bank  img.thumb{max-width:100%; margin:0 0 8px; padding: 0}
.device1 #hub_image_bank img.thumb{width: 100%}
#hub_image_bank .col_1-4 h3, #hub_image_bank .col_1-4 h3 a{padding:0 5px 0 0!important; color: #0c4da2; line-height:20px; border:none; font-family: "open_sanssemibold", Arial, Helvetica, sans-serif; font-size:16px !important; font-weight:400; letter-spacing: 0}
.device1 #hub_image_bank .col_1-4 h3{height: 55px}


/* =============================================
	Page Environmental indicators
 * ============================================= */
#boite_conglets_contenu{background:#32a8cc; position: relative; width: auto; height: auto; padding: 17px 15px 19px}
	#boite_conglets_contenu .bloc{float: none; width: auto; height:auto; padding: 0; border: 2px solid #fff}
		#boite_conglets_contenu .onglet{background:transparent url("/content/Documents/css/images/About us/env_indicators_bg_top.png") no-repeat center top; margin: -9px 0 0; padding: 50px 80px 0}
		.device1 #boite_conglets_contenu .onglet{padding-left: 5px; padding-right: 5px}
	#boite_conglets_contenu .indicator, #boite_conglets_contenu .indicator > .fLeft{float: none; width: auto; padding: 0; overflow: hidden}
	#boite_conglets_contenu .indicator > .fLeft {margin-bottom: 55px}
	.device1 #boite_conglets_contenu .indicator > .fLeft{margin-bottom: 20px}
		.indicator-col-img{float:left; width:110px}
		.device1 .indicator-col-img{width: 25%; text-align: center}
			.indicator-col-img img{max-width: 90px; text-align: center}
			.device1 .indicator-col-img img{max-width: 90%}
			.indicator_nb{display: block; color: #fff; font-family:"open_sansbold",Arial,Helvetica,sans-serif; font-size: 29px; font-weight: 400}
			.device1 .indicator_nb{font-size: 21px; padding-top: 10px}
		.indicator-col-img-txt{float:none; margin-left: 110px}
		.device1 .indicator-col-img-txt{margin-left: 30%}
			#boite_conglets_contenu h2{position: relative; padding-bottom: 0!important; color:#fff; font-family:"open_sansbold",Arial,Helvetica,sans-serif; font-size: 33px; text-transform: uppercase; line-height: 56px}
			.device1 #boite_conglets_contenu h2{font-size: 27px; line-height: 40px}
				#boite_conglets_contenu h2:before{content:"";  background: #fff none; position: absolute; bottom:0; left: 0; width:33px; height: 1px}
			#boite_conglets_contenu .indicator p{margin-top:5px; width:auto; color:#fff; font-family:"open_sansregular",Arial,Helvetica,sans-serif; font-size: 13px}
	#boite_conglets_contenu .nestle_waters{position: absolute; bottom: 0; right: 15px; display: block; color: #0c4da2; font-size: 9px; line-height: 19px}


/* =============================================
	Page How to taste water
 * ============================================= */
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }

.main-content #tmpSlideshow{background: transparent none; width: 100%;height: 274px; border: 1px solid #ccc}
.device0 .main-content #tmpSlideshow{margin-top:12px}
	#tmpSlideshow .item{overflow: hidden}

	.wrapper-img{position: relative; display:block; float:left; width:43%; height: 272px; text-align: center; overflow: hidden; border-right: 1px solid #ccc; vertical-align: top; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
		#tmpSlideshow .wrapper-img img {display: block; max-width: inherit; height: 100%}
		#tmpSlideshow #tmpSlide-2 .wrapper-img img{left: -137px}
		#tmpSlideshow #tmpSlide-3 .wrapper-img img{left: -80px}
		#tmpSlideshow #tmpSlide-4 .wrapper-img img{left:-70px}
	#tmpSlideshow .tmpSlideCopy{position: static; left: 0; float:left; display: block; width:56%; padding: 10px; vertical-align: top; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
		.desc-step{padding-bottom: 10px}
			.number-step, .title-step{font-size: 18px; color: #00a1e2; font-family: "open_sansbold",Arial,Helvetica,sans-serif}
			.title-step{text-transform: uppercase}
		#tmpSlideshow p{padding-bottom: 0; line-height: 16px}

.pagination-desktop {position: relative; margin-top: 10px}
	.slick-dots { position: relative; list-style: none; display: block; margin: 0; padding: 0; width: 100%; overflow: hidden; border: 1px solid #ccc }

	.slick-dots li {position: relative; display: block; float: left; width: 25%; height: 37px; padding: 2px 18px; cursor: pointer; background:#fff url("/content/Documents/css/images/Redesign/slider_steps.png") repeat-x left -160px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
	.slick-dots li.slick-active {background-color: #cde6f8; background-position: left -120px}
	.slick-dots li:after {content: " ";position: absolute; right: 0; top: 0;width: 20px; height: 39px;background: url("/content/Documents/css/images/Redesign/slider_steps.png") 0 -80px no-repeat}
	.slick-dots li.slick-active:before,
	.slick-dots li.slick-active + li:before {content: " ";position: absolute; left:-20px; top: 0;width: 20px; height: 39px; background: url("/content/Documents/css/images/Redesign/slider_steps.png") 0 -40px no-repeat}
	.slick-dots li.slick-active + li:before {background: url("/content/Documents/css/images/Redesign/slider_steps.png") 0 0 no-repeat}
	.slick-dots li:first-child:before, .slick-dots li:last-child:after {content: "";display: none}
		.nav-title-step { display: block; font-family:"open_sansregular",Arial,Helvetica,sans-serif; font-size: 10px; line-height: 12px; color: #00a1e2; text-transform: uppercase}
		.nav-desc-step {display: block;color: #0c4b9f;font-family: "open_sanssemibold",Arial,Helvetica,sans-serif;font-size: 18px;line-height: 20px;font-weight: 400;text-transform: uppercase}


/* =============================================
	Form Contact us
 * ============================================= */
.ncorp-contact-content{padding: 0; border: 0 none; border-radius: 0}
.ncorp-contact-content ul{display: block}
.ncorp-contact-content ul.block02{width: 70%}
.ncorp-contact-content ul.block03{width: 30%}
.device1 .ncorp-contact-content ul.block02, .device1 .ncorp-contact-content ul.block03{width: 100%}
.ncorp-contact-content ul.block04{clear:both}
.ncorp-contact-content li.last{padding-bottom: 20px}
.device1 .ncorp-contact-content li{padding-bottom: 5px}

.ncorp-contact-content .large span,.ncorp-contact-content .small span, .ncorp-contact-content .medium span, .ncorp-contact-content .large span, .ncorp-contact-content .full span, .ncorp-contact-content .large span#labelReason{width:173px; height: 38px!important; padding-top: 0; padding-right: 10px; line-height: 38px; vertical-align: middle}
.device1 .ncorp-contact-content .large span, .device1 .ncorp-contact-content .small span, .device1 .ncorp-contact-content .medium span, .device1 .ncorp-contact-content .large span, .device1 .ncorp-contact-content .full span, .device1 .ncorp-contact-content .large span#labelReason{float: left!important; width: 100%; height: auto!important; line-height: 17px; padding:10px 0}
.ncorp-contact-content .large span, .ncorp-contact-content .full span, .form span.tbxError{line-height:17px}
.device1 .ncorp-contact-content .large span, .device1 .ncorp-contact-content .full span{line-height: 17px}
.ncorp-contact-content .full span{width:100%; height: 17px!important}
.device1 .ncorp-contact-content .full span{height: 38px!important}
.device1 .ncorp-contact-content .full span.info{float: none!important; height: 17px!important; line-height: 17px}
.form span.tbxError{height: 17px!important; padding-right: 0}

.ncorp-contact-content input, .ncorp-contact-content li select, .ncorp-contact-content li.messagetextarea textarea, .ncorp-contact-content li.large select, .ncorp-contact-content li.small select, .ncorp-contact-content .reasonTextSpan span, .ncorp-contact-content .medium input{background: #fff; float: left; width: 275px; height: 38px; margin:0; padding:10px 12px; color: #464545; font-family:"open_sansregular",Arial,Helvetica,sans-serif; font-size: 14px; line-height: 18px; border:1px solid #ccc; border-radius: 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.ncorp-contact-content input.small{width: 140px}
.ncorp-contact-content li select, .ncorp-contact-content li.large select, .ncorp-contact-content li.small select{padding:0 0 0 12px}
.ncorp-contact-content li option{padding: 10px 12px}
.ncorp-contact-content li.messagetextarea textarea{height: 100px!important}
.ncorp-contact-content .check{width:13px!important; height: 13px!important; margin-top: 4px; padding: 0}
.ncorp-contact-content input[type=checkbox] + span{width:auto}

.ncorp-contact-content li.acceptcondition{position: relative; height: 40px}
.device1 .ncorp-contact-content li.acceptcondition{height: 80px}
	.ncorp-contact-content li.acceptcondition span.tbxError{top:22px; margin-left: 23px}
	.device1 .ncorp-contact-content li.acceptcondition span.tbxError{margin-left: 0}

#attachFileContactUs .qq-upload-button{margin-top: 7px; color:#0c4da2}
	.qq-upload-list{color:#464545; font-size: 14px}

.ncorp-contact-content fieldset.special-padding, .form span.tbxError, .ncorp-contact-content ul.block01 li.large span.tbxError, .ncorp-contact-content .reasonTextSpan span{margin-left: 183px}
.device1 .ncorp-contact-content fieldset.special-padding, .device1 .form span.tbxError, .device1 .ncorp-contact-content ul.block01 li.large span.tbxError, .device1 .ncorp-contact-content .reasonTextSpan span{margin-left: 0; clear: left}

#mailSendButton a#sendMail{background: #0c4b9f none; display: block; height: 40px; padding:0 40px; color: #fff; font-size: 14px; line-height: 40px; text-transform: uppercase}
#mailSendButton a#sendMail:hover, #mailSendButton a#sendMail:focus, #mailSendButton a#sendMail:active{background-color: #115ec4; color: #fff}
	#mailSendButton a span{background: transparent none; height:auto; line-height: inherit; padding:0}
	#mailSendButton a#sendMail.hover span{color: #fff}
	#mailSendButton a#sendMail span:after{content: ""; background: transparent url("/content/Documents/css/images/Redesign/arrows_buttons.png") no-repeat right -67px; display: inline-block;; width:15px; height: 40px; vertical-align: top}


/* =============================================
	Page News
 * ============================================= */

/* Search & filter */
.contentSearchContainer{margin-bottom:15px; border:none}
.contentSearchContainer .area .btn li input{width:227px; height:16px; line-height:16px; padding:11px 4px; border-right:none}
.contentSearchContainer .area .btn li .btn-center{margin-left:0}
.contentSearchContainer .area .btn li span.btn-center{width:40px; height:40px; overflow:hidden; padding:0; text-indent:-1000px; background:#0c4da2 url("/content/Documents/css/images/Redesign/picto_search_white.png") no-repeat center center; border-radius: 0}
.contentSearchContainer .area .btn li a:hover span.btn-center{background-color:#115fc4}
.contentSearchContainer .area .btn li span.btn-right{display:none}
.contentIntroForm{margin-bottom:20px}
.contentIntroForm .right h3, .contentIntroForm .right .container-news{float: left; display:block; vertical-align:bottom; background:transparent}
.contentIntroForm h3{padding:0; font-weight:normal}
.contentIntroForm .right .container-news{float:none; width:auto; margin-left: 80px}
#mainCol #NewsAndFeatures .box .c .container .boxContent .contentIntroForm .right .container-news{min-height:0}
.contentIntroForm .right .container-news ul, .contentIntroForm .right .container-news li{margin:0; padding:0}
.contentIntroForm .right .container-news li{display:inline-block; width: 60px}
.contentIntroForm .right .container-news li label, .contentIntroForm .right .container-news li input{vertical-align:middle}
#NewsAndFeatures .contentIntroForm div.left{display: none}
#NewsAndFeatures .contentIntroForm div.right{float:none; width: 100% }
#NewsAndFeatures .searchInfo{display: none}

.device1 #NewsAndFeatures .contentIntroForm div:first-child{display: none}
.device1 #mainCol #NewsAndFeatures .contentSearchContainer .area{padding-bottom: 0}
.device1 #mainCol .contentIntroForm{margin-bottom: 10px; padding-bottom: 0; border-bottom: 0 none}

/* List */
#NewsAndFeatures .grid-list .list-title{display: none}

.generalBlockListing .grid-list .row{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; display:table; width:100%; margin-bottom:3px; border:1px solid #e2e1e1; background:#fff}
.generalBlockListing .grid-list .row > a{display:table-row; float:none; color:#464545}
.generalBlockListing .grid-list .row .title, .generalBlockListing .grid-list .row .date{display:table-cell; float:none; height:78px; padding:5px 12px; vertical-align:middle}
.generalBlockListing .grid-list .row a:hover, .generalBlockListing .grid-list .row a:hover{text-decoration:none; color:#3561a0}
.generalBlockListing .grid-list .row .title{position:relative; width:auto; padding-left:250px}
.device1 .generalBlockListing .grid-list .row .title{display:block; height: auto; padding-left:0; overflow: hidden}
.generalBlockListing .grid-list .row .title img{position:absolute; top:0; left:0; float:none; width:238px; height:auto; margin: 0}
.device1 .generalBlockListing .grid-list .row .title img{position: static; float: left; width:30%; padding-right: 5%}
.generalBlockListing .grid-list .row .date{width:88px; border-left:1px solid #e2e1e1; text-align:center}
.device1 .generalBlockListing .grid-list .row .date{display: block; margin: 0; width:auto; padding-left: 35%; height: auto; padding-top: 0; text-align: left; border: 0 none}
.device1 .generalBlockListing .grid-list li .dInfo{float: right; width: 65%; }

/* =============================================
	Page Executive Committee
 * ============================================= */
#careers .intro img{max-width: 100%}
#executiveCommitee{position: relative; padding-top: 23px}
/* List */
#executiveCommitee #grid_careers{width:auto; height: auto; margin:0 -10px}
#executiveCommitee #grid_careers ul{overflow: hidden}
#executiveCommitee #liste_careers li{background: transparent none; width:25%; height:200px; margin:0 0 15px; padding:0 10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.device1 #executiveCommitee #liste_careers li{width: 50%}
	#executiveCommitee #liste_careers .handle{position: relative; border: 1px solid #eaeaea}
		#liste_careers .people_function{display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0 0 48px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
		#liste_careers .handle:hover .people_function, #liste_careers .handle:focus .people_function, #liste_careers .handle:active .people_function{display: block}
			#liste_careers .people_function span{background: transparent url("/content/Documents/css/images/Redesign/white_overlay.png") repeat left top; display:block; height: 100%; padding:10px; color: #0c4b9f; font-size: 13px; line-height: 16px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
		#liste_careers .people_name{background:url("/content/Documents/css/images/Redesign/blue_overlay.png") repeat; bottom:0; left:0; position: absolute; display:block; width:100%; height:48px; overflow:hidden; padding:8px 10px; color:#fff; font-size: 13px; line-height: 16px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
			.people_name strong{display: block; font-family:"open_sansregular", Arial, Helvetica, sans-serif;  text-transform: uppercase}
			#liste_careers .people_name:after {content: ""; background:url("/content/Documents/css/images/Redesign/arrows_buttons.png") no-repeat right -80px; position: absolute; top: 18px; right: 10px; width: 15px; height: 16px}
			#executiveCommitee #liste_careers .handle span.transparent{width: auto;	height: auto}
			#executiveCommitee .handle img{margin:0 auto; max-width: 100%; max-height: 200px;}

/* Popin */
#executiveCommitee #boite_definition{width: 100%; left: 0!important}
/*.device1 #executiveCommitee #boite_definition{max-width: inherit; padding: 0 15px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}*/
	#btn_definition_close{float: none;!important; position: absolute; top:5px; right: 5px; width: 20px; height: 20px; overflow: hidden}
	#btn_definition_close:hover img, #btn_definition_close:focus img, #btn_definition_close:active img{position: absolute; top: -20px}
	#executiveCommitee #boite_definition_content{background:#fff none; float: none; width: 100%; padding: 0; border-radius: 0; box-shadow: 2px 5px 8px #ddd}
	#executiveCommitee .liste_careers_content_box{background: transparent none; float: none}
		#executiveCommitee .liste_careers_content_box .col_1{width: 31%; margin:0; padding: 0}
		.device1 #executiveCommitee .liste_careers_content_box .col_1{width: 35%; margin:0 15px 0 0}
			#executiveCommitee .liste_careers_content_box .col_1 .photo{margin:0; padding: 0; max-width: 100%}
		#executiveCommitee .liste_careers_content_box .col_2{width: 69%; padding: 15px 20px 30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
		.device1 #executiveCommitee .liste_careers_content_box .col_2{float:none; width: 100%}
			#executiveCommitee .liste_careers_content_box .col_2 h2{font-family: "open_sansregular", Arial, Helvetica, sans-serif; font-size: 23px; line-height: 26px; padding-bottom: 5px}
			#executiveCommitee .liste_careers_content_box .col_2 p, #executiveCommitee .liste_careers_content_box .col_2 p.italic{font-size: 14px; line-height: 17px; padding-bottom: 5px!important}
			#executiveCommitee .liste_careers_content_box h3{padding: 10px 0 5px; color: #475055; font-family: "open_sanssemibold", Arial, Helvetica, sans-serif; font-size: 17px; line-height: 20px}
			.device1 #executiveCommitee .liste_careers_content_box h3{clear: left}
			#boite_definition .career_item{display: table; width: 100%; padding: 0 0 5px; font-size: 14px}
			#boite_definition .career_item.small{font-size: 12px}
				#boite_definition .col_2 .date{display: table-cell; width: 45px; color: #00a1e2; font-family: "open_sansbold", Arial, Helvetica, sans-serif; vertical-align: top}
				#boite_definition .col_2 .date_desc{display: table-cell; vertical-align: top}
				#boite_definition .career_item.small .date, #boite_definition .career_item.small .date_desc{display: inline; width: auto}
				#boite_definition .career_item.small .date{padding-right: 5px}
	#executiveCommitee .cBoth{display: block; clear: both; height: 0}


/* =============================================
	Page Water Families
 * ============================================= */
/* Onglets */
#boite_onglets_onglets_families ul.tabs { position: relative; margin: 0; padding: 0; overflow: hidden; border: 1px solid #ccc; border-left: 0 none; width: 100%; height: 92px; float: none; display: table; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}
#boite_onglets #boite_onglets_onglets_families ul.tabs li, #boite_onglets #boite_onglets_onglets_families ul.tabs li.active{display:table-cell; width:16.666%; height:82px; margin:0; padding: 5px 0; float:none; background:none; border-left: 1px solid #ccc}
#boite_onglets #boite_onglets_onglets_families ul.tabs a.tab_link {background:none; display: block; height:82px; padding:0; opacity: 0.45}
#boite_onglets #boite_onglets_onglets_families ul.tabs li.active a.tab_link{opacity: 1}
    #boite_onglets_onglets_families ul.tabs li a.tab_link img { display: block; max-width: 100%; margin: 0 auto; }

/* contenu onglets */
#boite_onglets_onglets_families .tab_content { position: relative; padding: 15px 15px 60px 15px; border: 1px solid #ccc; color: #464444; font-family: "open_sansregular", Arial, Helvetica, sans-serif; font-size: 14px; border-top: 0 none; }
#boite_onglets_onglets_families div.tabs img{display:block; float:left;padding-top:18px;padding-left:15px;max-width:100%;max-height:100%}
#boite_onglets_onglets_families div.tabs .bloc-desc-mapping + img{max-width: 90px}
#boite_onglets_onglets_families  img + .bloc-family-brand{margin-left:120px}

#boite_onglets_onglets_families  .tab_link{display:none}
.device1 #boite_onglets_onglets_families .tab_link{display:block}
    .device1 #boite_onglets_onglets_families .tab_link img{max-height: 48px; margin-bottom: 0}
#boite_onglets_onglets_families .logo{float:left}
#boite_onglets_onglets_families div.tabs div.logo img{width:150px;padding:0}
#boite_onglets_onglets_families .illu{float:right}
#boite_onglets_onglets_families div.tabs div.illu img{width:370px;padding:0}
#boite_onglets_onglets_families .bloc-desc-mapping{clear:both;padding-top:10px;font-size:12px;line-height:15px}
#boite_onglets_onglets_families .titre1{font-size:19px; line-height:22px;color:#2bb3dd;padding-top:20px}
#boite_onglets_onglets_families .titre2{font-size:28px;line-height:31px;color:#0078c1;padding-bottom:15px}
#boite_onglets_onglets_families .desk{font-size:13px;line-height:16px}
#boite_onglets_onglets_families .desk span:first-child{font-family:"open_sanssemibold", Arial,Helvetica,sans-serif;color:#0078c1}
#boite_onglets_onglets_families .desc-link a, #boite_onglets_onglets_families .desc-link a:link, #boite_onglets_onglets_families .desc-link a:visited, #boite_onglets_onglets_families .desc-link a:hover, #boite_onglets_onglets_families .desc-link a:focus, #boite_onglets_onglets_families .desc-link a:active {padding-left:10px;font-size:12px; line-height:15px; color:#0c4b9f;text-decoration:none;background:url("/content/Documents/css/images/Redesign/arrows_buttons.png") no-repeat left 7px}

/* col droite */
.tasteOfWater{background:url("/content/Documents/css/images/Redesign/tasteWater_bg_desktop.png") repeat-y right top}
.device1 .tasteOfWater{background:url("/content/Documents/css/images/Redesign/tasteWater_bg.png") repeat-y center top}

/* mobile */
.device1 .layout-side-right .box .grey{background:#fff; border-radius: 0!important}
.device1 .taste p{font-size:14px; line-height:21px;padding-bottom:0}
.device1 #boite_onglets_onglets_families .tab_content.active{background:none}
.device1 .tab_content { position: relative; display: block; /* text-align: center;  */
border-top: 0 none; line-height: 30px; padding: 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.device1 .tab_content .tab_link { padding: 6px 10px }
.device1 .tab_content .tab_link:before { content: '+'; display: block; position: absolute; top: 0; right: 15px; font-family: "OpenSans", sans-serif; font-size: 25px; color: #0c4da1; line-height: 60px; }
.device1 .tab_content.active .tab_link:before { content: '-'; }

.device1 #boite_onglets_onglets_families .tab_content{padding:0!important}
.device1 #boite_onglets_onglets_families ul.tabs + .tab_content{border-top: 1px solid #ccc}
.device1 #boite_onglets_onglets_families .tab_content .tabs img{margin:0 15px 15px 0; max-width:70px; max-height: 150px}
.device1 #boite_onglets_onglets_families .tab_content.active  a.tab_link{border-bottom:1px solid #ccc}
.device1 #boite_onglets_onglets_families .tab_content + .tab_content{border-top:0 none}

/* contenu onglets */
.device1 #boite_onglets_onglets_families  .tab_content .tabs{padding:20px 15px 25px 15px}
.device1 #boite_onglets_onglets_families ul.tabs, .device1 #boite_onglets_onglets_families .bloc-logo-illu{display:none}
.device1 #boite_onglets_onglets_families  .bloc-desc-mapping p, .device1 #boite_onglets_onglets_families  .bloc-family-brand p{font-size:14px; line-height:21px}
.device1 .blue_light{font-size:14px}
.device1 #boite_onglets_onglets_families .desc-link a, #boite_onglets_onglets_families .desc-link a:link, #boite_onglets_onglets_families .desc-link a:visited, #boite_onglets_onglets_families .desc-link a:hover, #boite_onglets_onglets_families .desc-link a:focus, #boite_onglets_onglets_families .desc-link a:active {padding-left:10px;font-size:14px; line-height:21px;text-decoration:none;border:0 none}
.device1 #boite_onglets_onglets_families .bloc-desc-mapping { font-size: 14px; line-height: 21px; }
.device1 #boite_onglets_onglets_families .titre1 { color: #2bb3dd; font-size: 19px; line-height: 22px; padding-top: 20px; }
.device1 #boite_onglets_onglets_families .bloc-family-brand { margin-left: 0; }


/* =============================================
	Page Bottles
 * ============================================= */
#termsGlossary .termsID li{line-height: 18px}

/* pagination lettres */
#image_bank #liste li .brandsPagination {float:none !important;display:table;width:100%}
#image_bank #liste li .brandsPagination li{display:table-cell;float:none !important}
#image_bank #liste li .brandsPagination li.separator{margin:0!important; padding-left: 3px !important}
.device1 #image_bank #liste li .brandsPagination li{float: left!important; display: block; width: 29px; margin:0; padding:0; line-height: 29px}
.device1 #image_bank #liste li .brandsPagination li.separator{width: auto}
#image_bank #liste li .brandsPagination li a{display: block; text-align: center}
#image_bank #liste li .brandsPagination li, #image_bank #liste li .brandsPagination li a:link, #image_bank #liste li .brandsPagination li a:visited{color:#959090;text-decoration:none}
#image_bank #liste li .brandsPagination li a:hover, #image_bank #liste li .brandsPagination li a:focus, #image_bank #liste li .brandsPagination li a:active{color:#00a1e2; text-decoration:none}
#image_bank #liste li .brandsPagination li.selectedLetters, #image_bank #liste li .brandsPagination li.selectedLetters a{font-family:"open_sanssemibold",Arial,Helvetica,sans-serif;color:#00a1e2;text-decoration:none}

/* liste eaux */
#image_bank #liste{text-align:left; margin-right:0}
#image_bank #liste li{left:0;padding-left:0}
 
#image_bank li{border-bottom:1px solid #e4e3e3;padding-bottom:20px}
#image_bank li .nom{display:block;font-size:18px; line-height:19px;color:#464545;margin-left:146px;padding-bottom:10px}
#image_bank p{padding-bottom:0 !important}
#image_bank .informations{margin-bottom:0;margin-right:0; font-size:13px;font-family:"open_sansregular",Arial,Helvetica,sans-serif;color:#475055;line-height:19px}
#image_bank .informations li{font-size:13px;font-family:"open_sansregular",Arial,Helvetica,sans-serif;color:#475055;line-height:19px}
#image_bank .descriptif_content .copie{margin:0}
#image_bank li .img_miniature{padding:0; width:146px;display:block}
#image_bank li .img_miniature img{max-width:100%; max-height:100%;display:inline-block}
#image_bank li .descriptif{margin-left:146px}
#image_bank li .descriptif ul li{color:#475055}
#image_bank li .descriptif strong{color:#0c4da2;font-family:open_sanssemibold}
#image_bank .descriptif .informations li:first-child{display:inline-block;padding-bottom:8px!important}

.device1 #image_bank li .img_miniature{width: 25%;float:left;text-align:center}
.device1 #image_bank li .descriptif{margin-left:25%;font-size:14px; line-height:21px}
.device1 #image_bank li .nom{margin-left:25%}
.device1 #image_bank #liste li ul.informations li{margin:0; padding:0}

/*download links*/
#image_bank li .descriptif ul li.picto_tif, #image_bank li .descriptif ul li.picto_jpg{background:url("/content/Documents/css/images/Redesign/picto_download.png") no-repeat !important;padding-left:20px!important}
#image_bank .descriptif_content .picto_jpg a, #image_bank .descriptif_content .picto_tif a{color:#00a1e2; font-size:11px;text-decoration:none}
.device1 #image_bank li .descriptif ul li.picto_tif, .device1 #image_bank li .descriptif ul li.picto_jpg{width:100%; margin:10px 0 5px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}

/* pagination with numbers */
#image_bank #zone_ib {text-align:center}
#image_bank .number{display:inline-block;margin-top:0!important;margin-bottom:15px!important; margin-left:auto; margin-right:auto;float:none !important;width:auto; font-family:"open_sansbold",Arial,Helvetica,sans-serif}
.boxContent #image_bank .brandsPagination.number a, .boxContent #image_bank .brandsPagination.number span{background:#bcbcbc; display: block; color:#fff; width: 30px; padding:0; font-size:14px; line-height: 30px; text-align: center; text-decoration: none}
.device1 .boxContent #image_bank .brandsPagination.number a, .device1 .boxContent #image_bank .brandsPagination.number span{width: 27px}
.boxContent #image_bank .number li {margin:0!important; padding:0 1px!important}
.boxContent #image_bank .number li.current a{background:#0c4b9f}
.boxContent #image_bank .number li a:hover, .boxContent #image_bank .number li a:focus, .boxContent #image_bank .number li a:active{background-color: #115ec4}
.boxContent #image_bank .brandsPagination.number  li.bt_prev{padding-right:15px!important}
.boxContent #image_bank .brandsPagination.number  li.bt_next{padding-left:15px!important}
.boxContent #image_bank .brandsPagination.number  li.bt_prev a, .boxContent #image_bank .brandsPagination.number  li.bt_next a, .boxContent #image_bank .brandsPagination.number  li.bt_prev span, .boxContent #image_bank .brandsPagination.number  li.bt_next span{background:#0c4b9f url("/content/Documents/css/images/Redesign/chevron_left.png") no-repeat center center; text-indent: -99px; overflow: hidden}
.boxContent #image_bank .brandsPagination.number  li.bt_next a,  .boxContent #image_bank .brandsPagination.number  li.bt_next span{background-image:url("/content/Documents/css/images/Redesign/chevron_right.png")}
.boxContent #image_bank .brandsPagination.number  li.bt_prev a:hover, .boxContent #image_bank .brandsPagination.number  li.bt_next a:hover, .boxContent #image_bank .brandsPagination.number  li.bt_prev a:focus, .boxContent #image_bank .brandsPagination.number  li.bt_next a:focus, .boxContent #image_bank .brandsPagination.number  li.bt_prev a:active, .boxContent #image_bank .brandsPagination.number  li.bt_next a:active{background-color:#115ec4}
.boxContent #image_bank .brandsPagination.number  li.bt_prev.disabled span, .boxContent #image_bank .brandsPagination.number  li.bt_next.disabled span{background-color:#bcbcbc; cursor: default}


/* =============================================
	Page Videos
 * ============================================= */
.page-content ul.container-videos{margin-left: -20px}
.page-content .container-videos.cols2-view li{background-image:none; width:50%; margin: 0; padding: 0 0 15px 20px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.device1 .page-content .container-videos.cols2-view li{width:100%}
.page-content .container-videos li p{margin:0; padding:0 !important; text-align: left}
.page-content .container-videos li img{max-width: 100%; margin:0 0 10px}
.page-content .container-videos a, .page-content .container-videos a:link, .page-content .container-videos a:visited, .page-content .container-videos a:hover, .page-content .container-videos a:focus, .page-content .container-videos a:active{color:#0c4b9f}


/* =============================================
	Map Brands
 * ============================================= */
#map_brands{position: relative; margin-top: 20px}

#mapselect{margin:0 0 50px; height: 38px; padding: 0 0 0 15px; color:#464545; font-family: "open_sansregular",Arial,Helvetica,sans-serif; font-size: 14px; line-height: 38px; border:1px solid #ccc; }
.device1 #mapselect{margin-bottom: 20px}
	#mapselect option{padding: 10px 0 10px 15px}

.jqvmap-zoomin, .jqvmap-zoomout { position: absolute; left: 0; background: #0c4da2; color: #fff; width: 30px; height: 30px; cursor: pointer; line-height: 30px; text-align: center; }
.jqvmap-zoomin { top: 0px; }
.jqvmap-zoomout { top: 35px; }
.jqvmap-region { cursor: pointer; }
.jqvmap-label { position: absolute; display: none; background: #464545; color: #fff; font-family: "open_sansregular",Arial,Helvetica,sans-serif; font-size: 12px; padding:5px 10px; }
.jqvmap-ajax_response { width: 100%; height: 500px; }
#mapcontainer { max-width: 100%; width: 562px; margin: auto; height: 400px; position: relative; }
.device1 #mapcontainer{width: 100%; height: 200px}
.vmap{display: none; width: 100%; height: 100%}
#world_en{display: block}
/* Popin detail brands */
#popin_country {background: #fff; position: absolute; top:0; left: 0; display: none; width: 100%; padding: 15px; border: 1px solid #cbcbcb; z-index: 99; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}
	#closeDetails {background: transparent url("/content/Documents/css/images/redesign/bt_close.png") no-repeat center top; display: block; position: absolute; top:10px; right: 10px; cursor: pointer; width: 20px; height: 20px; text-indent: -999px; overflow: hidden; }
	#country_brands h2{margin-bottom: 25px; border-bottom: 1px solid #0c4b9f}
	.BrandsDetails{overflow: hidden}
		#popin_country .brand_item{float: left;width: 25%; padding:0 10px; margin: 0; text-align: center; border-left: 1px solid #d8d8d8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
		.device1 #popin_country .brand_item{width: 33.3333%}
		#popin_country .brand_item:first-child, #popin_country .clearboth + .brand_item{border-left: 0 none}
		#popin_country .clearboth{display: block; float: left; clear: both; width: 100%; padding: 12px 0}
			#popin_country .brand_img{display: block; width: 100%; height: 160px; padding:0 0 20px}
			.device1 #popin_country .brand_img{height: 40px; padding-bottom: 10px}
				#popin_country .brand_img img{ display:inline-block; max-width: 100%; max-height: 160px; vertical-align: top}
				.device1 #popin_country .brand_img img{max-height: 40px}
			#popin_country a.brandDetailname{ display: block; height: 32px; color: #7f7f7f; text-align: center; line-height: 16px; overflow: hidden}
/* mapcontainer */
.mapcontainer { width: 800px; height: 400px; background: red; overflow: hidden; }

#pageContainer #map_brands .bt_link_arrow{display: block; width: 75px; margin: 30px auto 0}

/* =============================================
	All Brands
 * ============================================= */
.brands-az ul li.listTitles{height: auto; margin:0; padding:0 0 20px}
	.brands-az ul.alphabetSelector{float: none; display: block; margin: 0; overflow: hidden}
	.brands-az ul.alphabetSelector li{width: 3.846%; margin: 0}
		.brands-az ul.alphabetSelector a, .brands-az ul.alphabetSelector a:link, .brands-az ul.alphabetSelector a:visited, .brands-az ul.alphabetSelector a:hover, .brands-az ul.alphabetSelector a:focus, .brands-az ul.alphabetSelector a:active{display: block; color: #959090; text-decoration: none; text-align: center}
		ul.alphabetSelector li span{float: none; padding: 0; line-height: 20px}
		ul.alphabetSelector li a:hover span, ul.alphabetSelector li.selected a span, ul.alphabetSelector li.selected a:hover span, .filterAZ a.active{background: transparent none; color: #00a1e2!important; font-family: "open_sansbold", Arial, Helvetica, sans-serif}
.brands-az #eventsList{clear: both}
	.brands-az .grid-list li.list-title{background: #0c4da2 none; height: auto; margin: 0; padding: 0; border: 0 none}
		.brands-az ul .grid-list .list-title .TitleHeader, .brands-az .grid-list .list-title .dateHeader{width: 25%; margin: 0; padding: 0 0 0 20px; color: #fff; line-height: 33px; font-family: "open_sansbold", Arial, Helvetica, sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
		.brands-az .grid-list .list-title .dateHeader{width: auto; border-left: 1px solid #fff}
		.brands-az .grid-list li{width: auto; margin: 10px 0 0; border: 1px solid #e2e1e1}
		.brands-az .grid-list .odd, .brands-az .grid-list .even, .brands-az .grid-list .odd:hover, .brands-az .grid-list .even:hover{background: #fff none; position: relative}
			.brands-az .grid-list .row a, .brands-az .grid-list .row a:hover{border: 0 none; float: none; padding: 0; text-decoration: none}
				.brands-az ul .grid-list .row .title, .brands-az ul .grid-list .row .description, .device1 .brands-az ul.grid-list .row .title-product, .device1 .brands-az ul.grid-list .row .description{float: none; display: block; width: auto; margin-left: 25%; padding: 15px 20px 0; color: #464545; font-size: 13px; border-left: 1px solid #e2e1e1}
				.brands-az ul .grid-list .row .title, .device1 .brands-az ul.grid-list .row .title-product{font-family: "open_sansbold", Arial, Helvetica, sans-serif}
				#eventsList .title-product p{display: inline; padding: 0}
				.brands-az ul .grid-list .row .description, .device1 .brands-az ul.grid-list .row .description{padding-top: 35px; padding-bottom: 35px}
				.brands-az .grid-list .row .title img{position: absolute; top: 10px; left: 10px; width: 21%; height: auto; max-height: 90%; margin: 0; padding: 0}
	.device1 .brands-az .grid-list .row .title{float: none; width: 100%}
	.toggleAZ, .toggleAZ.active, a.toggleAZ:visited, a.toggleAZ:link, a.toggleAZ:active{background: #fff url("/skin-engine-shared/Waters/css/images/i-grid.png") no-repeat scroll 0.5em center; color: #959090!important; text-decoration: none!important; border-radius: 0}
	.filterAZ{border-radius: 0; border-color: none #e2e1e1 #e2e1e1 }
		.filterAZ a{color: #959090!important; text-decoration: none!important}

/* =============================================
	Media information
 * ============================================= */
#hub_image_bank.media_information .column{min-height:inherit}
#hub_image_bank.media_information .column a{display: block}
#hub_image_bank.media_information .media_info_img{max-width: 100%}
#hub_image_bank.media_information .col_1-3 h3{letter-spacing: 0; font-family: "open_sansbold", Arial, Helvetica, sans-serif; font-weight: 400; font-size: 18px!important}

/* =============================================
	Mobile
 * ============================================= */
/* Common */
html body.device1{width:100%}
.device1 .sysFormContainer, .device1 #container, .device1 #contentContainer, .device1 #mainCol, .device1 #subCol{width: auto; max-width: inherit}

.device1 .layout-content-large #NEStwoCol .nwe-2-column .nwe-column-1, .device1 .layout-content-large #NEStwoCol .nwe-2-column .nwe-column-2{width: 100%} 

.device1 #header{height: 80px; padding:0 15px 15px 10px}
.device1 #branding{float: none; width: 100%; margin: 15px 0 0; padding: 0}
.device1 #branding a{background: transparent url("/content/Documents/css/images/nwaters_logo.png") no-repeat left top; background-size: contain; display: block; height: 52px}
    .device1 #branding a img{display: none}
.device1 #header #globalSite{display: none}

.device1 #mobileNav{background:#0c4ca3 none}
#container #mobileNav a{background:transparent url("/content/Documents/css/images/Redesign/mobile-design.png") no-repeat left top ; padding: 0; width: 55px; height: 40px}
#mobileNav #pNavigationToggle{border-right: 1px solid #0a3a79}
#mobileNav #siteSearchToggle, #mobileNav #countryNavToggle, #mobileNav .contactUs{border-right-color: #0a3a79; border-left: 0 none}
#mobileNav #siteSearchToggle.active, #mobileNav #countryNavToggle.active, #mobileNav #pNavigationToggle.active{box-shadow:0 0 transparent }
#container #mobileNav .contactUs{background-position:left -80px}
#container #mobileNav #countryNavToggle{background-position:left -40px}
#container #mobileNav #siteSearchToggle{background-position:left -120px}
#container #mobileNav #pNavigationToggle.active{background-color: #0c4ca3; background-position:left -160px}

.device1 #pNavigation li a{color: #0c4b9f}
nav.tree .expands:before{color:#0a3a79}
nav.tree > ul > .expanded > ul{box-shadow: 0 0 0}
nav.tree .expands:before{border-left: 0 none}
.device1 #pNavigation li:last-child{padding-bottom: 0}

.device1 #pageContainer{padding-top: 0}
.device1 #mainCol, .device1 #subCol{width:100%; padding: 0 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.device1 #subCol{padding-top: 35px}
.device1 .layout-content-medium .content{max-width: 100%}
.device1 #socialScript{display: none}
.device1 #mainCol .main-content{float: none; padding-top: 0}

.device1 #footer{height: auto}
.device1 #container #footer ul.links{display: block}
.device1 #footer ul.links li{width:50%; margin: 0; padding: 7px 5px; font-size: 15px; text-align: left}
.device1 #footer ul.links li + li{border: 0 none}

/***********************
    how to taste water */
.device1 .main-content #tmpSlideshow{height: auto; border: 0 none}
.device1 .item .wrapper-img, .device1 #tmpSlideshow .tmpSlideCopy {float: none; width: 100%; display:block}
.device1 .item .wrapper-img {height: 320px; text-align: center; border: 1px solid #ccc}
	@media (max-width: 320px){.device1 .item .wrapper-img{height: 200px}}
    .device1 #tmpSlideshow .wrapper-img img{position: static}
/* pagination */
.device1 .pagination-mobile {position: relative; margin-bottom: 35px}
.device1 .slick-dots{width: auto; margin: 0 74px}
.device1 .slick-dots li {display: none}
.device1 .slick-dots li.slick-active {background: transparent none; display: block;float: none; width: auto;height: 60px;padding: 14px 10px;background:#fff;text-align: center}
.device1 .slick-dots li.slick-active:after, .device1 .slick-dots li.slick-active:before{display: none}
/* Slider Arrows */
.device1 .slick-prev, .device1 .slick-next { position: absolute; top:0; right: 0; height: 60px; display: block; width:60px; cursor: pointer; background: #0c4da2 url("/content/Documents/css/images/Redesign/slider_step_arrows.png") no-repeat -60px 0; color: #fff; padding: 0; border: none; outline: none; z-index: 3}
.device1 .slick-prev:hover, .device1 .slick-next:hover {background-color:#115ec4}
.device1 .slick-prev { left: 0; background-position: 0 0}




/*cecile*/


/*glossary*/

#termsGlossary .col1, #termsGlossary .col2, #termsGlossary .col3, #termsGlossary .col4, #termsGlossary .col5, #termsGlossary .col6 {border: 0 none;position: relative; width: 47%;margin-left:0}
#termsGlossary .col1 , #termsGlossary .col3, #termsGlossary .col5 {margin-right:3%}

#termsGlossary{float:none;}
#termsGlossary .bloc-termsGlossary{position:relative;float:none;border-bottom:0 none;}
#termsGlossary .bloc-termsGlossary ul.termsID{float:left;margin-left:150px;padding-top:5px;}
#termsGlossary .bloc-termsGlossary ul.termsID li{color:#333333;list-style-type:none;padding:0 0 5px 15px;background:0 none;}

#termsGlossary .bloc-termsGlossary ul.termsID li:before {
					display: block;
					width: 0px;
					height: 0px;
					position: absolute;
					top: 6px;
					left: 0px;
					content: "";
					border-width: 3px;
					border-style: solid;
					border-color: #00a1e2;
					
				}	

#termsGlossary a{border: 1px solid #ceddef;display:block; position:absolute;top:0;left:0;width: 140px;height:140px;}
#termsGlossary .bloc-termsGlossary a img{position:relative;width:90%;padding:5%; margin-bottom:0;display:inline-block;vertical-align:middle;}

.specTerm{padding-top:25px;}
.specTerm h3{padding:10px 0 0 0!important; font-family:"open_sanssemibold", Arial, Helvetica, sans-serif;font-size: 18px;text-transform:uppercase;color:#0c4da2;}
.blocTerms{padding-top:20px;}
.blocTerms .title, .blocTerms .title .description{font-size:13px;}
.blocTerms .title strong{color:#0c4da2;font-weight: 700}
.taste p{font-size:13px;}



/*glossary mobile*/

.device1 #termsGlossary .col1, .device1 #termsGlossary .col2, .device1 #termsGlossary .col3, .device1 #termsGlossary .col4, .device1 #termsGlossary .col5, .device1 #termsGlossary .col6 {border: 0 none;position: relative; width: 100%;margin-right:0;margin-left:0;height:auto;height:225px;}

.device1 #termsGlossary .bloc-termsGlossary ul.termsID{width:40%;margin-left:55%;height:auto;}
.device1 #termsGlossary a{width:45%;height:auto;}


.device1 .c h3{font-size:22px;}
.device1 .img_with_link{height:auto;}




@media (max-width:430px){
	.device1 #termsGlossary .col1, .device1 #termsGlossary .col2, .device1 #termsGlossary .col3, .device1 #termsGlossary .col4, .device1 #termsGlossary .col5, .device1 #termsGlossary .col6 {border: 0 none;position: relative; width: 100%;margin-right:0;margin-left:0;height:auto;height:190px;}
}
@media (max-width:370px){
	.device1 #termsGlossary .col1, .device1 #termsGlossary .col2, .device1 #termsGlossary .col3, .device1 #termsGlossary .col4, .device1 #termsGlossary .col5, .device1 #termsGlossary .col6 {border: 0 none;position: relative; width: 100%;margin-right:0;margin-left:0;height:auto;height:160px;}
}


/*widget push*/



.bt_link_blue1.yearbook:before, .bt_link_blue2.yearbook:before {
    background-image: url("/content/Documents/css/images/Redesign/picto_yearbook.png");
}
.bt_link_blue1:before {
    background: none no-repeat scroll center center #0c4b9f;
    content: "";
    display: inline-block;
    height: 26px;
    left: 0;
    position: absolute;
    top: 0;
    width: 38px;
}
.bt_link_blue1:after {
    background: url("/content/Documents/css/images/Redesign/arrows_buttons.png") no-repeat scroll left top transparent;
    content: "";
    display: inline-block;
    height: 9px;
    position: absolute;
    right: 12px;
    top: 9px;
    width: 5px;
}
#pageContainer .bt_link_blue1.yearbook {
    margin-bottom: 5px;
}


#pageContainer .bt_link_blue1, #pageContainer .bt_link_blue1:link, #pageContainer .bt_link_blue1:visited, #pageContainer .bt_link_blue1:hover, #pageContainer .bt_link_blue1:focus, #pageContainer .bt_link_blue1:active {
    border: 1px solid #427bc4;
    color: #0c4da2;
    display: inline-block;
    font-size: 10px;
    line-height: 26px;
    margin: 0 auto 5px auto;
    padding: 0 25px 0 43px;
    position: relative;
    text-align: right;
}
.bt_link_blue1:visited, #pageContainer .bt_link_blue1:hover, #pageContainer .bt_link_blue1:focus, #pageContainer .bt_link_blue1:active {
	color:#fff;
    background: url("/content/Documents/css/images/Redesign/bt_link_bg.png") repeat-x scroll left -1px #0c4b9f;
}

.bt_link_blue1:hover:after, .bt_link_blue1:focus:after, .bt_link_blue1:active:after {
    background-position: -200px top;
}

.bt_link_blue2:before {
    background: none no-repeat scroll center center #0c4b9f;
    content: "";
    display: inline-block;
    height: 26px;
    left: 0;
    position: absolute;
    top: 0;
    width: 38px;
}
.bt_link_blue2:after {
    background: url("/content/Documents/css/images/Redesign/arrows_buttons.png") no-repeat scroll left top transparent;
    content: "";
    display: inline-block;
    height: 9px;
    position: absolute;
    right: 12px;
    top: 9px;
    width: 5px;
}
#pageContainer .bt_link_blue2.yearbook {
    margin-bottom: 8px;
}


#pageContainer .bt_link_blue2, #pageContainer .bt_link_blue2:link, #pageContainer .bt_link_blue2:visited, #pageContainer .bt_link_blue2:hover, #pageContainer .bt_link_blue2:focus, #pageContainer .bt_link_blue2:active {
    border: 1px solid #427bc4;
    color: #0c4da2;
    display: inline-block;
    font-size: 10px;
    line-height: 26px;
    margin: 0 auto 8px auto;
    padding: 0 34px 0 43px;
    position: relative;
    text-align: right;
}
.bt_link_blue2:visited, #pageContainer .bt_link_blue2:hover, #pageContainer .bt_link_blue2:focus, #pageContainer .bt_link_blue2:active {
	color:#fff;
    background: url("/content/Documents/css/images/Redesign/bt_link_bg.png") repeat-x scroll left -1px #0c4b9f;
}

.bt_link_blue2:hover:after, .bt_link_blue2:focus:after, .bt_link_blue2:active:after {
    background-position: -200px top;
}