/* superfish.css */

.My-Custom-LBW .sf-menu, .My-Custom-LBW .sf-menu * {
	list-style: none;
	margin: 0;
	padding: 0;
}
.My-Custom-LBW .sf-menu {
	line-height: 1.0;
	z-index: 497;
}
.My-Custom-LBW .sf-menu li:hover { visibility: inherit; }
.My-Custom-LBW .sf-menu li {
	float: left;
	position: relative;
	z-index: 498;
}
.My-Custom-LBW .sf-menu a {
	display: block;
	position: relative;
}
.My-Custom-LBW .sf-menu li:hover, .My-Custom-LBW .sf-menu li.sfHover, .My-Custom-LBW .sf-menu li:hover ul, .My-Custom-LBW .sf-menu li.sfHover ul { z-index: 499; }
/* superfish-navbar.css */

.My-Custom-LBW .sf-navbar, .My-Custom-LBW .sf-navbar li li { position: relative; }
.My-Custom-LBW .sf-navbar li { position: static; }
/* jquery.cbFlyout.css */

.My-Custom-LBW {
	/* These styles don't have to be on body,

     they could be on an element that wraps around

     the left-flyout-nav and the content. 

     This is to prevent a problem on Chrome that

     leaves the width of the container with the 

     added width of the flyout nav even after it's been

     hidden. */

	position: relative;
	overflow-x: hidden;
	width: 100%;
}
.My-Custom-LBW .layout-left-flyout {
	height: 100%;
	position: fixed;
	/*visibility: hidden;*/

  /*z-index: 0;*/

	background: #000;
	-webkit-transition: .3s linear 0s;
	-moz-transition: .3s linear 0s;
	-ms-transition: .3s linear 0s;
	-o-transition: .3s linear 0s;
	transition: .3s linear 0s;
	-webkit-transform: translate3d(-270px, 0px, 0px);
	-moz-transform: translate3d(-270px, 0px, 0px);
	-ms-transform: translate3d(-270px, 0px, 0px);
	-o-transform: translate3d(-270px, 0px, 0px);
	transform: translate3d(-270px, 0px, 0px);
}
.My-Custom-LBW .layout-left-flyout.isCbFlyNavActive {
	-webkit-transition: .3s linear 0s;
	-moz-transition: .3s linear 0s;
	-ms-transition: .3s linear 0s;
	-o-transition: .3s linear 0s;
	transition: .3s linear 0s;
	-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);
}
.My-Custom-LBW .cbFlyNav-wrap {
	display: block;
	position: relative;
	height: 100%;
	overflow: hidden;
	width: 270px;
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-perspective: 1000;
	-webkit-perspective: 1000;
	perspective: 1000;
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.My-Custom-LBW .cbFlyNav-wrap > nav {
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-moz-transition: -moz-transform 0 ease-in-out;
	-o-transition: -o-transform 0 ease-in-out;
	-webkit-transition: -webkit-transform 0 ease-in-out;
	transition: transform 0 ease-in-out;/*    height: 100%;

      overflow-y: auto;

      overflow-x: hidden;*/
}
.My-Custom-LBW .nav-collapse {
	-moz-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.My-Custom-LBW .layout-right-content {
	-webkit-transition: .3s linear 0s;
	-moz-transition: .3s linear 0s;
	-ms-transition: .3s linear 0s;
	-o-transition: .3s linear 0s;
	transition: .3s linear 0s;
	-moz-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 1;/* NOTE! Put container bg here so you don't

     get any clipping when the content is 

     transitioning. Any tips on alternate 

     solutions are welcome.

  */
}
.My-Custom-LBW .layout-right-content.isCbFlyNavActive {
	-webkit-transform: translate3d(270px, 0, 0);
	-moz-transform: translate3d(270px, 0, 0);
	-ms-transform: translate3d(270px, 0, 0);
	-o-transform: translate3d(270px, 0, 0);
	transform: translate3d(270px, 0, 0);
	min-width: 320px;
	-webkit-transition: .3s linear 0s;
	-moz-transition: .3s linear 0s;
	-ms-transition: .3s linear 0s;
	-o-transition: .3s linear 0s;
	transition: .3s linear 0s;
}
/* Menu Toggle */

.My-Custom-LBW .btn-navbar {
	position: absolute;
	width: 50px;
	height: 40px;
	padding: 9px 0;
	display: block;
	z-index: 1;
}
.My-Custom-LBW .btn-navbar-navtoggle { left: 10px; }
.My-Custom-LBW .btn-navbar .icon-bar {
	display: block;
	width: 28px;
	height: 4px;
	background-color: #4d4d4d;
	margin: 7px auto 0 auto;
}
.My-Custom-LBW .btn-navbar .icon-bar + .icon-bar { margin-top: 3px; }
 @media screen and (min-width: 600px) {
.My-Custom-LBW .btn-navbar { display: none; }
}
/* Navbar Styles */

.My-Custom-LBW .subnavigationigation {
	height: 40px;
	margin: 0;
	padding: 5px 0;
	position: relative;
	background: #fafafa;
	margin-bottom: 10px;
	width: 100%;
	padding: 0 10px;
	font-family: "Lato", sans-serif;
	box-shadow: 0 1px 1px 0px #dddddd;
}
 @media screen and (max-width: 599px) {
.My-Custom-LBW .navbar .nav-collapse { display: none; }
}
 @media screen and (min-width: 600px) {
.My-Custom-LBW .navbar {
	height: auto;
	position: relative;
	background: #fafafa;
	margin-bottom: 10px;
	width: 100%;
	padding: 0 10px;
}
}
/* Mobile First Nav */

.My-Custom-LBW .the-nav ul.nav-flyout {
	display: block;
	margin-bottom: 15px;
	float: none;
	height: 100%;
}
.My-Custom-LBW .the-nav ul.nav-flyout > li {
	float: none;
	display: block;
	width: 270px;
}
.My-Custom-LBW .the-nav ul.nav-flyout li a {
	color: #FFF;
	display: block;
	text-decoration: none;
	padding: 11px 15px;
	margin-right: 0;
	position: relative;
}
.My-Custom-LBW .the-nav ul.nav-flyout li a:hover {
	background: #FFF;
	color: #CC3333;
}
.My-Custom-LBW .the-nav ul.nav-flyout li a:hover .icon-cbmore:after {
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
}
.My-Custom-LBW .the-nav ul.nav-flyout .dropdown { position: static; }
.My-Custom-LBW .the-nav ul.nav-flyout .dropdown .subnavigation {
	float: none;
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	left: auto;
	width: 0;
	min-width: 0;
	margin: 0;
	list-style: none;
	z-index: 1000;
	background: #282828;
	transition: width .2s ease-in-out;
}
.My-Custom-LBW .the-nav ul.nav-flyout .dropdown .subnavigation > li { width: 180px; }
.My-Custom-LBW .the-nav ul.nav-flyout .dropdown .subnavigation.is-subnavigation-visible { width: 180px; }
.My-Custom-LBW .the-nav.is-inactive ul.nav-flyout > li > a { opacity: .2; }
.My-Custom-LBW .the-nav.is-inactive ul.nav-flyout > li.is-active > a {
	opacity: 1;
	background: #FFF;
	color: #CC3333;
}



/* Large Screen Styles*/

@media screen and (min-width: 600px) {
.My-Custom-LBW .container {
	width: 95%;
	margin: 0 auto;
}
.My-Custom-LBW .the-nav { display: none; }
.My-Custom-LBW .the-nav .nav { display: block; }
.My-Custom-LBW .the-nav .nav-pill:after {
	content: "";
	display: table;
	clear: both;
}
.My-Custom-LBW .the-nav > .nav {
	margin: 0;
	line-height: normal;
}
.My-Custom-LBW .the-nav > .nav > li {
	display: inline-block;
	margin-bottom: 0;
	position: relative;
}
.My-Custom-LBW .the-nav > .nav > li .caret {
	margin-top: 8px;
	margin-left: 2px;
	border-top-color: #A7A7A7;
	border-bottom-color: #A7A7A7;
}
.My-Custom-LBW .the-nav > .nav > li a {
	display: block;
	padding: 10px 10px 10px;
	color: #A7A7A7;
	font-weight: 500;
	text-decoration: none;
}
.My-Custom-LBW .the-nav > .nav > li:nth-of-type(1) > a { padding-left: 0; }
.My-Custom-LBW .the-nav > .nav > li:last-of-type > a { padding-right: 0; }
/* Active State */

.My-Custom-LBW .the-nav > .nav > li:hover > a { color: #303030; }
.My-Custom-LBW .the-nav > .nav > li:hover .subnavigation { display: block; }
.My-Custom-LBW .the-nav > .nav > li:hover .caret {
	border-top-color: #303030;
	border-bottom-color: #303030;
}
/* subnavigation */

.My-Custom-LBW .nav > li > .subnavigationigation {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 20;
	margin: 0;
	padding: 0;
	min-width: 160px;
	background: #F7F7F7;
	box-shadow: 0 1px 1px 0px #DDDDDD;
}
.My-Custom-LBW .nav > li > .subnavigation > li { margin-bottom: 0; }
.My-Custom-LBW .nav > li > .subnavigationigation > li a {
	color: #A7A7A7;
	-moz-transition: all, 0.2s;
	-o-transition: all, 0.2s;
	-webkit-transition: all, 0.2s;
	transition: all, 0.2s;
}
.My-Custom-LBW .nav > li > .subnavigationigation > li:hover a {
	background: #ff8358;
	color: white;
}
}
/* General Mobile First Styles */

 @media screen and (min-width: 600px) {
.My-Custom-LBW .visible-sm { display: none; }
}
/********** style.css ********************/


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

# MD TheNews - October 04, 2012

# ------------------------------------------------------------------------

# Designed & Handcrafted by MegaDrupal

# Websites:  http://www.megadrupal.com -  Email: info@megadrupal.com

--------------------------------------------------------------------------



	1.	Document setup (body, common classes, skip link...)

	2.	Font setup

	3.	Typography

	4.	Form style

	5.	Table style

	6.	Layout (Header, Main content, Sidebar, Footer)

	7.	Navigation & Menus

	8.	Block styles

	9.	Node Styles

	10.	Comments

	11.	Forum

	12.	Item lists

	13.	Search

	14.	Module styles (Blog, Forum, Poll, Book, Contact)

	15. Slider

	16.	Drupal stuff



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

/* Reset

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

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul { list-style: none; }
/* remember to define focus styles! */

:focus { outline: 0; }
/* remember to highlight inserts somehow! */

/* 1.	Document setup

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

.My-Custom-LBW {
	word-wrap: break-word;
	border: 0;
	outline: 0;
	color: #333;
	font-size: 12px;
	line-height: 1.5;
	background: #fff;
}
.My-Custom-LBW a:link, .My-Custom-LBW a:visited {
	text-decoration: none;
	outline: none;
	color: #1095f9;
}
.My-Custom-LBW a:hover, .My-Custom-LBW a:active, .My-Custom-LBW a:focus { color: #1095f9; }
.My-Custom-LBW p { margin: 0 0 1.2em; }
/* 2.	Font setup

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


.My-Custom-LBW { font-family: Arial, Helvetica, sans-serif; }
.My-Custom-LBW #nav { font-family: gnuolaneregular, Georgia, "Times New Roman", Times, serif; }
.My-Custom-LBW .wrap {
	width: 1000px;
	margin: 0 auto;
}
.My-Custom-LBW #header {
	margin-bottom: 17px;
	color: #fff;
}
.My-Custom-LBW #header a, .My-Custom-LBW #header a:HOVER { color: #fff; }
.My-Custom-LBW #site-name {
	font-size: 1.4rem;
	height: 55px;
	vertical-align: baseline;
	position: relative;
}
.My-Custom-LBW #site-name .siteName {
	position: absolute;
	bottom: 0;
	left: 4.2rem;
}
.My-Custom-LBW #footer {
	background: #222;
	border-top: 1px solid #333;
	color: #666;
	padding: 17px 0;
}
.My-Custom-LBW #footer a { color: #bababa }
.My-Custom-LBW #footer a:hover { color: #fff; }
.My-Custom-LBW #footer p { margin: 0; }
/* 7.	Navigation & Menus

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

/* Main menu */

.My-Custom-LBW #nav {
	background: #f5f5f5;
	height: 40px;
	font-size: 1.500em;
}
.nav-superfish .My-Custom-LBW #nav {
	border-bottom: 3px solid #e6e6e6;
	height: 87px;
	position: relative;
}
.My-Custom-LBW .subnav {
	background: #fff;
	height: 37px;
	position: absolute;
	left: 0;
	right: 0;
	top: 50px;
}
.My-Custom-LBW ul#main-menu-links li, .My-Custom-LBW #nav ul.sf-menu li {
	float: left;
	margin: 0 1px 0 0;
}
.My-Custom-LBW ul#main-menu-links li a, .My-Custom-LBW #nav ul.sf-menu li a {
	border-top: 0px solid #000;
	color: #626060;
	display: block;
	padding: 0 18px;
	height: 50px;
	line-height: 44px;
	text-transform: uppercase;
}
#nav ul.sf-menu li > a:hover, #nav ul.sf-menu li.sfHover > a, #nav ul.sf-menu li a.active {
	background: #fff;
	color: #1095f9;
}
}
.My-Custom-LBW .blcontent {
	background: #fff;
	border-bottom: 3px solid #e6e6e6;
	padding: 15px;
}
.My-Custom-LBW #footer .blcontent, .My-Custom-LBW #footer .block h3.block-title {
	background: none;
	border: none;
}
.My-Custom-LBW #footer .blcontent { padding: 0; }
.My-Custom-LBW #bottom .block, #footer .block { margin: 0 }
/* Custom Responsive Menu */

.My-Custom-LBW ul li.leaf {
	list-style: none;
	list-style-image: none;
}
/*ViaMichelin*/

.My-Custom-LBW .bibendum {
	position: absolute;
	z-index: 500;
	background-image: url(../images/sprite.png);
	background-position: -300px 0;
	background-repeat: no-repeat;
	width: 6.6rem;
	height: 4rem;
	top: 0.5rem;
}
.My-Custom-LBW .michelin-logo {
	position: absolute;
	right: 1.5rem;
	top: 15%;
	background-image: url(../images/sprite.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 130px;
	height: 40px;
}






/* media-queries.css */

@media screen and (max-width: 1017px) {
/************************************************************************************

	STRUCTURE

	*************************************************************************************/

.My-Custom-LBW .wrap, .My-Custom-LBW .design-box #nav, .My-Custom-LBW .design-box #bottom, .My-Custom-LBW .design-box #footer { max-width: 94%; }
.My-Custom-LBW #nav { font-size: 1.333em; }
.My-Custom-LBW ul#main-menu-links li a, .My-Custom-LBW #nav ul.sf-menu li a { padding: 0 14px; }
}
 @media screen and (max-width: 760px) {
/************************************************************************************

	STRUCTURE

	*************************************************************************************/

.My-Custom-LBW #nav { font-size: 1.250em; }
.My-Custom-LBW ul#main-menu-links li a, .My-Custom-LBW #nav ul.sf-menu li a { padding: 0 10px; }
}
 @media screen and (max-width: 600px) {
.js #main-menu-links, .js #superfish-1 { display: none; }
}
 @media screen and (max-width: 480px) {
/* disable webkit text size adjust (for iPhone) */

html { -webkit-text-size-adjust: none; }
/* FOOTER */


}
 @media screen and (min-width: 481px) {
}