/* CSS Document */

/* Corrections pubs Horyzon-Media */
#FinContentTop1 {
    height: 1px;
    margin:0;
    padding:0;
}

#FinContentMiddle1 {
    height: 1px;
    margin:0;
    padding:0;
}

/* Propriete de la Page */
html
{
    font-size: 100%; /* evite un bug d'IE 6-7. (1) */
}

img {border:0;}

body
{
    background-repeat:repeat-x;
    background-color:#E7E7E7;
    background-image: url(/media/images/fonddeg.gif);
    padding: 0;
    margin: 0; /* Remettre si necessaire.  Pensez a utiliser une collection de polices (2), par ex: font-family: Arial, Helvetica, FreeSans, sans-serif; */
    font-family: Arial, Helvetica, FreeSans, sans-serif;
    font-size: .8em; /* adapter pour la police choisie. (3) */
    color: #000000;
    text-align: center;
}

/* les conteneurs */
div#titre h1{
    color: #fff;
    font-size: .9em;
    line-height: .1em;
    font-weight: normal;
}

div#conteneur /* Conteneur globale */
{
    /*top: 16px;*/
    width: 1020px;
    background: #e7e7e7 url(/media/images/fd-conteneur.gif) repeat-x top;
    margin-left: -510px;
    left: 50%;
    position: absolute;
}

div#haut
{
    clear: both;
    height: 235px;
    margin-bottom: 0;
    padding-bottom: 0;
}


div#blocfond-True /* Conteneur avec image de fond */
{
    display: none;
}

div#blocfond-False /* Conteneur avec image de fond */
{
    width: 1020px;
    height: 1450px;
    background-color:#fff;
    background-image: url(/media/images/fond.gif);
    background-position:bottom;
    background-repeat:no-repeat;
}

div#blocfond /* Conteneur avec image de fond */
{
    width: 1020px;
    height: 1450px;
    background-color:#fff;
    background-image: url(/media/images/fond.gif);
    background-position:bottom;
    background-repeat:no-repeat;
}

/* configuration specifique aux pages */
#page-interviewmusicarchive div#blocfond
{
    background-image:url(/media/images/fond-interview.gif);
    height:690px;
}
#page-winnerlist div#blocfond
{
    height:1990px;
}
#page-informations div#blocfond
{
    height:4355px;
}
#page-contact div#blocfond
{
    height:550px;
}
#page-iphone div#blocfond
{
    height:651px;
    background-image:url();
}
#page-mobile div#blocfond
{
    height:670px;
    background-image:url(/media/images/promo/mobile/background.gif);
}

#page-facebook div#blocfond
{
    height:500px;
    background-image:url(/media/images/promo/facebook/faceb.jpg);
}
#page-facebook iframe#fb-fan
{
    position:absolute;
    top:580px;
    left:280px;
}

#page-messenger div#blocfond
{
    height:671px;
    background-image:url(/media/images/promo/messenger/page-interne.jpg);
}
#page-messenger iframe#tchat-messenger
{
    height:180px;
    width:215px;
    position:absolute;
    top:380px;
    left:402px;
}
/* END: configuration specifique aux pages */

#blocfond-profil
{
    background-color: White;
    text-align: -moz-center;
    float: left;
    width: 100%;
}

.blocfond-footer-left
{
    background-image: url(/media/images/blocfond-profil.gif);
    background-repeat:no-repeat;
    width: 996px;
    height: 24px;
    float: left;
}

.blocfond-footer-right
{
    background-image: url(/media/images/blocfond-profil-droit.gif);
    background-repeat:no-repeat;
    width: 24px;
    height: 24px;
    float: right;
}

/* HEADER */
/* partie gauche */
div#header
{
    width: 864px;
    height: 189px;
    background: url(/media/images/head1.gif) left top no-repeat;
    margin-left: 10px !important; /* pris en compte par Firefox */
    margin-left: 5px; /* pris en compte par IE*/
    float: left;
}

#header h1, #header h2
{
    display: none;
}

#home
{
    width: 130px;
    height: 175px;
    position: absolute;
    top: 25px;
    left: 10px;
}

div#header #pub
{
    height: 90px;
    width: 730px;
    margin-top: 10px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    float: right;
    text-align: right;
}


/* partie droite */
#authentification
{
    width: 136px;
    height: 189px;
    text-align: left;
    background: url(/media/images/head2.gif) left top no-repeat;
    float: left;
    color: #FFFFFF;
    font-size: 1em;
    font-family: Arial, Helvetica, sans-serif;
}

div#authentification .date
{
    font-weight: bold;
    /*
    margin-left: 13px;
    margin-top: 37px;
    
    */
    margin-bottom: 19px;
}
div#authentification .inscrit
{
    margin-left: 13px;
    margin-bottom: 19px;
}

div#authentification .ident a
{
    color: #FFFFFF;
    margin-left: 13px;
}


/* LOGIN HP */

/* Correction du bug ie sur les dimensions de la cellule du MdP */

.login_textbox_hp
{
    width: 150px;
}

.login_HP
{
    float: left;
    height: 250px;
    width: 200px;
    margin-left: 10px;
    border: 0px;
}

div#login_HP
{
    background-image: url(/media/images/fond-acces-membres-HP.gif);
    background-repeat: no-repeat;
    width: 200px;
    height: 250px;
    margin-left: 0px;
}

div#bloc_login_HP
{
    padding: 30px 0px 0px 10px;
}

div#inscription_HP
{
    color: white;
    font-size:14px;
    display: block;
    float: right;
    padding-top: 35px;
    width:190px;
    text-align:left;
}

div#inscription_HP a
{
    color: white;
    font-size: 14px;
}

.login_title_HP, .login_txt_HP
{
    font-size: 12px;
    color:White;
}

.login_txt_HP a:link, .login_txt_HP a:visited, .login_txt_HP a:active
{
    color: white;
    text-decoration: underline;
}

/* ESPACE CHAT */
div#chat
{
    text-align: left;
    width: 483px;
    height: 250px;
    float: left;
    margin-left: 10px !important; /* pris en compte par Firefox */
    margin-left: 5px; /* pris en compte par IE*/
}
div#chatC
{
    text-align: left;
    width: 691px;
    height: 250px;
    float: left;
    margin-left: 10px !important; /* pris en compte par Firefox */
    margin-left: 5px; /* pris en compte par IE*/
}


/* CARRE PUBLICITE */
div#publicite
{
    float: right;
    padding-right: 10px;
}


/* LISTE DES CHATTEURS */
div#blocchatteur
{
    width: 1000px;
    height: 150px;
    margin-top: 10px;
    background: url(/media/images/liste-chat.gif) left top no-repeat;
    margin-left: 5px;
}
img.profils
{
    float: left;
    margin-left: 4px;
    margin-top: 4px;
}

div#blocchatteur .listechat
{
    float: left;
    margin-left: 1px;
    margin-bottom: 0;
    margin-top: 14px;
}

a.pseudo-tchat
{
    color: #7d8593;
    font-size: 1em;
    font-weight: bold;
}

a.titre
{
    font-size: 1em;
    text-decoration: none;
    font-style: italic;
    color: #000000;
}

a
{
    font-size: 1em;
    text-decoration: none;
    color: #000000;
}

/* CONTENU SUR 3 COLONNES */
/* proprietes des colonnes */
div#colonne1
{
    padding-left: 10px;
    float: left;
}
div#colonne2, div#colonne3
{
    margin-left: 30px;
    float: left;
}
div.colonne-bloc
{
    text-align: left;
    width: 313px;
    height: 286px;
    margin-bottom: 15px;
}

/* blocs interview */
#int-wrapper img
{
    border:0;
}

#int-wrapper
{
    font-family:Arial;
    width:670px;
    text-align:right;
}

#int-container-even
{
    width:330px;	                        
    float:left;
    margin-bottom:10px;
}	                    

#int-container-odd
{
    width:330px;
    float:right;
    margin-bottom:10px;
}

.int-red
{
    background-color:#E70000;
    background-image: url(/media/images/deg_rouge.gif);
    background-position:-153px 0;
    *background-position:0 0;
    height:90px;
}

.int-gray
{
    background-color:#A7A7A7;
    background-image:url(/media/images/deg_gris.gif);
    background-position: -153px 0;
    *background-position:0 0;
    height:90px;
}

.int-red span{
    color:#F39696;
    font-size:25px;
    font-weight:bold;
    margin-right:10px;
}

.int-gray span
{
    color:#696868;
    font-size:25px;
    font-weight:bold;
    margin-right:10px
}

#int-description
{
    font-size:12px;	                        
    margin-right:10px;
}

#int-description a
{
    color:#FFFFFF;    
}

div#colonne3 div#liengoogle
{
    text-align: left;
    text-align: left;
    width: 313px;
    height: 286px;
    margin-top: 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #000000;
}

div#colonne3 div#liengoogle span
{
    margin: 0;
    padding: 0;
    color: #e70000;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 1em;
}
div#colonne3 div#liengoogle a
{
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}

/* image contenu dans les blocs */
img.bloc
{
    margin-top: 6px;
    margin-left: 28px;
}

/* FOOTER */
div#footer
{
    position: relative;
    left: 0px;
    background-color: #e7e7e7;
    background-image: url(/media/images/fond-profil.gif);
    background-position:top;
    background-repeat:no-repeat;
    padding-top: 45px;
}
/* paragraphe */
p.footer
{
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #757575;
}

p.footer a
{
    font-size: 10px;
    color: #757575;
}

p.footer a:hover
{
    text-decoration: underline;
}


/*bloc contenant le dashboard*/
div.login
{
    text-align: left;
    width: 1000px;
    background-color: #FFFFFF;
    padding-bottom: 10px;
    padding-left: 10px;
}
/*contient un message de bienvenue*/
div.login h3
{
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
    font-size: 16px;
    font-weight: normal;
    margin-left: 4px;
}
/*contient le pseudo*/
div.login h3 span
{
    font-family: Arial, Helvetica, sans-serif;
    color: #FF0000; /*rouge*/
    font-size: 16px;
    font-weight: bold;
    text-transform: capitalize;
}
/*positionnement des 3 zones de contenu : profil, blog, boite vocale*/
div.login div.blocProfil
{
    font-family: Arial, Helvetica, sans-serif;
    width: 240px;
    float: left;
    border-right: #CCCCCC solid 1px;
    margin-left:0px;
    color:#757575;
}
div.login div.blocBlog
{
    font-family: Arial, Helvetica, sans-serif;
    width: 200px;
    float: left;
    border-right: #CCCCCC solid 1px;
    color:#757575;
}
div.login div.blocBoiteVocale
{
    font-family: Arial, Helvetica, sans-serif;
    width: 450px;
    float: right;
    color:#757575;
}

div.sepa
{
    clear: both;
}

/*liste des choix d'action*/
div.login ul#log1, div.login ul#log2
{
    width: 200px;
    margin: 0px;
    padding-left: 5px;
    color: #e70000;
}

div.login ul#log3
{
    width: 450px;
    margin: 0px;
    color: #e70000;
    padding: 0px;
}

/*titre de la liste*/
div.login ul span
{
    display: block;
    font-weight: bold;
    font-size: 12px;
}

/*elements de la liste d'action*/
div.login ul li
{
    line-height: 14px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 12px;
    color: #000;
    font-weight: normal;
    list-style: none;
}

/*elements de la liste d'action*/
div.login ul li a, div.login a
{
    color: #757575; /*blanc*/
    text-decoration: underline;
}
/*mise en avant des infos persos sur la boite vocale*/
div.login ul#log3 strong
{
    font-size: 12px;
    color: #FF0000;
}

div.login ul#log3 li
{
    color: #000;
}
/*lien pour mettre a jour les blogs*/
div.login .maj
{
    margin-top: 10px;
    display: block; *margin-top:20px;
}


/* Menu principale */
#menu
{
    float: left; /* placement du menu, à modifier selon vos besoins */
    /*margin-top: 13px;*/
    margin-left: 10px;
    border: 0;
    width: 1000px;
    z-index: 100; /* correction pour Opera */
    background: url(/media/images/menu/dgd-light-red.gif) repeat-x bottom;
    display: block;
    
    height:29px;
}

#menu-communaute, #menu-tchat, #menu-mail, #menu-interview, #menu-goodies,
#menu-mobile, #menu-blog, #menu-rencontre, #menu-logosonnerie, #menu-voyance, #menu-jeux, #menu-recherche, #menu-paris
{
	font-size: 14px;
	height: 29px;
    float: left;
	padding-left: 7px;
	padding-right: 7px;
	line-height: 2em;
    z-index: 100;
}

#menu-recherche{
    padding-left: 20px;
}

#menu-accueil
{
	background: url(/media/images/picto-maison-Off.gif) no-repeat;
    float: left;
    padding: 0px 14px 0px 0px !important;
    padding: 0px;
    z-index: 120;
    width: 9px;
	height: 29px;
	line-height: 2em;
}

#menu-communaute, #menu-tchat, #menu-mail, #menu-interview, #menu-goodies, #menu-mobile, #menu-recherche
{
	background: url(/media/images/menu/dgd-light-red.gif) repeat-x bottom;
}

#menu-recherche{
	background: url(/media/images/menu/menu-new.gif) no-repeat;
}

#page-default #menu-accueil{
	background: url(/media/images/picto-maison-On.gif) no-repeat;
}

#page-profil-accueil #menu-communaute, #page-profil-consultation #menu-communaute, #page-profil-results #menu-communaute, #page-profil-comments #menu-communaute,
#page-tchat #menu-tchat,
#page-interviewmusicarchive #menu-interview, #page-interviewcinearchive #menu-interview,
#page-messenger #menu-goodies,
#page-mobile #menu-mobile, #page-gallery #menu-mobile, #page-iphone #menu-mobile,
#page-profil-messagerie #menu-mail, #page-profil-messagerie-details #menu-mail, #page-profil-messagerie-nouveau #menu-mail, #page-profil-messagerie-contacts #menu-mail
{
	background: url(/media/images/menu/dgd-light-orange.gif) repeat-x bottom;
}

#page-search #menu-recherche
{
	background: url(/media/images/menu/menu-new-orange.gif) no-repeat bottom;
}

#menu-blog, #menu-rencontre, #menu-logosonnerie, #menu-voyance, #menu-jeux
{
	background: url(/media/images/menu/dgd-dark-red.gif) repeat-x bottom;
}

#menu-compte
{
	background: url(/media/images/menu/menu-compte.gif) no-repeat;
	float: right;
	width: 135px;
	height: 29px;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	line-height: 2em;
}

#page-profil-admin #menu-compte, #page-profil-admin-comments #menu-compte, #page-profil-admin-buddies #menu-compte, #page-modification #menu-compte, #page-profil-admin-invit #menu-compte, #page-profil-admin-media-comments #menu-compte, #page-profil-admin-media-albums #menu-compte, #page-modification-ok #menu-compte,
#page-mes-informations #menu-compte, #page-ma-photo #menu-compte, #page-mes-gouts #menu-compte, #page-mes-alertes #menu-compte, #page-suppression #menu-compte, #page-profil-admin-wisp #menu-compte
{
    background: url(/media/images/menu/menu-compte-on.gif) no-repeat;
}

#menu-communaute a:hover, #menu-tchat a:hover, #menu-email a:hover,
#menu-interview a:hover, #menu-goodies a:hover, #menu-mobile a:hover, #menu-blog a:hover,
#menu-rencontre a:hover, #menu-logosonnerie a:hover, #menu-voyance a:hover, #menu-jeux a:hover,
#menu-mail a:hover, #menu-paris a:hover, #menu-recherche a:hover
{
    text-decoration: underline;
}

#compte a:link, #compte a:visited 
{
	color: #d1d1d1;
}

.menu-separateur
{
    float: left;
}

#menu div a
{
    text-decoration: none;
	color: white;
}

#menu div
{
    cursor: pointer;
    text-align: center;
}


/* liste deroulant tchats */
#liste-tchat
{
    background: url(/media/images/menu/dgd-liste-tchat.gif) repeat-y;
    position: absolute;
    top: 218px;
    left: 132px;
    width: 70px;
    display: none;
    z-index:100;
}

#liste-tchat ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    
    font-size:0.9em;
    line-height:1.2em;
}

#liste-tchat li
{
    padding-left: 2px;
    text-align: left;
    color: #FFFFFF;
}

#liste-tchat li a
{
    color: #fff;
    text-decoration: none;
    display: block;
    height: 100%;
    border: 0 none;
}

#liste-tchat li a:hover, #liste-tchat li a:focus
{
    background-color: #FFFFFF;
    color: #000000;
}

.fd-espacechat{
    background: url(/media/images/espacechat.jpg) no-repeat;
    width: 483px;
    height: 251px;
}

.position-espacechat{
    position: relative;
    top: 40px;
    left: 70px;
}

div.head-espacechat h2{
    color: #fff;
    font-family: Arial;
    font-size: 2.5em;
    margin: 0px;
}

.big-espacechat{
   color: #ffcc00;
   font-size: 1.2em;
   font-weight: bold; 
}

div.text-espacechat h3{
    color: white;
    font-size: 1em;
    font-weight: normal;
    margin: 0px;
}

div.connect-espacechat h4{
    color: #014052;
    position: relative;
    font-size: 1em;
    font-weight: normal;
    top: 22px;
    left: 35px;
    margin: 0px;
}

#mobile{
    font-family: Century Gothic, Arial, Helvetica, Sans-Serif;
}

div#mobile h2{
    font-size: 4.4em;
    font-weight: normal;
    color: #e70000;
    margin: 0px;
}

div#mobile h3{
    font-size: 1.3em;
    color: #999;
}

div#mobile hr{
    border: 1px solid #999;
    width: 63%;
}