/*                     */
/* Mise forme générale */
/*                     */
html {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 9pt;
line-height: 13pt;
text-align: center;
color: #ffffff;
background-color: #156aff;
padding: 0; 
margin: 0;
}
html, body {
text-align: center;
height: 100%;
padding: 0; 
margin: 0;
}
/* Conteneur de la Page */
#container {
width: 990px;
min-height: 100%;
background: url("../images/background.jpg") repeat-y left top;
/* top/bottom right/left */
margin: 0 auto;
padding: 0;
}
/* Hack pour IE */
* html #container {
height: 100%;
}
/* Header */
#header {
width: 990px;
height: 110px;
background: url("../images/header.jpg") no-repeat left top;
}
/* Colonne Gauche Publicité */
#col-pub {
width: 128px;
background: url("../images/col-pub_bg.jpg") no-repeat left top;
float: left;
text-align: center;
padding-top: 50px;
padding-right: 18px;
}
/* Hack pour IE */
* html #col-pub {
width: 146px;
}
/* Colonne Gauche Menu */
#col-menu {
width: 160px;
background: url("../images/col-menu_bg.jpg") no-repeat left top;
float: left;
text-align: center;
padding-top: 50px;
padding-right: 22px;
line-height: 10pt;
}
/* Hack pour IE */
* html #col-menu {
width: 182px;
}
/* Colonne Droite */
#col-droite {
width: 650px;
float: left;
text-align: center;
padding: 20px;
}
/* Hack pour IE */
* html #col-droite {
width: 662px;
}
/* Blocs de contenu */
.bloc {
width: 600px;
background: url("../images/bloc_bg.jpg") repeat-y left top;
margin: 0 auto;
/* top right bottom left */
padding: 10px 10px 0 10px;
text-align: justify;
}
/* Hack pour IE */
* html .bloc {
width: 620px;
}
/* Pied Blocs de contenu */
.foot {
width: 620px;
height: 20px;
background: url("../images/bloc_footer.jpg") no-repeat left top;
/* top right bottom left */
margin: 0 auto 20px auto;
}
/* Bloc Webcam */
.webcam {
width: 190px;
height: 220px;
border: 1px solid #156aff;
text-align: center;
background: url("../images/webcam_bg.jpg") repeat-x left 29px;
background-color: #002e7e;
float: left;
/* top right bottom left */
margin: 0 0 10px 6px;
}

/*                */ 
/* Menu Superieur */
/*                */

#top-menu {
width: 990px;
height: 30px;
text-align: left;
background: url("../images/top-menu_bg.jpg") no-repeat left top;
}
#top-menu dl {
width: 660px;
height: 30px;
/* top right bottom left */
margin: 0 2px 0 328px;
}
#top-menu dd {
width: 132px;
height: 30px;
line-height: 30px;
font-size: 12pt;
font-weight: bold;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
text-align: left;
text-indent: 18px;
display: inline;
float: left;
margin: 0;
}
#top-menu a:link, #top-menu a:visited {
width: 132px;
height: 30px;
color: white;
display: block;
background-color: transparent;
text-decoration: none;
background: url("../images/top-menu_off") no-repeat left top;
}
#top-menu a:active, #top-menu a:hover, #top-menu #on {
width: 132px;
height: 30px;
display: block;
color: #001894;
text-decoration: none;
background: url("../images/top-menu_on") no-repeat left top;
}

/*             */
/* Menus Gauche */
/*             */

#menu {
width: 160px;
display: block;
margin: auto;
padding: 0;
margin-bottom: 20px;
}
#menu dd {
width: 160px;
height: 19px;
line-height: 19px;
font-family: Arial, Helvetica, sans-serif; 
font-size: 9pt;
font-weight: bold;
text-align: left;
text-indent: 5px;
background-image: url("../images/left-menu_off.jpg");
background-repeat: repeat-x;
background-position: left top;
margin: 0;
}
#menu a:link, #menu a:visited {
width: 160px;
height: 19px;
display: block;
color: #efe7c6;
text-decoration: none;
background-color: inherit;
}
#menu a:active, #menu a:hover, #menu #menu_on {
color: white;
text-decoration: none;
background-color: inherit;
background-image: url("../images/left-menu_on.jpg");
background-repeat: repeat-x;
background-position: left top;
text-indent: 20px;
}

/*                      */
/*        Titres        */
/*                      */

/* Titres Droite */
h1 {
font-family: Arial, Helvetica, sans-serif; 
font-size: 16pt;
text-align: center;
/* top right bottom left */
margin: 0 0 10px 0;
padding: 0;
clear: both;
}
/* Sous Titres */ 
h2 {
font-family: Arial, Helvetica, sans-serif; 
font-size: 12pt;
text-align: center;
/* top/bottom left/right */
margin: 5px 0;
}
/* Sous Titres */ 
h3 {
font-family: Arial, Helvetica, sans-serif; 
font-size: 9pt;
text-align: center;
/* top/bottom left/right */
margin: 5px 0;
}
/* Titres Bloc Générique */
.generique {
width: 620px;
height: 41px;
line-height: 41px;
text-indent: 50px;
text-align: left;
background: url("../images/titre-generique.jpg") no-repeat left top;
/* top/bottom left/right */
margin: 0 auto;
}
/* Titres Bloc Photo */
.photos {
width: 620px;
height: 41px;
line-height: 41px;
text-indent: 50px;
text-align: left;
background: url("../images/titre-photos.jpg") no-repeat left top;
/* top/bottom left/right */
margin: 0 auto;
}
/* Titres Bloc Vidéos */
.videos {
width: 620px;
height: 41px;
line-height: 41px;
text-indent: 50px;
text-align: left;
background: url("../images/titre-videos.jpg") no-repeat left top;
/* top/bottom left/right */
margin: 0 auto;
}
/* Titres Bloc Webcams */
.webcams {
width: 620px;
height: 41px;
line-height: 41px;
text-indent: 50px;
text-align: left;
background: url("../images/titre-webcams.jpg") no-repeat left top;
/* top/bottom left/right */
margin: 0 auto;
}
/* Titres Bloc Annuaire */
.annuaire {
width: 620px;
height: 41px;
line-height: 41px;
text-indent: 50px;
text-align: left;
background: url("../images/titre-annuaire.jpg") no-repeat left top;
/* top/bottom left/right */
margin: 0 auto;
}
/* Nom de l'hotesse */
.hotesse {
height: 28px;
line-height: 28px;
font-size: 12pt;
text-align: center;
background-color: #002e7e;
border-bottom: 1px solid #156aff;
/* top right bottom left */
margin: 0 0 5px 0;
}
/* Hotesse online */
.hotesse_on {
background: url("../images/webcam_on.jpg") no-repeat 10px 50%;
}
/* Hotesse offline */
.hotesse_off {
background: url("../images/webcam_off.jpg") no-repeat 10px 50%;
}
/*                     */
/*        Liens        */
/*                     */

a:link, a:visited {
color: #7dacff;
text-decoration: underline;
background-color: transparent;
outline: none;
}
a:active, a:hover {
color: #001894;
background-color: transparent;
text-decoration: none;
outline: none;
}
/* Liens Index */ 
a.index {
font-size: 18pt;
font-weight: bold;
/* top/bottom left/right */
margin: 0 50px;
}
/* Lien Bouton */
.bouton {
height: 30px;
line-height: 30px;
font-size: 13pt;
font-weight: bold;
text-align: center;
display: block;
background-color: transparent;
background: url("../images/bouton_bg.jpg") no-repeat left top;
clear: both;
}
a.bouton, a.live {
color: #001894 !important;
text-decoration: none !important;
}
/* Lien Webcams */
.live {
width: 170px;
height: 20pxx;
line-height: 20px;
font-size: 10pt;
font-weight: bold;
text-align: center;
display: block;
background-color: transparent;
background: url("../images/webcam_bt.jpg") no-repeat left top;
clear: both;
/* top right bottom left */
margin: 5px auto 0 auto;
}

/*                   */
/*  Eléments divers  */
/*                   */

/*  Images dans la colonne Pub  */
#col-pub img {
/* top right bottom left */
margin: 0 auto 5px auto;
clear: both;
}
/* Pas de bordure sur les images par défaut */
img {
border: none;
vertical-align: middle;
}
/* Bordure sur les images */
.bord {
border: 1px solid black;
}
/*  Images dans les Blocs  */
.bloc img {
margin: 5px;
vertical-align: middle;
}
/*  Images flotantes dans les Blocs  */
.thumb {
/* top right bottom left */
margin: 0 5px 0 5px !important;
float: left;
}
/*  Images catégories annuaire  */
.cat {
/* top right bottom left */
margin: 0 10px 10px 10px !important;
float: left;
}
/* Retour à la ligne forcé */
.clear {
clear: both;
}
/* Alignement flottant à gauche */
.left {
/* top right bottom left */
margin: 0 10px 0 0;
float: left;
}
/* Alignement flottant à droite */
.right {
/* top right bottom left */
margin: 0  0 5px 10px;
float: right;
}
/* Alignement centré */
.center {
text-align: center;
}
/* Texte aligné à gauche */
.gauche {
text-align: left;
}
/* Infos sur la vidéo */
.infos {
float: left;
/* top/bottom left/right */
margin: 0 30px;
}
/* Listes */
ul {
padding: 0;
margin: 5px;
}
li {
font-size: 8pt;
text-align: left;
list-style-position: inside;
}
small {
font-size: 7pt;
}
/* Ligne de séparation */
.hr {
height: 1px;
line-height: 1px;
color: white;
background-color: #004aca;
/* top/bottom left/right */
margin: 10px auto;
border: 1px dotted black;
clear: both;
}

/* Galerie Photo Dhtml */
#thumbBox {
position: absolute;
left: 0;
top: 0;
width: auto;
/* top right bottom left */
padding: 5px 10px 0 10px;
background-color: white;
border: 3px solid black;
visibility: hidden;
z-index: 10;
cursor: pointer;
}
#thumbBox #thumbImage {
font-weight: bold;
color: black;
background-color: white;
margin-bottom: 5px;
}
#thumbBox #thumbImage img {
border: 2px solid black;
}
#thumbLoading {
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: white;
padding: 5px;
z-index: 5;
}