/**********************************************/
/********** DÉCOUPE PLANETE-ADOS.COM **********/
/********** BY WEBAZ.ORG **********************/
/**********************************************/

body {
text-align: center;
margin : auto;
padding : 0;
font-size: 12px;
color : #4d4e53;
font-family: Arial, Helvetica, sans-serif;
background : #5c083c url('http://www.planete-ados.com/images/fond.png') repeat-y top center;
}

td {
font-size: 12px;
}

img {
border: 0;
}

form , h1 , h2 , h3 {
margin: 0;
padding: 0;
}

.no_border {
padding: 0px;
background: none;
border: none;
}

.clear {
clear: both;
}

.bleu {
	color: #6eaee6;
}

.rose {
	color: #eb2e74;
}

.rouge {
	color: #ff0000;
}

input, textarea , select {
font-family : Verdana, Arial, Helvetica, sans-serif;
padding : 2px;
color: #213546;
font-size : 11px;
background : #FFFFFF;
border : 1px solid #213546;
font-weight: normal;
margin: 1px;
}

.gauche {
float: left;
margin: 0 8px 8px 0;
}

.droite {
float: right;
margin: 0 0 8px 8px;
}


/******************** LIENS ********************/ 

a {
color : #000000;
font-weight: bold;
text-decoration: none;
}

a:hover {
color : #000000;
font-weight: bold;
text-decoration: underline;
}

#menu ul { 
list-style-type : none;
margin: 0;
padding: 10px 0 0 0;
width: 575px;
position: absolute;
left: 15px;
}

#menu li { 
float : left;
}

#menu li a {
padding: 4px 0;
display : block;
text-align: center;
color : #FFFFFF;
text-decoration: none;
font-weight:bold;
width: 90px;
font-size: 11px;
}

#menu li a:hover { 
color : #FFFFFF;
background : url('images/menu_hover.png') no-repeat;
text-decoration: none;
}

#sous_menu ul { 
list-style-type : none;
margin: 0;
padding: 0 20px;
}

#sous_menu li { 
float : left;
}

#sous_menu li a {
padding: 0 14px;
display : block;
color : #FFFFFF;
text-decoration: none;
font-weight:bold;
font-size: 10px;
}

#sous_menu li a:hover { 
color : #FFFFFF;
text-decoration: none;
}

#footer a {
color : #FFFFFF;
text-decoration: none;
font-weight:bold;
}

#footer a:hover {
color : #FFFFFF;
text-decoration: underline;
font-weight:bold;
}

/******************** LIENS ********************/ 





/******************** DESIGN ********************/ 

#global {
text-align: left;
margin: auto;
margin-top:7px;
width: 1008px;
}

	#header {
	height: 112px;
	position: relative;
	}

		#header_gauche {
		position: absolute;
		top: 0px;
		left: -18px;
		background : url('images/header_gauche.png') no-repeat;
		width: 18px;
		height: 33px;
		}

		#header_droite {
		position: absolute;
		top: 0px;
		right: -57px;
		background : url('images/header_droite.png') no-repeat;
		width: 57px;
		height: 35px;
		}

		#header_logo {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 469px;
		height: 112px;
		}

		#header_texte {
		position: absolute;
		top: 0px;
		left: 469px;
		background : url('images/header_texte.png') no-repeat;
		width: 539px;
		height: 21px;
		}

			#header_texte ul {
				margin: 0;
				color: #ffffff;
				font-size: 10px;
				padding: 3px 14px 0 10px;
			}

				#header_texte ul li .bleu {
					color: #6eaee6;
				}

				#header_texte ul li .rose {
				color: #eb2e74;
				}

		#header_membres {
		position: absolute;
		top: 21px;
		left: 469px;
		background : url('images/header_membres.png') no-repeat;
		width: 539px;
		height: 91px;
		}

			#header_membres .texte {
			color: #FFFFFF;
			padding: 16px 10px 0 0;
			font-size: 11px;
			}

			#header_membres .connexion {
				position: absolute;
				top: 13px;
				left: 13px;
				background : url('images/header_connexion.png') no-repeat;
				width: 485px;
				height: 68px;
			}
			
			#header_membres .pub {
				position: absolute;
				top: 15px;
				left: 13px;
				background : url('images/pub_header.png') no-repeat;
				width: 500px;
				height: 80px;
			}

				#header_membres .champ {
				width: 155px;
				color: #918e90;
				border: none;
				background: none;
				padding: 0;
				}

				#header_membres .champ_1 {
				position: absolute;
				top: 9px;
				left: 110px;
				}

				#header_membres .champ_2 {
				position: absolute;
				top: 41px;
				left: 110px;
				}

				#header_membres .bouton {
				width: 96px;
				height: 60px;
				border: none;
				background: none;
				padding: 0;
				position: absolute;
				top: 4px;
				left: 278px;
				}

				#header_membres .lien {
				display: block;
				width: 96px;
				color: #918e90;
				font-size: 11px;
				text-align: center;
				}

				#header_membres .lien_1 {
				position: absolute;
				top: 9px;
				left: 380px;
				}

				#header_membres .lien_2 {
				position: absolute;
				top: 41px;
				left: 380px;
				}

	#menu_header {
	height: 167px;
	position: relative;
	}

		#menu {
		position: absolute;
		top: 0px;
		left: 0px;
		background : url('images/menu_header.png') no-repeat;
		width: 772px;
		height: 39px;
		}

			#menu p {
			margin: 0px;
			position: absolute;
			top: 12px;
			right: 10px;
			width: 165px;
			color: #FFFFFF;
			text-align: center;
			font-size: 11px;
			font-weight: bold;
			}

		#sous_menu {
		position: absolute;
		top: 39px;
		left: 0px;
		background : url('images/sous_menu.png') no-repeat;
		width: 772px;
		height: 14px;
		}

		#pub_1 {
		position: absolute;
		top: 53px;
		left: 0px;
		background : url('images/pub_1.png') no-repeat;
		width: 772px;
		height: 114px;
		}

			#pub_1 img {
			position: absolute;
			top: 13px;
			left: 31px;
			width: 728px;
			height: 90px;
			}
	
		#pub_2 {
		position: absolute;
		top: 0px;
		right: 0px;
		background : url('images/pub_2.png') no-repeat;
		width: 236px;
		height: 167px;
		}

			#pub_2 p {
			margin: 0px;
			padding: 6px 4px 0 0;
			text-align: center;
			}

			#pub_2 img {
			margin: 0 0 4px 0;
			}

	#container {
	background : url('images/container_fond.png') repeat-y;
	padding: 8px 10px 0 10px;
	}

		#annonce {
		float: left;
		width: 605px;
		margin-bottom: 8px;
		}

			/*#annonce img {
			height: 240px;
			width: 680px;
			}*/
	
			#annonce_texte {
			height: 19px;
			background : url('images/annonce_texte.png') no-repeat;
			width: 600px;
			position: relative;
			}
	
				#annonce_texte .titre {
				position: absolute;
				left: 10px;
				top: 2px;
				margin: 0;
				color: #ffd4ff;
				font-weight: bold;
				width: 590px;
				font-size: 11px;
				}

					#annonce_texte .titre span {
					color: #FFFFFF;
					}
	
				#annonce_texte .avant {
				position: absolute;
				top: 3px;
				right: 50px;
				}

				#annonce_texte .texte {
				margin: 0;
				color: #f258b9;
				font-size: 11px;
				position: absolute;
				top: 3px;
				right: 24px;
				width: 26px;
				text-align: center;
				font-weight: bold;
				}

				#annonce_texte .apres {
				position: absolute;
				top: 3px;
				right: 10px;
				}

		#menu_gauche {
		float: left;
		width: 222px;
		text-align: center;
		}

		#menu_droite {
		float: right;
		width: 222px;
		text-align: center;
		}

			.menu_haut {
			height: 29px;
			}

			.menu_fond {
			background : url('images/menu_fond.png') repeat-y;
			padding: 6px 10px 6px 10px;
			text-align: left;
			}
			
			.menu_bas {
			height: 2px;
			background : url('images/menu_bas.png') no-repeat;
			margin-bottom: 8px;
			}

			#lecteur_deezer {
			margin-bottom: 8px;
			}

		.bloc_gris {
		float: right;
		width: 380px;
		background : #ecebf3 url('images/bloc_gris.png') repeat-x bottom;
		margin-bottom: 8px;
		}

		.bloc_rose {
		background : #f7e7f5 url('images/bloc_rose.png') repeat-x bottom;
		margin-bottom: 8px;
		}

		.bloc_vert {
		background : #d9ffba url('images/bloc_vert.png') repeat-x bottom;
		margin-bottom: 8px;
		}

		.bloc_orange {
		background : #ffe8d6 url('images/bloc_orange.png') repeat-x bottom;
		margin-bottom: 8px;
		}

		.bloc_turquoise {
		background : #e3f3e5 url('images/bloc_turquoise.png') repeat-x bottom;
		margin-bottom: 8px;
		}

			.bloc_contenu {
			padding: 7px 12px;
			}

				.bloc_contenu .titre {
				float: left;
				font-weight: bold;
				padding: 0 6px 0 0;
				margin-bottom: 6px;
				position: relative;
				top: -2px;
				}

				.bloc_gris .titre {
				color: #c91861;
				background: #ecebf3;
				}

				.bloc_rose .titre {
				color: #5f8aaf;
				background: #f7e7f5;
				}

				.bloc_vert .titre {
				color: #454545;
				background: #d9ffba;
				}

				.bloc_orange .titre {
				color: #454545;
				background: #ffe8d6;
				}

				.bloc_turquoise .titre {
				color: #5f8aaf;
				background: #e3f3e5;
				}

				.bloc_rose .bulle {
				width: 453px;
				height: 36px;
				background : url('images/bloc_rose_bulle.png') repeat-x bottom;
				margin: 3px 0;
				}

					.bloc_rose .bulle p {
					margin: 0;
					padding: 6px 10px 0 10px;
					font-weight: bold;
					}

				.bloc_turquoise .bulle {
				width: 705px;
				height: 77px;
				background : url('images/bloc_turquoise_bulle.png') no-repeat;
				position: relative;
				left: 15px;
				}

					.bloc_turquoise .bulle textarea {
					border: none;
					padding: 0;
					background: none;
					color: #868585;
					width: 500px;
					height: 40px;
					position: absolute;
					top: 8px;
					left: 20px;
					}

					.bloc_turquoise .bulle .bouton {
					border: none;
					padding: 0;
					background: none;
					position: absolute;
					top: 32px;
					right: 5px;
					}

				.bloc_contenu .titre_bordure {
				padding-top: 3px;
				border-bottom: 1px solid #bdbcc2
				}

				.bloc_contenu .photo {
				float: left;
				margin: 0 10px 10px 0;
				max-width:156px;
				}

				.bloc_contenu #profil_droite {
				float: right;
				width: 568px;
				}

				.bloc_contenu .cadre_blanc {
					height: 90px;
				}
				
				.bloc_contenu .cadre_blanc_mur {
					height: auto;
				}

					.bloc_contenu .cadre_blanc .gauche {
					margin-bottom: 0px;
					}

				.bloc_contenu #flottant {
				float: right;
				width: 270px;
				position: relative;
				top: -26px;
				}

					.bloc_contenu #flottant .titre {
					padding-left: 6px;
					margin-bottom: 12px;
					}

					.bloc_contenu #flottant .titre img {
					position: relative;
					top: 2px;
					}

					.bloc_contenu #flottant .titre span {
					color: #4d4d4d;
					display: inline;
					}

					.bloc_contenu #flottant .boutons {
					line-height: 9px;
					}

						.bloc_contenu #flottant .boutons .droite {
						float: right;
						}

		#pub_3 {
		float: left;
		background : url('images/pub_3.png') no-repeat;
		width: 276px;
		height: 258px;
		position: relative;
		left: 6px;
		margin-bottom: 8px;
		}

			#pub_3 img {
			position: absolute;
			top: 4px;
			right: 4px;
			width: 250px;
			height: 250px;
			}
	
		#recherche {
		background: #ffd200;
		color: #FFFFFF;
		font-size: 11px;
		font-weight: bold;
		padding: 8px 30px;
		margin: 0 0 2px 0;
		}

			#recherche input {
			border: 1px solid #a0acc2;
			padding: 3px;
			}

		#footer {
		background: #3b3b48;
		color: #FFFFFF;
		font-size: 11px;
		font-weight: bold;
		text-align: center;
		padding: 16px 20px;
		}

/******************** DESIGN ********************/ 

/******************** AJOUT *********************/
.newsticker  {
	list-style-type: none;
	padding: 1px;
	margin: 0;
}

.img-article{
	float:left;
	width:200px;
	height:200px;
	margin-top:8px;
	margin-left:5px;
	padding-right:15px;
	padding-bottom:7px;
}

.contenu-article{
	background-color:#FFF;
	margin-top:-5px;
	padding:1px 10px;
}

.autres_articles{
	list-style:none;
	margin-left:-40px;
}

.avatar_mur{
	width:50px; 
	height:50px;
	padding: 2px; 
	float:left;
	margin: 5px 10px;
}

img.avatar{
	padding: 2px; 
	float:left; 
	width:150px; 
	height:150px; 
	border: 1px solid #000; 
	margin: 5px 10px;
}

#gallery {
	position:relative;
	height:220px
}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
		z-index:600; 
		background-color:#000; 
		color:#fff; 
		height:40px; 
		width:100%; 
		position:absolute;
		bottom:0;
	}

	#gallery .caption .content {
		margin:5px;
	}

#webradio_player{
	background-image: url(http://bellonline.co.uk/player/player.png); 
	border-bottom: 0px; 
	border-left: 0px; 
	padding-bottom: 0px; 
	padding-left: 0px; 
	width: 240px; 
	padding-right: 0px; 
	display: inline-block; 
	height: 60px; 
	border-top: 0px; 
	border-right: 0px;
	padding-top: 0px;
}

.facebook{
	position: absolute;
	left:0.9%;
	width:150px;
}