/*
TABLE OF CONTENTS

  Reset
  HTML Elements
  Page Structure
  Navigation
  Headings
  Content Area
  Forms
  Footer
  Clear

COLORS INDEX

  Dark grey (text): #333333
  Dark Blue (headings, links) #000066
  Mid Blue (header) #333399
  Light blue (top navigation) #CCCCFF
  Mid grey: #666666
*/

/* ---------- Reset -----------*/

/* CSS reset - Eric Meyer - v1.0 | 20080212 */
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, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100.01%; vertical-align: baseline; background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
td {vertical-align: top;}

/* ---------- HTML Elements -----------*/

html {
  font-size: 11px;
}
* {
  font-family: Corbel, "DejaVu Sans", Verdana, Arial, Helvetica, sans-serif;
  color: #fff;
}
h1 {
  font-size : 2em;
  line-height : 1.5em;
  padding : .25em 0;
}
h2 {
  font-size : 1.7em;
  line-height : 2em;
  padding : .15em;
}
h3 {
  font-size : 1.4em;
  line-height : 2em;
  padding : .4em 0 .2em 0;
}
h4 {
  font-size : 1.2em;
  line-height : 2em;
  padding : .6em 0 .2em 0;
}
h1, h2, h3, h4, h5 {
  color: #fff; /*#62ACE0;*/
}
a {
  color: #004A7F;
  text-decoration: none;
}
blockquote  {
/*  border-left: .25em solid #8cf; */
  background : #62ACE0; /*#d0f2ff;*/
  padding : .5em;
  margin: .5em;
}

* {
  line-height: 1.5em;
}

a, a * {
  cursor: pointer;
}

p {
  margin: .5em 0;
}

/* ---------- Page Structure ----------- */

body {
  text-align:center;
  background: url('../images/bg.png') top center;
}

#container {
  width: 800px;
  margin: 0 auto;
  background: #62ACE0;
}

#header,#main-nav,#content,#local-nav,#footer,#sidebar {
  overflow:hidden;
/*
  display:inline-block
*/
}

/* safari and opera need this */
#header,#main-nav,#local-nav,#home,#content,#footer {width:100%}

#container {
  min-height:600px;
  height:600px;
  overflow:visible;
}

/* Apply to all browsers but IE6 */
#container > * {
  text-align:left;
}
body > #container {
  height:auto;      /* To restore min-height after "height=xxx" for IE6 */
}

#content {
  background : url('/images/page-bg.png') no-repeat;
  width: 760px;
  padding: 0 20px;
}
* html #content {
  \width: 760px; /* for IE5 and IE6 in quirks mode */
  w\idth: 800px; /* for IE6 in standards mode */
}

.home #content {
  background : url('/images/home-bg.png') no-repeat;
}

#content img {
  display: block;
  text-align: center;
  margin: 0 auto;
}

/* safari and opera need this */
#main-nav {margin-top:-3px}
#sidebar {}
#footer {clear:left;position:relative;bottom:0;}


/* ---------- Navigation -----------*/

#sidebar > *{
  background: #adf;
  padding: .2em;
  margin: 0 0 1em 0;
}

#main-nav {
  background: url('/images/main-nav-bg.png');
  height:41px;
  float:left
}
#main-nav li {
  display:block;
  float:left;
}
#main-nav li a{
  text-indent:-9999px;
  width: 140px;
  height: 41px;
  display:block;
  float:left;
  outline:none;
}

body.piscines-dugastar li#piscines-dugastar a,
#main-nav li#piscines-dugastar a:hover
{
  background: url('/images/main-nav-bg.png') 0px 41px;
}

body.spa li#spa a,
#main-nav li#spa a:hover
{
  background: url('/images/main-nav-bg.png') -140px 41px;
}

body.equipement li#equipement a,
#main-nav li#equipement a:hover
{
  background: url('/images/main-nav-bg.png') -280px 41px;
}

body.contact li#contact a,
#main-nav li#contact a:hover
{
  background: url('/images/main-nav-bg.png') -420px 41px;
}

#local-nav
{
  background: url('/images/local-nav-bg.png');
  float: left;
}

#home
{
  background: url('/images/local-nav-bg-empty.png');
  float: left;
  height: 202px;
}

#local-nav li {
  display: inline;
}

#local-nav li a
{
  margin: 1px 0 0 0;
  display: block;
  text-align: center;
  width: 130px;
  height: 29px;
  line-height: 29px;
  color: #fff;
  text-decoration: none;
  float: left;
  font-variant: small-caps;
}

#local-nav li.current a,
#local-nav li a:hover
{
  background-color: #62ACE0;
}

/* ---------- Headings -----------*/
#header {
  height: 139px;
  background: #FFDE18 url('/images/header-bg.png');
}
#header a{
  margin: 20px;
  display: block;
  text-indent: -9999px;
  height: 98px;
  width: 235px;
  background: #FFDE18 url('/images/logo-dugain-idf.png');
}
/* ---------- Content Area -----------*/
.actualites {
  display: block;
  float: left;
  margin : 0 14px 0 0;
}
.actualites li {
  display: block;
  background: url('/images/news-top-bg.png') top no-repeat;
  width: 480px;
  margin: 0 0 20px 0;
  padding: 14px 0 0 0;
}
.actualites li a, .actualites li span {
  display: block;
  width: 452px;
  background: url('/images/news-bg.png') bottom no-repeat;
  padding: 0 14px 14px 14px;
}
* html .actualites li a, * html .actualites li span { /* this is recognized by IE only */
  width: 480px;  /* total width, only for IE5.x/Win */
  w\idth: 480px; /* content width for other IE */
}
.actualites * {
  color: #62ACE0;
}
.actualites h2 {
  font-size: 1.3em;
  overflow: hidden;
  white-space: nowrap;
}
.full_article {
  display: block;
  text-align: right;
  font-weight: bold;
}
.info {
  display: block;
  float: left;
}
.info li.n {
  display: block;
  width: 260px;
  background: url('/images/sidebar-top-bg.png') top no-repeat;
  margin: 0 0 20px 0;
  padding: 14px 0 0 0;
}
.info li.n a.main, .info li.n span.main, ul.news, ul.list {
  display: block;
  width: 232px;
  background: url('/images/sidebar-bg.png') bottom no-repeat;
  padding: 0 14px 14px 14px;
}
* html .info li.n a.main, * html .info li.n span.main, * html ul.news, * html ul.list { /* this is recognized by IE only */
  width: 260px;  /* total width, only for IE5.x/Win */
  w\idth: 260px; /* content width for other IE */
}
ul.news li a{
  border-top: 1px solid #62ACE0;
  display: block;
  padding: 1em .5em;
  line-height: 1.5em;
  height: 1.5em;
}
ul.news li a:hover{
  background: #fff;
}
.info * {
  color: #62ACE0;
}
ul.list {
  list-style: disc inside;
}
ul.list li{
}
/* ---------- Forms -----------*/
/* ---------- Footer -----------*/

#footer {
  background: url('/images/footer-bg.png') bottom no-repeat;
  height: 140px;
  padding: 72px 0 0 0;
}
* html #footer {
  \height: 212px; /* for IE5 and IE6 in quirks mode */
  h\eight: 212px; /* for IE6 in standards mode */
}
#footer ul {
  width: 160px;
  float: left;
  bottom: 0;
  margin: 0 10px;
}
#footer div {
  float: left;
  margin: 0 10px;
}

#footer div.dugastar {
  margin: 40px 0 0 0;
}

#footer ul li a:hover{
  text-decoration: underline;
}
#footer div h4 {
  padding: 10px 0;
  color: #004A7F;
}
#footer {
/*padding-bottom: 2.5%;*/
}

#footer div.legal {
  clear: both;
  font-size: 9px;
  padding: 4px 0 0 0;
  margin: 0;
}
#footer div.legal ul {
  text-align: center;
  width: 800px;
  margin: 0;
}
.legal li{
  display: inline;
  padding: 0 20px;
}
.legal a{
  margin: 0;
  line-height: 10px;
  height: 10px;
}
/* ---------- Clear -----------*/

.clear:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}

.clear {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clear {
  height:1%;
}

*+html .clear {
  height:1%;
}

.clear {
  display:block;
}
/* End hide from IE-mac */