/*******************/
/* General styles  */
/*******************/

/*
body {
  font-family: Verdana;
  behavior: url('../js/csshover.htc');
}

img {
  border: 0;
}

.invisible {
  display: none;
}
div#banner {
  display: none;
}
*/

/**********/
/* Banner */
/**********/

div#banner {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  background-color: white;
  background-image: url("../img/logos/tsrdecouverte_vertic.gif");
  background-repeat: no-repeat;
  background-position: 0 0;
  border: 1px solid #009900;
  z-index: 0;
}

.banner_size {
  width: 920px;
  height: 80px;
}

/* small banner

div#banner {
  position: relative;
  background-color: white;
  background-image: url("../img/logos/tsrdecouverte_horiz.gif");
  background-repeat: no-repeat;
  background-position: 0 0;
  z-index: 0;
  border: 1px solid #009900;
}

.banner_size {
  width: 920px;
  height: 48px;
}

*/

div#find_area {
  display: none;
}

.bannerdoc_size {
  width: 253px;
  height: 80px;
} 
  
div#bannerdoc {
  position: relative;
  float: right;
  background-color: #BDDE53;
  background-image: url("../img/home/bannerdoc.gif");
  background-repeat: repeat-x;
  overflow: hidden;
  z-index: 10;
} 


/*******************/
/* Links           */
/*******************/

div.glink {
  position: absolute;
  background-image: url('../img/blank.gif');
  overflow: hidden;
  z-index: 5;
}

a.glink {
  display: block;
  overflow: hidden;
  z-index: 5;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

p {
  padding: 0;
  margin: 0;
}

p.lead {
  line-height: 1.2em;
}

/*******************/
/* Plus links      */
/*******************/

.plus_size {
  width: 36px;
  height: 20px;
}

.plus {
  float: right;
  background-image: url('../img/new-home/plus.gif');
}

.plus:hover {
  background-image: url('../img/new-home/anim_plus.gif');
}

/*******************/
/* List items      */
/*******************/

.item {
  margin-bottom: 5px;
  border: 1px solid white;
  overflow: hidden;
  float: left;
}

.item p {
  margin: 5px;
  margin-bottom: 0;
  margin-top: 2px;
  color: white;
}

.item p.item_title {
  font-weight: bold;
  margin-left: 6px;
}

.item p.item_title a {
  color: white;
}

.item img {
  float: left;
  margin: 6px;
  margin-bottom: 0;
  width: 150px;
  height: 75px;
}

#list_dossiers .item, #outils .item, #rubriques .item {
  text-align: center;
}

#outils .item p, #outils .item a {
  color: #c24412;
}

#rubriques .item p, #rubriques .item a {
  color: #212685;
}

#list_dossiers img, #outils img, #rubriques img {
  float: none;
}

#list_dossiers .item:hover img, #outils .item:hover img, #rubriques .item:hover img {
  display: none;
}

#list_dossiers p.lead, #outils p.lead, #rubriques p.lead {
  display: none;
}

#list_dossiers .item:hover p.lead, #outils .item:hover p.lead, #rubriques .item:hover p.lead {
  display: block;
}

/*******************/
/* Page content    */
/*******************/

div#page {
  position: absolute;
  font-size: 10px;
  width: 922px;
  height: 827px;
  overflow: hidden;
}

div#page div {
  position: absolute;
  overflow: hidden;
  background-repeat: no-repeat;
}

div#page li {
  overflow: hidden;
  background-repeat: no-repeat;
}

div#page ul {
  position: absolute;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

/*******************/
/* Zones           */
/*******************/

div#zones {
  width: 179px;
  height: 83px;
  top: 0;
  left: 0;
}

div#zones li {
  margin-bottom: 5px;
  /* Fix for inter-li space bug in IE */
  display: block;
  float: left;
}

.zones_size {
  width: 179px;
  height: 17px;
}

li#zone4a12 {
  background-image: url('../img/new-home/title_enfants.gif');
  background-color: #774a93;
}

li#zone13a16 {
  background-image: url('../img/new-home/title_ados.gif');
  background-color: #2b4391;
}

li#zone17plus {
  background-image: url('../img/new-home/title_adultes.gif');
  background-color: #e64e15;
}

li#e-media {
  background-image: url('../img/new-home/title_e-media.gif');
  background-color: #9f3a3f;
}

/*******************/
/* Sites           */
/*******************/

div#sites {
  width: 179px;
  height: 237px;
  top: 88px;
  left: 0;
  background-color: #4d4d4d;
}

div#title_sites {
  width: 179px;
  height: 16px;
  background-image: url('../img/new-home/title_sites.gif');
}

div#sites ul {
  width: 162px;
  top: 23px;
  left: 13px;
}

div#sites .item:hover {
  background-color: #7a7a7a;
}

.sites_size {
  width: 160px;
  height: 90px;
}

div#sites p.image {
  margin: 0;
}

div#sites img {
  /*width: 114px;*/
  height: 67px;
}

div#sites p.item_title {
  margin-left: 5px;
  margin-right: 3px;
  float: left;
  font-weight: normal;
}

/*******************/
/* Search          */
/*******************/

div#search {
  width: 179px;
  height: 48px;
  top: 330px;
  left: 0;
  background-color: #b0cc9d;
}

div#title_search {
  width: 179px;
  height: 16px;
  background-color: #1e932e;
  background-image: url('../img/new-home/title_search.gif');
}

div#search form {
  position: absolute;
  padding: 0;
  top: 16px;
  height: 32px;
  width: 179px;
  overflow: hidden;
}

div#search form .field {
  position: absolute;
  border: 0;
  width: 130px;
  height: 17px;
  margin-left: 5px;
  margin-top: 6px;
}

div#search form .button {
  position: absolute;
  margin-left: 139px;
  margin-top: 7px;
}

/*******************/
/* Tags cloud      */
/*******************/

div#tagscloud {
  width: 179px;
  height: 295px;
  top: 378px;
  left: 0;
  background-image: url('../img/new-home/tagscloud.gif');
  background-color: white;
}

div#tagscloud ul {
  left: 15px;
  top: 25px;
  width: 140px;
  height: 235px;
  text-align: center;
}

div#tagscloud ul li {
  display: inline;
}

div#tagscloud ul li a {
  color: #00aae3;
  font-weight: bold;
  line-height: 1.2em;
}

/*******************/
/* Dossiers        */
/*******************/

div#dossiers {
  width: 365px;
  height: 673px;
  left: 185px;
  top: 0;
  background-color: #e03029;
}

/* Main dossier */

.main_dossier p {
  color: white;
}

div#main_dossier_title p.item_title {
  display: none;
  position: absolute;
  width: 189px;
  height: 65px;
  margin: 6px;
  background-color: #c11d22;
  opacity: 0.9;
  overflow: hidden;
}

div#main_dossier_title p.item_title a {
  display: block;
  margin: 10px;
  font-weight: bold;
  font-size: 18px;
  color: white;
}

.main_dossier_size {
  width: 352px;
  height: 265px;
}

div#main_dossier_title img {
  margin-top: 6px;
  margin-left: 6px;
}

.description_size {
  width: 173px;
  height: 390px;
}

div#main_dossier_description {
  top: 270px;
  margin: 6px;
}

div#main_dossier_description:hover {
  text-decoration: underline;
  color: white;
}

div#main_dossier_description p.subtitle {
  font-size: 20px;
  font-family: Georgia, "Times New Roman", Times, serif;
  margin: 0;
}

div#main_dossier_description p.medium {
  font-size: 12px;
}

div#main_dossier_description p.big {
  font-size: 14px;
}

/* List dossiers */

div#title_dossiers {
  width: 171px;
  height: 17px;
  top: 283px;
  left: 189px;
  background-image: url('../img/new-home/title_dossiers.gif');
  background-color: #9f3a3f;
}

ul#list_dossiers {
  position: absolute;
  left: 189px;
  top: 300px;
  width: 171px;
  height: 373px;
  overflow: hidden;
}

.dossiers_size {
  width: 171px;
  height: 106px;
}

ul#list_dossiers .item {
  background-color: #fadfde;
  border: 0;
}

ul#list_dossiers .item:hover {
  background-color: #fff3f3;
}

ul#list_dossiers .item p, ul#list_dossiers .item a {
  color: #9f3a3f;
}

ul#list_dossiers .plus {
  margin-top: 20px;
}

/*******************/
/* Videos          */
/*******************/

div#videos {
  width: 360px;
  height: 185px;
  left: 550px;
  top: 7px;
}

div#videos .container {
  margin: 0 45px;
  background-image: url('../img/new-home/bg_player.gif');
  width: 270px;
  height: 154px;
}

div.tsrplayer-parent {
  margin-left: 4px !important;
  margin-top: 4px !important;
}

div#en_video {
  left: 7px;
  top: 160px;
  width: 350px;
  height: 30px;
  overflow: hidden;
  background-image: url('../img/new-home/en_video.gif');
}

div#en_video p.text {
  margin-left: 75px;
  margin-top: 5px;
  font-weight: bold;
  color: black;
  font-size: 10px;
}

.outils_size, .rubriques_size {
  width: 169px;
  height: 102px;
}

.plus_videos_size {
  width: 128px;
  height: 20px;
}

div#plus_videos {
  left: 80px;
  top: 162px;
  background-image: url('../img/new-home/plus_videos.gif');
}

div#plus_videos:hover {
  background-image: url('../img/new-home/anim_plus_videos.gif');
}

/**********************/
/* Outils & Rubriques */
/**********************/

.outils_size, .rubriques_size {
  width: 169px;
  height: 102px;
}

div#outils ul, div#rubriques ul {
  top: 24px;
  left: 4px;
  width: 169px;
}

/**********************/
/* Outils             */
/**********************/

div#outils {
  width: 179px;
  height: 480px;
  top: 194px;
  left: 557px;
  background-color: #f6ab08;
}

div#outils .item:hover {
  background-color: #ffcb59;
}

div#title_outils {
  width: 179px;
  height: 17px;
  background-color: #e64e15;
  background-image: url('../img/new-home/title_outils.gif');
}

/**********************/
/* Rubriques          */
/**********************/

div#rubriques {
  width: 179px;
  height: 480px;
  top: 194px;
  left: 743px;
  background-color: #0da9c8;
}

div#rubriques .item:hover {
  background-color: #61d0e6;
}

div#title_rubriques {
  width: 179px;
  height: 17px;
  background-color: #2b4391;
  background-image: url('../img/new-home/title_rubriques.gif');
}

/**********************/
/* Semaine            */
/**********************/

#semaine {
  position: absolute;
  width: 922px;
  height: 97px;
  top: 680px;
  left: 0px;
}

#semaine .item {
  float: left;
  margin-right: 6px;
  background-color: #774a93;
  border: 0;
  /*
  background-image: url('../img/new-home/plus.gif');
  background-position: 185px 77px;
  */
}

#semaine .item:hover {
  background-color: #87669b;
  /*
  background-image: url('../img/new-home/anim_plus.gif');
  */
}

#semaine .last {
  margin-right: 0;
}

#semaine .item a {
  color: white;
}

#semaine .item_title a {
  margin-left: 5px;
}

#semaine .item a:hover {
  text-decoration: none;
}

.semaine_size {
  width: 226px;
  height: 97px;
}

#semaine p.item_title {
  width: 226px;
  height: 16px;
  float: left;
  overflow: hidden;
  margin: 0;
  padding: 0;
  background-color: #b49ac4;
}

#semaine img {
  margin-top: 0;
  width: 100px;
  height: 75px;
}

#semaine p.lead {
  height: 62px;
  width: 105px;
  margin-left: 0;
  float: left;
  overflow: hidden;
}

/***************/
/* Bottom area */
/***************/

div#bottom_area {
  top: 777px;
  width: 920px;
  height: 50px;
  background-color: white;
}

/* Partenaires */

div#partenaires {
  position: relative;
  margin-top: 30px;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 2px;
  border: 0px dotted green;
}

.partenaires_size {
  width: 230px;
  height: 15px;
}

div#partenaires a {
  color: #4D4D4D;
  text-align: center;
}

div#partenaires a:hover {
  color: red;
}


/* Logo loro */

div#page div#loro {
  position: relative;
  margin-left: 15px;
  margin-top: 10px;
}

.loro_size {
  width: 420px;
  height: 30px;
}

div#loro:hover div#text_loro {
  text-decoration: underline;
  color: #444444;
}

div#page div#text_loro {
  position: relative;
  top: 10px;
  float: left;
  width: 250px;
  text-align: right;
  color: #666666;
  font-size: 11px;
  text-transform: uppercase;
}

div#page div#logo_loro {
  position: relative;
  float: left;
  background-image: url("../img/logos/loro.gif");
  background-repeat: no-repeat;
  width: 153px;
  height: 28px;
}

div#link_loro {
  position: relative;
  top: 7px;
  float: left;
  background-image: url("../img/home/link_loro.gif");
  background-repeat: no-repeat;
  width: 94px;
  height: 14px;
}


/* RSS styles */

div#rss {
  position: absolute;
  top: 18px;
  left: 880px;
  background-image: url("../img/pictos/rss.gif");
  background-repeat: no-repeat;
}

.rss_button_size {
  width: 25px;
  height: 15px;
}


/* Contact styles */

div#contact {
  position: absolute;
  top: 20px;
  left: 590px;
}

div#bottom_area div#contact a {
  color: #666666;
  font-size: 11px;
  text-align: right;
}

div#contact a:hover {
  text-decoration: underline;
}

.contact_button_size {
  width: 100px;
  height: 15px;
}