/********************************************/
/*                                G�n�rale                                    */
/********************************************/

body, h1, h2, h3, h4, h5, h6, ul, li, label, form, input, p, fieldset, span, img, textarea {
	margin:0;
	padding:0;
	border:none;
}

#conteneur {
	width:1010px;
	margin:auto;
	padding-top:4px;
}

#page {
	width:1010px;
	margin:auto;
	position:relative;
	z-index:10;
}
#page_contenu {
	width:740px;
	margin-left:100px;;
}

#fil_ariane {
	width:740px;
	margin:auto;
}

.separator{
	clear:both;
}

#rss_icone {
	position:absolute;
	width:36px;
	height:15px;
	top:15px;
	right:20px;
}

/********************************************/
/*                                Header                                       */
/********************************************/

/* Logo */

#logo{
	float:left;
	width:58px;
	position:relative;
	height:251px;
	margin-left:35px;
}

/* Menu */

#header #menu{
	float:left;
	height:50px;
	margin-left:107px;
	position:relative;
	width:722px;
	z-index:50;
}

#header #menu ul li{
	float:left;
}



#header #menu_lecture_ecoute{
	margin-left:412px;
	width:103px;
	height:45px;
}

*html #header #menu_lecture_ecoute {
	margin-left:522px;
}

#header #menu_lecture_ecoute img{
	vertical-align:middle;
}

/* Sous Menu */

#header #menu  li:hover ul, #header #menu li li:hover ul, #header #menu li.sfhover ul, #header #menu li li.sfhover ul {
	left:auto;
	min-height:0;
}

#header #menu ul li ul {
	position:absolute;
	left:-999em;
	width:120px;
	margin-top:-10px;
	overflow:hidden;
}

*html #header #menu ul li ul {
	margin-top:40px;
	margin-left:-110px;
}
*+html #header #menu ul li ul {
	margin-top:40px;
	margin-left:-110px;
}

#header #menu ul li ul  li{
	width:120px;
	text-align:center;
}

#header #menu ul li ul  li a{
	margin-bottom:0px!important;
	display:block;
	width:120px;
	height:25px;
	padding-top:7px;
	line-height:12px;
}

/* Identification */

#header #identification{
	float:right;
	height:33px;
	margin-right:181px;
	margin-top:0;
	text-align:right;
	width:221px;
}

#header #identification_login {
	float:left;
	width:90px;
}
#header #identification_mdp {
	float:left;
	margin-left:5px;
	width:90px;
}
#header #identification_connexion {
	float:left;
	margin-left:3px;
}


/* Pub */

#header #pub_header {
	height:90px;
	margin:10px 102px 5px;
	width:737px;
}
#header #pub_header .pub{
	width:727px;
	height:90px;
}

/* Recherche */

#header #recherche{
	float:right;
	height:30px;
	margin-right:181px;
	width:132px;
}

/* En �coute */

#header #en_ecoute{
	width:530px;
	height:25px;
	margin-left:185px;
	margin-top:3px;
	text-align:center;
}

/********************************************/
/*                                Footer                                        */
/********************************************/

#footer{
	margin:15px 105px;
	width:750px;
}

/* Bloc pub  */

#pub_footer{
	margin-top:10px;
}

#pub_footer #footer_1{
	float:left;
	width:292px;
}

#pub_footer #footer_2, #pub_footer #footer_3{
	margin-left:302px;
}

#pub_footer #footer_3{
	margin-top:5px;
}

/* menu pages annexes */

#footer ul {
	width:750px;
	margin:15px auto 0px auto;
	height:30px;
}

#footer ul li{
	float:left;
	margin-left:5px;
	margin-right:5px;
}

#footer ul li a{
	margin-right:5px;
}

/********************************************/
/*                                Page erreur                               */
/********************************************/

#erreur{
	float:left;
	width:580px;
	margin-top:10px;
	margin-left:10px;
}

/********************************************/
/*                                Page commun                              */
/********************************************/

/* Pub */

#page #page_pub{
	float:right;
	width:162px;
	height:593px;

}

#pub_page {
	float:right;
	width:309px;
	height:246px;
}
#pub_page .pub{
	width:299px;
	height:246px;
}

#pub_page_bis {
	width:162px;
	height:593px;
}

/* Bloc flash */

#bloc_flash{
	width:423px;
	height:248px;
}

/* Menu */

#bloc_menu{
	float:left;
	margin-top:7px;
}

/* Bloc c t koi ?*/

#page_ctkoi {
	width:139px;
	height:82px;
	margin-top:15px;
}
#page_ctkoi a{
	width:139px;
	height:82px;
	display:block;
}

/* Bloc newsletter */

#page_newsletter {
	width:139px;
	height:53px;
	margin-top:15px;
}
#page_newsletter a{
	width:139px;
	height:53px;
	display:block;
}

/* Bloc programme */

#page_programme {
	width:139px;
	height:69px;
	margin-top:15px;
}
#page_programme a{
	width:139px;
	height:69px;
	display:block;
}

/* Bloc tags */

#page_tags {
	width:139px;
	margin-top:15px;
}

/********************************************/
/*                                Page accueil                               */
/********************************************/

/* Bloc Les blogs de l' antenne */

#accueil_blog_antenne{
	width:360px;
	float:left;
	margin-top:7px;
	margin-left:7px;
}

#accueil_blog_antenne .liste_blog{
	padding-bottom:30px;
}

#accueil_blog_antenne .blog{
	width:330px;
	margin-top:10px;
}

#accueil_blog_antenne .blog_auteur{
	float:right;
}

#accueil_blog_antenne .blog_text{
	margin-top:5px;
}

/* Bloc de zone libre */

#accueil_libre{
	float:left;
	width:220px;
	margin-top:7px;
	margin-left:7px;
}

/* Bloc actualit�*/

#accueil_actualite {
	width:585px;
	float:left;
	margin-left:8px;
	margin-top:5px;
	position:relative;
}

#accueil_actualite .actu{
	float:left;
	padding-top:15px;
	padding-right:20px;
	width:250px;
	height:100px;
}

#accueil_actualite img{
	float:left;
	margin-left:10px;
}

#accueil_actualite .texte{
	margin-left:100px;
	height:80px;
	width:150px;
}

#accueil_actualite .categorie {
	width:150px;
	height:15px;
	text-align:right;
}

/* Bloc articles */

#accueil_article {
	width:585px;
	float:right;
	margin-right:8px;
	margin-top:5px;
}

#accueil_article h1 {
	margin-bottom:15px;
}

#accueil_article .tous{
	display:block;
	margin-top:10px;
}

#accueil_article .accueil_membre {
	float:right;
	width:250px;
	text-align:center;
}

#accueil_article .accueil_membre li{
	float:left;
	width:70px;
	text-align:center;
	padding:5px;
	height:80px;
}

#accueil_article .accueil_groupe {
	width:250px;
	text-align:center;
	float:left;
}

#accueil_article .accueil_groupe li{
	float:left;
	width:70px;
	text-align:center;
	padding:5px;
	height:80px;
}

#accueil_article .accueil_soiree{
	margin-top:20px;
}

#accueil_article .accueil_soiree li{
	margin-top:10px;
	padding-bottom:10px;
}

/********************************************/
/*                                Page radio                                  */
/********************************************/

/* Bloc team */

#radio_personnel{
	float:left;
	width:330px;
	margin-top:10px;
	margin-left:10px;
}

#radio_personnel h1 {
	text-align:center;
	margin-bottom:15px;
}

#radio_personnel .team{
	padding-bottom:10px;
	width:300px;
}

#radio_personnel .team .personne{
	width:295px;
	margin-bottom:10px;
	padding-bottom:10px;
}

#radio_personnel .team .personne .avatar{
	float:left;
	width:80px;
	height:80px;
}

#radio_personnel .team .personne .texte{
	float:left;
	margin-left:10px;
	width:200px;
}

#radio_personnel .team .personne .nom, #radio_personnel .team .personne .legende{
	width:200px;
}

#radio_personnel .team .personne .blog{
	float:left;
	width:63px;
	height:22px;
	margin-top:10px;
}

#radio_personnel .team .personne .plus{
	float:left;
	margin-left:110px;
	margin-top:10px;
	width:20px;
	height:20px;
}

#radio_personnel .team .toute_team {
	width:221px;
	margin-left:40px;
	margin-top:10px;
	height:31px;
}

/* Bloc programmation */

#radio_groupe {
	float:left;
	width:245px;
	margin-top:10px;
	margin-left:10px;
}

#radio_programmation {
	width:245px;
}

#radio_programmation h1 {
	width:214px;
	text-align:center;
	margin-bottom:15px;
}

#radio_programmation .sous_titre {
	width:214px;
	margin-bottom:5px;
}

#radio_programmation ul{
	margin-left:10px;
}

#radio_programmation ul li{
	margin-bottom:5px;
}

#radio_programmation .voir_programmation{
	margin-top:10px;
	width:218px;
	height:30px;
}

#radio_programmation .samedi{
	margin-top:10px;
	margin-left:10px;
	float:left;
	width:80px;
	height:25px;
}

#radio_programmation .dimanche{
	margin-top:10px;
	margin-left:30px;
	float:left;
	width:80px;
	height:25px;
}


/* Bloc Ecoute contact */

#radio_ecoute_contact{
	margin-top:15px;
	width:234px;
	height:121px;
}

/* Bloc Chat en direct avec la team */

#radio_chat_team{
	margin-top:15px;
	width:234px;
	height:99px;
}

/* Bloc Ecoute contact */

#radio_frequence{
	margin-top:15px;
	width:234px;
	height:87px;
}

/********************************************/
/*                          Page programmation                        */
/********************************************/

/* Bloc programmation */

#programmation{
	float:left;
	width:580px;
	margin-top:10px;
	margin-left:10px;
}

#programmation h1 {
	width:550px;
	text-align:center;
	margin-bottom:15px;
}

#programmation .onglet{
	width:579px;
	position:relative;
	float:left;
	margin-left:-14px;
	height:29px;
	margin-bottom:20px;
}

#programmation .onglet ul{
	width:348px;
}

#programmation .onglet ul li{
	float:right;
	margin-left:-15px;
	width:126px;
	height:21px;
	margin-top:8px;
	background:transparent url(images/onglet2.png) no-repeat;
	text-align:center;
}

#programmation .liste{
	width:550px;
}

#programmation .liste .emission{
	width:550px;
	height:85px;
	margin-top:10px;
	padding-top:10px;
}

#programmation .liste .emission .visuel{
	float:left;
	width:80px;
	height:80px;
}

#programmation .liste .emission .texte{
	float:left;
	margin-left:10px;
	width:455px;
}

#programmation .liste .emission .texte .emission_titre, #programmation .liste .emission .texte .emission_legende{
	width:430px;
}

#programmation .liste .emission .texte .suite{
	float:right;
	width:20px;
}

/********************************************/
/*                             Page emission                               */
/********************************************/

/* Bloc emission */

#emission{
	float:left;
	width:580px;
	margin-top:10px;
	margin-left:10px;
}

#emission .visuel{
	float:left;
	width:150px;
	height:150px;
	margin-right:10px;
}

#emission .texte{
	margin-left:200px;
	width:340px;
}

#emission .texte .titre{
	margin-bottom:5px;
}

#emission .description{
	margin-top:20px;
	padding-bottom:20px;
}

#emission .tags{
	margin-top:20px;
	margin-left:50px;
	width:500px;
	height:25px;
}

#emission .tags li{
	float:left;
	padding-right:10px;
}

#emission .podcasts{
	margin-top:20px;
	padding-top:30px;
	padding-left:40px;
	width:503px;
	height:55px;
}

#emission .podcasts li{
	width:470px;
}

#emission .no_exist{
	padding-top:70px;
	padding-bottom:70px;
	width:550px;
	text-align:center;
}


/********************************************/
/*                              Page team                                    */
/********************************************/

/* Bloc Team contact */

#team{
	float:left;
	width:580px;
	margin-top:10px;
	margin-left:10px;
}

#team h1 {
	width:550px;
	text-align:center;
	margin-bottom:15px;
}

#team .onglet{
	width:579px;
	float:left;
	margin-left:-14px;
	height:29px;
	margin-bottom:20px;
}

#team .onglet ul{
	width:348px;
}

#team .onglet ul li{
	float:right;
	margin-left:-15px;
	width:126px;
	height:21px;
	margin-top:8px;
	background:transparent url(images/onglet2.png) no-repeat;
	text-align:center;
}

#team .liste{
	width:550px;
}

#team .liste .personne{
	width:550px;
	margin-top:10px;
	padding-top:10px;
}

#team .liste .personne .visuel{
	float:left;
	width:80px;
	height:80px;
}

#team .liste .personne .texte{
	float:left;
	margin-left:10px;
	width:455px;
}

#team .liste .personne .texte .personne_titre, #team .liste .personne .texte .personne_legende{
	width:430px;
}

#team .liste .personne .texte .suite{
	float:right;
	width:20px;
}


/********************************************/
/*                             Page fiche team                            */
/********************************************/

/* Bloc fiche team */

#team_fiche{
	float:left;
	width:580px;
	margin-top:10px;
	margin-left:10px;
}

#team_fiche .avatar{
	float:left;
	width:150px;
	height:150px;
}

#team_fiche .texte{
	float:left;
	margin-left:10px;
	width:340px;
}

#team_fiche .texte .titre{
	margin-bottom:5px;
}

#team_fiche .texte .blog {
	margin-top:20px;
}

#team_fiche .texte .blog a{
	width:292px;
	height:85px;
	display:block;
}

#team_fiche .team_emission{
	margin-top:10px;
}

#team_fiche .description{
	margin-top:20px;
}

#team_fiche .tags{
	margin-top:20px;
	margin-left:50px;
	width:500px;
	height:25px;
}

#team_fiche .tags li{
	float:left;
	padding-right:10px;
}

#team_fiche .no_exist{
	padding-top:70px;
	padding-bottom:70px;
	width:550px;
	text-align:center;
}

#team_fiche .photo{
	width:500px;
}

#team_fiche .photo img{
	float:left;
	width:150px;
	height:150px;
	margin:5px;
}

/********************************************/
/*                             Page r�sultat Tag                         */
/********************************************/

/* Bloc de r�sultat de tag */

#tags{
	float:left;
	width:580px;
	margin-top:10px;
	margin-left:10px;
}

#tags h1{
	width:550px;
	text-align:center;
	margin-bottom:15px:
}

#tags .liste{
	width:550px;
	display:none;
}

#tags .liste_titre{
	width:550px;
	margin-top:10px;
	margin-bottom:10px;
}

#tags .liste .liste_element{
	width:530px;
	margin-left:20px;
	margin-bottom:10px;
	padding-bottom:10px;
	height:80px;
}

#tags .liste .liste_element img{
	float:left;
	width:80px;
	height:80px;
}

#tags .liste .liste_element .texte{
	float:left;
	width:430px;
	margin-left:10px;
}

#tags .liste .liste_element .texte .description{
	width:400px;
}

#tags .liste .liste_element .texte a{
	margin-bottom:5px;
	display:block;
}

#tags .pagination {
	width:530px;
	margin-top:30px;
	text-align:center;
}

/********************************************/
/*                             Page actualit�s                             */
/********************************************/

/* Bloc actualit�*/

#actualites_actu_contact {
	width:585px;
	float:right;
	margin-right:8px;
	margin-top:5px;
}

#actualites_actu_contact h1{
	width:550px;
	text-align:center;
	margin-bottom:15px:
}

#actualites_actu_contact .actu{
	float:left;
	padding-top:15px;
	padding-left:10px;
	padding-right:15px;
	padding-bottom:10px;
	width:245px;
	height:95px;
}

#actualites_actu_contact .actu img{
	float:left;
	width:80px;
	height:80px;

}

#actualites_actu_contact .texte{
	float:left;
	margin-left:10px;
	width:150px;
}

#actualites_actu_contact .categorie {
	float:right;
}

#actualites_actu_contact .toute_actu{
	width:550px;
	margin-top:10px;
	text-align:center;
}

/********************************************/
/*                             Page Info r�dac                           */
/********************************************/

/*  Bloc info r�dac */

#info_redac {
	float:left;
	width:350px;
	margin-top:10px;
	margin-left:10px;
	position:relative;
}

#info_redac h1{
	width:300px;
	text-align:center;
	margin-bottom:15px:
}

#info_redac .actu{
	margin-top:10px;
	width:310px;
	padding-bottom:10px;
}

#info_redac .actu .visuel{
	float:left;
	width:80px;
	height:80px;
}

#info_redac .actu .texte{
	float:left;
	margin-left:10px;
	width:220px;
}

#info_redac .actu .legende{
	width:195px;
}

#info_redac .actu .suite{
	float:right;
}

#info_redac .toute_info{
	width:300px;
	margin-top:10px;
	text-align:center;
}

#info_redac .pagination{
	margin-top:20px;
	text-align:center;
}

/* Bloc gros titre */

#info_redac_gros_titre{
	float:left;
	width:220px;
	margin-top:10px;
	margin-left:10px;
}

#info_redac_gros_titre .gros_titre{
	width:190px;
	margin-bottom:10px;
	padding-top:10px;
}

#info_redac_gros_titre .gros_titre  .nom{
	margin-bottom:10px;
	margin-top:10px;
}

#info_redac_gros_titre .gros_titre  .legende{
	width:160px;
}

#info_redac_gros_titre .gros_titre .suite{
	float:right;
}

/* Liste cat�gorie */
#liste_categorie {
	float:right;
	width:220px;
	margin-top:10px;
	margin-right:10px;
}

/********************************************/
/*                             Page actualit�                              */
/********************************************/

#actualite {
	float:left;
	width:580px;
	margin-top:10px;
	margin-left:10px;
}

#actualite h1{
	width:550px;
	margin-bottom:15px;
	text-align:center;
}

#actualite .image_actu{
	float:left;
	width:150px;
	height:150px;
	margin-right:10px;
}

#actualite .texte{
	width:380px;
	margin-left:160px;
}

#actualite .texte a{
	margin-bottom:10px;
	display:block;
}

#actualite .texte .date{
	margin-bottom:10px;
}

#actualite .texte ul{
	float:right;
	width:200px;
	height:50px;
}

#actualite .texte ul li{
	float:left;
	margin-right:10px;
}

#actualite .description{
	margin-top:20px;
}

#actualite h2{
	margin-top:20px;
	margin-bottom:10px;
}

#actualite .photos_actu a{
	margin-right:10px;
}

#actualite .actu_son{
	margin-top:15px;
}

#actualite .actu_son .player{
	float:left;
}

#actualite .actu_son .nom_son{
	float:left;
	margin-left:10px;
	margin-top:13px;
}

#actualite .lire_aussi{
	margin-top:20px;
	width:550px;
	height:85px;

}

#actualite .lire_aussi ul{
	padding-top:30px;
	padding-left:20px;
	width:500px;
	height:60px;
}

#actualite .commentaire img{
	float:left;
	margin-right:10px;
}

#actualite .commentaire p{
	margin-top:5px;
}

#actualite .reaction_contact{
	margin-top:20px;
}
#concours {
	margin-top:20px;
}
#concours p {
	margin-bottom:10px;
}
#concours img {
	display:block;
	width:250px;
	margin:auto;

}
#concour_jeux label{
	float:left;
	width:150px;
}
#concour_jeux input{
	border:1px solid #567489;
	margin:0 5px;

}

#concour_jeux #post {
	margin-left:155px;
	width:130px;
	cursor:pointer;
}


/********************************************/
/*                             Page actuCat�gorie                      */
/********************************************/

#actuCategorie {
	float:left;
	width:580px;
	margin-top:10px;
	margin-left:10px;
	position:relative;
}

#actuCategorie .info_cat{
	width:550px;
	padding-top:10px;
}

#actuCategorie .info_cat img{
	float:left;
	width:150px;
	height:150px;
}

#actuCategorie .texte{
	float:left;
	width:380px;
	margin-left:10px;
}

#actuCategorie .liste{
	width:550px;
	margin-top:10px;
}

#actuCategorie .liste .actu{
	width:540px;
	margin-top:5px;
	margin-bottom:10px;
	padding-right:5px;
	padding-top:10px;
}

#actuCategorie .liste .actu .visuel{
	float:left;
	width:80px;
	height:80px;
}

#actuCategorie .liste .actu .texte{
	float:left;
	width:450px;
	margin-left:10px;
}

#actuCategorie .liste .actu .texte .legende{
	width:420px;
}

#actuCategorie .liste .actu .texte .suite{
	float:right;
}

/********************************************/
/*                             Page C T KOI ?                             */
/********************************************/

#ctkoi {
	float:left;
	width:580px;
	margin-top:10px;
	margin-left:10px;
}

#ctkoi fieldset{
	width:550px;
	height:196px;
}

#ctkoi fieldset .jour{
	margin-left:172px;
	margin-top:101px;
	width:36px;
}
#ctkoi fieldset .mois{
	width:36px;
	margin-left:9px;
}
#ctkoi fieldset .annee{
	width:56px;
	margin-left:9px;
}
#ctkoi fieldset .heure{
	width:36px;
	margin-left:30px;
}
#ctkoi fieldset .submit{
	width:160px;
	height:30px;
	position:relative;
	margin-left:200px;
	margin-top:28px;
}

#ctkoi .horaire{
	margin-bottom:20px;
}

#ctkoi .resultat{
	width:500px;
	margin-top:20px;
	margin-left:10px;
}

#ctkoi .resultat .music{
	margin-top:5px;
	margin-left:20px;
	padding-top:10px;
}

/********************************************/
/*                             Page Musiques                             */
/********************************************/

/* Bloc Playlist Contact */

#musiques {
	float:left;
	width:330px;
	margin-top:10px;
	margin-left:10px;
}

#musiques h1{
	width:300px;
	margin-bottom:15px;
	text-align:center;
}

#musiques table {
	width: 100%;
}

#musiques table td, #musiques table th{
	padding-top:5px;
	padding-bottom:5px;
}

#musiques table span {
	cursor:help;
}

#musiques .suite{
	margin-top:15px;
	width:300px;
	text-align:center;
}

/* Bloc D�couvre Playlist Dj */

#musique_decouvre_playlist{
	float:left;
	margin-top:10px;
	margin-left:10px;
	width:242px;
	height:127px;
}

/* Bloc Abonnement Podcast Contact */

#musique_abonnement_podcast{
	float:left;
	margin-top:10px;
	margin-left:10px;
	width:242px;
	height:127px;
}

/* Bloc Zoom sur artiste */

#musiques_zoom_artiste{
	float:right;
	width:330px;
	margin-top:10px;
	margin-right:10px;
}

#musiques_zoom_artiste h1{
	width:300px;
	margin-bottom:15px;
	text-align:center;
}

#musiques_zoom_artiste .avatar{
	width:150px;
	height:150px;
	margin:auto;
}

#musiques_zoom_artiste .nom{
	margin-top:10px;
}

#musiques_zoom_artiste .legende{
	margin-top:10px;
	width:270px;
}

#musiques_zoom_artiste .suite{
	float:right;
	width:20px;
}

#musiques_zoom_artiste .voir_tous{
	text-align:center;
	margin-top:20px;
}

/*  Bloc Les compil's */

#musiques_compils{
	float:right;
	margin-top:10px;
	margin-right:10px;
	width:242px;
}

#musiques_compils h1{
	width:210px;
	margin-bottom:15px;
	text-align:center;
}

#musiques_compils .compil{
	margin-bottom:10px;
	width:210px;
}

#musiques_compils .avatar{
	width:150px;
	height:150px;
	margin:auto;
}

#musiques_compils .nom{
	margin-top:5px;
	text-align:center;
	width:210px;
}

#musiques_compils .voir_tous{
	text-align:center;
	margin-top:20px;
	width:210px;
}

/********************************************/
/*                        Page Playlist Contact                         */
/********************************************/

/* Bloc Playlist Contact */

#playlist_contact {
	float:left;
	width:330px;
	margin-top:10px;
	margin-left:10px;
}

#playlist_contact .music{
	margin-bottom:8px;
}

#playlist_contact h1{
	width:300px;
	margin-bottom:15px;
	text-align:center;
}

#playlist_contact .pagination {
	margin-top:20px;
}

#playlist_contact table{
	width:100%;
}

#playlist_contact table span {
	cursor:help;
}

#playlist_contact table td, #playlist_contact table th{
	padding-bottom:5px;
	padding-top:5px;
}

/* Bloc playslist Dj's */

#playlist_contact_dj{
	float:right;
	margin-top:10px;
	margin-right:10px;
	width:242px;
}
*html #playlist_contact_dj	{
	margin-right:5px;
}
#telecharge_sonnerie {
	margin-right:15px;
	margin-top:10px;
	float:right;
}
*html #telecharge_sonnerie {
	margin-right:7px;
}
#playlist_contact_dj h1{
	width:210px;
	margin-bottom:15px;
	text-align:center;
}

#playlist_contact_dj .team{
	width:210px;
	margin-top:10px;
	text-align:center;
	padding-top:5px;
}

/********************************************/
/*                                Page Playlist                              */
/********************************************/

/* Bloc La playlist de machin*/

#playlist {
	float:left;
	width:330px;
	margin-top:10px;
	margin-left:10px;
}

#playlist .music{
	margin-bottom:8px;
}

#playlist h1{
	width:300px;
	margin-bottom:15px;
	text-align:center;
}

#playlist table{
	width:100%;
}

#playlist table span {
	cursor:help;
}

#playlist table td, #playlist table th{
	padding-bottom:5px;
	padding-top:5px;
}

#playlist .visuel{
	margin:5px 0px 20px 100px;
}

/* Bloc les autres playlists */

#playlist_autre{
	float:left;
	margin-top:10px;
	margin-left:10px;
	width:242px;
}

#playlist_autre h1{
	width:210px;
	margin-bottom:15px;
	text-align:center;
}

#playlist_autre .team{
	width:210px;
	margin-top:10px;
	text-align:center;
	padding-top:5px;
}

/********************************************/
/*                             Page Mentions L�gales                 */
/********************************************/

#mentions_legales {
	float:left;
	width:580px;
	margin-top:10px;
	margin-left:10px;
}

#mentions_legales h1{
	width:550px;
	text-align:center;
	margin-bottom:15px:
}

/********************************************/
/*              Page Conditions g�n�rales de vente           */
/********************************************/

#conditions_generales_vente {
	float:left;
	width:580px;
	margin-top:10px;
	margin-left:10px;
}

#conditions_generales_vente .texte{
	width:545px;
	height:500px;
	padding-right:5px;
	overflow:auto;
}

#conditions_generales_vente h1{
	width:550px;
	text-align:center;
	margin-bottom:15px:
}


/********************************************/
/*                 Page Conditions d'utilisation                  */
/********************************************/

#conditions_utilisation {
	float:left;
	width:580px;
	margin-top:10px;
	margin-left:10px;
}

#conditions_utilisation .texte{
	width:545px;
	height:500px;
	padding-right:5px;
	overflow:auto;
}

#conditions_utilisation h1{
	width:550px;
	text-align:center;
	margin-bottom:15px:
}

/********************************************/
/*                              Page Plan du Site                        */
/********************************************/

#plan_site{
	float:left;
	width:580px;
	margin-top:10px;
	margin-left:10px;
}

#plan_site h1 {
	width:550px;
	text-align:center;
	margin-bottom:15px;
}

#plan_site ul li{
	margin-left:10px;
	margin-top:3px;
}

#plan_site h2{
	margin-bottom:5px;
	margin-top:20px;
}

/********************************************/
/*                                Page Fr�quences                        */
/********************************************/

#frequences{
	float:left;
	width:580px;
	margin-top:10px;
	margin-left:10px;
}

#frequences h1{
	width:550px;
	margin-bottom:15px;
	text-align:center;
}

#frequences h2{
	width:550px;
	margin-bottom:15px;
	text-align:center;
}

#frequences table{
	width:250px;
	margin:0px auto 20px auto;
}

#frequences table th{
	text-align:left;
}

#frequences table tr{
	height:25px;
}

#frequences .partenaire{
	float:left;
	width:250px;
	height:70px;
	margin-bottom:10px;
	margin-left:20px;
}

/********************************************/
/*        Page Creation Compte - Mon compte                */
/********************************************/

#compte{
	float:left;
	width:580px;
	margin-top:10px;
	margin-left:10px;
}

#compte h1{
	width:550px;
	margin-bottom:15px;
	text-align:center;
}

#compte fieldset{
	width:530px;
}

#compte label{
	width:150px;
	float:left;
	display:block;
	margin-top:5px;
}

#compte input,#compte textarea,#compte select{

	width:200px;
	float:left;
	margin-top:5px;
	margin-right:5px;
}

#compte textarea{
	height:90px;

}

.info-textarea {
	height: 100px;
	float: left;
	margin-top:5px;
	width:150px;
}

#compte .info{
	float:left;
	width:150px;
	margin-top:5px;
	height:25px;
}

#compte #bouton_ajouter{
	clear:left;
	margin-top:20px;
	margin-left:150px;
}

#compte .cadre_erreur_obligatoire, #compte .cadre_erreur_champs_existant{
	float:left;
	width:350px;
}

/********************************************/
/*                       Page Commentaire                             */
/********************************************/

#commentaires{
	float:left;
	width:580px;
	margin-top:10px;
	margin-left:10px;
}

#commentaires h1{
	width:550px;
	margin-bottom:15px;
	text-align:center;
}

#commentaires textarea{
	width:400px;
	margin-top:10px;
	margin-bottom:10px;
}

#commentaires .commentaire{
	padding-bottom:10px;
	padding-top:10px;
}

#commentaires .commentaire img{
	float:left;
	margin-right:10px;
}

#commentaires .commentaire p{
	margin-top:5px;
}

/********************************************/
/*                   Page Liste cat�gories d'actu                  */
/********************************************/

#actuCategories{
	float:left;
	width:580px;
	margin-top:10px;
	margin-left:10px;
}

#actuCategories h1{
	width:550px;
	margin-bottom:15px;
	text-align:center;
}

#actuCategories .categorie{
	width:550px;
	margin-top:10px;
	padding-top:10px;
}

#actuCategories .visuel {
	float:left;
	width:50px;
	height:50px;
}

#actuCategories .texte {
	float:left;
	width:480px;
	margin-left:20px;
}

/********************************************/
/*                   Page Inscription Newsletter                 */
/********************************************/

#newsletter{
	float:left;
	width:580px;
	margin-top:10px;
	margin-left:10px;
}

#newsletter h1{
	margin-bottom:20px;
	text-align:center;
}

#newsletter form{
	width:449px;
	height:111px;
	margin:auto;
}

#newsletter form #email{
	margin-left:173px;
	margin-top:20px;
	width:185px;
}

#newsletter form #post{
	margin-left:140px;
	margin-top:15px;
	width:165px;
	height:30px;
	cursor:pointer;
}

#newsletter form #partenaire{
	margin-left:85px;
	margin-top:10px;
}

#newsletter form .cadre_erreur_email, #newsletter form .cadre_erreur_obligatoire{
	position:absolute;
	float:left;
	margin-top:-50px;
	margin-left:20px;
}

/********************************************/
/*                              Page Artistes                               */
/********************************************/

#artistes{
	float:left;
	width:580px;
	margin-top:10px;
	margin-left:10px;
}

#artistes h1 {
	width:550px;
	text-align:center;
	margin-bottom:15px;
}

#artistes .onglet{
	width:579px;
	float:left;
	margin-left:-14px;
	height:29px;
	margin-bottom:20px;
}

#artistes .onglet ul{
	width:237px;
}

#artistes .onglet ul li{
	float:right;
	margin-left:-15px;
	width:126px;
	height:21px;
	margin-top:8px;
	background:transparent url(images/onglet2.png) no-repeat;
	text-align:center;
}

#artistes .liste{
	width:550px;
}

#artistes .liste .personne{
	float:left;
	width:175px;
	padding-top:10px;
	padding-right:5px;
	padding-bottom:5px;
	text-align:center;
}

#artistes .liste .personne .visuel{
	width:80px;
	height:80px;
}

#artistes .liste .personne .nom{
	width:175px;
}

#artistes .pagination{
	width:550px;
	text-align:center;
	margin-top:10px;
}

/********************************************/
/*                              Page Fiche Artiste                       */
/********************************************/

#artiste{
	float:left;
	width:580px;
	margin-top:10px;
	margin-left:10px;
}

#artiste h1 {
	width:550px;
	text-align:center;
	margin-bottom:15px;
}

#artiste .colonne_divers{
	float:right;
	width:150px;
}

#artiste .colonne_texte{
	width:380px;
	overflow:auto;
}

#artiste .option {
	width:150px;
	height:60px;
}

#artiste .option li{
	float:left;
	margin-right:5px;
}

#artiste .musique .titre_musique{
	margin-bottom:5px;
}

#artiste .musique .player{
	display:inline;
	vertical-align:middle;
	padding-left:10px;
}

#artiste .decouvrir_aussi{
	width:344px;
	height:55px;
	margin-top:20px;
	padding-top:30px;
	padding-left:30px;
}

#artiste .tags{
	margin-left:30px;
	width:350px;
	margin-top:20px;
}

#artiste .tags li{
	float:left;
	margin-right:10px;
}

#artiste .photo{
	margin-top:20px;
}

#artiste .photo img{
	margin-top:5px;
}

/********************************************/
/*                              Page Podcasts                              */
/********************************************/

#podcasts{
	float:left;
	width:580px;
	margin-top:10px;
	margin-left:10px;
}

#podcasts h1 {
	width:550px;
	text-align:center;
	margin-bottom:15px;
}

#podcasts .liste{
	width: 250px;
	float: left;
	padding: 5px;
}
#podcasts .liste .liste_titre{
	width: 250px;
	text-align:center;
}

#podcasts .liste ul{
	margin-left:5px;
}

#podcasts .liste li{
	margin-top: 5px;
}

#podcasts .texte{
	width: 265px;
	float: left;
	margin-left: 7px;
	padding: 5px;
	text-align: justify;
	font-size: 12px;
	height: 150px;
	margin-bottom: 20px;
}

#podcasts .bloc-titre {
	text-align: center;
	margin-bottom: 8px;
}

#podcasts .podcast{
	width:530px;
	padding-top:5px;
	padding-bottom:5px;
}

#podcasts .podcast .pod_image{
	float:left;
	width:150px;
	height:150px;
}

#podcasts .podcast .pod_texte{
	float:left;
	margin-left:10px;
}

#podcasts .podcast .pod_texte div, #podcasts .podcast .pod_texte h2{
	margin-bottom:5px;
}

#podcasts .podcast .pod_texte p a{
	margin-right:10px;
}

/********************************************/
/*                              Page Podcast                               */
/********************************************/

#podcast{
	float:left;
	width:580px;
	margin-top:10px;
	margin-left:10px;
}

#podcast h1 {
	width:550px;
	text-align:center;
	margin-bottom:15px;
}

#podcast .podcast {
	margin-bottom:20px;
}

#podcast .podcast .visuel {
	float:left;
	width:150px;
	height:150px;
}

#podcast .podcast .texte {
	float:left;
	width:380px;
	margin-left:20px;
}

#podcast .podcast .titre, #podcast .podcast .legende, #podcast .podcast .emission{
	margin-bottom:10px;
}
#podcast .podcast .texte  a{
	margin-right:10px;
}

#podcast ul{
	margin-left:10px;
}

#podcast ul img{
	vertical-align:middle;
}

#podcast .detail{
	margin-top:20px;
}


/********************************************/
/*                              Page Compilations                       */
/********************************************/

#compilations{
	float:left;
	width:580px;
	margin-top:10px;
	margin-left:10px;
}

#compilations h1 {
	width:550px;
	text-align:center;
	margin-bottom:15px;
}

#compilations .compil{
	float:left;
	width:175px;
	padding-top:10px;
	padding-right:5px;
	padding-bottom:5px;
	text-align:center;
}

#compilations .compil .visuel{
	width:80px;
	height:80px;
}

#compilations .compil .nom{
	width:175px;
}


/********************************************/
/*                              Page Fiche Compilation               */
/********************************************/

#compilation{
	float:left;
	width:580px;
	margin-top:10px;
	margin-left:10px;
}

#compilation h1 {
	width:550px;
	text-align:center;
	margin-bottom:15px;
}

#compilation .colonne_divers{
	float:right;
	width:150px;
}

#compilation .colonne_texte{
	width:380px;
	overflow:auto;
}

#compilation .option {
	width:150px;
	height:60px;
}

#compilation .option li{
	float:left;
	margin-right:5px;
}

#compilation .musique .titre_musique{
	margin-bottom:5px;
}

#compilation .musique .player{
	display:inline;
	vertical-align:middle;
	padding-left:10px;
}

#compilation .decouvrir_aussi{
	width:344px;
	height:55px;
	margin-top:20px;
	padding-top:30px;
	padding-left:30px;
}

#compilation .tags{
	margin-left:30px;
	width:350px;
	margin-top:20px;
}

#compilation .tags li{
	float:left;
	margin-right:10px;
}

#compilation .photo{
	margin-top:20px;
}

#compilation .photo img{
	margin-top:5px;
}

/********************************************/
/*                              Page Galerie                                */
/********************************************/

#gallerie {
	float:left;
	width:580px;
	margin-top:10px;
	margin-left:10px;
	position:relative;
}

#gallerie h1 {
	width:550px;
	text-align:center;
	margin-bottom:15px;
}

#gallerie .quitter{
	display:block;
	margin:0 auto 20px auto;
	width:100px;
}

#gallerie .precedente{
	float:left;
	margin-right:10px;
}

#gallerie .courante{
	float:left;
	margin-right:10px;
}

#gallerie .suivante{
	float:left;
	margin-left:10px;
}
#gallerie #cadre {
	height:82px;
	float:left;
	position:relative;
	overflow:hidden;
	margin:0;
	padding:0;
	width:408px;
	border:1px solid #DC610B;
}
#gallerie ul {
	list-style-type:none;
	background-color: #FFFFFF;
	position:absolute;
	top:0;
	left:0;
	width:2000px;
	height:82px;
}
#gallerie li {
	float:left;
	width:80px;
	border:1px solid #FFFFFF;
}
#gallerie li:hover {
	border-right:1px solid #DC610B;
	border-left:1px solid #DC610B;
}
#gallerie #photos_precedentes {
	float:left;
	margin-right:4px;
}
#gallerie #photos_suivantes {
	float:right;
}
#gallerie #zoom_vignette {
	width:400px;
	margin:auto;
	margin-top:30px;
}
#gallerie #zoom_vignette img {
	width:400px;
}
/********************************************/
/*                          Page Perso de membre                     */
/********************************************/

#page-perso{
	float:left;
	width:580px;
	margin-top:10px;
	margin-left:10px;
}

#page-perso h1 {
	width:550px;
	text-align:center;
	margin-bottom:15px;
}

#page-perso .texte{
	margin-bottom:10px;
}

/********************************************/
/*                          Page Loisirs et Tendances              */
/********************************************/
#loisirs_tendances {
	overflow:auto;
	float:left;
}

/* Bloc les bons plans clubbing */

#loisirs_bon_plan {
	width:350px;
	float:left;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
}

#loisirs_bon_plan h1 {
	text-align:center;
	margin-bottom:15px;
}

#loisirs_bon_plan .en_savoir_plus {
	margin-left:120px;
}

#loisirs_bon_plan .voir_tous {
	text-align:center;
	margin-top:10px;
}

#loisirs_bon_plan .visuel {
	float:left;
}

#loisirs_bon_plan .suite {
	width:230px;
}

#loisirs_bon_plan .descript {
	float:left;
	margin-left:10px;
	width:200px;
}

#loisirs_bon_plan .actu {
	padding-right:5px;
	padding-bottom:10px;
	margin-bottom:10px;
}

/* Bloc photos de soir�es */

#loisirs_photos_soirees {
	float:left;
	width:220px;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
}
#loisirs_photos_soirees h1{
	text-align:center;
	margin-bottom:10px;
}

#loisirs_photos_soirees img{
	display:block;
	margin:auto;
}

#loisirs_photos_soirees .nom_soir�e {
	text-align:center;
	margin-bottom:5px;
}
#loisirs_photos_soirees .photos_toutes {
	text-align:center;
}

/* Bloc les meilleurs clubs */

#loisirs_meilleurs_clubs {
	clear:both;
	width:580px;
	margin-left:10px;
	margin-top:10px;
}

#loisirs_meilleurs_clubs h1{
	text-align:center;
}

#loisirs_meilleurs_clubs .actu {
	margin-bottom:10px;
	padding-bottom:10px;
}

#loisirs_meilleurs_clubs .visuel {
	float:left;
}

#loisirs_meilleurs_clubs .detail {
	float:left;
	margin-left:10px;
}

#loisirs_meilleurs_clubs .descriptif {
	width:350px;
}

#loisirs_meilleurs_clubs .voir_fiche {
	text-align:right;
}
#loisirs_meilleurs_clubs .voir_annuaire {
	text-align:center;

}
/********************************************/
/*                          Page bons plans                                */
/********************************************/

#bons_plans_clubbing {
	width:580px;
	float:left;
	margin-top:10px;
	margin-left:10px;
}

#bons_plans_clubbing h1 {
	text-align:center;
	margin-bottom:10px;
}

#bons_plans_clubbing .a_venir {
	font-weight:bold;
	margin-bottom:5px;
}

#bons_plans_clubbing .agenda_bons_plans {
	float:left;
	width:200px;
	height:200px;
	text-align:center;
}

#bons_plans_clubbing .soiree_a_venir {
	float:left;
	margin-left:30px;
	width:300px;
}

#bons_plans_clubbing .visuel {
	float:left;
	margin-right:10px;
}

#bons_plans_clubbing .actu {
	margin-bottom:10px;
	padding-top:10px;
}

#bons_plans_clubbing .descript {
	float:left;
	margin-left:10px;
	width:200px;
}

#bons_plans_clubbing .voir_la_suite {
	margin-left:100px;
}

/********************************************/
/*                          Page titres fiches soirees                            */
/********************************************/

#fiche_soirees {
	float:left;
	margin-left:10px;
	margin-top:10px;
	width:580px;
}

#fiche_soirees h1	{
	text-align:center;
	margin-bottom:15px;
}

#fiche_soirees .visu_fiche_soirees {
	float:left;
	margin:0 10px 10px 0;
}

#fiche_soirees	.tags li{
	list-style-type:none;
	float:left;
	margin-right:15px;
}

#fiche_soirees .descript_soiree {
	float:left;
}

#fiche_soirees .descript_soiree div{
	margin-bottom:10px;
}

/********************************************/
/*                          Page photos soir�es                         */
/********************************************/

#photos_soirees	{
	float:left;
	margin-left:10px;
	margin-top:10px;
	width:580px;
}

#photos_soirees h1 {
	text-align:center;
}

#photos_soirees .navigation {
	margin-left:420px;
	margin-bottom:20px;
	height:20px;
}

#photos_soirees .photo_gallerie {
	width:200px;
	float:left;
	padding:10px 50px 10px 10px;

}

#photos_soirees .apercu_gallerie {
	float:left;
}

#photos_soirees .detail_gallerie {
	float:left;
	margin-left:10px;
	width:110px;
}

#photos_soirees .nom_gallerie {
	font-weight:bold;
}

/********************************************/
/*                          Page gallerie photos soir�es           */
/********************************************/

#gallerie_photos_soirees {
	float:left;
	margin-left:10px;
	margin-top:10px;
	width:580px;
}

#gallerie_photos_soirees h1 {
	text-align:center;
}

#gallerie_photos_soirees .photos	{
	float:left;
	margin-right:28px;
	margin-top:15px;
	margin-bottom:5px;
}

#gallerie_photos_soirees .tags li{
	float:left;
	list-style-type:none;
	margin-right:10px;
}

#gallerie_photos_soirees .tags {
	height:30px;
	margin-top:10px;
}

/********************************************/
/*                          Page les clubs                                  */
/********************************************/

#les_clubs {
	float:left;
	margin-left:10px;
	margin-top:10px;
	width:580px;
}

#les_clubs h1{
	text-align:center;
}

#les_clubs .navigation{
	margin-left:420px;
	margin-bottom:20px;
}

#les_clubs .club {
	margin-bottom:10px;
	padding-top:10px;
}

#les_clubs .visuel {
	float:left;
}

#les_clubs .club_descript {
	float:left;
	margin-left:10px;
	width:400px;
}

#les_clubs .voir_fiche {
	clear:both;
	margin-left:300px;
}

/********************************************/
/*                              Page le club                                  */
/********************************************/

#le_club {
	float:left;
	margin-left:10px;
	margin-top:10px;
	width:580px;
}

#le_club .descript_texte {
	float:left;
}

*html #le_club {
	margin-left:10px;
	width:560px;
}

#le_club H1 {
	text-align:center
}

#le_club .photo_club {
	float:left;
	margin:0px 10px 10px 0;
}

#le_club .photos_club {
	margin-top:20px;
}

#le_club .photos_club img {
	margin-right:20px;
	margin-bottom:10px;
}

#le_club .titre_photo {
	font-weight:bold;
	margin-bottom:10px;
	height:15px;
}

#le_club .impression{
	float:right;
	width:33px;
	height:43px;
}

#le_club .email{
	float:right;
	margin-right:20px;
	width:33px;
	height:43px;
}

#le_club .les_soirees_club .soirees_present, .les_photos_club .soirees_present {
	width:170px;
	float:left;
	margin-right:60px;
	margin-bottom:20px;
}

#le_club .les_soirees_club .soirees_present img, .les_photos_club .soirees_present img {
	float:left;
	margin-right:10px;
}

#le_club .note_club {
	font-weight:bold;
	width:250px;
	float:left;
	text-align:center;
}

#le_club .note_club input, .club_favoris input	{
	margin-left:20px;
	margin-bottom:10px;
	margin-top:10px;
	width:100px;
	height:40px;
	cursor:pointer;
}

#le_club .club_favoris {
	float:left;
	margin-left:10px;
	width:250px;
	font-weight:bold;
	text-align:center;
}

#le_club .tags {
	clear:both;
	margin-top:20px;
}

#le_club .tags li {
	list-style-type:none;
	float:left;
	margin:10px;
}

/********************************************/
/*                              Page Contact                                */
/********************************************/

#contact {
	float:left;
	margin-left:10px;
	margin-top:10px;
	width:580px;
}

#contact h1{
	text-align:center;
	margin-bottom:15px;
}

#contact label{
	float:left;
	width:180px;
	margin-top:5px;
	margin-left:20px;
}

#contact #commum  input,#contact #commum  textarea{
	float:left;
	width:250px;
	margin-top:5px;
}

#contact textarea {
	height:80px;
}

#contact #bouton input{
	width:200px;
	margin-top:20px;
	margin-left:200px;
}

#contact .cadre_erreur_obligatoire{
	clear:left;
	width:200px;
	margin-left:5px;
	color:red;
}


/********************************************/
/*         rejoins la communaut�                */
/********************************************/
#communaute {
	float:left;
	margin-left:10px;

}
*html #communaute {
	margin-left:5px;

}

#membres_actifs{
	float:left;
	width:292px;
	margin-top:10px;
	text-align:center;
}


.membre_actif {
	width:85px;
	float:left;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
}

#communaute .membres_tous{
	margin-top:10px;
}

#communaute h1{
	margin-bottom:10px;
}

#communaute_compte {
	float:left;
	width:280px;
	margin-top:10px;
	margin-left:10px;
}

#communaute_compte h1 {
	margin-bottom:10px;
	text-align:center;
}
#communaute_compte label {
	float:left;
	width:85px;
}
#communaute_compte input {
	margin-left:10px;
	border:1px solid #7C2A11;

}
#communaute_compte .info_membre {
	margin-bottom:10px;
}
#validation_inscription {
	width:100px;
	margin-top:10px;
	margin-left:73px!important;
	cursor:pointer;
}
#groupe_actif {
	float:left;
	width:292px;
	margin-top:10px;
}
#groupe_actif h1	{
	text-align:center;
}

#groupe_actif .groupe_actif{
	padding-top:5px;
}

#groupe_actif.groupe_actif img {
	float:left;
}

#groupe_actif .groupe_detail	{
	float:left;
	margin-left:7px;
	margin-bottom:5px;

}
#groupe_actif .groupe_nom {
	margin-bottom:5px;
	float:left;
	margin-right:3px;
}
#groupe_actif	.rejoindre_groupe {
	margin-left:80px;
	margin-top:5px;
}
#contact_now {
	float:left;
	width:280px;
	margin-top:10px;
	margin-left:10px;
}
*html #contact_now {
	margin-left:5px;
}
#contact_now .creation_compte {
	margin-bottom:10px;

}
#membre {
	float:left;
	margin-left:10px;
}
*html #membre {
	margin-left:5px;
}
#info_membre {
	width:580px;
	margin-top:10px;
	position:relative;

}
#info_membre .info_misajour {
	float:right;
	margin-right:40px;
	margin-bottom:5px;
}
#info_membre h1	{
	margin-bottom:10px;
	text-align:center;
	height:20px;
}

*html	#info_membre h1	{
	margin-left:100px;

}
#info_membre .avatar {
	float:left;

}
#info_membre .membre_infos {
	float:left;
	margin-left:20px;
	width:200px;
}
#info_membre #point_info {
	float:left;
	margin-left:80px;
	width:140px;
}

#info_membre .membre_favoris {
	float:left;
	margin-left:50px;
	width:150px;

}
#info_membre .club_favoris {
	margin-bottom:10px;
}

#info_membre .ajouter_amis{
	display:block;
	margin-top:10px;
}

#info_membre .texte{
	margin-top:20px;
}

#info_post {
	margin-top:10px;
	width:370px;
	float:left;

}
#info_post ul {
	border-bottom:1px solid #476072;
	height:28px;
	margin-left:-14px;

}

#info_post ul li{
	float:left;
	list-style-type:none;
	margin-right:10px;
}

#info_post .onglet{
	width:350px;
	float:left;
	/*margin-left:-14px;*/
	height:29px;
	margin-bottom:20px;
}

#info_post .onglet ul{
	width:247px;
}

#info_post .onglet ul li{
	float:right;
	margin-left:-25px;
	width:126px;
	height:21px;
	margin-top:8px;
	background:transparent url(images/onglet2.png) no-repeat;
	text-align:center;
}

#info_post textarea	{
	width:250px;
	height:100px;
	display:block;
	margin:10px auto 0px auto;
}
#info_post input {
	margin:10px auto 10px auto;
	background-color: #0099CC ;
	color:#FFFFFF;
	width:120px;
	display:block;
	cursor:pointer;
}

#info_post h3{
	margin-bottom:15px;
}

#menu_membre {
	float:left;
	width:200px;
	margin-top:10px;
	margin-left:10px;
}
#trouvez_amis h1	{
	position:relative;
}
#trouvez_amis input {
	margin:0px auto 10px auto;
	width:100px;
	display:block;
}
#rechercher-membre {
	background-color:#0099CC;
	color:#FFFFFF;
	cursor:pointer;
}
#amis_membre {
	margin-top:10px;
	margin-bottom:10px;
}
#amis_membre h3{
	text-align:center;
}

#amis_membre .ami{
	width:160px;
	margin-top:10px;
	padding-top:10px;
}

#amis_membre img {
	margin-right:10px;

}
#creation_groupe {
	margin-top:10px;
	margin-bottom:10px;
}
#creation_groupe h3	{
	text-align:center;
}
#creation_groupe input {
	width:120px;
	margin:auto;
	background-color:#0066FF;
	color:#FFFFFF;
	cursor:pointer;
	margin-top:20px;
}

#creation_groupe .groupe{
	width:160px;
	margin-top:10px;
	padding-top:10px;
}

#creation_groupe .groupe img{
	margin-right:10px;
}

#creation_groupe .lien_creation{
	margin-top:10px;
	display:block;
}


.membre_post .photo_membre {
	float:left;
	width:50px;
}
.membre_post .detail_message {
	float:left;
	margin-left:20px;
	width:270px;
}
.membre_post .video {
	margin-top:10px;
	text-align:center;
}
.membre_post img {
	display:block;
	margin:0px auto 0 auto;

}
.membre_post .titre_video {
	margin-bottom:10px;
}
.membre_post {
	margin-bottom:10px;
	padding-top:10px;
	position:relative;
}
#membres_communaute {
	width:580px;
	float:left;
	margin-left:10px;
	margin-top:10px;
}
#membres_communaute h1	{
	text-align:center;
	margin-bottom:10px;
}
#groupes_communaute .affichage {
	float:left;
	width:300px;
	margin-bottom:10px;
}

#membres_communaute .affichage{
	margin-bottom:10px;
	width:300px;
}

#membres_communaute .affichage select {
	width:100px;
}
#membres_communaute .navigation, #groupes_communaute .navigation{
	float:right;
}
#membres_communaute .navigation li, #groupes_communaute .navigation li {
	float:left;
	list-style-type:none;
	margin-right:2px;
}
#membres_communaute .membre {
	width:80px;
	height:80px;
	float:left;
	padding:5px;
	text-align:center;
}


/********************************************/
/*                              Page Groupes                               */
/********************************************/

#groupes_communaute {
	width:580px;
	float:left;
	margin-left:10px;
	margin-top:10px;
}
#groupes_communaute h1	{
	text-align:center;
	margin-bottom:10px;
}

#groupes_communaute form {
	margin-bottom:10px;
}

#groupes_communaute .groupe_detail {
	padding-bottom:10px;
	padding-top:10px;
}
#groupes_communaute .groupe_detail img  {

	float:left;
}
#groupes_communaute .descriptif {
	float:left;
	margin-left:20px;
	width:450px;
}

#groupes_communaute .adhesion_groupe {
	text-align:right;

}

#groupes_creation {
	width:580px;
	margin-left:10px;
	margin-top:10px;
	float:left;
}
#groupes_creation h1	{
	text-align:center;
	margin-bottom:10px;
}
#groupes_creation input, #groupes_creation textarea {
	margin-left:20px;
	margin-bottom:10px;
	border:none;
}
#groupes_creation label	{
	display:block;
	float:left;
	width:100px;


}
#groupes_creation textarea  {
	width:250px;
	height:100px;
	border:1px solid #dc610b;
}
#groupes_creation #button_creation {
	width:100px;
	background-color:#006699;
	margin-left:195px;
	color:#FFFFFF;
	cursor:pointer;
}
#groupe {
	width:580px;
	float:left;
	margin-left:10px;
	margin-top:10px;
}
#groupe h1	{
	text-align:center;
	margin-bottom:10px;
	height:15px;
}

#groupe .photo_groupe {
	width:150px;

}

#groupe .descriptif_groupe {
	float:right;
	text-align:justify;
	width:390px;
}
#groupe .detail_groupe {

	width:150px;

}
#groupe .liste_membres {
	list-style-type:none;

}
#groupe h3 {
	margin-top:20px;
	margin-bottom:10px;
	height:20px;
}
#groupe textarea {
	width:300px;
	height:100px;
	border:1px solid #dc610b;
	overflow-x:hidden;
	margin-left:170px;


}
#groupe #poster_groupe {
	width:150px;
	margin:auto;
	background-color:#0099CC;
	color:#FFFFFF;
	display:block;
	margin-top:10px;
	cursor:pointer;
}
#groupe	.message_poste {
	margin-bottom:5px;
	padding-top:5px;
}
#groupe	.message_poste img {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
#groupe	.message_poste .photo_membre	{
	float:left;
	margin-right:10px;

}
#groupe .message_detail {
	margin-top:10px;
}
#groupe .message_detail img	{
	margin:10px 0 0 50px;
}
#groupe .detail_message_poste {
	float:left;
	width:450px;
	text-align:justify;
}

/********************************************/
/*                              Page Import Contact                               */
/********************************************/

#import_contact {
	width:580px;
	float:left;
	margin-left:10px;
	margin-top:10px;
}

#import_contact h1	{
	text-align:center;
	margin-bottom:10px;
}

#import_contact p {
	margin-bottom:10px;
}

#import_contact form {
	width:300px;
	margin:auto;
}

#import_contact form label{
	float:left;
	width:100px;
	display:block;
	margin-top:5px;
}

#import_contact form input, #import_contact form select{
	float:left;
	width:150px;
	margin-top:5px;
}

#import_contact form #post{
	margin-top:10px;
}

/********************************************/
/*                              Page Import Contact Suite                      */
/********************************************/

#import_contact_suite {
	width:580px;
	float:left;
	margin-left:10px;
	margin-top:10px;
}

#import_contact_suite h1	{
	text-align:center;
	margin-bottom:10px;
}

#import_contact_suite p {
	margin-bottom:10px;
}

#import_contact_suite form {
	width:300px;
	margin:auto;
}

#import_contact_suite form label{
	float:left;
	width:150px;
	display:block;
	margin-top:10px;
}

#import_contact_suite form input{
	float:left;
	width:50px;
	margin-top:10px;
}

#import_contact_suite form #post{
	margin-top:10px;
}

/********************************************/
/*                              Page Membre de Groupe                      */
/********************************************/

#groupe_membre {
	width:580px;
	float:left;
	margin-left:10px;
	margin-top:10px;
}

#groupe_membre h1	{
	text-align:center;
	margin-bottom:10px;
}

#groupe_membre .membre {
	float:left;
	width:80px;
	height:70px;
	text-align:center;
	padding-top:10px;
}

/********************************************/
/*                              Tooltip                      */
/********************************************/


#tooltip {
	width:250px;
	display:none;
	position:absolute;
	background-color:white;
	padding:5px;
	z-index:100;
	border:1px solid #C3CED5;
}

.membre-team-contact {
	right:-5px;
	position:absolute;
	top:-20px;
}