/* GENERAL */

a {
	color: #700000; text-decoration: none; cursor: pointer;
}

a:hover {
	text-decoration: underline;
}

/* FORMULAIRE DE MODIFICATION */
.left {
	width: 300px; float: left; text-align: right; margin-bottom: 10px; height: 15px;
}

.right, .focus, .normal {
	margin-bottom: 7px; width: 250px; float: right;
}

.nb_caract {
	font-size: 12px; font-weight: bolder; padding: 0px;
}

.focus {
	border: solid 1px #CC0000; 
}

.normal {
	border: solid 1px #819DB2;
}

.presentation {
	width: 574px; height: 90px; margin-bottom: 7px; border: solid 1px #819DB2;
}

.bouton input {
	width: 170px; height: 63px; cursor: pointer; border: none;
}

.inscription {
	background: url('../images/bouton-inscription.png') no-repeat;
}

.connexion {
	background: url('../images/bouton-connexion.png') no-repeat;
}

.modification {
	background: url('../images/bouton-modification.png') no-repeat;
}

.expedition {
	background: url('../images/bouton-expedition.png') no-repeat;
}

.message {
	font-size: 14px; text-align: center; font-weight: bolder;
}

.message a {
	text-transform: uppercase;
}

/* FORMULAIRE INSCRIPTION */
.formulaire_inscription, .formulaire_renvoi {
	background: url('../images/bckgd_inscription.jpg') no-repeat 0% 100%; padding: 0px 32px;
}

.formulaire_renvoi {
	padding: 20px 32px; height: 610px;
}

.formulaire_inscription h3, .formulaire_renvoi h3 {
	font-size: 18px; color: #BD1313; font-weight: bolder; border-bottom: 1px solid #AEAEAE; padding-bottom: 20px; margin-bottom: 17px;
}

.possibilites {
	width: 395px; height: 210px; float: left; background: url('../images/bckgd_bloc_gauche_inscription.png') no-repeat; margin-top: 20px; padding: 15px;
}

.possibilites ul li {
	margin-left: 35px; font-size: 14px; line-height: 160%; padding-left: 20px;
}

.validation {
	width: 590px; height: 280px; background: url('../images/bckgd-bloc-validation.png') no-repeat; padding: 15px;
}

.validation p {
	font-size: 14px; line-height: 160%; font-weight: bolder;
}

.formulaire {
	width: 368px; float: right; background: url('../images/bckgd_colonne_droite_inscription.png') repeat-y; padding: 35px 17px 18px 15px;
}

.formulaire ul li {
	float: left; width: 92px; text-align: center;
}

.formulaire ul li img {
	cursor: pointer;
}

.formulaire ul .exception {
	width: 184px; margin-bottom: 7px;
}

.formulaire .left, .bloc_renvoi .left {
	width: 150px; float: left; text-align: left;
}

.formulaire .focus, .formulaire .normal, .bloc_renvoi .normal, .bloc_renvoi .focus {
	width: 200px; border: none; border-bottom: 1px dotted;
}

.formulaire .focus, .bloc_renvoi .focus {
	border-bottom-color: #CC0000;
}

.formulaire .normal, .bloc_renvoi .normal {
	border-bottom-color: #819DB2;
}

.formulaire .separateur {
	height: 9px;
}

.bloc_renvoi {
	width: 368px; height: 85px; float: right; background: url('../images/bckgd-bloc-renvoi.png') no-repeat; padding: 15px 17px 15px 15px; margin-top: 80px;
}

.bloc_renvoi .left {
	width: 100px;
}

.bloc_renvoi .normal, .bloc_renvoi .focus {
	float: left;
}

.bloc_renvoi .bouton {
	float: left; width: 50px; text-align: center;
}

.bloc_renvoi .bouton .renvoi {
	width: 15px; height: 13px; background: url('../images/picto_alerte.png') no-repeat;
}

/*************************/
.cartouche {
	width: 496px;
}

.cartouche h3 {
	color: #700000; text-transform: none;
}

.cartouche h3 font {
	font-size: 10px; margin-bottom: 10px; color: #000000; font-weight: normal;
}

.listing_univers {
	width: 225px; float: left;
}

.listing_univers .titre, .rss_perso .titre {
	color: #700000;	font-size: 13px; font-weight: bolder; margin-bottom: 2px;
}

.rss_perso .titre {
	text-align: center;
}

.rss_perso {
	width: 225px; float: right; text-align: center;
}

.cartouche .email {
	margin-bottom: 3px;
}

.info_programmes, .info_news, .info_videos {
	padding: 7px;
}

.info_programmes {
	background-color: #E2C4C4;
}

.info_news {
	background-color: #C0B3A3;
}

.info_videos {
	background-color: #BCC7C9;
}

.info_programmes .cartouche, .info_videos .cartouche {
	width: 348px;
}

.info_news .cartouche {
	width: 428px;
}

.separateur_info_perso {
	height: 7px; clear: both;
}
/*---------*/

.bandeau_information {
	background: url('../images/bckgd_bandeau_profil.png') repeat-x 100% 14px; padding: 0px 12px 0px 8px;
}

.cote_gauche_cartouche_profil {
	width: 10px; height: 265px; background: url('../images/bckgd_cote_gauche_cartouche_profil.png') repeat-x; float: left;
}

.cartouche_profil {
	height: 245px; background: url('../images/bckgd_cartouche_profil.png') repeat-x; float: left; padding: 10px 10px 10px 0px; width: 165px; color: #FFFFFF;
}

.cote_droit_cartouche_profil {
	width: 10px; height: 265px; background: url('../images/bckgd_cote_droit_cartouche_profil.png') repeat-x; float: left;
}

.avatar {
	padding-left: 74px; height: 64px;
}

.login {
	color: #FFFFFF; font-weight: bolder; margin-bottom: 4px;
}

.rss {
	text-align: right; 
}

.rss a {
	font-size: 10px; font-weight: bolder; color: #FFFFFF; background: url('../images/logo-rss.png') no-repeat 100% 50%; padding-right: 15px; text-decoration: none;
}

.rss a:hover {
	text-decoration: underline;
}

.cartouche_profil .separateur {
	height: 10px; clear: both; border: none; padding: 0px;
}

.cartouche_profil li {
	text-align: right; border-bottom: 1px solid #FB6262; padding-bottom: 2px; font-size: 14px; color: #CCCCCC; margin-bottom: 10px;
}

.cartouche_profil li a {
	font-size: 14px; color: #FFFFFF;
}

.univers {
	font-size: 11px; color: #FFFFFF; font-weight: bolder;
}

.univers li {
	font-size: 11px; color: #FFFFFF; margin-bottom: 7px; font-weight: normal;
}

.bloc_bandeau {
	width: 215px; float: left; padding: 20px 10px;
}

.bloc_presentation {
	width: 685px; float: left; padding: 30px 10px; line-height: 140%; font-size: 14px;
}

.vide {
	font-style: italic; text-align: center; font-size: 11px;
}

.titre_edito {
	font-size: 18px; font-weight: bolder;
}

.site_perso {
	text-align: right; padding-top: 12px;
}

.site_perso a {
	font-size: 14px; font-weight: bolder;
}

.bloc_bandeau .titre_selection {
	font-size: 13px; font-weight: bolder; text-transform: uppercase; padding-bottom: 2px; border-bottom: 1px solid;
}

.bloc_bandeau h5 {
	padding-left: 10px; background: url('../images/puce_profil.jpg') no-repeat 0% 5px; color: #000000; font-size: 11px;
}

.bloc_bandeau .separateur {
	height: 9px;
}

.bloc_bandeau .plus {
	float: right; font-size: 10px; font-weight: bolder; background: none; padding: none;
}

.h3 {
	font-size: 13px; color: #FFFFFF; font-weight: bolder; text-transform: uppercase; padding: 5px 0px 19px 22px;
}

.h3_audio {
	background: url('../images/bckgd_h3_audio.png') no-repeat; 
}

.h3_news {
	background: url('../images/bckgd_h3_news.png') no-repeat;
}

.h3_videos {
	background: url('../images/bckgd_h3_video.png') no-repeat;
}

.h3_artistes {
	background: url('../images/bckgd_h3_artistes.png') no-repeat;
}

.h3_colonne_artiste {
	background: url('../images/bckgd_h3_artistes_pt.png') no-repeat;
}

.h3_titres_prefs, .h3_commentaires, .h3_avertissements {
	background: url('../images/bckgd_h3_titres_pref.png') no-repeat;
}

.h3_titres {
	background: url('../images/bckgd_h3_titres.png') no-repeat;
}

.audio, .video, .news, .titres, .artiste, .titres_prefs, .mes_commentaires, .avertissements {
	padding: 7px 17px 17px 17px; border-bottom: 3px solid #787677;
}

.audio {
	background: #E9D1D1 url('../images/bckgd_audio_profil.png') repeat-x;
}

.news {
	background: #CBC0B4 url('../images/bckgd_news_profil.png') repeat-x;
}

.avis {
	background: url('../images/picto-avis.png') no-repeat 0% 50%; padding-left: 17px; font-size: 10px;
}

.video {
	background: #D2D9DB url('../images/bckgd_video_profil.png') repeat-x;
}

.artiste {
	background: #C5D1B1 url('../images/bckgd_artistes_profil.png') repeat-x;
}

.titres_prefs, .mes_commentaires, .avertissements {
	background: #FFFFFF url('../images/bckgd_titres_pref_profil.png') repeat-x;
}

.titres_prefs form, .titres_prefs form font  {
	text-align: right; font-size: 10px;
}

.titres_prefs form font {
	cursor: pointer;
}

.titres_prefs form font:hover {
	text-decoration: underline;
}

.titres_prefs .cartouche {
	width: 169px;
}

.titres_prefs .cartouche a {
	color: #000000;
}

.titres_prefs .cartouche h4 a {
	font-size: 13px;
}

.titres_prefs .cartouche .note {
	font-size: 10px;
}

.artiste .left {
	width: 283px;
}

.artiste .right {
	width: 267px; padding-left: 16px;
}

.artiste .separateur_photo {
	height: 7px; clear: both; margin: 0px;
}

.artiste h4 {
	width: 267px; float: left;
}

.artiste h4 .right, .artiste h4 .left {
	width: auto; padding: 0px;
}

.titres {
	background: #E9D1D1 url('../images/bckgd_titres_profil.png') repeat-x;
}

.audio .cartouche, .video .cartouche {
	width: 348px;
}

.news .cartouche {
	width: 428px;
}

.mes_commentaires .cartouche {
	width: 452px;
}

.mes_commentaires .cartouche h4 a {
	font-size: 12px;
}

.mes_commentaires .video_commentee {
	background: url('../images/fond_commentaire_video.png') no-repeat 100% 0%; padding-top: 4px;
}

.mes_commentaires .news_commentee {
	background: url('../images/fond_commentaire_new.png') no-repeat 100% 0%; padding-top: 4px;
}

.mes_commentaires .titre_commente {
	background: url('../images/fond_commentaire_titre.png') no-repeat 100% 0%; padding-top: 4px;
}

.mon_commentaire {
	width: 422px; float: left; font-size: 12px; font-style: italic; margin-left: 30px;
}

.avertissement {
	text-align: center; font-size: 14px; padding: 72px 0px;
}

.avertissement a {
	font-size: 14px;
}

.page_perso {
	border: 1px dashed #700000; padding: 17px;
}

.page_perso p {
	text-align: center; line-height: 142%;
}

.page_perso input {
	width: 100%; background: none; border: none;
}

.page_perso a {
	font-weight: bolder;
}

.titres .cartouche {
	width: 130px;
}

.titres .note {
	float: right; width: 40px; height: 27px; text-align: center; font-size: 12px; font-weight: bolder; color: #FFFFFF; padding-top: 13px; background: url('../images/bckgd_vote_40x40.jpg') no-repeat;
}

.cartouche .vote_ecoute {
	background: url('../images/picto-vote.png') no-repeat 0% 50%; padding: 1px 0px 1px 17px;
}

.cartouche .vote_ecoute a {
	font-size: 10px; font-weight: bolder; color: #000000;
}

/* MENU */
.menu_profil {
	border-bottom: 3px solid #AF0001;
}

.menu_profil li {
	background: url('../images/onglet_programme.gif') repeat-x; float: left; color: #FFFFFF; font-weight: bolder; margin-right: 2px; padding: 4px 9px 4px 9px; font-size: 11px; cursor: pointer;
}

.menu_profil li:hover {
	background: url('../images/onglet_programme_hover.gif') repeat-x;
}


/****************************/
.nouveaux_titres, .titres_preferes {
	padding: 17px 8px; background: #FFFFFF url('../images/bckgd_nouveaux_titres.png') repeat-x; border-bottom: 2px solid #E8E8E8;
}

.titres_preferes {
	border-top: 3px solid #AF0001;
}

.presentation_titre .cartouche {
	width: 187px;
}

.presentation_titre .cartouche a {
	color: #000000;
}

.presentation_titre .cartouche h4 {
	margin: 0px; color: #000000; font-size: 13px;
}

.presentation_titre .cartouche h4 a {
	font-size: 13px;
}

.legende, .boutons_exception {
	border-bottom: 3px solid #787677; background: #FFFFFF;
}

.legende {
	padding: 12px 0px 12px 8px; width: 762px; float: left;
}

.boutons {
	padding: 10px 8px 9px 0px;
}

.chargement {
	text-align: center; padding: 43px 0px;
}