ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, table, th, td
{ margin: 0; padding: 0; }
a img,:link img,:visited img, img { border: none; }

img
{
  behavior: url("/sf/sf_default/css/pngfix.htc");
}

a { text-decoration: none; color: #005747; }
a:hover { text-decoration: underline; }

p, ul {	margin-bottom: 5pt; }
ul { margin-left: 12pt; }
ol { margin-left: 14pt; }
li { margin-bottom: 2pt; }
	
h2 {
	font-size: 10pt;
	margin-bottom: 5px;
	color: #005747;
  font-family: Verdana, Geneva, Arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 0.5pt;
  _letter-spacing: 0;
}

h3 {
	font-size: 10pt;
	margin-bottom: 10px;
	color: #005747;
  font-family: Verdana, Geneva, Arial, sans-serif;
}

hr {
  height: 1px;
  border: none 0; 
  border-top: 1px solid #005747;
  color: #005747;
  margin-left: 0;
  text-align: left;
  _margin: 0;
  _padding: 0;
}

body
{
  margin: 0;
  padding: 0;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  background-color: #ffffff;
  background-image: url("/images/background.gif");
  background-repeat: no-repeat;
  background-position: top center;
  text-align:center;
  color: #005747;
}

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

div.container {
	position: relative;
	width: 900px;
	text-align:left;
  padding: 0;
  margin: auto;
  height: 580px;
  background-image: url("/images/background.gif");
  background-repeat: repeat-x;
  }

div.content {
  position: absolute;
  top:130px;
  left: 0;
  width: 900px;
  height: 400px;
	background-repeat: no-repeat;
	background-position: top left;
}

div#logo {
	position: absolute;
	top: 70px;
	left: 740px;
	z-index: 1;
	}
	
div#footer {
	position: absolute;
	top: 560px;
	left: 10px;
	z-index: 5;
	color: #C0EBEB;
	}
	
div#baseline {
	position: absolute;
	top: 530px;
	left: 670px; /*342px;*/
	z-index: 1;
	}

/************************************* MENU *******************************************/
div.picto {
	position:absolute;
	top: 80px;
	left: 5px;
	z-index: 5;
	}
	
div.menu {
	position:absolute;
	top: 100px;
	left: 100px;
	z-index: 3;
	}

div#menu-intro {
	left: 10px;
	}

.menu ul {
	padding: 5px 0;
	margin: 0;
	list-style: none;
}

.menu ul li {
	display: inline;
	padding: 6px 0 2px 0px;
	margin: 0px 10px 0px 0px;
  color: white;
  text-transform: uppercase;
  font-family: Verdana, Geneva, Arial, sans-serif;
  font-size: 8pt;
  text-transform: uppercase;
  letter-spacing: 0.5pt;
  _letter-spacing: 0;
  background-repeat: no-repeat;
  background-position: left;
}

.menu ul li#elem-ac { background-image: url("/images/menu/picto-ac.gif"); }
.menu ul li#elem-rb { background-image: url("/images/menu/picto-rb.gif"); }
.menu ul li#elem-lp { background-image: url("/images/menu/picto-lp.gif"); }
.menu ul li#elem-smaemv { background-image: url("/images/menu/picto-smaemv.gif"); }

.menu ul li a {
	padding: 6px 0 2px 25px;
  color: #DDDDDD;
	}

.menu ul li a:hover {
  color: white;
  text-decoration: none;
	}
	
.menu ul li a.menu_sel {
	color: white;
	}

/************************************* SOUS MENU *************************************************/

div.smenu {
	position: relative;
	padding-top: 110px;
  padding-left: 40px;
  width: 120px;
  height: 290px;
  background-repeat: no-repeat;
	}

.smenu ul {
	list-style-type: none;
	margin:0;
	padding: 0;
	}

.smenu li {
	color: white;
	text-transform: lowercase;
	font-size: 8pt;
	margin:0;
	padding: 3px 0px 4px 20px;
	width: 95px;
	margin: 2px 0;
	}

.smenu li.smenu_sel {
	background-image:url("/images/transp30.png");
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/images/transp30.png');
	_background-image: none;
	}


.smenu li a {
	color: #FFFFFF;
	text-transform: lowercase;
	font-size: 8pt;
	margin:0;
	padding: 0;
	}

/**************************************************************************************/

div#bloc-actualite {
  position: absolute;
  left: 700px;
  top: 100px;
  width: 152px;
  height: 310px;
  padding-left: 37px;
  background-image: url("/images/actualite.gif");
  background-repeat: no-repeat;
  line-height: 11pt;
}

div#bloc-actualite div.scroll-pane {
	height: 270px;
	}

div#bloc-actualite h3 {
  font-size: 9pt;
  margin-bottom: 3px;
  
}

div#bloc-actualite p {
  text-align: justify;
}


div#bloc-actualite ul {
  margin-left: 0;
}


div#bloc-actualite p.date {
  text-align: left;
}

div#bloc-actualite p a {
  color: #669A91;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: Verdana, Geneva, Arial, sans-serif;
}

div#actu-ctrl {
	position: relative;
	background-color: #E0EBE9;
	/*background-image: url("/images/bg-date.gif");
	background-position: center;
	background-repeat: repeat-y;*/
	height: 15px;
	}

div#actu-precedente {
	position: absolute;
	top: 2px;
	left: 0;
	}

div#actu-suivante {
	position: absolute;
	top: 2px;
	left: 140px;
	}
	
div#actu-date {
	position: absolute;
	top: 0;
	left: 30px;
	width: 90px;
	text-align: center;
	}



/**************************************************************************************/

div#indicator {
  width: 16px;
  height: 16px;
  background: url("/images/indicator.gif") no-repeat 0 0;
}

#comocean a {
	position: absolute;
	bottom: 0px;
	right: 0px;
	text-indent: -7890px;
	width: 80px;
	height: 80px;
	background: url(/images/design-by-com-ocean.gif) 0 0 no-repeat;
	overflow: hidden;
	position: fixed;
}

/************************************** SCROLL BAR ****************************************/

#b1_content {
	height: 272px;
	padding: 5px 0 5px 0;
	}


#b2_content {
	height: 304px;
	padding: 5px 0 5px 0;
	}

.content .scroll-pane {
  overflow: auto;
  height: 100%;
  width: 100%;
}

.content .jScrollPaneTrack {
	background: url("/images/jscrollpane/track.gif") repeat-y;
}

.content .jScrollPaneDrag {
	background: url("/images/jscrollpane/drag_middle.gif") repeat-y;
}

.content .jScrollPaneDragTop {
	background: url("/images/jscrollpane/drag_top.gif") no-repeat;
	height: 7px;
	_height: 8px;
}

.content .jScrollPaneDragBottom {
	background: url("/images/jscrollpane/drag_bottom.gif") no-repeat;
	height: 7px;
	_height: 8px;
}

.content a.jScrollArrowUp {
	height: 24px;
	background: url("/images/jscrollpane/arrow_up.gif") no-repeat 0 -30px;
}

.content a.jScrollArrowUp:hover {
	background-position: 0 0;
}

.content a.jScrollArrowDown {
	height: 24px;
	background: url("/images/jscrollpane/arrow_down.gif") no-repeat 0 -30px;
}

.content a.jScrollArrowDown:hover {
	background-position: 0 0;
}

/* IE SPECIFIC HACKED STYLES */
* html .jScrollPaneDragBottom {
	bottom: -1px;
}
/* /IE SPECIFIC HACKED STYLES */