/* @override http://www.recordit.fr/style.css */

* {
  margin: 0;
  padding: 0;
}
body {
  background: white;
  color: #4e4e4e;
  font: 13px/17px Arial, Helvetica, sans-serif;
}
p {
  margin: 0 0 9px 0;
  padding: 0;
}
a img {
  border-style: none;
}
h4 {
  margin: 0;
  padding: 0;
  text-indent: 15px;
  background: url(images/puce.gif) no-repeat 3px 4px;
}
hr {
  border: none;
  border-bottom: 1px solid #959595;
}
/* @group global */

#page {
  width: 940px;
  height: 568px;
  background: url(images/fond.gif) no-repeat white;
  margin: auto;
}

#picto {
  background: url(images/fond-lampes.gif) no-repeat 0px 0px;
  width: 202px;
  height: 100%;
  float: left;
}

#picto a.logo {
  display: block;
  margin: 33px 0 0 26px;
  background: url(images/logo_recordit.gif) no-repeat 0px 0px;
  width: 144px;
}

#picto a.logo:hover {
  background: url(images/logo_recordit_on.gif) no-repeat 0px 0px;
}

#picto a.logo img {
  visibility: hidden;
}
#player {
  margin:  398px 30px 0 23px;
  display: block;
}
#d1 {
  float:left;
  width: 722px;
}
#scroll {
  margin:  5px 0 0 25px;
  overflow: auto;
  width: 690px;
  height: 265px;
}

#illustration {
  width: 665px;
  height: 160px;
  margin: 10px 0 0 25px;
  overflow: hidden;
}
#illustration img {
  width: 100%;
}
#footer {
  position: relative;
  margin: 0 auto;
  width: 100%;
  font-size: 0.8em;
  width: 940px;
}
#footer div {
  margin-left: 185px;
  margin-top: -4px;
}
#footer a, #footer a:visited {
  color: #4e4e4e;
  text-decoration: none;
}
#footer a:hover {
  text-decoration: underline;
}
/* @end */
/* @group contenu */

#contenu, body.mceContentBody {
  padding-bottom: 10px;
  width: 665px;
  margin-top: 10px;
}

#contenu ul, body.mceContentBody ul {
  margin: 10px 0;
  padding: 0 50px;
  list-style: none;
}

#contenu li, body.mceContentBody li {
  padding: 0px;
  margin: 5px 0;
}

  
/* @end */
/* @group editor */
#editor {
  width: 940px;
  height: 568px;
  margin: auto;
}
#dcontent {
  margin-left: 225px;
}

textarea#page_content {
  width: 690px;
  height: 355px; /*265 + 90*/
}

/* @end */
/* @group classes */
.center {
  text-align: center;
}
.floatleft {
  float: left;
}
.floatright {
  float: right;
}
.clear {
  clear: both;
}
.nowrap {
  white-space: nowrap;
}
.title {
}
.title:hover {
  color: Green;
}
.col2-1 {
  padding: 0 2%;
  border-right-style: solid;
  border-right-width: 1px;
}
.col2-2 {
  margin-left: 2%;
}
.col2-1, .col2-2 {
  width: 46%;
  float: left;
  text-align: justify;
}
/* @end */

/* @group menus */

.offline {
  opacity: 0.60;
}

a.actif {
  cursor: default;
}

.menu {
  margin: 34px 0 0 0;
  padding: 0 0 0 7px;
  list-style: none;
  height: 38px;
}

.menu li {
  float: left;
  padding: 0;
  margin: 12px 0 0 0;
  border-right: 1px solid #000000;
  display: block;
  height: 15px;
  overflow: hidden;
}

.menu li.last {
  border: none !important;
}

.menu a {
  text-decoration: none;
  padding: 0 14px;
  color: #7e7e7e;
  font: bold 12px/15px "Arial Narrow", Arial, Helvetica, sans-serif;
  display: block;
}

.menu li.last a {
  padding-right: 0 !important;
}

.menu a:hover, .menu a.actif {
  color: #B10006;
}

ul.menu2 {
  margin: 17px 0 0 25px;
  padding: 0;
  font: 13px/30px "Arial Narrow", Arial, Helvetica, sans-serif;
  width: 665px;
  height:  30px;
  background: url(images/puce.gif) no-repeat 2px 11px;
  border-bottom: 1px solid #959595;
  
}

ul.menu2.vide {
  background-image: none;
}

ul.menu2 li.first {
  border-left: none;
  padding-left: 15px;
  
}

ul.menu2 a {
  text-decoration: none;
  color: black;
  font-weight: bold;
}

ul.menu2 a:hover, ul.menu2 a.actif  {
  text-decoration: none;
  color: #B10006;
}

ul.menu2 li {
  display: inline;
  border-left: 1px solid;
  padding: 0 6px 0 10px;
  margin: 0;
  border-width: 1px;
  border-color: black;
}
  
/* @end */
/* @group welcome */
h1#welcome {
	position: absolute;
	top: 50%;
	left: 50%;
  margin-left: -285px;
  margin-top: -130px;
  width: 567px;
}
h1#welcome a strong {
	display: none;
}
a#enter {
  display: block;
  height: 225px;
  width: 567px;
  background: url(images/recorditonoff.png) no-repeat;
}
a#enter:hover {
  background-position: 0 -275px;
}
#nosound {
  position: absolute;
	top: 50%;
	left: 50%;
  margin-left: -285px;
  margin-top: 100px;
  width: 567px;
  text-align: right;
  font-size: 14px;
}
/* @end */