/* Start of CMSMS style sheet 'normal' */
* { margin: 0; padding: 0;}
/* mac hide \*/
html,body{height:100%;}
/* end hide*/
body { 
color: #ffffff;
font: 12px/1.2 Verdana, Arial, Helvetica, sans-serif;

}

body#style0 {	background: #000925 url(/css/bgpage.jpg) no-repeat top center; text-align: center;}
#page {
    
	width:960px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	position:relative;
	
}
html {
    overflow: -moz-scrollbars-vertical;
}
* html #page {
	width:960px;
}

#content { width: 900px; 
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	position:relative;
	padding-bottom: 30px;
	padding-top: 10px;
}

html {
    overflow: -moz-scrollbars-vertical;
}

a img {border: none; }

#language {width: 400px; height: 20px; position: absolute; top: 10px; right: 20px; color: #BEE4FB; text-align: right;
font: 11px Verdana,Arial, Helvetica, sans-serif;}
#language .active {color: #ffffff;}
#language a { text-decoration: none; }
#language a:link, #language  a:visited { color: #BEE4FB;  text-decoration: none; }
#language a:hover {	color: #ffffff; text-decoration: none; }



#menu {width: 176px; padding-top: 10px; }

#menu ul {    list-style: none outside;margin: 0; padding: 0;}
#menu li {
    font: 16px/1.5 Arial, Helvetica, sans-serif;
    display: block;
    padding: 0px;
    margin: 0px;
    color: #ffffff; 
}
#menu li li, #menu li li li, #menu li li li li { font: 12px/1.2 Verdana, Arial, Helvetica, sans-serif; 
    margin: 0px;
    padding: 0px;
    border: none;
}
#menu li a, #menu li p {margin: 0; padding-top: 4px; padding-bottom: 1px; } /*padding bottom for ie*/
#menu li li a,  #menu li li p {padding-left: 16px;width: 160px;
border-left: 1px solid #4D597B; padding-bottom: 5px;
}
#menu li li li a, #menu li li li p {padding-left: 30px;width: 146px;
border-left: 1px solid #4D597B;
}



#menu a { text-decoration: none; display: block;}
#menu a:link, #menu  a:visited { color: #ffffff;  text-decoration: none; }
#menu a:hover,#menu a.currentpage, #menu a.currentpage:visited, 
#menu a.activeparenttab:hover,#menu a.activeparenttab, #menu a.activeparenttab:visited 
  {	color: #FFE723}
#menu .separator {border-bottom: 1px solid #354265;}
/* #menu a.activeparent {color: #BCDCF1} */

#minicontact {font: 10px/1.2 Verdana, sans-serif; color: #B3B5BE; margin-top: 50px;}
#text {float: right;
display: block; 
width: 630px; 
font: 12px/1.4 Verdana, sans-serif;
  min-height:400px;
  height:auto !important;
  height:400px;
  padding-top: 10px;
padding-right: 20px;
}

#text ul li {margin-top: 4px;
    padding: 0px 0px 4px 20px ;list-style-type:none;
    background: url(/css/bullet.gif) no-repeat 0px 3px;
}
#text P {padding: 0px 0px 10px 0px;}


#text ol {list-style: decimal outside;color: #ffffff; padding-left: 20px;}
#text ol li {list-style: decimal outside;padding-bottom: 4px; padding-left: 10px;}


:link, :visited {
    color: #ffffff; text-decoration: underline;
}

:link:hover, :visited:hover {
    color: #ffffff; text-decoration: underline;
}

:link:active, :link:active {
    color: #ffffff; text-decoration: underline;
}


#header { background: url(/css/logo.png) no-repeat top left;
    height: 207px; 
	text-align:left;
	position:relative;
}

#quote{position: absolute; left: 335px; top: 79px; width: 500px;
font: 24px/1.2 Arial, Helvetica, sans-serif;
color: #77787b;}

#logo {position: absolute; left: 50px; top: 10px;}
#logo a {background: url(/css/logo.gif); width: 220px; height: 150px; display: block;}

#footer { color: #163C6D; font: 9px  Verdana,sans-serif; 	padding-top: 10px; text-align: center;}
#footer a {color: #163C6D;}




a img {border: none; }

H1 {
font: 18px/1.2 Arial, Helvetica, sans-serif; 
color: #ffffff; margin: 5px 0px 20px 0px;}

h2 {
  color: #ffffff;
  font: bold 14px/1.2 Arial, Helvetica, sans-serif; 
  margin-top: 8px; margin-bottom: 4px;
}

h3 {
  color: #ffffff;
  font: bold 13px/1.2 Arial, Helvetica, sans-serif; 
  margin-top: 8px; margin-bottom: 4px;
}

h4 {
  color: #ffffff;
  font: bold 13px/1.2 Arial, Helvetica, sans-serif; 
  margin-top: 4px; margin-bottom: 4px;
  text-align:center;
}

.image_a_droite { float: right; padding: 4px 0px 4px 4px}
.image_a_gauche { float: left;  padding: 4px 4px 0px 4px}
.bold_text {color: #FFE723; font-weight: bold;}
.signature {text-align: right; display: block; font: bold italic 14px Arial, Helvetica, sans-serif;}

#style0 .contactform {margin-left: 150px; margin-top: 10px; padding: 10px;
width: 310px;}
#style0 .contactform fieldset legend {font-weight: bold;padding: 10px;}
#style0 .contactform div {width: 100%; padding: 10px 0px 4px 0px;}
#style0 .contactform div label {display: block; margin-bottom: 1px;}
#style0 .contactform div.required {color: #ffffff;}
#style0 .contactform input, #style0  .contactform textarea {
border: 1px solid #000925; background: #f5ffFf; width: 294px;
font: 12px Arial, Helvetica, sans-serif; padding: 3px;
}

#style0 .contactform .submit input {
border-top: 1px solid #9FD0ED; border-left: 1px solid #9FD0ED;
border-right: 1px solid #2C618F; border-bottom: 1px solid #2C618F;
background: url(/css/bgpage.jpg) no-repeat -510px -130px;
width: 300px; color: #ffffff; font: bold 18px Arial, Helvetica, sans-serif; padding: 4px; cursor: pointer; }

#style0 .contactform .submit input:hover {
border-bottom: 1px solid #9FD0ED; border-right: 1px solid #9FD0ED;
border-left: 1px solid #2C618F; border-top: 1px solid #2C618F;
}


#tabs {
	height: 28px;
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
	border-bottom: 1px solid #45648A;
}

#tabs a {
  font: bold 14px Arial, Helvetica, sans-serif;
	background: url(/css/tabs.gif) 100% 0;
	color: #ffffff;
	float: left;
	line-height: 26px;
	outline: none;
	padding-right: 10px;
	text-decoration: none;
}

#text #tabs li.current {
	
	background-position: 0 -60px;
}

#text #tabs li.current a {
	background-position: 100% -60px;
	color: #284773;
}

#text #tabs li {
	background:  url(/css/tabs.gif);
	float: left;
	margin: 0 5px 0 0;
	padding-left: 10px;
}
/* ----------------------------------- banners ---------------- */

.galimage { float :left;}
.galinfo { float :right;}






#myInfoContainer { width: 391px; height: 164px;padding:10px; background: url(/css/bannerbgtext.jpg) no-repeat top right;
font: 18px Arial, Helvetica, sans-serif; color: #ffffff; 
}
#myInfoContainer p {font: 14px Arial, Helvetica, sans-serif;} 
#myInfoContainer h3, #myInfoContainer h2 {font: bold 18px Arial, Helvetica, sans-serif; }

#bannercontainer {width:708px; height:184px; float:right;margin-right: 15px;margin-top: 33px;
display:inline; /*IE6 double margin fix*/
position: relative;
}
#bannercorner {width: 20px; height:20px; background: url(/css/banner-topleft-corner.png) no-repeat top left;
position:absolute; top:0; left:0;z-index: 999;
}

.clear {clear:both;}




/* Main Image */
#myGallery, #myGallerySet {
  width: 297px; height: 184px;
	z-index:5;
	margin : 0;
	padding : 0;
}
#myGallery img.thumbnail, #myGallerySet img.thumbnail {
	display: none;
}

.jdGallery {
	overflow: hidden;
	position: relative;
}
.jdGallery img{
	border: 0;
	margin: 0;
}
.jdGallery .slideElement {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
}
.jdGallery .loadingElement {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-repeat: no-repeat;
	background-position: center center;
}

/* Info Slider */
.link a {
	font: 17px bold;
	text-decoration : none;
	font-weight: bold;
}
.jdGallery .slideInfoZone {
	position: absolute;
	z-index: 10;
	width: 100%;
	margin: 0;
	left: 0;
	bottom: 0;
	height: 80px;
	text-indent: 0;
	overflow: hidden;
}

* html .jdGallery .slideInfoZone {
	bottom: -1px;
}



/*-------------------------------------*/
#myGallery2 {
  width: 195px; height: 130px;
	z-index:5;
	padding : 0; margin:0;
}
#subgallery {
  width: 195px; 
	margin : 5px 0px 0px 30px;
float: right;
}
.zoombutton {background: url(/css/loupe.gif) no-repeat top left;
padding: 0px 0px 10px 30px ;display: block; width: 165px;
margin-top: 10px;
}

table td {color: #ffffff;font: 12px/1.2 Verdana, Arial, Helvetica, sans-serif;}
table.planning {width:100%; border-collapse: collapse;}
table.planning td {padding: 2px;border: dotted 1px #62A7D0}
table.planning td.yellow {color: #FFE723}




/* End of 'normal' */