/* CSS Okeanos RESET */
html{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}

body {font:13px/1.231 arial,helvetica,clean,sans-serif;}table{font-size:inherit;font-size:100%;}pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;}
/* CSS RESET */


body {
	text-align:center;
	color:#FFCE95;
}
a {
	text-decoration:none;
		color:#FFCE95
}
a:hover {
	text-decoration: underline;
		color:#A1E062
}
#wrap {
	width:1040px;
	height:980px;
	text-align:left;
	margin:0 auto;background:url(../imagesok/bg.jpg);
}
#wrapfo {
	width:1000px;
	height:1550px;
	text-align:left;
	margin:0 auto;background:url('imagesok/bgfo.jpg');
}
.fl{ float:left}
.fr{ float:right}
.clearfix{ clear:both}

/*-------- POSITION ----------*/

 #hg, #hd, #bg, #bd {
  background-repeat:no-repeat;
  background-image:url(../images/hdr_bg3.jpg);
  }
  #bdlogo {
  background-repeat:no-repeat;
  background-image:url(../images/logo2.png);
  }
  #hg {
background-position:top left;
  }
  #hd {
background-position:top right;
  }
  #bg {
background-position:bottom left;
  }
  #bd {
background-position:bottom right;
  position:absolute; top:170px;
   position:absolute; right:10px;
   filter: alpha(opacity=65);
  }
  #bdswf {
  background:url(../imagesok/bg1.jpg);
  position:absolute; top:180px;
  position:absolute; left:270px;
  width:710px; 
  height:155px;
  }
  #bddiapo {
  background:url(../imagesok/bg1.jpg);
  position:absolute; top:472px;
  position:absolute; left:545px;
  width:540px; 
  height:480px;
  }
  #bdlogo {
background-position:bottom right;
  position:absolute; top:10px;
   position:absolute; right:10px;
  }
  #affcontenu { 
  top:60px;
  margin-left:100px;
  margin-right:100px;
  }
  #affcontenu p {
  text-align:justify;
  }

  #afflogo { 
  top:6px;

  }
/* header */
#header { position:relative;height:280px  
	width:780px; margin:0 auto; height:330px; position:relative; color:#AC9B56;}

#logo {position:absolute; top:60px; right:130px}
#logo h1 {
	font-size:34px;
	color:#fff
}
#logo div {
	padding-left:100px
}
#nav { position:absolute; top:180px; left:470px; background:url(../imagesok/nav.jpg); width:435px;height:46px; line-height:46px; padding: 0 0 0 40px }
#nav li {float:left;  font-weight:700; width:100px }
#nav a {text-decoration:none; display:block; text-align:center;}
#nav a:hover {background:url(../imagesok/nav_hover.jpg) -10px; }

#navfo { position:absolute; top:550px; left:50px; background:url(../imagesok/nav.jpg); width:890px;height:46px; line-height:46px; padding: 0 0 0 40px }
#navfo li {float:left;  font-weight:880; width:100px }
#navfo a {text-decoration:none; display:block; text-align:center;}
#navfo a:hover {background:url(../imagesok/nav_hover.jpg) -10px; }

#navja { position:absolute; top:550px; left:50px; background:url(../imagesok/navj.jpg); width:890px;height:46px; line-height:46px; padding: 0 0 0 40px }
#navja li {float:left;  font-weight:880; width:100px }
#navja a {text-decoration:none; display:block; text-align:center;}
#navja a:hover {background:url(../imagesok/nav_hoverj.jpg) -10px; }


/* content */
#content {}
#col1 {margin:60px 10px 0 10px; width:367px; height:480px; background:url('../imagesok/col1.jpg');}
#col2 {margin:5px 5px 0 5px; width:367px; height:480px; background:url('../imagesok/col1.jpg');}
#col3 {margin:60px 5px 0 5px; width:367px; height:480px; background:#ffffcc;}
#col4 {margin:5px 0px 0 0px; width:367px; height:480px; background:url('../imagesok/col4.jpg');}
#col5 {margin:5px 0px 0 0px; width:550px; height:500px; background:url('../imagesok/col5.jpg');}
#col11 {margin:30px 0px 0 0px; width:367px; height:420px; background:url('../imagesok/col1.jpg');}

.mainfc {position:absolute; top:520px;  margin:0 0 0 200px; width:570px; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif;}
.mainft {position:absolute; top:520px;  margin:0 0 0 200px; width:570px; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif;}

.main { width:620px; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif;}
#text {width:530px; }
#text h2 {font-size:30px; padding-bottom:20px}
#text p img {float:left; padding:0 20px 0 0}
#text a { color: #1b009a}
#text2 {width:530px; top:100px;}
#titre01 {width:380px; text-align:center;}

#col {position:relative; top:10px; margin:50px 5 0 0;width:535px; background:url(../imagesok/col.jpg); height:300px ; }
.sidepress { position:absolute; top:30px; margin:10px 5px 0 5px;width:333px; background:#9f9f9f; height:480px ; }

#col div {width: 200px; margin: 20px 0 0 70px; display:inline}
#col .first  {margin: 20px 0 0 50px }
#col li{line-height:20px;}
.side {position:absolute; top:440px;  width:367px; height:480px; background:url('../imagesok/col1.jpg'); display: inline; margin-left:40px; margin-right:0; margin-top:0; margin-bottom:0}
.side h2 {font-size:22px}
.side li {line-height:20px; list-style:inside disc; color:#FFFFFF; }
.side ul {margin:30px  0 30px 20px}
/* footer */
#footer { background:url(../imagesok/ft.jpg); height:133px; position:relative}
#ftinner{ position:absolute; top:500px; width:680px; margin-left:320px;}
.ftlink {position:absolute; bottum:50px; width:500px;}

#menuj {position:absolute; top:260px; right:130px}



.menu1 {width: 800px; float:right; padding:0 0 0 32px; margin:0; list-style:none; height:35px; background:#fff url(../imagesok/button1.gif); position:absolute; border:1px solid #000; border-width:0 1px; border-bottom:1px solid #444;}
.menu1 li {float:left;}
.menu1 li a {display:block;  float:left; height:35px; line-height:35px; color:#aaa; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;}
.menu1 li b a {display:block; float:left; height:35px; line-height:35px; color:#aaa; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;}
.menu1 li a b {float:left; display:block; padding:0 16px 0 8px;}
.menu1 li.current a {color:#ff0000; background:url(../imagesok/button3.gif);}
.menu1 li.current a b {background:url(../imagesok/button3.gif) no-repeat right top;}
.menu1 li a:hover {color:#ff0000; background:#000 url(../imagesok/button2.gif);}
.menu1 li a:hover b {background:url(../imagesok/button2.gif) no-repeat right top;}
.menu1 li.current a:hover {color:#fff; background:#000 url(../imagesok/button3.gif); cursor:default;}
.menu1 li.current a:hover b {background:url(../imagesok/button3.gif) no-repeat right top;}

.menu2 {width: 800px; float:right; padding:0 0 0 32px; margin:0; list-style:none; height:35px; background:#fff url(../imagesok/button1m.gif); position:relative; border:1px solid #993333; border-width:0 1px; border-bottom:1px solid #993300;}
.menu2 li {float:left;}
.menu2 li a {display:block; float:left; height:35px; line-height:35px; color:#ffff00; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;}
.menu2 li b a {display:block; float:left; height:35px; line-height:35px; color:#ffff00; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;}
.menu2 li a b {float:left; display:block; padding:0 16px 0 8px;}
.menu2 li.current a {color:#ff0000; background:url(../imagesok/button3m.gif);}
.menu2 li.current a b {background:url(../imagesok/button3m.gif) no-repeat right top;}
.menu2 li a:hover {color:#ff0000; background:#993333 url(../imagesok/button2m.gif);}
.menu2 li a:hover b {background:url(../imagesok/button2m.gif) no-repeat right top;}
.menu2 li.current a:hover {color:#ff0000; background:#993333 url(../imagesok/button3m.gif); cursor:default;}
.menu2 li.current a:hover b {background:url(../imagesok/button3m.gif) no-repeat right top;}

body{font-family: Arial, Helvetica, sans-serif;font-size:14px;font-style:normal;color:#808080;font-weight:normal;line-height:normal;margin:0px 0px;padding:0px;text-align:center;background-color:#999999;}
#pge{position:relative;left:0px;width:752px;margin:0px auto;z-index:1;text-align:left;}