body {
	margin:0;
	padding:0;
	background-color: #eeeeee;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(images/bg/common.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}

#maincontainer{
	width: 922px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
	min-height: 1200px;
	/*height: 100%; */
}

#topsection{
	height: 330px; /*Height of top section*/
	width: 922px;
}

#topsection h1{
	margin: 0;
	padding-top: 15px;
}

#contentwrapper{
	float: left;
	width: 100%;
}

#contentcolumn{
	margin: 0 240px 0 230px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#contentcolumn2{
	margin: 0 0 0 230px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#leftcolumn{
	float: left;
	width: 240px; /*Width of left column in pixel*/
	margin-left: -922px; /*Set margin to that of -(MainContainerWidth)*/
	/* background: #C8FC98; */
}

#rightcolumn{
	float: left;
	width: 240px; /*Width of right column*/
	margin-left: -240px; /*Set left margin to -(RightColumnWidth)*/
	/* background: #FDE95E; */
	
}

#footer{
	clear: left;
	text-align: center;
	padding: 4px 0;
	width: 922px;
}

#footerBox {
	width: 530px;
	margin: 0 auto; 
	border-top: 1px solid #4e4e4e;
	padding-top: 10px;
	font-size: 9px;
	color: #4e4e4e;
	margin-top: 40px;
}

.innertube{
	margin-left: 20px; /*Margins for inner DIV inside each column (to provide padding)*/
	margin-top: 40px;
	margin-right: 20px;
}

div.titleBoxBlue {
	background: url(images/square_blue.png) no-repeat 0px 1px;
	padding-left: 25px;
	color: #519cc9;
	font-size: 15px;
	margin-bottom: 20px;
}

div.titleBoxBlue a {
	color: #519cc9;
	font-size: 15px;
	text-decoration: none;
}

div.titleBoxGreen {
	background: url(images/square_green.png) no-repeat 0px 1px;
	padding-left: 25px;
	color: #679925;
	font-size: 15px;
	margin-bottom: 20px;
}

div.titleBoxGreen a {
	color: #679925;
	font-size: 15px;
	text-decoration: none;
}

div.titleBoxOrange {
	background: url(images/square_orange.png) no-repeat 0px 1px;
	padding-left: 25px;
	color: #e4ab49;
	font-size: 15px;
	margin-bottom: 20px;
}

div.titleBoxNews {
	background: url(images/square_orange.png) no-repeat 0px 1px;
	padding-left: 25px;
	color: #e4ab49;
	font-size: 15px;
}

div.titleBoxOrange a {
	color: #e4ab49;
	font-size: 15px;
	text-decoration: none;
}

.titleBoxGrey {
	background: url(images/square_grey.png) no-repeat 0px 1px;
	padding-left: 25px;
	color: #333333;
	font-size: 15px;
	margin-bottom: 20px;
}

.contactBox {
	border-radius: 10px;
	background-color:#f7ae3f;
	padding: 10px;
	margin-bottom: 20px;
}

.contactBox p {
	margin: 0px;
	margin-bottom: 5px;
	font-size: 12px;
	color: #4e4e4e;
	text-align: left;
}

.contactBox p a {
	color: #4e4e4e;
}

.bateauBox {
	border-radius: 8px;
	background-color:#dfe7ea;
	padding: 5px;
	margin-bottom: 20px;
}

p {
	margin: 0px;
	color: #4e4e4e;
	font-size: 12px;
	margin-bottom: 10px;
	text-align: justify;
}

.contactBox p {
	margin: 0px;
	margin-bottom: 5px;
	font-size: 12px;
	color: #4e4e4e;
	text-align: left;
}

p a {
	color: #4e4e4e;
	font-size: 12px;
}

p a:hover {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}


h2 {
	color: #4e4e4e;
	font-size: 13px;
	margin-top: 15px;
	margin-bottom: 0px;
}

h3 {
	color: #4e4e4e;
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: bold;
}

ul, ol {
	margin-left: 15px;
	padding-left: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
}

li {
	margin-left: 0px;
	font-size: 12px;
	margin-bottom: 5px;
}

ul.linklist {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

li.linkfile {
    background-position: left top;
    background-repeat: no-repeat;
    margin: 5px 0;
    min-height: 16px;
    padding-left: 20px;
	font-size: 12px;
}
li.linkext {
    background-image: url(images/ext_link.png);
    background-position: left top;
    background-repeat: no-repeat;
    margin: 5px 0;
    min-height: 15px;
    padding-left: 20px;
	font-size: 12px;
}
li.linkint {
    background-image: url(images/int_link.png);
    background-position: left top;
    background-repeat: no-repeat;
    margin: 5px 0;
    min-height: 15px;
    padding-left: 20px;
	font-size: 12px;
}

.tn {
	border: 1px solid #cccccc;
	width: 70px;
	height: 70px;
}

.hr {
	width: 100%;
	border-bottom: 1px solid #cccccc;
	height: 30px;
	margin-bottom: 30px;
}

table.content tr td {
	font-size: 12px;
	background-color: #ffffff;
}

table.content tr td a {
	color: #4e4e4e;
	font-size: 12px;
}

table.content tr th {
	font-size: 12px;
	background-color: #e4ab49;
}

div.moreItemsBox {
	color: #4e4e4e;
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 20px;
}

div.moreItemsBox a {
	color: #4e4e4e;
}

td.eventsTableCol1 {
	background-image: url(images/bg/events.png);
	background-position: bottom left;
	background-repeat: repeat-x;
	font-size: 11px;
	color: #4e4e4e;
}

td.eventsTableCol1 a {
	font-size: 11px;
	color: #4e4e4e;
	text-decoration: none;
	background: #eeeeee;
	padding-right: 2px;
}

td.eventsTableCol2 {
	font-size: 11px;
	color: #4e4e4e;
}

div.newsTitle {
	font-size: 12px;
	color: #4e4e4e;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 20px;
}

div.newsTitle2 {
	font-size: 12px;
	color: #4e4e4e;/* #e4ab49 */
	font-weight: bold;
	/* font-style: italic; */
	margin-bottom: 5px;
	margin-top: 20px;
}

div.newsText {
	font-size: 12px;
	color: #4e4e4e;
	font-weight: normal;
	text-align: justify;
}

div.newsText2 {
	font-size: 12px;
	color: #4e4e4e;
	font-weight: normal;
	text-align: justify;
	height: 100px;
	padding-left: 150px;
}

div.newsLink {
	font-size: 12px;
	color: #4e4e4e;
	font-weight: normal;
	text-align: left;
}


div.newsLink a {
	font-size: 12px;
	color: #e4ab49;
	font-weight: normal;
	text-decoration: underline;
}


.submitButton {
	height: 16px;
	background-color: #CCC;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 10px;
	text-decoration: none;
	color: #4e4e4e;
	line-height: 1.6em;
}

.textBox {
	margin-bottom: 20px;
}

.logoBox {
	width: 160px;
	text-align: center;
}


.menuBoxOrange {
	width: 160px;
	border-radius: 10px;
	padding: 10px;
	margin-bottom: 20px;
	background-image: url(images/menu/bg_parc.png);
}

.menuBoxBlue {
	width: 185px;
	border-radius: 10px;
	padding: 10px;
	margin-bottom: 20px;
	background-image: url(images/menu/bg_vous.png);
}

.menuBoxGreen {
	width: 160px;
	border-radius: 10px;
	padding: 10px;
	margin-bottom: 20px;
	background-image: url(images/menu/bg_nous.png);
}

.menuItem {
	text-align: center;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: normal;
	height: 45px;
}

.subMenuItem {
	text-align: center;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
	padding-top: 7px;
	padding-bottom: 7px;
}

.menuBoxBlue .menuItem span.active {
	color: #4d5884;
}

.menuBoxGreen .menuItem span.active, .menuBoxGreen .subMenuItem span.active {
	color: #465f26;
}

.menuBoxOrange .menuItem span.active {
	color: #a76b12;
}

a.menuLink {
	color: #FFFFFF;
	text-decoration: none;
}

a.menuLink:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

td.menuItem {
	line-height: 18px;
}

.menuSeparator {
	opacity: 1.0;
}

li {
	font-size: 12px;
	color: #4e4e4e;
}

li a {
	font-size: 12px;
	color: #4e4e4e;
}

/* language selection *******************************************************************/
.langBox {
	position: absolute;
	top: 9px;
	left: 10px; 
	font-size: 12px;
	color: #519cc9;
}

a.langLink {
	color: #4e4e4e;
	text-decoration: none;
}

a.langLink:hover {
	text-decoration: underline;
}

span.langLinkActive {
	color: #679925;
	font-weight: bold;
}


/* solarboot *****************************************************************************/
.bg_grey_1 {
	background-color: #eeeeee; 
	font-size: 12px;
	text-align: center;
	width: 16px;
	height: 16px;
	color: #4E4E4E;
}

.bg_grey_2 {
	background-color: #dddddd; 
	font-size: 12px;
	text-align: center;
	width: 16px;
	height: 16px;	
}

.bg_grey_3 {
	background-color: #cccccc; 
	font-size:12px;
	text-align: center;
	width: 16px;
	height: 16px;	
}

.bg_red {
	background-color: #e4ab49;
	font-size:12px;
	text-align: center;
	width: 16px;
	height: 16px;	
}

.bg_orange {
	background-color: #519cc9;
	font-size:12px;
	text-align: center;
	width: 16px;
	height: 16px;	
}

.bg_green {
	background-color: #679925;
	font-size: 12px;
	color: #ffffff;
	text-align: center;
	width: 16px;
	height: 16px;	
}

.bg_white {
	color: #4E4E4E;
	font-size: 12px;
}

.month {
	font-size: 13px;
	font-weight: bold;
	color: #4E4E4E;
	border-bottom: 1px solid #4E4E4E;
}


/* google custom site search *****************************************************************************************************************/

/**
 * Default theme
 *
 */
/* Slight reset to make the preview have ample padding. */
.cse .gsc-control-cse,
.gsc-control-cse {
  padding: 1em;
  width: auto;
}
.cse .gsc-control-wrapper-cse,
.gsc-control-wrapper-cse {
  width: 100%;
}
.cse .gsc-branding,
.gsc-branding {
  display: none;
}
.cse .gsc-control-cse div,
.gsc-control-cse div {
  position: normal;
}
/* Selector for entire element. */
.cse .gsc-control-cse,
.gsc-control-cse {
  background-color: #ffffff;
  border: 1px solid #ffffff;
}
.cse .gsc-control-cse:after,
.gsc-control-cse:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.cse .gsc-resultsHeader,
.gsc-resultsHeader {
  border: block;
}
/* Search button */
.cse input.gsc-search-button,
input.gsc-search-button {
  font-family: inherit;
  color: #000000;
  text-shadow: 0 1px 2px #FFFFFF;
  background-color: #CECECE;
  border: 1px outset;
  border-color: #666666;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
/* Inactive tab */
.cse .gsc-tabHeader.gsc-tabhInactive,
.gsc-tabHeader.gsc-tabhInactive {
  border-bottom: none;
  color: #666666;
  background-color: #e9e9e9;
  border: 1px solid;
  border-color: #e9e9e9;
  border-bottom: none;
}
/* Active tab */
.cse .gsc-tabHeader.gsc-tabhActive,
.gsc-tabHeader.gsc-tabhActive {
  background-color: #FFFFFF;
  border: 1px solid;
  border-top: 2px solid;
  border-color: #e9e9e9;
  border-top-color: #FF9900;
  border-bottom: none;
}
/* This is the tab bar bottom border. */
.cse .gsc-tabsArea,
.gsc-tabsArea {
  margin-top: 1em;
  border-bottom: 1px solid #e9e9e9;
}
/* Inner wrapper for a result */
.cse .gsc-webResult.gsc-result,
.gsc-webResult.gsc-result,
.gsc-imageResult-column,
.gsc-imageResult-classic {
  padding: .25em;
  border: 1px solid;
  border-color: #ffffff;
  margin-bottom: 1em;
}
/* Result hover event styling */
.cse .gsc-webResult.gsc-result:hover,
.gsc-webResult.gsc-result:hover,
.gsc-results .gsc-imageResult-classic:hover,
.gsc-results .gsc-imageResult-column:hover {
  border: 1px solid;
  border-color: #FFFFFF;
}
/*Promotion Settings*/
/* The entire promo */
.cse .gs-promotion,
.gs-promotion {
  background-color: #FFFFFF;
  border: 1px solid;
  border-color: #336699;
}
/* Promotion image */
.cse .gs-promotion .gs-promotion-image,
.gs-promotion .gs-promotion-image {}
/* Promotion links */
.cse .gs-promotion a.gs-title:link,
.gs-promotion a.gs-title:link,
.cse .gs-promotion a.gs-title:link *,
.gs-promotion a.gs-title:link *,
.cse .gs-promotion .gs-snippet a:link,
.gs-promotion .gs-snippet a:link {
  color: #0000CC;
}
.cse .gs-promotion a.gs-title:visited,
.gs-promotion a.gs-title:visited,
.cse .gs-promotion a.gs-title:visited *,
.gs-promotion a.gs-title:visited *,
.cse .gs-promotion .gs-snippet a:visited,
.gs-promotion .gs-snippet a:visited {
  color: #0000CC;
}
.cse .gs-promotion a.gs-title:hover,
.gs-promotion a.gs-title:hover,
.cse .gs-promotion a.gs-title:hover *,
.gs-promotion a.gs-title:hover *,
.cse .gs-promotion .gs-snippet a:hover,
.gs-promotion .gs-snippet a:hover {
  color: #0000CC;
}
.cse .gs-promotion a.gs-title:active,
.gs-promotion a.gs-title:active,
.cse .gs-promotion a.gs-title:active *,
.gs-promotion a.gs-title:active *,
.cse .gs-promotion .gs-snippet a:active,
.gs-promotion .gs-snippet a:active {
  color: #0000CC;
}
/* Promotion snippet */
.cse .gs-promotion .gs-snippet,
.gs-promotion .gs-snippet,
.cse .gs-promotion .gs-title .gs-promotion-title-right,
.gs-promotion .gs-title .gs-promotion-title-right,
.cse .gs-promotion .gs-title .gs-promotion-title-right *,
.gs-promotion .gs-title .gs-promotion-title-right * {
  color: #000000;
}
/* Promotion url */
.cse .gs-promotion .gs-visibleUrl,
.gs-promotion .gs-visibleUrl {
  color: #008000;
}
/* Style for auto-completion table
 * .gsc-completion-selected : styling for a suggested query which the user has moused-over
 * .gsc-completion-container : styling for the table which contains the completions
 */
.gsc-completion-selected {
  background: #D5E2FF;
}
.gsc-completion-container {
  font-family: Arial, sans-serif;
  font-size: 13px;
  position: absolute;
  background: white;
  border: 1px solid #666666;
  margin-left: 0;
  margin-right: 0;
  /* The top, left, and width are set in JavaScript. */
}

/* Full URL */
.gs-webResult div.gs-visibleUrl-short {
  display: none;
}
.gs-webResult div.gs-visibleUrl-long {
  display: block;
}




/* custom style */


  .gsc-control-cse {
    font-family: Arial, sans-serif;
    border-color: #FFFFFF;
    background-color: #ffffff;;
  }
  input.gsc-input {
    border-color: #dddddd;
  }
  input.gsc-search-button {
    border-color: #666666;
    background-color: #CECECE;
  }
  .gsc-tabHeader.gsc-tabhInactive {
    border-color: #E9E9E9;
    background-color: #E9E9E9;
  }
  .gsc-tabHeader.gsc-tabhActive {
    border-top-color: #FF9900;
    border-left-color: #E9E9E9;
    border-right-color: #E9E9E9;
    background-color: #FFFFFF;
  }
  .gsc-tabsArea {
    border-color: #E9E9E9;
  }
  .gsc-webResult.gsc-result,
  .gsc-results .gsc-imageResult {
    border-color: #FFFFFF;
    background-color: transparent;
  }
  .gsc-webResult.gsc-result:hover,
  .gsc-imageResult:hover {
    border-color: #FFFFFF;
    background-color: transparent;
  }
  .gs-webResult.gs-result a.gs-title:link,
  .gs-webResult.gs-result a.gs-title:link b,
  .gs-imageResult a.gs-title:link,
  .gs-imageResult a.gs-title:link b {
    color: #0000CC;
  }
  .gs-webResult.gs-result a.gs-title:visited,
  .gs-webResult.gs-result a.gs-title:visited b,
  .gs-imageResult a.gs-title:visited,
  .gs-imageResult a.gs-title:visited b {
    color: #0000CC;
  }
  .gs-webResult.gs-result a.gs-title:hover,
  .gs-webResult.gs-result a.gs-title:hover b,
  .gs-imageResult a.gs-title:hover,
  .gs-imageResult a.gs-title:hover b {
    color: #0000CC;
  }
  .gs-webResult.gs-result a.gs-title:active,
  .gs-webResult.gs-result a.gs-title:active b,
  .gs-imageResult a.gs-title:active,
  .gs-imageResult a.gs-title:active b {
    color: #0000CC;
  }
  .gsc-cursor-page {
    color: #0000CC;
  }
  a.gsc-trailing-more-results:link {
    color: #0000CC;
  }
  .gs-webResult .gs-snippet,
  .gs-imageResult .gs-snippet {
    color: #000000;
  }
  .gs-webResult div.gs-visibleUrl,
  .gs-imageResult div.gs-visibleUrl {
    color: #008000;
  }
  .gs-webResult div.gs-visibleUrl-short {
    color: #008000;
  }
  .gs-webResult div.gs-visibleUrl-short {
    display: none;
  }
  .gs-webResult div.gs-visibleUrl-long {
    display: block;
  }
  .gsc-cursor-box {
    border-color:  transparent;
  }
  .gsc-results .gsc-cursor-box .gsc-cursor-page {
    border-color: #E9E9E9;
    background-color: #FFFFFF;
    color: #0000CC;
  }
  .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
    border-color: #FF9900;
    background-color:  transparent;
    color: #0000CC;
  }
  .gs-promotion {
    border-color: #336699;
    background-color: #FFFFFF;
  }
  .gs-promotion a.gs-title:link,
  .gs-promotion a.gs-title:link *,
  .gs-promotion .gs-snippet a:link {
    color: #0000CC;
  }
  .gs-promotion a.gs-title:visited,
  .gs-promotion a.gs-title:visited *,
  .gs-promotion .gs-snippet a:visited {
    color: #0000CC;
  }
  .gs-promotion a.gs-title:hover,
  .gs-promotion a.gs-title:hover *,
  .gs-promotion .gs-snippet a:hover {
    color: #0000CC;
  }
  .gs-promotion a.gs-title:active,
  .gs-promotion a.gs-title:active *,
  .gs-promotion .gs-snippet a:active {
    color: #0000CC;
  }
  .gs-promotion .gs-snippet,
  .gs-promotion .gs-title .gs-promotion-title-right,
  .gs-promotion .gs-title .gs-promotion-title-right *  {
    color: #000000;
  }
  .gs-promotion .gs-visibleUrl,
  .gs-promotion .gs-visibleUrl-short {
    color: #008000;
  }
  
  div#res {
	  background-color: transparent;
  }