/*
** SEXTANT MARINE
** © All rights reserved
** 2010-04
*/


/*** Mini Reset ***********************************************************/

* {margin:0; padding:0;}
body {font: 11px / 14px arial; color:#333;}
a img, fieldset {border:0;}
h1, h2, h3, h4, h5, h6, p {font-size:100%; font-weight:normal;}


/*** Typographie ***********************************************************/

/* Global */
a {text-decoration:none; color:#279DC1; font-weight:bold;}
a:hover {text-decoration:underline;}
a:visited {}
a:focus {}
.title {background: url(../images/backgrounds/bg-title.png) top repeat-x; line-height:30px; min-height:30px; padding:20px 20px 0; font-size:30px; font-variant:small-caps; color:#36434e;}
.EditMode .title input {font-size:30px;}
.section {margin:30px 20px; font-size:18px; line-height:normal;}

/* Ritch Text Formatting */
.rtf p {margin:0 0 10px;}
.rtf h1 {margin:10px 0 25px; font-size:2em; font-weight:bold; color:#666;}
.rtf h2 {margin:7px 0 18px; font-size:1.9em; font-weight:bold; color:#666;}
.rtf h3 {margin:5px 0 14px; font-size:1.6em; font-weight:bold; color:#666; line-height: 1.2em;}
.rtf h4 {margin:0 0 10px; font-size:1.3em; font-weight:bold; color:#666;}
.rtf h5 {margin:0 0 10px; font-size:1.1em; font-weight:bold;color:#444;}
.rtf h6 {margin:0 0 10px; font-size:0.9em; font-weight:bold;}
.rtf ul {list-style-position:outside; list-style-type:square; margin:0 0 0 25px;}
.rtf ol {list-style-position:outside; list-style-type:decimal; margin:0 0 0 25px;}
.rtf ol li {margin:5px 0; padding:0 0 0 3px;}
.rtf ul li {margin:5px 0; padding:0 0 0 3px;}
.rtf strong, .rtf b {font-weight:bold}
.rtf em, .rtf i {font-style: italic;}
.rtf sup, .rtf sub {height:0; line-height:1; vertical-align:baseline; _vertical-align:bottom; position:relative;}
.rtf sup {bottom:1ex;}
.rtf sub {top:.5ex;}
.rtf hr {display:block; color:#fff; height:1px; background:#fff; border-bottom:dashed 1px #aaa; border-top:0;}
.rtf img.imgLeftInContent, .rtf .imgLeftInContent img {float:left; margin:0 10px 10px 0;}
.rtf img.imgRightInContent, .rtf .imgRightInContent img {float:right; margin:0 0 10px 10px;}


/*** Usable Css Class ***********************************************************/

/* Off Screen */
.offs {position:absolute; left:-9999em; display:inline;}

/* Clear Fix */
.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .ClearFix {height: 1%;}


/*** Master Layout ***********************************************************/

/* Global */
html {background:#607487 url(../images/backgrounds/bg-wrapper.png) repeat-x;}
body {background:transparent no-repeat center 70px;}

/* Kentico Edit Mode */
.PageManagerPreviewInfo {position:fixed; opacity:.9; filter:alpha(opacity=90); bottom:0; width:100%; background:#222; font-size:1.2em; padding:10px;} 
.PageManagerPreviewInfo * {color:#fff;}
.PageManagerPreviewInfo a {color:#279DC1;}

/* Header */
#header {width:800px; margin:0 auto; position:relative; min-height:350px; _height:350px; position:relative; background:transparent url(../images/topBackground.png) repeat-x top;}
#header .topLinks {color:#596264; position:absolute; top:5px; right:0; margin-right:2px;}
#header .topLinks ul {display:inline; float:right;}
#header .topLinks li {display:inline; float:left;}
#header .topLinks a, #header .topLinks span {color:#596264; border-right:solid 1px #999; padding:0 6px;}
#header .topLinks .language a {border-right:0;}
#topMenu {position:absolute; top:35px; right:1px;}
#header .slogan {width:280px; height:280px; background:transparent no-repeat left top; /*background-image:url(../images/sloganSextant.png);*/ position:absolute; bottom:0; left:0;}

/* Content Wrapper */
#cw {width:800px; margin:0 auto; background:#fff;}

/* Main Content */
#content {width:520px; float:left; min-height:500px;}
.DesignMode #content {width:518px; }

/* Sidebar */
#sidebar {width:280px; float:right; position:relative; padding:45px 0 0;}

/* Content Footer */
#cf {width:800px; margin:0 auto 10px; background:#eee; padding-top:15px;}
#cf .rtf {padding:15px 15px 10px;}



/*** PAGE LAYOUT: Home Page ***********************************************************/

/* zone autopromo de la page d'accueil */
.HomeLayout .TopEditableContent .rtf {padding:20px;}

/* NewsList */
.HomeLayout .NewsList dl {padding:20px;}
.HomeLayout .NewsList dt {font-size:18px; padding:20px 0;border-top:solid 1px #e2e6e9; line-height:normal;}
.HomeLayout .NewsList dt:first-child {border:0; padding-top:10px;}
.HomeLayout .NewsList dt a {color:#36434e;}
.HomeLayout .NewsList dd {position:relative;}
.HomeLayout .NewsList dd .Teaser {float:left; margin:0 20px 20px 0;}
.HomeLayout .NewsList dd .rtf {padding:0 0 15px; display:table;}
.HomeLayout .NewsList dd .Date {padding:0 0 22px;}
.HomeLayout .NewsList dd .more {position:absolute; right:10px; bottom:35px;}
.HomeLayout .NewsList dd .Teaser img {border:solid 1px #ddd; padding:5px;}


/*** PAGE LAYOUT: Default page ***********************************************************/

/* Title */
.PageLayout .title .EditableTextEdit {margin:0 0 20px;}
.PageLayout .title .EditableTextTitle {line-height:normal; font-variant:normal;}
.PageLayout .title .EditableTextTextBox {line-height:normal; padding:0; color:#36434e;font-variant:small-caps;}

/* Content */
.PageLayout .rtf {font-size:12px;margin:20px;}


/*** PAGE LAYOUT: News view ***********************************************************/

.NewsViewLayout .Date {margin:20px;}
.NewsViewLayout .rtf {margin:0 20px 20px 20px; font-size:12px;}


/*** PAGE LAYOUT: Shop ***********************************************************/

.ShopLayout  {font-size:12px;}
.ShopLayout .rtf {margin:20px;}

.ShopLayout .ShopItemsTags {margin:20px; background:#E2F5FA; border:dotted 1px #279DC1; padding:15px; }
.ShopLayout .ShopItemsTags .section {margin:0 0 6px;}
.ShopLayout .ShopItemsTags p {margin:0 0 10px; font-size:12px;}
.ShopLayout .ShopItemsTags .TagCloud {text-align:center;}
.ShopLayout .ShopItemsTags a {display:inline-block; padding:3px 5px; margin:1px 0; font-weight:bold; font-size:13px !important;}

.ShopLayout .ShopItemsList {margin:20px;}
.ShopLayout .ShopItemsList dt {font-size:16px; padding:15px 0 5px;border-top:solid 1px #e2e6e9; line-height:normal; font-weight:bold;}
.ShopLayout .ShopItemsList dt:first-child {border:0; padding-top:10px;}
.ShopLayout .ShopItemsList dt a {color:#36434e;}
.ShopLayout .ShopItemsList dd {padding:0 0 15px; display:table;}

.ShopLayout .ShopItemView {margin:20px; padding:0 0 10px 0; border:dotted 1px #279DC1; background:#e2f5fa;}
.ShopLayout .ShopItemView .section {margin-top:20px;}


/*** WEB PART: SmartSearch ***********************************************************/

.SmartSearch {width:166px; height:24px; background:url(../images/backgrounds/bg-searchbox.png) no-repeat top; position:absolute; top:10px; right:10px;}
.SmartSearch .label {display:none;}
.SmartSearch .button {border:solid 1px red; position:absolute; top:2px; right:2px;}
.SmartSearch .textbox {background:transparent; border:0; margin:2px; padding:4px 8px; width:128px; height:14px;color:#828689; font-size:10px; text-transform:uppercase; font-weight:bold;}
.SmartSearch .textbox:focus {outline:0;}
.SmartSearch .button {width:18px; height:20px; cursor:default;}
.SmartSearch.focus {background-position:0 -24px;}
.SmartSearch.text {background-position:0 -48px;}
.SmartSearch.text .textbox, .SmartSearch.focus .textbox {background-position:bottom; text-transform:none; font-weight:normal; color:#333; font-size:11px; letter-spacing:1px;}
.SmartSearch.over {background-position:bottom;}
.SmartSearch.over .button {cursor:pointer;}
.SmartSearch.over .button:focus {outline:o;}

/*** WEB PART: Side Box ***********************************************************/

.SideBox {background:#f3f3f3 url(../images/backgrounds/bg-sidebox.png) repeat-x; padding:0 20px 20px; margin:0 0 45px;}
.SideBox .title {padding:0 0 20px; background:none;}


/*** WEB PART: Side Box ***********************************************************/

.AccordionMeteo .title {padding:0 0 15px;}
.AccordionMeteo p {line-height:14px; margin:0;}
.AccordionMeteo .collapsed {height:9px; overflow:hidden; opacity:.8; cursor:pointer; background:url(../images/backgrounds/bg-arrows.png) no-repeat 1px -14px;padding:5px 0 5px 12px;}
.AccordionMeteo .collapsed:hover {opacity:1;}
.AccordionMeteo .expanded {overflow:hidden; background:url(../images/backgrounds/bg-arrows.png) no-repeat -16px 10px; font-weight:bold;padding:5px 0 5px 12px;}


/*** Control: AddThis ***********************************************************/

.addthis_toolbox {position:absolute; top:14px; left:5px;}


/*** Control: Pager ***********************************************************/

.pager {text-align:center;}
.pager a, .pager span {font-weight:bold; border:solid 1px #279DC1; padding:2px 4px; color:#666; text-decoration:none; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.pager a:hover, .pager span {color:#fff; background:#279DC1;}
.pager .pager-info {padding-top:10px;}


/*** WEB PART: SearchBox (Results Pages) ***********************************************************/

#SearchBoxResults {margin:30px 15px;}
#SearchBoxResults .TextBoxField {padding:2px 3px; margin:2px 3px; border:solid 1px #999999; width:300px;}
#SearchBoxResults .TextBoxField:focus {outline:solid 1px #279DC1;}


/*** WEB PART: Search Results ***********************************************************/

#SearchListResults {margin:15px;}



/*** WEB PART: Main Menu ***********************************************************/

/* Essential Styles */
#menuElem,#menuElem * {list-style:none; margin:0; padding:0;}
#menuElem {line-height:1.0; background:#5e6e7f url(../images/topMenuBackground.png);}
#menuElem ul {position:absolute; top:-999em; border-top:solid 1px #fff; width:auto;}
#menuElem ul li {width:100%;}
#menuElem li:hover {visibility:inherit;} /* fixes IE7 'sticky bug' */
#menuElem li {float:left; position:relative;}
#menuElem a {display:block; position:relative;}
#menuElem li:hover ul,#menuElem li.sfHover ul {left:0; top:35px /* match top ul list item height */; z-index:99;}
ul#menuElem li:hover li ul,ul#menuElem li.sfHover li ul {top:-999em; }
ul#menuElem li li:hover ul,
ul#menuElem li li.sfHover ul {left:10em /* match ul width */; top:0;}
ul#menuElem li li:hover li ul,ul#menuElem li li.sfHover li ul {top:-999em;}
ul#menuElem li li li:hover ul,ul#menuElem li li li.sfHover ul {left:10em /* match ul width */; top:0;}

/* Demo Skin */
#menuElem {float:left; margin-bottom:1em;}
#menuElem a {border-left:1px solid #fff; text-decoration:none; line-height:35px; padding:0 20px;font-weight:normal;}
#menuElem a,#menuElem a:visited {color:#fff; font-size:1.1em; text-transform:uppercase;} /* visited pseudo selector so IE6 applies text colour*/
#menuElem li {background:none;}
#menuElem li li {background:#5A6B7C; border-right:solid 1px #fff; border-bottom:solid 1px #fff;}
#menuElem li li li {background:#9AAEDB;}
#menuElem li:hover,#menuElem li.sfHover,#menuElem a:focus,#menuElem a:hover,#menuElem a:active {background:#5A6B7C; outline:0;}
#menuElem li li:hover,#menuElem li li.sfHover,#menuElem li a:focus,#menuElem li a:hover,#menuElem li a:active {background:#72808E;}

/*** Arrows **/
#menuElem a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
#menuElem ul .sf-sub-indicator { background-position:  -10px 0; }
#menuElem ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
#menuElem ul a:focus > .sf-sub-indicator,
#menuElem ul a:hover > .sf-sub-indicator,
#menuElem ul a:active > .sf-sub-indicator,
#menuElem ul li:hover > a > .sf-sub-indicator,
#menuElem ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
/*
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}
*/