/* Centrer la page */
BODY { margin: 0; text-align: center; background: #FFFBEB url('../fond.gif') center 0px no-repeat;}
BODY.simpleLayout { background-image: none; text-align: left; }

img { border: none }

.ui-widget {
    font-size: 13px;
}

#page { width: 955px; text-align: left; margin: 0 auto; background-color: #FFFBEB; background-image: url('//www.xstory-fr.com/images/page_bg.gif');}


#haut {
    position: relative;
    width: 955px;
    height: 140px;
    background-image: url('//www.xstory-fr.com/images/logo.jpg');
    background-repeat: no-repeat;
    font-family: arial;
    font-size: 12px;
    color: white;
}
#haut #backToIndex {
    display: block;
    float: left;
    width: 265px;
    height: 132px;
}
#haut .votezpournous {
    position: absolute;
    left: 725px;
    top: 88px;
}
#haut .votezpournous a {
    font-family: arial;
    font-size: 12px;
    color: white;
    text-decoration: none;
    font-weight: bold;
}
#haut .votezpournous a:hover {
    text-decoration: underline;
}
#haut .bienvenue {
    position: absolute;
    left: 725px;
    top: 14px;
    width: 230px;
    height: 70px;
}
#haut .bienvenue .titre {
    color: #e81a74;
    font-weight: bold;
}
#haut #compteur {
    position: absolute;
    left: 725px;
    top: 117px;
    font-size: 11px;
    font-family: arial;
}
#haut #popupVotezpournous {
    display: none; 
    position: absolute; 
    top: 0px; 
    left: 275px; 
    width: 400px; 
    background-color: #fffbeb; 
    text-align: left; 
    border: solid 2px #992b8c; 
    padding: 4px;
}
#haut a#btnFermerVotezpournous {
    font-size: 12px; 
    font-weight: bold; 
    text-decoration: none; 
    color: #661051; 
    margin-top: 5px; 
    float: right;
}
#haut a#btnFermerVotezpournous:hover {
    text-decoration: underline;
    color: #d029a7; 
}

/** PUB pour les Annonces +  lien Favoris **/
#pubHeaderMessenger {
    /*background-image: url("../images/header_messenger1.png");*/
    height: 120px;
    margin-left: 244px;
    /*margin-top: 13px;*/
    position: absolute;
    width: 468px;
}
#pubHeaderMessenger ul {
    margin-top: 40px;
    padding-left: 52px;
}
#pubHeaderMessenger ul li {
    background-image: url("//www.xstory-fr.com/images/menu_puce.gif");
    background-position: 0 5px;
    background-repeat: no-repeat;
    font-family: Tahoma;
    font-size: 13px;
    font-weight: bold;
    list-style: none outside none;
    margin-bottom: 5px;
    padding-left: 8px;
}

#pubHeaderMessenger a {
    text-decoration:none;
    color: #820030;
}

#pubHeaderMessenger a:hover {
    text-decoration: underline;
}
#pubHeaderMessenger #messenger {
    margin-left: 2px;
    margin-top: 1px;
    position: absolute;
}

#favoris {
    top:108px;
    left: 725px;
    position: absolute;
}
#favoris a {
    color:#FFFFFF;
    text-decoration:none;
    font-weight:bold;
}
#favoris a:hover {
    text-decoration: underline;
}

/**     **/

#menu {
    width: 217px;
    float: left;
}
#contenu {
    width: 738px !important; /* FF */
    width: 735px; /* IE */
    margin-left: 217px;
}
BODY.simpleLayout #contenu {
    width: auto;
    margin-left: 0;
}
#contenu #pub-inscription-wrapper {
    display: none;
    position: relative;
    height: 95px;
}
#contenu #pub-inscription {
    position: absolute;
    top: -17px;
    left: 0;
    background-image: url("../images/nouvelle-version.png");
    height: 114px;
    width: 657px;
}
#contenu, #contenu TD {
    font-family: arial;
    font-size: 12px;
    color: #661051;
}
#contenu a { 
    color: #661051; 
    font-size: 14px;
    font-family: verdana;
    text-decoration: none;
}
#contenu a:hover { 
    color: #d029a7; 
    text-decoration: underline;
}
#contenu h1 {
    color: #820030;
    font-family: Arial;
    font-weight: bold;
    font-size: 17px;
    margin-top: 3px;
    margin-bottom: 3px;
}
#contenu h2, #contenu .h2 {
    color: #820030;
    font-family: arial;
    font-weight: bold;
    font-size: 13px;
    margin: 0px;
}
.demie_colonne {
    width: 369px !important;
    width: 366px;
    height: 335px;
    overflow: hidden;
}
.colonne_gauche {
    float: left;
}
.colonne_droite {
}
#dernieres_histoires {
}
.langue_es #dernieres_histoires .cadre h3,
.langue_en #dernieres_histoires .cadre h3 {
    margin-bottom: 15px;
    margin-top: 10px;
}
#derniers_posts {
}
#derniers_commentaires {
}
#derniere_video {
}
#derniers_commentaires .auteur {
    width: 312px;
    overflow: hidden;
}
#derniers_commentaires .auteur a {
    display: inline;
    font-weight: bold;
}
#meilleures_histoires .points,
#meilleurs_auteurs .points {
    width:47px;
    text-align:right;
    margin-right:4px;
    font-size:8px;
}
.meilleurs_auteurs_liste .liste_histoires {
    margin: 10px 0 20px 25px;
}
.meilleurs_auteurs_liste .liste_histoires div {
    font-size:11px; 
}
#glissiere_meilleurs_auteurs .numerosHistoires .lien {
    width:65px;
}
#glissiere_meilleurs_auteurs .numerosHistoires .bold {
    font-weight:bold;
}
#site_du_mois #image_site img {
    width: 180px;
    border:solid 2px #820030;
}
#pub_webcam {
    margin-top: 15px;
    margin-bottom: 25px;
}
#pub_bas {
    margin-top: 45px;
}
#bas {
    clear: left;
    width: 955px;
    height: 89px;
    background-image: url('//www.xstory-fr.com/images/footer.jpg');
    color: white;
    font-family: arial;
    font-size: 10px;
}
#bas .titre {
    width: 80px;
    margin-left: 2px;
    float: left;
    font-weight: bold;
}
#bas .liens {
    width: 650px;
    margin-left: 85px;
}
#bas .liens a {
    font-size: 9px;
    color: white;
}
#bas #pornspirit {
    text-align: center;
    margin-bottom: 5px;
}
/****************************************************************************************************/
TABLE.categories_list {
    width: 100%;
}
TABLE.categories_list a {
    padding-left: 22px;
    line-height: 20px;
    height: 20px;
    background-repeat: no-repeat;
    display: block;
}
TABLE.categories_list TD {
    margin: 0;
    padding: 0;
}
TABLE.categories_list a.categorie1  { background-image: url('//www.xstory-fr.com/images/categorie1_20.png'); }
TABLE.categories_list a.categorie2  { background-image: url('//www.xstory-fr.com/images/categorie2_20.png'); }
TABLE.categories_list a.categorie3  { background-image: url('//www.xstory-fr.com/images/categorie3_20.png'); }
TABLE.categories_list a.categorie4  { background-image: url('//www.xstory-fr.com/images/categorie4_20.png'); }
TABLE.categories_list a.categorie5  { background-image: url('//www.xstory-fr.com/images/categorie5_20.png'); }
TABLE.categories_list a.categorie6  { background-image: url('//www.xstory-fr.com/images/categorie6_20.png'); }
TABLE.categories_list a.categorie7  { background-image: url('//www.xstory-fr.com/images/categorie7_20.png'); }
TABLE.categories_list a.categorie8  { background-image: url('//www.xstory-fr.com/images/categorie8_20.png'); }
TABLE.categories_list a.categorie9  { background-image: url('//www.xstory-fr.com/images/categorie9_20.png'); }
TABLE.categories_list a.categorie10 { background-image: url('//www.xstory-fr.com/images/categorie10_20.png'); }
TABLE.categories_list a.categorie11 { background-image: url('//www.xstory-fr.com/images/categorie11_20.png'); }
TABLE.categories_list a.categorie12 { background-image: url('//www.xstory-fr.com/images/categorie12_20.png'); }
TABLE.categories_list a.categorie13 { background-image: url('//www.xstory-fr.com/images/categorie13_20.png'); }
TABLE.categories_list a.categorie14 { background-image: url('//www.xstory-fr.com/images/categorie14_20.png'); }

#categorie_descriptions {
    position: relative;
    height: 60px;
    width: 290px;
}
.categorie_description {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    background-repeat: no-repeat;
    padding-left: 62px;
    height: 100%;
}
#categorie1_description  { background-image: url('//www.xstory-fr.com/images/categorie1.png'); }
#categorie2_description  { background-image: url('//www.xstory-fr.com/images/categorie2.png'); }
#categorie3_description  { background-image: url('//www.xstory-fr.com/images/categorie3.png'); }
#categorie4_description  { background-image: url('//www.xstory-fr.com/images/categorie4.png'); }
#categorie5_description  { background-image: url('//www.xstory-fr.com/images/categorie5.png'); }
#categorie6_description  { background-image: url('//www.xstory-fr.com/images/categorie6.png'); }
#categorie7_description  { background-image: url('//www.xstory-fr.com/images/categorie7.png'); }
#categorie8_description  { background-image: url('//www.xstory-fr.com/images/categorie8.png'); }
#categorie9_description  { background-image: url('//www.xstory-fr.com/images/categorie9.png'); }
#categorie10_description { background-image: url('//www.xstory-fr.com/images/categorie10.png'); }
#categorie11_description { background-image: url('//www.xstory-fr.com/images/categorie11.png'); }
#categorie12_description { background-image: url('//www.xstory-fr.com/images/categorie12.png'); }
#categorie13_description { background-image: url('//www.xstory-fr.com/images/categorie13.png'); }
#categorie14_description { background-image: url('//www.xstory-fr.com/images/categorie14.png'); }


.cadre {
    width: 342px;
}
.cadre, .cadre a {
    color: #661051; 
    display: block;
    font-size: 11px !important;
    font-family: verdana !important;
}

.cadre_haut {
    height: 13px;
    background-image: url('//www.xstory-fr.com/images/cadre_haut.gif');
    background-repeat: no-repeat;
}
.cadre_milieu {
    background-image: url('//www.xstory-fr.com/images/cadre_milieu.gif');
    background-repeat: repeat-y;
    padding-left: 15px;
    padding-right: 15px;
    width: 312px !important; /* FF tient compte des padding */
    width: 342px; /* IE ne tient pas compte des padding */
    height: 260px;
    overflow: hidden;
}
.cadre_bas {
    height: 12px;
    background-image: url('//www.xstory-fr.com/images/cadre_bas.gif');
    background-repeat: no-repeat;
    margin-bottom: 0px !important; /* FF */
    margin-bottom: -1px; /* IE bug fix */
}
.cadre_bas_gauche {
    background-image: url('//www.xstory-fr.com/images/cadre_bas_gauche.gif');
    width: 150px;
    height: 23px;
    float: left;
}
.cadre_bas_droite {
    background-image: url('//www.xstory-fr.com/images/cadre_bas_droite.gif');
    width: 192px !important; /* FF */
    width: 189px; /* IE */
    height: 23px;
    line-height: 23px;
    display: block;
    font-size: 12px !important;
    font-family: arial !important;
    color: white !important;
    margin-left: 150px;
    text-align: center;
    vertical-align: middle;
}

.cadre h3 {
    color: #650e52;
    font-size: 11px;
    font-weight: bold;
    font-family: verdana;
    font-variant: small-caps;
    margin: 0;
    margin-top: 5px;
    margin-bottom: 5px;
}

.cadre .commentaire {
    /*margin-bottom: 6px;*/
}

.cadre .commentaire .date {
    display: inline;
    font-weight: bold;
    margin-right: 3px;
    font-family: arial !important;
    font-size: 10px;
}
#contenu a.send_comments {
    display: block;
    padding-left: 55px;
    padding-top: 18px;
    width: 193px !important;
    width: 250px;
    height: 32px !important;
    height: 52px;
    background-image: url(//www.xstory-fr.com/images/commentaire.png);
    background-repeat: no-repeat;
    background-position: 5px 0px;
    border: solid 1px #661051;
    font-size: 12px;
}

#contenu .numerosHistoires a{
    display: block;
    float: left;
    text-align: center;
    text-decoration: none;
    font-size: 13px;
    font-family: verdana;
    width: 97px;
    margin-left: 3px;
    margin-right: 3px;
    height: 15px;
    color: #661051;
}

#contenu .numerosHistoires a:hover{
    font-weight: bold;
}

#contenu a.glissiere_btn {
    display: block;
    height: 10px;
    line-height: 10px;
    font-size: 10px;
    width: 10px;
    background-repeat: no-repeat;
    margin-left: 2px;
    margin-right: 2px;
    margin-top: 3px;
}
#contenu a.glissiere_btn_dg { background-image: url('//www.xstory-fr.com/images/fleche_dg_base.png'); }
#contenu a.glissiere_btn_dd { background-image: url('//www.xstory-fr.com/images/fleche_dd_base.png'); }
#contenu a.glissiere_btn_sg { background-image: url('//www.xstory-fr.com/images/fleche_sg_base.png'); }
#contenu a.glissiere_btn_sd { background-image: url('//www.xstory-fr.com/images/fleche_sd_base.png'); }
#contenu a.glissiere_btn_dg { background-image: url('//www.xstory-fr.com/images/fleche_dg_base.png'); }
#contenu a.glissiere_btn_dd { background-image: url('//www.xstory-fr.com/images/fleche_dd_base.png'); }
#contenu a.glissiere_btn_sg { background-image: url('//www.xstory-fr.com/images/fleche_sg_base.png'); }
#contenu a.glissiere_btn_sd { background-image: url('//www.xstory-fr.com/images/fleche_sd_base.png'); }
#contenu a.glissiere_btn_dg:hover { background-image: url('//www.xstory-fr.com/images/fleche_dg_over.png'); }
#contenu a.glissiere_btn_dd:hover { background-image: url('//www.xstory-fr.com/images/fleche_dd_over.png'); }
#contenu a.glissiere_btn_sg:hover { background-image: url('//www.xstory-fr.com/images/fleche_sg_over.png'); }
#contenu a.glissiere_btn_sd:hover { background-image: url('//www.xstory-fr.com/images/fleche_sd_over.png'); }
#contenu a.glissiere_btn_dg:hover { background-image: url('//www.xstory-fr.com/images/fleche_dg_over.png'); }
#contenu a.glissiere_btn_dd:hover { background-image: url('//www.xstory-fr.com/images/fleche_dd_over.png'); }
#contenu a.glissiere_btn_sg:hover { background-image: url('//www.xstory-fr.com/images/fleche_sg_over.png'); }
#contenu a.glissiere_btn_sd:hover { background-image: url('//www.xstory-fr.com/images/fleche_sd_over.png'); }


#contenu .liste_histoires .histoire {
    width: 700px;
}

#contenu .liste_histoires .histoire {
    position: relative;
    height: 80px;
    border-bottom: solid 1px #D090D0;
    margin-left: 365px;
    width: 350px;
}
#contenu .liste_histoires .histoire_gauche {
    float: left;
    margin-left: 5px;
}
#contenu .liste_histoires .histoire .categorie {
    position: absolute;
    left: 0px;
    top: 0px;
}
#contenu .liste_histoires .histoire .note {
    position: absolute;
    left: 0px;
    top: 50px;
}
#contenu .liste_histoires .histoire .titre {
    position: absolute;
    left: 65px;
    top: 5px;
    width: 285px;
    height: 65px;
    display: block;
    line-height: 15px !important; /* FF */
    line-height: 16px; /* IE */
    overflow: hidden;
}
#contenu .liste_histoires .histoire .titre:hover {
    background-color: #fff8de;
}
#contenu .liste_histoires .histoire .realite {
    position: absolute;
    left: 0px;
    top: 64px;
    font-family: arial;
    font-size: 11px;
    font-style: italic;
    color: #866061;
    text-align: center;
    width: 60px;
}
#contenu .liste_histoires .histoire .points {
    font-size: 14px;
    font-weight: bold;
    position: absolute;
    text-align: center;
    top: 63px;
    width: 60px;
}
#contenu .liste_histoires .histoire .infos {
    position: absolute;
    display: block;
    left: 65px;
    top: 50px;
    width: 285px;
    overflow: hidden;
    font-family: arial;
    font-size: 11px;
    font-style: italic;
    color: #866061;
}
#contenu .liste_histoires .histoire .addChapter {
    position: absolute;
    display: block;
    left: 65px;
    top: 37px;
    width: 285px;
    overflow: hidden;
}
#contenu .liste_histoires .histoire .addChapter a {
    font-family: arial;
    font-size: 11px;
}
#contenu .liste_histoires .histoire .auteur {
    display: inline;
    font-family: arial;
    font-size: 11px;
    color: #222222;
}
#contenu .liste_histoires .histoire .auteur a {
    font-size: 12px;
}
#contenu .liste_histoires .histoire .nouveau {
    display: inline;
    font-family: arial;
    font-size: 11px;
    font-style: italic;
    color: red;
}
#contenu .liste_histoires .histoire .date {
    display: inline;
    font-family: arial;
    font-size: 11px;
    font-style: italic;
    color: #222222;
}

#contenu #papier {
    margin-top: 0px; /* IE */
}

#contenu #papier a {
    font-weight: bold;
}


#contenu .papier_content {
    background-image: url(//www.xstory-fr.com/images/papier_haut.jpg);
    background-repeat: no-repeat;
    padding-top: 1px;
}
#contenu .papier_content,
#contenu #papier .papier_content a.autolink {
    color: #800030;
    font-family: arial;
    font-size: 13px;
    font-weight: normal;
    text-decoration: none;
    cursor: text;
}
#contenu .papier_content DIV.item,
#contenu .papier_content DIV.info {
    position: relative;
}
#contenu .papier_content .titre {
    margin-left: 90px;
    font-size: 19px;
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 0px;
    padding-right: 20px;
}
#contenu .papier_content .envoyer {
    right:35px;
    text-align:right;
    top:15px;
}
#contenu .papier_content .reel {
    margin-left: 90px; 
    margin-bottom: 10px; 
    font-style: italic; 
    font-size: 11px;
}

#contenu .papier_content .pub {
    width: 350px;
    height: 250px;
    float: right;
    margin-left: 5px;
    margin-top: 0px;
}

#contenu .papier_content .info {
    font-size: 14px;
    font-variant: small-caps;
    margin-bottom: 4px;
    z-index: 99;
}

#contenu .papier_content .info a {
    font-size: 13px;
}

#contenu .papier_content .logo_categorie {
    margin-left: 90px;    
    float: left;
    margin-right: 5px;
    border: solid 1px #AAAAAA;
    position: relative;
}

#contenu .papier_content .infos_droite {
    width: 250px;
    float: right;
    margin-right: 30px;
}

#contenu .papier_content #allTranslationsWrapper {
    position: absolute; 
    top: 15px; 
    left: 168px;
    width: 60px;
    text-align: center;
}

#contenu .papier_content .minipopup {
    display: none; 
    background-color: #fbde92; 
    border: solid 1px #AAAAAA;
}

#contenu .papier_content .chapitres {
    margin-top: 15px;
    margin-left: 43px;
    font-weight: bold;
    font-size: 11px;
}

#contenu .papier_content .texte {
    margin-left: 43px;
    margin-right: 30px;
    margin-bottom: 85px !important;
    margin-bottom: 50px;
    margin-top: 15px;
    line-height: 19px;
    text-align: justify;
    width: 650px;

     /* min-height pour ff et ie */
     min-height: 700px !important;
    height: auto !important; 
    height: 700px;
}

#contenu a .flechePrevious { 
    width: 10px;
    height: 10px;
    line-height: 10px;
    font-size: 10px;
    background-image: url(//www.xstory-fr.com/images/fleche_sg_base.png);
    background-repeat: no-repeat;
    background-position: 0 5px !important;  /* FF */
    background-position: 0 1px; /* IE */
}
#contenu a .flecheNext { 
    width: 10px;
    height: 10px;
    line-height: 10px;
    font-size: 10px;
    background-image: url(//www.xstory-fr.com/images/fleche_sd_base.png);
    background-repeat: no-repeat;
    background-position: 0 5px !important;  /* FF */
    background-position: 0 1px; /* IE */
}
#contenu a:hover .flechePrevious { background-image: url(//www.xstory-fr.com/images/fleche_sg_over.png); }
#contenu a:hover .flecheNext     { background-image: url(//www.xstory-fr.com/images/fleche_sd_over.png); }

/* Vote */
#contenu #voteTable {
    height: 40px;
    margin-left: 157px;
    margin-top: -4px;
}
#contenu #voteTable #voteGood,
#contenu #voteTable #voteBad {
    float:left;
    width: 24px;
    height: 40px;
    background-repeat: no-repeat;
    cursor:pointer;
}
#contenu #voteTable #voteGood {
    background-image:url('//www.xstory-fr.com//images/votegood.png'); 
}
#contenu #voteTable #voteBad {
    background-image:url('//www.xstory-fr.com//images/votebad.png'); 
}
#contenu #voteTable #vote {
    float: left;
    height: 24px;
    margin: 0 15px;
    text-align: center;
}
#contenu #voteTable #pourcentage {
    font-size: 14px;
    font-weight: bold;
}
#contenu #voteTable #nbVote {
    font-size: 10px;
}

#rechercher #recherche {
    text-align: center;
}
#rechercher #toprecherches {
    float: left;
    width: 160px;
    margin-left: 10px;
}
#rechercher #toprecherches a {
    display: block;
}
#rechercher #resultats {
    margin-left: 170px;
    min-height: 1200px;
}
#rechercher .liste_histoires .histoire {
    width: 535px;
}
#rechercher .liste_histoires .histoire .titre {
    width: 470px;
}
#rechercher .liste_histoires .histoire .infos {
    width: 470px;
    top: 25px;
    height: 58px;
}
#rechercher #form-content {
    height: 24px;
    margin: 0 auto;
    position: relative;
    width: 257px;
}

#rechercher #form-content #query {
    margin-right: 3px;
}
#rechercher #form-content .bouton-rose {
    margin-top: -4px;
}

/**
 * Webcam
 */
.hotesses {
    margin-top: 8px; 
    margin-bottom: 4px; 
    text-align: center;
}
.hotesses a.hotesse {
    display: block; 
    width: 152px; 
    margin-left: 2px; 
    margin-right: 11px; 
    margin-bottom: 10px; 
    float: left;
    text-decoration: none;
}
.hotesses a.hotesse img {
    border: 1px solid #A6314E; 
    width: 152px; 
    height: 132px;
}
.hotesses a.hotesse .nom {
    font-weight:bold;
    width: 152px;
    height: 20px;
    overflow: hidden;
    text-align: center;
}
.hotesses a.hotesse .lien {
    width: 152px;
    height: 21px;
    cursor: pointer;
}
.hotesses a.hotesse .lien_fr { background-image: url(//www.xstory-fr.com/images/boutonshow_fr.png); }
.hotesses a.hotesse .lien_en { background-image: url(//www.xstory-fr.com/images/boutonshow_en.png); }
.hotesses a.hotesse .lien_es { background-image: url(//www.xstory-fr.com/images/boutonshow_es.png); }
.hotesses a.hotesse:hover .nom { text-decoration: underline; }

/**
 * Vos commentaires
 */
.voscommentaires .commentaire {
    border-bottom: solid 2px #fdf1bf;
    width: 590px;
    padding-bottom: 4px;
    margin-bottom: 4px;
    margin-left: 5px;
}
.voscommentaires .commentaire .date {
    color: #808080;
    font-style: italic;
    font-family: verdana;
    font-size: 10px;
}

.voscommentairesform {
    margin-left: 10px;
}
.voscommentairesform textarea {
    width: 500px;
    height: 250px;
}
.voscommentairesform input {
    width: 500px;
    display: block;
}
.voscommentairesform input.submit {
    margin-top: 10px;
    margin-left: 150px;
    width: 200px;
    height: 40px;
}
.error {
    padding-right: 16px; 
    border: 1px solid red; 
    background-color: #FFFCE2; 
    background-image: url('//www.xstory-fr.com/images/error_jsVal.gif'); 
    background-position: top right; 
    background-repeat: no-repeat;
}

.patate .patate_top, 
#map .patate_top {
    height: 10px;
    line-height: 10px;
    font-size: 10px;
    margin: 0;
    background-repeat: no-repeat;
}
.patate .patate_content,
#map .patate_content {
    margin: 0;
    background-repeat: repeat-y;
}
.patate .patate_bottom,
#map .patate_bottom {
    height: 12px;
    line-height: 12px;
    font-size: 12px;
    margin: 0;
    background-repeat: no-repeat;
}
.patate .patate_content_FFbugFix {
    clear: left; 
    height: 0px; 
    display: block !important; /* FF only */
    display: none;
}

.patate_large, 
.patate_large .patate_top,
#map .patate_top,  
.patate_large .patate_content,
#map .patate_content,  
.patate_large .patate_bottom,
#map .patate_bottom,
.patate_large .patate_content_FFbugFix {
    width: 711px;
}
.patate_large .patate_top, #map .patate_top     { background-image: url(//www.xstory-fr.com/images/cadre_large_haut.gif); }
.patate_large .patate_bottom, #map .patate_bottom  { background-image: url(//www.xstory-fr.com/images/cadre_large_bas.gif); }
.patate_large .patate_content, #map .patate_content { background-image: url(//www.xstory-fr.com/images/cadre_large_milieu.gif); }

.patate_large_xl, 
.patate_large_xl .patate_top,  
.patate_large_xl .patate_content,  
.patate_large_xl .patate_bottom,
.patate_large_xl .patate_content_FFbugFix {
    width: 732px;
}
.patate_large_xl .patate_top     { background-image: url(//www.xstory-fr.com/images/cadre_large_xl_haut.gif); }
.patate_large_xl .patate_bottom  { background-image: url(//www.xstory-fr.com/images/cadre_large_xl_bas.gif); }
.patate_large_xl .patate_content { background-image: url(//www.xstory-fr.com/images/cadre_large_xl_milieu.gif); }

#divFlashTeaser {
    position: absolute;
    right: 877px;
    right: 0px;
    margin: 0 auto;
    z-index: 1000;
    bottom: 0px;
}

/** pub dans le header **/
#pubHeader {             
    height:62px;
    left:0;
    margin-left:245px;
    margin-top:35px;
    position:absolute;
    top:0;
    width:470px;
    display:none;
}

/** GOODIES **/

#goodies .item {
    margin-top:40px;
}

#goodies a {
    font-size:12px;
    font-weight:bold;
    text-align:center;
}

#dialogConnect a {
    color: #661051;
}
#dialogConnect a:hover {
    color: #D029A7;
}

/** NOTIFICATIONS **/
#notifications {
    position: absolute;
    left: 720px;
    top: 105px;
    display: none;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    width: 230px;
    background-color: #ffffff;
    cursor: pointer;
    font-family: arial;
    font-size: 12px;
    padding-left: 3px;
    color: black;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}
#notifications .nbAlertes {
    background-color: #8C2B52;
    color: white;
    float: left;
    height: 16px;
    line-height: 16px;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
    padding: 1px 5px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    margin-right: 2px;
    margin-top: 1px;
    min-width: 11px;
}
#notifications #notificationsArrow {
    float: right;
    margin-right: 3px;
    width: 16px;
    height: 16px;
    background-image: url(../images/openclosearrow.png);
    margin-top: 2px;
}
#notificationsBox {
    display: none;
    position: absolute;
    top: 133px;
    left: 603px;
    width: 350px;
    height: 200px;
    background-color: #FFFFFF;
    border: solid 1px #8C2B52;
    z-index: 9999;
    font-family: arial;
    font-size: 12px;
    color: black;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}
#notificationsBox #notificationsList {
    height: 170px;
    overflow-y: auto;
    overflow-x: hidden;
}
#notificationsBox .notificationWrapper {
    padding: 7px 0 7px 3px;
}
#notificationsBox .notification {
    vertical-align: middle;
    margin-left: 26px;
    cursor: default;
}
#notificationsBox .notificationLogo {
    float: left;
    margin-left: 3px;
    width: 20px;
    height: 20px;
}

#notificationsBox .notification a {
    color:#8C2B52
}



#notificationsBox .notificationOver {
    background-color: #FFE1EB;
}
#notificationsBox .notificationNonLue {
    font-weight: bold;
}
#notificationsBox #onAllNotifications,
#notificationsBox #onClearNotifications {
    background-color: #ffe1eb;
    color: #8C2B52;
    border-top: solid 1px #aaaaaa;
    font-size: 13px;
    font-weight: bold;
    display: block;
    width: 50%;
    height: 30px;
    height: 29px !important;
    line-height: 30px;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    float: left;    
}
#notificationsBox #onAllNotifications:hover,
#notificationsBox #onClearNotifications:hover {
    color: #ffe1eb;
    background-color: #8C2B52;
}

#notificationsBox #onAllNotifications {
    -moz-border-left-radius: 8px;
    -webkit-border-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
#notificationsBox #onClearNotifications {
    -moz-border-right-radius: 8px;
    -webkit-border-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

/** Page des notifications **/
.notificationsScreen {
    border: 1px solid #AC3565;
    margin: 10px;
    padding-left: 0px;
}
.notificationsScreen li {
    padding-left: 5px;
}
.notificationsScreen .li-notification-0 {
    background-color:#FFF0F7;
}
.notificationsScreen .li-notification-1 {
    background-color:#FFE1EB;
}
.notificationsScreen .li-hasmore {
    height: 40px;
    text-align: center;    
    padding-top: 16px;
}
.notificationsScreen .notificationNonLue {
    font-weight: bold;
}
#contenu .notificationsScreen .notification {
   padding: 7px 0 7px 84px;
}
#contenu .notificationsScreen .notification a {
    text-decoration: underline;
    font-weight:bold;
    font-size:12px;
}
#contenu .notificationsScreen .datetime {
    float: left;
    font-size: 9px;
    font-weight: bold;
    margin-right: 2px;
    margin-top: 9px;
    text-align: center;
    margin-left: 2px;
    width: 60px;
}
#contenu .notificationsScreen .notificationsLogo {
    float:left;
    margin-top: 5px;
}

/** CONNEXION ET PROFIL (Header) **/
#login-header {
    display: none;
    position: absolute;
    top: 6px;
    height: 90px;
    left: 720px;
    width: 235px;
}
#login-header #profil_avatar { 
    float:left;
    margin-right:8px;
    margin-bottom: 7px;
}
#login-header #profil_link,
#login-header #profil_deco { 
    background-image: url("//www.xstory-fr.com/images/header_puce.gif");
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 10px;
    text-decoration: none;
    color: #FFFFFF;
    position:absolute;   
}
#login-header #profil_link:hover,
#login-header #profil_deco:hover {
    text-decoration: underline;
}
#login-header #profil_link {     
    font-weight: bold;        
    top:13px;
}
#login-header #profil_deco {
    font-size: 10px;
    top:30px;
}  
#login-header #titre {
    font-weight: bold;
    left: 47px;
    margin: 0;
    position: absolute;
    top: -3px;
}
#login-header #titre span {
    color: #C94EA7;
}
#login-header #login-logo {
    height: 35px;
    width: 235px;
    position: absolute;
    top: 50px;
    left: 0;
}
#login-header #login-logo a {
    height:35px;
    width:44px;
    float:left;
    margin-right:2px;
}
#login-header #login-logo #logo-histoire {
    background-image: url("../images/logo-histoire.png");
}
#login-header #login-logo #logo-annonce {
    background-image: url("../images/logo-annonce.png");
}
#login-header #login-logo #logo-forum {
    background-image: url("../images/logo-forum.png");
}
#login-header #login-logo #logo-vip {
    background-image: url("../images/logo-vip.png");
}
#login-header #login-logo #logo-webcam {
    background-image: url("../images/logo-webcam.png");
}
#login-header #login-logo #logo-histoire:hover,
#login-header #login-logo #logo-annonce:hover,
#login-header #login-logo #logo-forum:hover,
#login-header #login-logo #logo-vip:hover,
#login-header #login-logo #logo-webcam:hover {
    background-position: 0 35px;
}
#logout {
    display: none;
    position: absolute;
    top: 6px;
    height: 70px;
    left: 715px;
    width: 235px;
}
#logout .form-title {
    font-family: verdana;
    font-size: 12px;
    font-variant: small-caps;
    font-weight: bold;
    margin: 0 0 5px;
    padding-left: 100px;
}
#logout .form-element {
    color: #661051;
    float: left;
    font-size: 12px;
    font-weight: bold;
    margin: 0 6px 0 0;
    padding-top: 4px;
    text-align: right;
    width: 100px;
}
#logout #showConnexionForm .input {
    width:120px;
}
#logout .mdp, #logout #mdp {
    margin-top:5px;
}
#logout .mdp {
    clear:left;
}
#logout .form-bottom {
    padding-top: 10px;
    text-align:center;
}
#logout .form-bottom input { 
    margin-bottom: 1px;
    margin-top: 3px;
}
#logout form a {
    color:#FFFFFF;
    text-decoration: none;
    color: #661051;
}
#logout a:hover {
    text-decoration: underline; 
}
#logout #showConnexionForm {
    background-color: #FFE1EB;
    border-radius: 0 0 8px 8px;
    display: none;
    height: 106px;
    left: 0;
    padding: 3px;
    position: absolute;
    top: 20px;
    width: 232px;
} 
#logout #showConnexion {
    display: block;
    font-weight: bold;
    height: 23px;
    text-decoration: none;
    width: 222px;
    text-decoration: underline;
    color: white;
}
#logout #logout-inscription {
    background-image: url("../images/inscription.png");
    width: 237px;
    height: 93px;
    margin-top: 5px;
    display: block;    
}
#logout #logout-inscription:hover {
    background-position: 0 100%;
}

/** Bouton **/
.bouton-rose, 
#contenu .bouton-rose,
.bouton-rose-menu  {
    background-color: #8C2B52;          
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    height: 23px;
    line-height: 22px;
    padding: 0 8px;
    text-align: center;
    vertical-align: middle;
    border: none;
    font-family: verdana;
    cursor:pointer;
}
.bouton-rose-menu {
    background-color: #D36DB6;
}
.bouton-rose:hover, 
#contenu .bouton-rose:hover,
.bouton-rose-menu:hover {
    background-color: #AC3565; 
    text-decoration: none;
    color:#FFFFFF;
}
.bouton-rose-menu:hover {
    background-color: #C94EA7; 
}
/** Derni�res Annonces **/
#contenu .dernieres-annonces-link {
    float:left;
    margin-right:3px;
    margin-bottom:3px;
    height:74px;
    width:74px;
}
#contenu .dernieres-annonces-link img {
    height:70px;
    margin: 2px;
}
#contenu .dernieres-annonces-link:hover {
    background-color:#650E52;
} 

/** Derni�res Histoires **/
#contenu .derniere-histoire-horaire {
    float:left;
    width: 26px;
    font-size: 8px;
    padding-top: 2px;
    text-align:center
}
#contenu .derniere-histoire-link,
#contenu .derniere-histoire-link2 {
    display: block;
}
#contenu .derniere-histoire-link img {
    float:left;
    position: absolute;
    margin-left:28px;
}
#contenu .derniere-histoire-title {
    line-height: 20px;
    margin-left:50px;
    margin-top:-3px;
    width: 265px;
    height: 20px;
    overflow: hidden;
    cursor: pointer
}
#contenu .derniere-histoire-link2 img {
    float:left;
    position: absolute;
}
#contenu .derniere-histoire-title2 {
    line-height: 20px;
    margin-left:22px;
    margin-top:-3px; 
    width: 265px;
    height: 20px;
    overflow: hidden;
    cursor: pointer;
}
/** Derni�res Histoires - Hack pour ie7 **/
*+html #contenu .derniere-histoire-horaire {
    position:absolute;
}
*+html #contenu .derniere-histoire-link img,
*+html #contenu .derniere-histoire-link2 img {
    margin-left:-25px;
}
*+html #contenu .derniere-histoire-title {
    line-height: 16px;
    height: 18px;
}