/*
 @font-face {
font-family: "Calluna";
src: url("../fonts/Calluna-Regular.otf");
}
*/


* { margin: 0; padding: 0;}
:focus {-moz-outline-style:none;}


body { background: #000; color: #282828; font-family: calluna-1, Calluna, Georgia, "Trebuchet MS"; text-shadow: none; font-size: 14px; font-weight: lighter; line-height: 22px; margin: auto; width: 932px;}

ul { padding: 0; list-style-type: none; margin: 0;}

/*
h1 { height: 46px; width: auto; float: left; background: url(../css_imgs/sprite_button.png) right -94px no-repeat; font-family: "Calluna", Georgia; line-height: 50px; letter-spacing: 0.06em; text-transform: uppercase; color: #f9f9f9; font-weight: normal; font-size: 30px; padding-right: 8px; text-shadow: 0 1px #1f3044}
h1 strong { background: url(../css_imgs/sprite_button.png) -856px -141px  no-repeat; font-weight: normal; padding-left: 10px; float: left; height: 46px; position: relative; left: -1px;}
h1 span { margin-right: -1px; font-size: 36px;}
*/

div.element { background: url(../css_imgs/sprite_button.png) right -406px; height: 18px; float: left; margin-left: 20px; padding-right: 7px; color: #282828; font-size: 12px;}
div.element strong { background: url(../css_imgs/sprite_button.png) -856px -426px; height: 18px; padding-left: 8px; float: left; position: relative; left: -1px; font-weight: normal;}


div.blackalbum h1 { background-position: right -197px; height: 83px; padding-right: 0px; color: #282828;}
div.blackalbum h1 strong { background-position: -848px -254px; height: 56px; left: -9px; padding-left: 19px;}

div.heavy { margin: auto; width: 932px;}

div.header { width: 932px; margin: auto;float: left; }
div.header a.back { width: 932px; height: 153px; float: left; position: absolute;}
div.header div#logo { width: 932px; height: 153px; background: url(../css_imgs/nvn.png) no-repeat;}
div.header div#logo.photo { background: url(../css_imgs/nvn.png) no-repeat;}


div.header div.menu-wrapper { background: url(../css_imgs/base.png) left top no-repeat; width: 932px; height: 33px; float: left;line-height: 33px;}
div.header div.menu-wrapper a { float: left; height: 27px; font-family: "Calluna Lt", Georgia; text-decoration: none; line-height: 29px; font-size: 18px; margin-right: 25px; color: #282828;  text-shadow: 0 1px #fff; margin-top: 3px; letter-spacing: 0.03em;  font-weight: lighter;}
div.header div.menu-wrapper a:hover { color: #2c4486;}
div.header div.menu-wrapper a.on { background: url(../css_imgs/sprite_button.png) right -446px; padding-right: 8px; color: #f9f9f9;  text-shadow: 0 1px #1f3044; margin-top: 3px; letter-spacing: 0.06em; font-weight: lighter;}
div.header div.menu-wrapper a.on strong { float: left; height: 27px; background: url(../css_imgs/sprite_button.png) -856px -475px; padding-left: 11px; position: relative; left: -1px; font-weight: lighter;}
div.header div.menu-wrapper div.left { float: left; width: 220px;}
div.header div.menu-wrapper div.left a, div.header div.menu-wrapper div.right a { margin-left: 10px; font-size: 14px}
div.header div.menu-wrapper div.left a.business-solutions { width: 161px; height: 27px; float: left; text-indent: 8px;}
div.header div.menu-wrapper div.left a.business-solutions span { background: url(../css_imgs/base.png) no-repeat -918px -217px; width: 10px; text-indent: -9999px; float: right; position: relative; left: -5px;}
div.header div.menu-wrapper div.left a.business-solutions:hover span { background-position: -918px -237px;}
div.header div.menu-wrapper div.left a.business-solutions.on strong { padding-left: 0;}
div.header div.menu-wrapper div.left a.business-solutions.on span { background-position: -918px -265px;}
div.header div.menu-wrapper div.left ul#business-solutions-menu { position: relative; float: left; z-index: 100; width: 170px; padding: 0; margin: 0; display: none; background: url(../css_imgs/business-solutions-menu-up.png) left top repeat-x; margin-left: 9px; top: -2px;}
div.header div.menu-wrapper div.left ul#business-solutions-menu li { float: left; width: 170px; height: 40px; border-bottom: 1px solid #fff; padding: 0; margin: 0; }
div.header div.menu-wrapper div.left ul#business-solutions-menu li a { font-family: Museo-Sans; font-weight: normal; text-shadow: none; color: #474747; padding-left: 45px; height: 40px; display: block; background: url(../css_imgs/business-solutions-menu-icons.png) no-repeat #f2f2f4; border-bottom: 1px solid #e0e3e8; margin: 0; border-left: 1px solid #fff; border-right: 1px solid #fff; width: 123px; padding-right: 0; }
div.header div.menu-wrapper div.left ul#business-solutions-menu li a:hover, div.header div.menu-wrapper div.left ul#business-solutions-menu li a.hover, div.heavy.business.blackalbum div.header div.menu-wrapper div.left ul#business-solutions-menu li a.blackalbum, div.heavy.business.nvn-boutique div.header div.menu-wrapper div.left ul#business-solutions-menu li a.nvn-boutique, div.heavy.business.sur-mesure div.header div.menu-wrapper div.left ul#business-solutions-menu li a.sur-mesure, div.heavy.business.browsealoud div.header div.menu-wrapper div.left ul#business-solutions-menu li a.browsealoud { background-color: #1a4d7e; color: #fff; }
div.header div.menu-wrapper div.left ul#business-solutions-menu li a span { position: relative; top: -14px; margin-bottom: -14px; color: #8c8c8c; font-family: Museo-Sans, sans-serif; font-size: 10px; float: left; width: 100%; }
div.header div.menu-wrapper div.left ul#business-solutions-menu li a:hover span, div.heavy.business.blackalbum div.header div.menu-wrapper div.left ul#business-solutions-menu li a.blackalbum span, div.heavy.business.nvn-boutique div.header div.menu-wrapper div.left ul#business-solutions-menu li a.nvn-boutique span, div.heavy.business.sur-mesure div.header div.menu-wrapper div.left ul#business-solutions-menu li a.sur-mesure span, div.heavy.business.browsealoud div.header div.menu-wrapper div.left ul#business-solutions-menu li a.browsealoud span { color: #f8f8f8;}
div.header div.menu-wrapper div.left ul#business-solutions-menu li a.blackalbum { background-position: 10px 8px;}
div.header div.menu-wrapper div.left ul#business-solutions-menu li a.nvn-boutique { background-position: 10px -30px;}
div.header div.menu-wrapper div.left ul#business-solutions-menu li a.sur-mesure { background-position: 9px -72px;}
div.header div.menu-wrapper div.left ul#business-solutions-menu li a.browsealoud { background-position: 9px -113px;}
div.header div.menu-wrapper div.left ul#business-solutions-menu li.last { border-bottom: 0; padding-top: -1px;  }
div.header div.menu-wrapper div.left ul#business-solutions-menu li.last a { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-left-radius: 10px; border: 1px solid #fff; border-top: 0;}
div.header div.menu-wrapper div.center { float: left; width: 492px; height: 27px; line-height: 27px; text-align: center;}
div.header div.menu-wrapper div.center div.center-container { margin: auto; width: 250px;}
div.header div.menu-wrapper div.center a.last { margin-right: 0;}
div.header div.menu-wrapper div.right { float: left; width: 220px; text-align: right;}
div.header div.menu-wrapper div.right a { margin-right: 10px; float: right}

div.main { background: url(../css_imgs/base-gradient.png) repeat-x top #ecedef; width: 932px; float: left;}
div.main div.up { margin: 0; width: 932px; clear: both; float: left; padding: 0;}
div.main div.up div.home-gallery-container { width: 932px; float: left; height: 379px;}
div.main div.up div#home-gallery { position: absolute; z-index: 1; float: left; }
div.main div.up div#home-gallery div.container { width: 932px; height: 379px; background: black; }
div.main div.up div#home-gallery div.container.first { background: url(../images/accueil.png) no-repeat #000; }
div.main div.up div#home-gallery div.container div.img-container { width: 932px; text-align: center; float: left;}
div.main div.up div#home-gallery div.container div.description { float: left; width: 450px; text-align: center; position: relative; background: transparent; height: 37px; clear: both}
div.main div.up div#home-gallery div.container div.description a.buttonSee { margin-top: 4px;}
div.main div.up div#home-gallery div.container div.description p { font-family: Calluna; padding: 0; margin: 0; }
div.main div.up div#home-gallery div.container div.description img { float: none; margin: auto;}
div.main div.up div#home-gallery div.container div.description img.logo { margin: 0 0 25px 0;}
div.main div.up div#home-gallery div.container div.description img.blackalbum { position: relative; top: 6px;}
div.main div.up a#home-gallery-prev { width: 1px; height: 1px; float: left; position: relative; z-index: 2; background: transparent; border: 0;}
div.main div.up a#home-gallery-next { width: 1x; height: 1px; position: relative; z-index: 2; right: 0; float: right; background: transparent; border: 0;}
div.main div.up div#nav-container { margin-top: 8px; clear: both; float: right; z-index: 10000; height: 10px; width: 450px; margin-right: 16px}
div.main div.up div#nav { text-align: center; margin: 0 auto; float: right; height: 20px;}
div.main div.up div#nav a { background: url(../css_imgs/base.png) no-repeat -918px -311px; width: 10px; height: 10px; border-bottom: none; font-family: Helvetica, Arial; float: left; text-indent: -9999px; margin: 3px;}
div.main div.up div#nav a.activeSlide { background-position: -918px -291px;}

div.main a.buttonSee { float: left; border: 0; font-weight: normal; background: transparent url(../css_imgs/sprite_button.png) repeat scroll right -548px; height: 20px; font-size: 12px; line-height: 20px; padding-right: 6px; position: relative; left: 45px;}
div.main a.buttonSee.right { float: left; left: 95px; z-index: 1000;}
div.main a.buttonSee strong {float: left; border: 0; font-weight: normal; background: transparent url(../css_imgs/sprite_button.png) repeat scroll -856px -570px; padding-left: 26px; height: 20px; font-size: 12px; line-height: 20px; position: relative; left: -24px; right: -26px; margin-right: -22px; }
div.main a.buttonSee.boutique {float: right; margin-right: 26px;}

div.container { margin: auto; width: 932px;}
div.main a { color: #282828; text-decoration: none;}
div.main a:hover { color: #354f6d;}
div.main.home h2 a { background: none; color: #726b8f; text-decoration: none; border-bottom: 1px dotted #726b8f}
div.main.home logo a:hover { background: none; border-bottom-color: #b6afca; color: #b6afca;}

div.base-header { background: url(../css_imgs/base.png) left -34px no-repeat; width: 932px; height: 3px; float: left;  margin-top: 20px;}
div.base-footer { background: url(../css_imgs/base.png) left -37px no-repeat; width: 932px; height: 3px; float: left; }

div.main h2 { height: 32px; background: url(../css_imgs/base.png) -905px -283px no-repeat; color: #282828; font-weight: lighter; font-size: 18px; position: relative;  left: -10px; font-family: calluna-1, "Calluna"; padding-left: 30px; line-height: 32px; text-shadow: 0px 1px #fff; letter-spacing: 0.03em; clear: both; float: left;  }
div.main.home h2 { height: 32px; margin-top: 20px; background: none; color: #282828; font-weight: lighter; font-size: 24px; position: relative;  left: -10px; font-family: "Calluna", Georgia; padding-left: 25px; line-height: 32px; text-shadow: 0px 1px #fff; letter-spacing: 0em; clear: both; float: left; }
div.main.home h2.quote { height: 32px; margin-top: 35px; background: none; color: #36506f; font-weight: lighter; font-size: 24px; position: relative;  left: -10px; font-family: "Calluna It"; padding-left: 80px; line-height: 32px; text-shadow: 0px 1px #fff; letter-spacing: 0em; clear: both; float: left; }

div.main.home h3 { font-family: "Calluna", Georgia; font-weight: normal; font-size: 24px; margin-bottom: 0px; text-shadow: 0px 1px #fff; margin-top: 15px;}
div.main.home h3 span { font-size: 15px; position: relative; top: -3px; text-shadow: 0px 1px #fff;}


div.main { clear: both; font-size: 18px;}
div.main div.content { float: left; clear: both; margin-top: 50px; width: 390px;}
div.main div.content.first { margin-top: 0;}
div.main div.content span.wework { position: relative; left: -15px; margin-left: -19px; top: 10px; z-index: 100; width: 20px;  float: left;}
div.main h1 { font-size: 30px; margin-bottom: 20px; height: auto; line-height: inherit; font-weight: bold; position: relative; width: 410px; margin-top: 3px}
div.main ul.news li { margin-bottom: 15px; border-bottom: 1px solid #ddd; padding-bottom: 8px;}
div.main ul.news li.highlight { color: #000}
div.main ul li span { font-size: 14px;}
div.main ul.team li { float: left; width: 152px; margin-bottom: 0;}
div.main ul.team li a { float: left; margin-top: 3px; font-size: 12px; margin-bottom: 0; width: auto; padding-bottom: 0; height: 18px;}
div.main ul.team li.esperluette { background: url(../css_imgs/esperluette.png) left 8px no-repeat; width: 30px; height: 180px; margin-right: 8px;}
div.main ul.team li span { width: 152px; font-size: 10px; font-style: italic; clear: both; float: left;}
div.main ul.team li span.chat { font-size: 12px; float: left; clear: none; width: auto; height: 18px; margin: 2px 0 0 3px; font-style: normal;}

div.main a { border-bottom: 1px dotted #171717; color: #293860}
div.main a:hover { color: #5392c5}
div.main p.call { background: #454559; -moz-box-shadow: inset 0px 0px 8px #202028; color: #fff; padding: 15px 25px; font-size: 16px; font-family: Helvetica, Arial; line-height: 13px; margin-top: 35px;}
div.main p.call a { color: #fff; border-bottom-color: #fff;}
div.main p.call strong { font-family: Calluna, Georgia, serif; font-size: 22px; font-weight: lighter;}


div.main.home div.left { width: auto; padding: 0;}
div.main div.right { float: left; }

div.main div.right img { float: left;}
div.main div.right div.effects { height: 632px; width: 270px; background: url(../css_imgs/main-right.png) left top no-repeat; position: relative; opacity: 0.5; }

div.main div.intro { float: left; height: 189px; width: 617px; padding-left: 230px; font-size: 60px; line-height: 128px; padding-top: 8px; margin-left: 65px;}

div.main div.down { background:  url(../css_imgs/base-separator.png) top no-repeat; float: left; clear: both; width: 932px; padding-top: 60px; margin-top: 10px;}
div.main.home div.down { background: none; float: left; clear: both; margin-top: 40px; padding-top: 12px;}
div.main.home div.down div.left { float: left; width: 466px; text-align: center; font-family: Calluna; font-size: 800px; text-shadow: 0px 2px #fff;margin-right:22px; }
div.main.home div.down div.left h1 { margin-left: 50px; text-align: left}

div.main.home div.down div.left img { margin-bottom: 15px; clear: both; border: 1px solid #ddd; float: left; margin-left: 50px;}
div.main.home div.down div.left div.inbox { width: 375px; height: 195px; float: left; clear: both; position: relative; top: -213px; margin-left: 50px; margin-bottom: -375px; background: rgba(0, 0, 0, 0.9); border: 1px solid #ddd; opacity: 0; filter:alpha(opacity=1); -moz-box-shadow: 0px 0px 8px #bbb; cursor: pointer;}
div.main.home div.down div.left div.inbox.first { top: 0; margin-bottom: 0;}
div.main.home div.down div.left div.inbox h3 { font-size: 24px; width: 375px; text-align: center; margin: 0; padding: 0; text-shadow: none; color: #fff; margin-top: 65px; font-family: Calluna, Arial; font-weight: lighter;}
div.main.home div.down div.left div.inbox p { font-size: 14px; clear: both; text-shadow: none; color: #fff; line-height: 19px; margin-top: 5px; font-style: normal; font-family: Helvetica, Arial;}
div.main.home div.down div.left div.inbox div.liner { width: 200px;  height: 1px; float: left; background: #fff; margin: 10px 0; margin-left: 87px;}
div.main.home div.down div.left div.excla_container { width: 200px; height: 587px; overflow: hidden; margin: auto;}
div.heavy.company div.main.home div.down div.left { height: 600px; background: url(../css_imgs/info.png) center top no-repeat;}
div.main.home div.down div.right { width: 390px; float: left; margin-right: 30px;}

div.footer { color: #54657a; padding: 17px 24px; float: left; width: 880px; font-weight: lighter; font-size: 12px; font-family: Calluna;}
div.footer a { color: #54657a; text-decoration: none;}
div.footer a:hover {color: #5392c5 }

div.footer div.copyright { float: left;}
div.footer div.contact { float: right; }
div.footer div.contact div.element.first { margin-right: 20px;}
div.footer div.contact div.element, div.footer div.contact div.element a { color: #282828; text-shadow: 0 1px #fff;}
div.footer div.contact div.element strong span, div.footer div.contact div.element a { color: #354f6d;}
div.footer div.contact div.element a:hover { border-bottom-color: #354f6d;}
div.footer div.contact div.element strong span.bonome { background: url(../css_imgs/base.png) -916px -200px no-repeat; padding-left: 30px; position: relative; left: -30px; color: #282828; margin-right: -30px;}
div.footer div.contact div.element strong span.boite { background: url(../css_imgs/base.png) -916px -337px no-repeat; padding-left: 30px; position: relative; left: -30px; color: #282828; margin-right: -30px;}

div.site-map { float: left; width: 868px; padding: 20px 30px; border-top: 1px solid #131e2c}
div.site-map ul { float: left; margin: 0; padding: 0; margin-right: 70px;}
div.site-map ul li { width: 100%;}
div.site-map ul a { color: #131e2c; text-decoration: none; font-family: Helvetica, Arial; font-size: 12px; display: block;}
div.site-map:hover a { color: #26374d; }
div.site-map a:hover { color: #ddd}
div.site-map ul li.title { color: #131e2c; font-size: 15px; font-weight: bold; font-family: Calluna, Georgia;}
div.site-map:hover ul li.title { color: #ddd;}

div.signature { margin: 40px 0 0 0; width: 932px; text-align: center; font-size: 29px; float: left; text-shadow: 1px 1px #fff; color: #ddd;}

/* HOME */

/*Styles de la page Home.html */

h1.title-home { height: 46px; width: 875px; float: left; background: url(../css_imgs/sprite_button.png) right -94px no-repeat; font-family: "Calluna", Georgia; line-height: 50px; letter-spacing: 0.06em; text-transform: uppercase; color: #f9f9f9; font-weight: normal; font-size: 30px; padding-right: 8px; text-shadow: 0 1px #1f3044; margin-bottom: 20px;}
h1.title-home strong { background: url(../css_imgs/sprite_button.png) -856px -141px  no-repeat; font-weight: normal; padding-left: 110px; float: left; height: 46px; position: relative; left: -1px;}
h1.title-home span { margin-right: -1px; font-size: 36px;}


/* BUSINESS SOLUTIONS */
div.heavy.col2-right div#base-header { display: block;}
div.heavy.col2-right div.main div.down { padding: 20px 0; background: none;}
div.heavy.col2-right div.main div.left { width: 509px; background: none; float: left; padding: 50px 40px; }
div.heavy.col2-right div.main div.left p {  margin:0 0 20px 17px;}
div.heavy.col2-right div.main div.left p span.italic {font-style: italic; color: #171717}
div.heavy.col2-right div.main div.left h3 { margin:0 0 7px 17px; font-size: 14px; color: #002065; font-weight: normal;}

div.heavy.col2-right div.main div.right { width: 282px; float: left; background:#ecedef none repeat scroll 0 0;  height: 750px; margin-top: 30px; padding-top: 20px}
div.heavy.col2-right div.main div.right ul {}
div.heavy.col2-right div.main div.right img { margin: 0px; border: 0; width: 242px;border: 1px solid gray;}
div.heavy.col2-right div.main div.right ul li { float: left; padding-left: 20px; margin-bottom: 20px}
div.heavy.col2-right div.main div.right ul li a { background: none; border: 0; margin: 0;}
div.heavy.col2-right div.main div.right ul li a:hover img { opacity: 0.9;}
div.heavy.col2-right div.main div.intro h1 { font-size: 60px}
div.heavy.col2-right div.main div.intro p { margin: 14px 0 0 4px; font-size:19px; line-height:25px; width: 486px}
div.heavy.col2-right.nvn-boutique div.main div.intro { background: url(../css_imgs/Boutique_192x192.png) no-repeat; text-shadow: 1px 1px #b49b75;}
div.heavy.col2-right.blackalbum div.main div.intro { background: url(../css_imgs/BlackAlbum_192x1922.png) no-repeat; text-shadow: 1px 1px #fff;}
div.heavy.col2-right.sur-mesure div.main div.intro { background: url(../css_imgs/Teak_192x192.png) no-repeat; text-shadow: 1px 1px #783415;}
div.heavy.col2-right.browsealoud div.main div.intro { background: url(../css_imgs/Access_192x192.png) no-repeat; text-shadow: 1px 1px #3953ae;}






/* PROJET */
div.heavy.projet div#base-header { display: block;}
div.heavy.projet div.main div.down { padding: 20px 0; background: none;}
div.heavy.projet div.main div.left { width: 490px; background: none; float: left; padding: 25px 48px; margin-right: 15px;}
div.heavy.projet div.main div.left p { margin-left: 21px;}
div.heavy.projet div.main div.right { width: 282px; float: left; background:#EAECEF none repeat scroll 0 0; height: 750px; margin-top: 30px; padding-top: 20px; margin-left: 45px;}
div.heavy.projet div.main div.right ul li { }
div.heavy.projet div.main div.right img { margin: 0px; border: 0; width: 242px; border: 3px solid #ddd; width: 236px;}
div.heavy.projet div.main div.right ul li a { background: none; border: 0; margin: 0; }
div.heavy.projet div.main div.intro h1 { font-size: 60px}
div.heavy.col2-right.selectour div.main div.intro { background: url(../css_imgs/Selectour_192x192.png) no-repeat; text-shadow: 1px 1px #fff; margin-left: 95px; color: #274e9e; line-height: 141px;}
div.heavy.col2-right.selectour div.main div.intro h1 { font-size: 80px;}

/* TOOLBOX */
/* simple css-based tooltip */ 
div#tooltip { 
	display: none;
    background: url(../css_imgs/base.png) left top no-repeat; padding: 8px 10px 6px 10px; color: #282828; font-size: 16px; line-height: 16px; text-shadow: 0px 1px #fff; margin-top: 8px;
    /* outline radius for mozilla/firefox only */ 
    -moz-box-shadow:0 0 10px #293860; 
    -webkit-box-shadow:0 0 10px #293860; 
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
	position: absolute
}