* {
  margin: 0;
  padding: 0;
}

body, html {
  width: 100%;
  height: 100%;
  font: 12px Arial, sans-serif;
  color: #fff;
  /*background-color: #23100c;*/
  background-color: #000000;
}

img {
  border: none;
}

a {
  color: inherit;
  text-decoration: none;
  outline: none;
}

a.xhr-load-content {
  outline: none;
}

ul, ol {
  padding-left: 15px;
}

.none {
  display: none;
}

.clear {
  clear: both;
  height: 0;
  overflow: hidden;
}

#wrapper {
  padding: 10px;
}

#container {
  overflow: hidden;
  position: relative;
  margin: auto;
  width: 1080px;
  height: 742px;
  /*background: url(../img/container.jpg) no-repeat;*/
  background: url(../img/container2.jpg) no-repeat;
}

#header {
  position: absolute;
  top: 0;
  left: 70px;
  width: 160px;
  height: 742px;
  /*background: url(../img/header.png) no-repeat;*/
  background: url(../img/header2.png) no-repeat;
}

#header h1 {
  margin-top: 12px;
  margin-left: 22px;
  font-size: 48px;
  line-height: 35px;
  /*color: #af8554;*/
  color: #ffffff;
}

#header h1 span {
  position: relative;
  top: -12px;
}

#header h1 .date {
  top: -37px;
  font-size: 18px;
  color: #fff;
}

#menu {
  position: absolute;
  top: 130px;
  padding-top: 8px;
  padding-left: 17px;
  list-style: none;
}

#menu li {
  margin-top: 8px;
}

#menu a {
  padding-left: 5px;
  padding-right: 30px;
  font-size: 20px;
  line-height: 25px;
  height: 25px;
  /*color: #af8554;*/
  color: #ffffff;
  text-decoration: none;
}

#menu a:hover, #menu a.selected {
  color: #fff;
  /*background: #baa389 url(../img/menu_hover.png) 100% 0 no-repeat;*/
  background: #808080 url(../img/menu_hover2.png) 100% 0 no-repeat;
}

#focus {
  position: absolute;
  top: 365px;
  padding-left: 15px;
}

#focus .photo {
  position: relative;
  margin-bottom: 15px;
  font-size: 0;
}

#focus .photo img {
  /*border: 1px solid #766053;*/
  border: 1px solid #ffffff;
}

#focus .photo .legend {
  display: none;
  position: absolute;
  bottom: 1px;
  left: 1px;
  padding: 10px;
  font: bold 17px Times, serif;
  line-height: 17px;
  /*color: #baa389;*/
  color: #ffffff;
  letter-spacing: -1px;
  /*background: url(../img/photo_hover.png) repeat;*/
  background: url(../img/photo_hover2.png) repeat;
}

#etam-logo {
  display: block;
  position: absolute;
  top: 681px;
  left: 21px;
  width: 100px;
  height: 31px;
  /*background: url(../img/logo_etam.png) no-repeat;*/
  background: url(../img/logo_etam2.png) no-repeat;
}

#footer {
  position: absolute;
  bottom: 5px;
  left: 250px;
  width: 770px;
  font-size: 11px;
  /*color: #a19897;*/
  color: #808080;
}

#footer a {
  float: right;
  /*color: #240f0c;*/
  color: #ffffff;
  text-decoration: none;
}

#xhr-content {
  position: absolute;
  top: 0;
  left: 1000px;
}

#l8n {
	position: absolute;
	top:0;
	right:60px;
	/*background-color: #23100c;*/
	background-color: #000000;
	width:90px;
	height:23px;
	padding:0px 0 0 0;
}

#l8n #flag {
	display: block;
	width:24px;
	height:13px;	
	text-indent: -9999px;
	overflow: hidden;
	float:left;
	margin:4px 3px 0 4px;
}

#l8n #flag.es {
	background: transparent url(../img/flag-es.jpg) no-repeat 0 0;
}

#l8n #flag.es:hover {
	background: transparent url(../img/flag-es.jpg) no-repeat 0 -13px;
}

#l8n #flag.fr {
	background: transparent url(../img/flag-fr.jpg) no-repeat 0 0;
}

#l8n #flag.fr:hover {
	background: transparent url(../img/flag-fr.jpg) no-repeat 0 -13px;
}

#l8n span {
	font-size: 16px;
	float: left;
}

/** HOME **/

#home-intro {
  position: absolute;
  top: 38px;
  left: 250px;
  width: 450px;
  font: 30px Times, serif;
  letter-spacing: -1px;
  color: #23100C;
}

#home-intro strong {
  font-size: 33px;
  font-weight: normal;
}

.home-box {
  overflow: hidden;
  position: absolute;
  top: 516px;
  left: 250px;
  padding: 12px 20px;
  width: 335px;
  height: 176px;
  background: url(../img/box.png) repeat;
}

.home-box-right {
  left: 645px;
}

.home-box h2 {
  margin-bottom: 15px;
  padding-bottom: 4px;
  font-size: 24px;
  color: #af8554;
  border-bottom: 1px dotted #725c50;
}

.home-box h3 {
  margin-bottom: 12px;
  font: normal 18px Times, serif;
  line-height: 16px;
  letter-spacing: -1px;
  color: #baa389;
}

.home-box img {
  border: 1px solid #766053;
}

.home-box div {
  float: right;
  width: 225px;
}

.home-box a {
  color: #af8554;
  text-decoration: none;
}

/** BOX **/

.box {
  position: absolute;
  top: 130px;
  left: 250px;
  padding: 10px;
  width: 755px;
  height: 565px;
  /*background: url(../img/box.png) repeat;*/
  background: url(../img/box2.png) repeat;
}

.scrollpane {
  overflow: auto;
  padding-left: 10px;
  height: 100%;
}

.no-scrollpane {
  padding: 10px 20px;
  padding-right: 40px;
  width: 715px;
}

.box h2 {
  margin-bottom: 15px;
  padding-top: 5px;
  padding-bottom: 10px;
  font-size: 30px;
  /*color: #af8554;*/
  color: #ffffff;
  /*border-bottom: 1px dotted #725c50;*/
  border-bottom: 1px dotted #ffffff;
}

.box h3 {
  margin-bottom: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 24px;
  color: #af8554;
  border-bottom: 1px dotted #725c50;
}

.box img {
  border: 1px solid #766053;
}

.box .intro {
  font: 18px Times, serif;
  line-height: 20px;
  letter-spacing: -1px;
  /*color: #baa389;*/
  color: #808080;
}

.box .intro a {
  color: #baa389;
  border-bottom: 1px dotted #baa389;
}

/** NEWS **/

.news-box {
  top: 190px;
  height: 505px;
}

.news-category-box {
  display: block;
  position: absolute;
  top: 130px;
  left: 250px;
  padding-top: 8px;
  padding-left: 15px;
  height: 44px;
  font: bold 16px Times, serif;
  /*color: #9b754b;*/
  color: #808080;
  text-decoration: none;
  /*background: url(../img/news_category.png) repeat-x;*/
  background: url(../img/news_category2.png) repeat-x;
}

a.news-category-box:hover, a.news-category-box.selected {
  color: #fff;
  background-position: 0 100%;
}

.news-category-box span {
  display: none;
}

a.news-category-box:hover span, a.news-category-box.selected span {
  display: inline;
}

div.news-category-box {
  opacity: 0.4;
}

.news-box .meta {
  width: 145px;
  font: 14px Times, serif;
  font-weight: 500;
  /*color: #baa389;*/
  color: #ffffff;
}

.news-box .meta p {
  margin-bottom: 10px;
}

.news-box .meta .hr {
  height: 1px;
  /*border-bottom: 1px dotted #725c50;*/
  border-bottom: 1px dotted #ffffff;
}

.news-box .author img {
  float: left;
  margin-right: 10px;
}

.news-box .meta .love {
  font-size: 16px;
}

.news-box .meta .love img {
  margin: 0 3px;
  border: none;
}

.news-box .meta .love a {
  border-bottom: 1px dotted #634d43;
}

.news-box .meta .share a {
  display: block;
  float: left;
  margin-right: 3px;
  width: 22px;
  height: 22px;
}

.news-box .meta .share a:hover {
  background-position: 0 100%;
}

.news-box .meta .share .facebook {
  background: url(../img/facebook_icon.png) no-repeat;
}

.news-box .meta .share .twitter {
  background: url(../img/twitter_icon.png) no-repeat;
}

.news-box .meta .share .blogger {
  background: url(../img/blogger_icon.png) no-repeat;
}

.news-box .entry {
  float: right;
  width: 550px;
}

.news-box .entry .intro .small {
  font-size: 14px;
}

.news-box .entry p {
  margin-bottom: 15px;
  line-height: 20px !important;
}

.news-box .entry a {
  border-bottom: 1px dotted #fff;
}

.news-box .entry .center .lightbox {
  margin: 0 20px 0 0;
  border: none;
}

.news-box .entry .left {
  float: left;
  margin-right: 10px;
}

/* SIMPLE MODAL */

#simplemodal-overlay {
  background-color: #000 /*#240f0c*/;
}

/** LIVE **/

.live-countdown-box {
  padding: 0;
  width: 770px;
  height: 590px;
  background: url(../img/live/background.jpg) no-repeat;
}

.live-countdown-box .countdown {
  margin-top: 200px;
  font: 35px Times, serif;
  font-weight: bold;
  letter-spacing: -1px;
  color: #fff;
  text-align: center;
}

.live-countdown-box .countdown strong {
  font-size: 49px;
}

.live-box {
  padding: 10px 25px;
  width: 705px;
}

.live-box .share {
  float: right;
  margin-top: 10px;
  font: 12px Arial, sans-serif;
  line-height: 28px;
  letter-spacing: -1px;
  color: #fff;
}

.live-box .share a  {
  margin-left: 10px;
  font-size: 0;
}

.live-box img {
  border: none;
}

.live-box .fb-chat {
  float: right;
  margin-left: 15px;
}

.live-box .video {
  margin: 10px 0;
  font-size: 0;
  text-align: center;
}

.live-box .intro {
  font: 14px Arial, sans-serif;
  line-height: 18px;
  letter-spacing: 0;
  /*color: #baa389;*/
  color: #ffffff;
  text-align: justify;
}

.live-box .banner {
  clear: both;
  margin: 5px 0;
}

.live-box .small {
  font-size: 8px;
}

/** PHOTOS **/

.photos-box h2, .videos-box h2 {
  margin-bottom: 0;
}

.box .gallery .photo {
  position: relative;
  float: left;
  margin-left: 24px;
  margin-top: 24px;
  width: 222px;
  height: 147px;
  font-size: 0;
  text-decoration: none;
  text-align: center;
} 

.box .gallery .photo.first {
  margin-left: 0;
}

.box .gallery .photo .legend {
  display: none;
  position: absolute;
  bottom: 1px;
  left: 1px;
  padding: 10px;
  font: bold 14px Times, serif;
  /*color: #baa389;*/
  color: #ffffff;
  letter-spacing: -1px;
  /*background: url(../img/photo_hover.png) repeat;*/
  background: url(../img/photo_hover2.png) repeat;
}

/** LIVE **/
.box ul#gallery-live {
  margin-top: 48px;
  padding: 0;
  width: 730px;
}

.box ul#gallery-live li  {
  padding: 0px;
  display: inline-block;
  *display: inline; /* IE 7 and below */
  position: relative;
  margin-right: 8px;
  width: 170px;
  height: 350px;
  font-size: 0;
  text-decoration: none;
} 

.box ul#gallery-live li a.lien img {
  position: absolute;
  top: 0;
  left: 0;
  width: 170px;
  border: 1px solid #777575 ;
}

.legende {
  position: absolute;
  top: 218px;
  font-size: 14px;
  color: #ffffff;
  text-align: left;
  margin: 0;
  padding: 0;
  /*text-indent: -9999px;*/
}
  .legende .sous-legende {
    display: block;
    font-size: 12px;
    text-align: justify;
    margin-top: 8px;
    opacity: 0;
    filter : alpha(opacity=0);
    /*text-indent: 0px;*/
  }

.logo-collection {
  position: absolute;
  top: 555px;
  display: block;
  width: 185px;
  height: 20px;
}

.box ul.gallery-live .photo-live.first {
  margin-left: 0;
}

/** VIDEOS **/

.play {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(../img/play.png) no-repeat 50% 50%;
}

.guest-box p strong {
  font: bold 16px Times, serif;
  /*color: #baa389;*/
  color: #ffffff;
}

.guest-box img {
  border: 0;
  margin-top: 25px;
}

/** CONTEST **/

.contest-box p, .contest-small-box p {
  margin-bottom: 15px;
  line-height: 17px !important;
}

.contest-box a {
  color: #fff;
  text-decoration: none;
}

.contest-box .intro {
  font-size: 16px;
  line-height: 20px !important;
  letter-spacing: 0;
}

.contest-small-box a {
  color: #af8554;
  text-decoration: none;
}

.contest-small-box {
  float: left;
  margin-left: 25px;
  width: 345px;
}

.contest-small-box.first {
  margin-left: 0;
}

.contest-small-box.wide {
  margin-left: 0;
  width: 100%;
}

.contest-small-box p {
  float: right;
  width: 230px;
}

.contest-small-box.wide p {
  width: 600px;
}

.contest-box-1 {
  float: right;
  width: 480px;
}

.contest-box-2 {
  float: right;
  width: 370px;
}

.button {
  font-size: 0;
}

.button img {
  border: 0;
}

.contest-box ol {
  margin-left: 5px;
  font: bold 17px Times, serif;
  color: #baa389;
}

.contest-box ol li {
  margin: 20px 0;
}

.contest-box ol p {
  font: 12px Arial, sans-serif;
  color: #fff;
}

.facebook-join {
  padding-left: 20px;
  background: url(../img/facebook_join.png) no-repeat;
}

.contest-box input[type=radio] {
  margin-right: 5px;
}

.contest-box input[type=text], .guest-box input[type=text], .press-box input[type=password] {
  margin: 5px 0;
  padding-top: 8px;
  padding-left: 15px;
  height: 25px;
  line-height: 33px;
  font: 14px Arial, sans-serif;
  color: #fff;
  /*border: 1px solid #baa389;*/
  border: 1px solid #808080;
  /*background: #240f0c;*/
  background: #404040;
}

.contest-box input[type=image] {
  margin: 5px 0;
}

.contest-box select {
  margin: 5px 0;
  height: 33px;
  line-height: 33px;
  padding-top: 8px;
  vertical-align: top;
  color: #fff;
  border: 1px solid #baa389;
  background: #240f0c;
}

.contest-box input.error, .guest-box input.error {
  border: 2px solid #f00;
}

.contest-box label.error, .guest-box label.error {
  color: #f00;
}

.contest-box .errors, .guest-box .errors, .press-box .errors {
  color: #f00;
}

.contest-twitter {
  margin: 30px 0;
  padding-left: 200px;
  height: 50px;
  background: url(../img/contest/contest_twitter.png) no-repeat;
}

.contest-twitter-small {
  margin: 15px 0;
  padding-left: 115px;
  height: 30px;
  background: url(../img/contest/contest_twitter_small.png) no-repeat;
}

.contest-facebook {
  margin: 30px 0;
  padding-left: 200px;
  height: 50px;
  background: url(../img/contest/contest_facebook.png) no-repeat;
}

.contest-facebook-small {
  margin: 15px 0;
  padding-left: 115px;
  height: 30px;
  background: url(../img/contest/contest_facebook_small.png) no-repeat;
}

.contest-youtube {
  margin: 30px 0;
  padding-top: 5px;
  padding-left: 200px;
  height: 50px;
  background: url(../img/contest/contest_youtube.png) no-repeat;
}

.contest-youtube-small {
  margin: 15px 0;
  padding-left: 115px;
  height: 30px;
  background: url(../img/contest/contest_youtube_small.png) no-repeat;
}

.contest-twitter a, .contest-facebook a, .contest-youtube a, .contest-twitter-small a, .contest-facebook-small a, .contest-youtube-small a {
  color: #af8554;
  text-decoration: none;
}

/** CREDITS **/

.credits-box p {
  margin: 25px 0;
}

.credits-box strong {
  font-size: 14px;
  /*color: #af8554;*/
  color: #808080;
}