/******************************************************************************/
/*                                                                            */
/*   BASE FOR SCREENS SMALLER THAN 20 EM / 320px                              */
/*                                                                            */
/*   BASE COLOURS                                                             */
/*      grey            #498092                                               */
/*      glight          #72a1b1                                               */
/*      gdark           #2d677a                                               */
/*      glight+         #aacad5                                               */
/*      gdark+          #195265                                               */
/*                                                                            */
/**************************************************************** SB 20140316 */


@import url(reset.css);



/* BODY  **********************************************************************/

/* first for IE 4–8 */
@font-face {
  font-family: MetaSerifWeb-Book;
  src: url("MetaSerifWeb-Book.eot");
}
@font-face {
  font-family: Leaguegothic;
  src: url("leaguegothic-regular-webfont.eot");
}


/* then for WOFF-capable browsers */
@font-face {
  font-family: MetaSerifWeb-Book;
  src: url("MetaSerifWeb-Book.woff") format("woff");
}
@font-face {
  font-family: Leaguegothic;
  src: url("leaguegothic-regular-webfont.woff") format("woff");
}



body {
    font-family: MetaSerifWeb-Book,Georgia,serif;
    font-size:1.0em;
    line-height:1.0;
}


/* DEFAULT STYLING ************************************************************/

p,
ul,
dl,
ol {
    margin-bottom:1em;
}

ul li {
    margin-left:0em;
}

strong {
    font-weight:bold;
}

em {
    font-style:italic;
}


/* HEADINGS *******************************************************************/
h1,h2,h3 { 
    font-family:'Arial Narrow',Arial,sans-serif;
    line-height:1.0;
/*  -webkit-font-smoothing:subpixel-antialiased;*/
}
h1 {
    font-size:3.0em;
    text-transform:uppercase;
    margin-bottom:0.5em;
}

h2 { 
    font-size:1.5em;
    text-transform:uppercase;
    margin-bottom:0.5em;
    color:#498092;
}

h3 {
    font-size:1.25em;
    margin-bottom:0.8em;
}

h4 {
    font-weight:bold;
    margin-bottom:0.75em;
}
p + h4 {
    padding-top:1em;
}
h5 {
	font-family:MetaSerifWeb-Book,Georgia,serif;
	font-size:1em;
	font-weight:bold;
    margin-bottom:0.75em;
	border-top:1px solid #CCC;
	padding-top:1em;
}

div#mentionslegales h1 {
    font-size:2.5em;
    margin-bottom:1.0em;
    padding-top:1.0em;
    text-transform:uppercase;
    color:#000000;
}

div#mentionslegales h2 { 
    font-size:2em;
    margin-bottom:0.5em;
    margin-top:2.0em;
    color:#000000;
}

div#mentionslegales h3 {
    font-size:1.5em;
    margin-bottom:0.8em;
    margin-top:1.5em;
    color:#000000;
}

div#mentionslegales h4 {
    font-weight:bold;
    margin-bottom:0.75em;
    margin-bottom:0.75em;
}


/* LINKS **********************************************************************/
/*
a {
    display:block;
    text-decoration:none;
    color:#003300;
    background-color:#00ff00
}
a:hover,
a:focus {
    color:#00ff00;
    background-color:#003300;
}
*/

/* LAYOUT *********************************************************************/

div#page_wrapper{
	width:90%;
	margin: 0 auto;
}


div#banner,
div#content_wrapper,
div#footer {
    padding: 0em;
}



/*  HEADER ********************************************************************/

div#header {
    background-color:#fff;
    width:100%;
}

div#branding {
	width:100%;
    padding: 0 ;
    margin: 0;
}

#branding img {
    display:block;
    background-color:#fff;
    max-width:100%;
    width: auto;
    height: auto;
}


div#motto {
	display:none;
	width:100%;
	background-color:#fff;
    font-size:0.80em;
    line-height:1.5;
    text-align:right;
    padding: 0;
    margin: 0;
}



/* NAVIGATION *****************************************************************/

ul#navigationA {
/*	font-family:MetaSerifWeb-Book,Georgia,serif; */
/*   font-family:'Arial Narrow',Arial,sans-serif;*/
    font-family:'League Gothic',Arial,sans-serif;

	clear:both;
    width: 100%;
    margin-top:1.0em;
    padding:0;
    width: 100%;
    font-size:1.2em;
    line-height:1.4;
    text-transform:uppercase;
    overflow:hidden;
}

ul#navigationA li {
	list-style-type: none;
    border-top:1px dotted #ccc;
}
ul#navigationA li:last-child {
    border-bottom:1px dotted #ccc;
}
ul#navigationA li a {
    display:block;
    text-decoration:none;
    text-align:center;
    color:#aacad5;
    background:#195265;
}
ul#navigationA li.cur,
ul#navigationA li.cur + li {
	  text-align:center;
    border-top-style:solid;
    border-top-color:#498092;
}
ul#navigationA li.cur a {
   text-align:center;
   color:#195265;
   background:#aacad5;
}

/* BANNER  ****************************************************************/
div#banner {
	clear:both;
    display:none;
}

/* CONTENT *****************************************************************/


p.intro {
    font-size:1.2em;
    line-height:1.2em;
    border-bottom:1px solid #ccc;
    padding-bottom:1em;
}

div.listing {
	font-size:1.0em;
	line-height:1.2em;
    border-top:1px solid #ccc;
    padding-top:1em;
    margin-bottom:1.0em;
    overflow:hidden;
}

div.listing:first-child {
    margin-top:3em;
}


div.explain {
	  display:none;
}

div.overview h2,
div.reference h2,
div.mentionslegales h2 {
    font-size:1.4em;
    font-weight: normal;
    line-height:1.2;
    margin-top:0.0em;
    margin-bottom:0.7em;
    color:#498092;
}

div.overview h3,
div.reference h3,
div.mentionslegales h3 {
    font-size:1.2em;
    font-weight: normal;
    line-height:1.2;
    margin-top:1.7em;
    margin-bottom:0.5em;
    color:#000000;
}



/* FOOTER *********************************************************************/

div#footer {
	width:100%;
    background:#2d677a;
    color:#fff;
    overflow:hidden;
    font-size:1.2em;
    line-height:1.2;
}


div#footer a {
    display:block;
    text-decoration:none;
    background-color: #2d677a;
    color: #fff;
}
div#footer a:hover,
div#footer a:focus {
    color: #aacad5;
}

div#footer ul {
    list-style: none;
    margin:0;
    padding: 3em 1em 2em 2em;
    font-size: 1.0em;
    line-height:1.4em;
    overflow:hidden;
}

div#footer ul li {
    list-style: none;
    margin:0;
    padding: 0.5 1.5em;
    font-size:1.2em;
    line-height:1.4;
    overflow:hidden;
}




/*  CONTACT FORM **************************************************************/
div#contactform {
	width:100%;
    margin: 0 auto;	
	background-color: #FFF;
}

div#invitation {
	display: block;
    font-family: Rochester, Allura, cursive;
	font-size: 1.4em;
	line-height:1.2;
	font-weight: normal;
	text-align:left;
	margin: 2.0em 0;
}

.form_table {
	width:100%;
}


.form_item p {
	font-family: Rochester, Allura, cursive;
	font-size: 1.2em;
	line-height:1.2;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}


textarea#comments {
	width:100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	border-style:solid;
	border-color:#444444;
	border-width:1px;
	padding: 2px 4px 2px 4px;
}

.form_table input[type="text"] {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	padding: 2px 4px 2px 4px;
}


.form_table input[type="submit"] {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	padding: 4px 6px 4px 6px;
}

.form_success {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color:#00aa00;
}

.form_fail {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
  color:#aa0000;
}