/* Start of CMSMS style sheet 'normal2009' */
* { margin: 0; padding: 0;}

/*#menu, #news H1, #menu li { behavior: url(iepngfix.htc) }*/



#copyright {position: absolute; left: 1020px; top: 0px;}
#copyright a {width: 17px; height: 121px; display: block;
background: transparent url(css/copyright.gif) no-repeat top left; }

#header {/*position: absolute; left: 0px; top: 0px;*/width: 970px; height: 170px; background: url(css/header.jpg) no-repeat top left;}
#header a {width: 970px; height: 170px; display: block; cursor: pointer;}

#footer {padding: 10px 0px 20px 0px; margin-top: 10px;
background: url(css/dots.gif) repeat-x top left;}
#footermini {font-size: 9px;}
#footermini a {text-decoration: none;}

#news {/*position: absolute; right: 0px;top: 0px;*/width: 198px;
float:right;}

#pagebg {background: #ffffff url(css/bgpage.gif) repeat-y fixed top left;height: 100%;}
#rightcolumn {width: 400px; height: 844px;
 display: block;
 /*position: absolute; left: 570px; top: 170px;*/
 float: right;
 
 background: url(css/bgcolumn.jpg) no-repeat top left;}
#news P, #news H1, #news DIV, #news a {color: #ffffff;}
#news H1 { font: bold 14px/1.2 Arial, Helvetica, sans-serif; background: transparent url(css/menuitem.png) no-repeat top left;
padding: 30px 10px 6px 20px; color: #0D2C56}
.NewsSummary {padding: 0px 20px 10px 20px; margin-bottom: 10px;}
.NewsSummary .title { font: bold 14px/1.2 Arial, Helvetica, sans-serif;     text-transform: uppercase;
}
.NewsSummary .title a {text-decoration: none;}
.NewsSummary .summary {font: 12px Arial, Helvetica, sans-serif; }
.NewsSummary .date {font: 12px/2 Arial, Helvetica, sans-serif; }
.NewsSummary .more {font: 12px/2 Arial, Helvetica, sans-serif; }

#quote{position: absolute; left: 300px; top: 70px;
font: italic 26px/1.2 "Century Gothic", Arial, Arial, Helvetica, Helvetica, sans-serif;
color: #ffffff;}



#textframe {width: 565px;}

p {padding-bottom: 10px;}



/*#text*/ li {margin-top: 4px;
padding: 0px 0px 6px 16px ;list-style-type:none;
    background: url(http://www.jehec.ch/cms/css/trigris.gif) no-repeat top left;
}

#text UL, #text OL {
    margin-left: 0px;
}


#text {padding: 30px 32px 4px 32px;}


#menu {/*position: absolute; left: 0px;top: 0px;*/
float: left;
width: 198px; background: transparent url(css/menuitemfirst.png) no-repeat top left; padding-top: 25px;}
#menu ul {    list-style: none outside;margin: 0; padding: 0;}
#menu li {
    color: #0D2C56;
    font: bold 14px/1.5 arial, Arial, Helvetica, helvetica, sans-serif;
    text-transform: uppercase;
    display: block;
    margin: 0px 0px 4px 0px;
    padding: 0px;
    background: transparent url(css/menuitem.png) no-repeat top left;
}
#menu li li, #menu li li li, #menu li li li li {
margin: 0px;
padding: 0px;
text-transform: none;
font: bold 12px arial, Arial, Helvetica, helvetica, sans-serif; background: #6282A0; }
#menu li li li, #menu li li li li {padding-left: 10px;border: none;zoom: 1}

#menu .currentpage {color: #EE7F00;  padding: 3px 2px 3px 18px; display:block;}
#menu .activeparent {color: #EE7F00;  padding: 3px 2px 3px 18px;
background: transparent url(css/menuitemselected.gif) no-repeat top left;
display:block;}

#menu a { text-decoration: none;     padding: 3px 2px 3px 18px; display: block;}
#menu a:link, #menu  a:visited { color: #0D2C56;  text-decoration: none; }
#menu a:hover {	color: #EE7F00; background: transparent url(css/menuitemselected.gif) no-repeat top left;}
#menu li li a:hover, #menu li li li a:hover  {background: none;}

#menu a.activeparent:link, #menu  a.activeparent:visited { color: #EE7F00; text-decoration: none; }

#partenaires {}
#partenaires a,#partenaires a:hover {margin: 0; padding: 0;background: none;}


:link, :visited {
    color: #666666;
}

:link:hover, :visited:hover {
    color: #0d2c56;
}

:link:active, :link:active {
    color: #666666;
}


/* mac hide \*/
html,body{height:100%;}
/* end hide*/
body { 
color: #7d7d7d;
font: 12px/1.2 Arial, Arial, Helvetica, sans-serif;

}

body#style0 {	background: #0d2c56; text-align: center;}
#page {
    min-height:100%;
    height:auto !important;
    height:100%;
    
	width:970px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	position:relative;
	background: url(css/bgpage.gif) repeat-y top left;
}
html {
    overflow: -moz-scrollbars-vertical;
}
* html #page {
	width:970px;
	height:100%;
}

a img {border: none; }

h1 {
  font: bold 14px arial, Arial, Helvetica, helvetica, sans-serif;
  text-transform: uppercase;
  margin-bottom: 0px;
  color: #ee7f00;
}


h2 {
  font: bold 14px/1.5 arial, Arial, Helvetica, helvetica, sans-serif;
  text-transform: uppercase;
  margin: 5px 0px 16px 0px ;
  color: #0d2c56;
}


h4 {
  font: bold 14px/1.5 arial, Arial, Helvetica, helvetica, sans-serif;
  text-transform: uppercase;
  margin: 5px 0px 16px 0px ;
  color: #0d2c56;
  background: url(http://www.jehec.ch/cms/css/tribleu.gif) no-repeat top left;
padding-left: 16px;
}

h3 {
  color: #7d7d7d;
  font: 14px/1.5 arial, Arial, Helvetica, helvetica, sans-serif;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.image_a_droite { float: right; padding: 4px 0px 4px 4px}
.image_a_gauche { float: left;  padding: 4px 4px 0px 4px}
.big_text {color: #1B3149; font-size: 14px; font-weight: bold;}
.mini_text {font-size: 9px; }

#text ul.gallerythumb li {display: inline; padding: 0px 4px 4px 0px; margin: 0px; background: none;}
#text ul.gallerythumb {padding: 0; margin: 10px 0 0 0; list-style: none outside;}


button.but_prev { background: #F6DC96 url(css/but-left.gif) no-repeat scroll left center;
  border: #B5A26E 1px solid;
  font: bold 9px/1.5 Arial, Helvetica, arial, helvetica, sans-serif;
  margin: 4px;
  padding: 2px 2px 2px 20px; width: 90px;
}
button.but_next { background: #F6DC96 url(css/but-right.gif) no-repeat scroll left center;
  border: #B5A26E 1px solid;
  font: bold 9px/1.5 Arial, Helvetica, arial, helvetica, sans-serif;
  margin: 4px;
  padding: 2px 2px 2px 20px; width: 90px;
}
button.but_ok { background: #F6DC96 url(css/but-ok.gif) no-repeat scroll left center;
  border: #B5A26E 1px solid;
  font: bold 9px/1.5 Arial, Helvetica, arial, helvetica, sans-serif;
  margin: 4px;
  padding: 2px 2px 2px 20px; width: 40px;
}

select.picgallery {width: 200px;
  background-color: #F6eCb6;
  border: #B5A26E 1px solid;
  font: bold 9px/1.5 Arial, Helvetica,sans-serif;
  margin: 4px;
  padding: 2px 2px 2px 2px; width: 90px;

}
.contactform {margin-left: 50px; margin-top: 10px; padding: 10px; background: #748FAC; width: 400px; color: #ffffff;}
.contactform fieldset legend {font-weight: bold;padding: 10px; }
.contactform div {width: 100%; padding: 10px 0px 4px 0px;}
.contactform div label {display: block; color: #ffffff;}
.contactform div.required {color: #ffffff;}
.contactform input, .contactform textarea {border: none; background: #ffffff; width: 380px;}
.contactform select {margin-top: 4px;}

.contactform .submit input { margin-left: 50px;
border-top: 2px solid #3587C3; border-left: 2px solid #3587C3;
border-right: 1px solid #11466E; border-bottom: 1px solid #11466E;
background: #1C6DAC;
width: 300px;  
color: #eeeeee;
font: bold 18px Verdana; padding: 4px; cursor: pointer; }

.contactform .submit input:hover {
border-bottom: 2px solid #3587C3; border-right: 2px solid #3587C3;
border-left: 1px solid #11466E; border-top: 1px solid #11466E;
color: #ffffff;
}

.contactform legend {color: #ffffff; margin-top: 20px;}
.contactform fieldset {padding: 0px 10px 10px 10px; background: #88A0C2; border: none;margin-bottom: 10px;}
.contactform h2 {color: #ffffff;}

.mycheckbox div {display: inline;}  
.mycheckbox input {width: 30px;}
.mycheckbox label {display: inline;}

/* End of 'normal2009' */