/* OpenTheNet.com - feuille de style conforme aux specifications du W3C */
body {
  margin:0;
  padding:0;
  background:#414141 url(images/mainbg.gif) repeat-x 0 0;
  color:#969595;
  font:14px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

a img {border:none}
div,p,ul,ol,li,h1,h2,h3,h4,h5,img,form {margin:0; padding:0;}
ul {list-style-type:none;}

.displayoff {text-indent:-9999px;display:none;}
#conteneur {
  position:relative;
  width:960px;
  margin:0 auto;
  /* border:1px solid yellow; */
}

#header {
  position:relative;
  width:960px;
  height:180px;
  margin:0 auto;
  background: url(images/header-int.png) no-repeat 100% 0;
  /* border:1px solid yellow; */
}

#header img.logo {padding:0;}

#header h1 {
  position:absolute;
  display:block;
  top:115px;
  left:25px;
  /* width:380px; */
  height:35px;
  font:18px/20px Arial, Helvetica, sans-serif;
  color:#9BD1ED;
  padding:0;
  background:#414141 url(images/mainbg.gif) repeat-x 0 64%;
}

#gauche {
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:200px;
  /* border:1px solid black; */
}

#gauche ul{width:195px; margin:15px 0 0;}
#gauche ul li{width:165px;  border-bottom:1px dashed #868686;}
#gauche ul li span.nolink{display:block; height:27px;  background:#414141 url(images/arrow1.gif) 0 50% no-repeat; color:#fff; font:14px/25px Arial, Helvetica, sans-serif; text-decoration:none; padding:0 0 0 13px;}
#gauche ul li a{display:block; height:27px;  background:#414141 url(images/arrow1.gif) 0 50% no-repeat; color:#fff; font:14px/25px Arial, Helvetica, sans-serif; text-decoration:none; padding:0 0 0 13px;} 
#gauche ul li a:hover{background:#414141 url(images/arrow2.gif) 0 50% no-repeat; color:#39A002; text-decoration:none;}
#gauche ul li.lastitem{border:none;}

#gauche ul li .smenu  {margin:0;}
#gauche ul li .smenu li {border:none;}
#gauche ul li .smenu li span.snolink {background:url(images/arrow2.gif) 0 50% no-repeat; margin-left:13px;height:25px; font:13px/23px Arial, Helvetica, sans-serif; color:#fff; padding:0 0 0 13px;}
#gauche ul li .smenu li a {background:url(images/arrow2.gif) 0 50% no-repeat; margin-left:13px;height:25px; font:13px/23px Arial, Helvetica, sans-serif;}
#gauche ul li .smenu li a:hover{background:#414141 url(images/arrow1.gif) 0 50% no-repeat; color:#09A5F6; text-decoration:none;}

#centre {
  margin-left:200px;
  margin-right:200px;
  padding-top:16px;
  padding-left:10px;
  /* border:1px solid blue; */
}
#centre h2{
padding:8px;
color:#09A5F6;
}
#centre h3{
color:#09A5F6;
padding:8px 0 0 8px;
}

#centre p{
  padding:12px;
}
#centre p.embeded{
  padding:12px;
  border :1px dotted #09A5F6;
}
#centre a{color:#09A5F6;}
#centre a:hover{color:#39A002;}
#centre ul {
  padding:4px;
  padding-left:30px;
  list-style-type:circle;
}
#centre ul.embeded {
border:1px dotted #09A5F6;
}
#centre li {
  padding:2px;
}
#centre strong {
color:#39A002;
}
#droite {
  position: absolute;
  right:0;
  top:0;
  bottom:0;
  width:176px;
  padding:8px;
  color:#7D7D7D;
  background:#2E2E2E;
}

#droite a {
color:#fff;
}
#droite p {
padding:8px;
}
#droite h2 {
color:#39A002;
}

#footer-fluide {
  height:178px;
  margin:0; padding:0;
  color:#fff;
  background:url(images/footerbg.gif) 0 0 repeat-x #777;
  /* border:1px solid yellow; */
}

#footer-fixe {
  position:relative; width:960px;  margin:0 auto;
  /* border:1px solid blue; */
}
#footer-fixe ul{width:960px; position:absolute; top:36px;}
#footer-fixe li{float:left; font:13px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal;}
#footer-fixe ul li a{padding-left:4px; color:#fff; background:#1E1E1E; text-decoration:none;}
#footer-fixe ul li a:hover{text-decoration:underline;}
#footer-fixe #footer-xhtml{position:absolute; top:81px; left:61px;}
#footer-fixe #footer-css{position:absolute; top:81px; left:141px;}
#footer-fixe img.logo-footer{font:11px/15px Tahoma,Arial, Helvetica, sans-serif; position:absolute; top:61px; right:51px;z-index:1;}
#footer-fixe p.copyright{ font:11px/15px Tahoma,Arial, Helvetica, sans-serif; position:absolute; top:131px; right:76px;z-index:2;}



/* ------------ Login ----------- */
#gauche h2.member{
  display:block;
  width:198px;
  height:34px;
  background:url(images/member_login_top.gif) 0 0 no-repeat #292929;
  font:normal 20px/34px Georgia, "Times New Roman", Times, serif;
  color:#ffffff;
  padding:0;
  text-align:center;
}
#member-login{
  float:left;
  width:176px;
  height:100px;
  text-align:right;
  border-bottom:#4D4D4D solid 1px;
  border-left:#4D4D4D solid 1px;
  border-right:#4D4D4D solid 1px;
  background-color:#0B0B0B;
  color:#ffffff;
  padding:10px;
  margin:0;
}
#member-login label{
  width:100px;
  height:55px;
  font:bold 14px/21px Arial, Helvetica, sans-serif;
}
#member-login input.txtbox{
  width:100px;
  height:20px;
  font:normal 12px/21px Arial, Helvetica, sans-serif;
  padding:0;
  margin-top:15px;
}

#member-login input.btn-go{
  display:block;
  float:right;
  border:none;
  margin:10px;
}


/* ------------ FIN Login ----------- */


/* p.bottom-shadow{ background:url(images/bottom-shadow.jpg) 0 0 no-repeat; padding:0; margin:0 0 0 10px;} */