/* CSS Document */

body{padding:0px; margin:0px; font-family: Helvetica, Geneva, Arial, sans-serif; font-size:0.8em; color:#555555; background-color:#1B466E; background-image:url(../images/background.jpg); background-repeat:repeat-x;}

div, h1, h2, input, ul, li{padding:0px; margin:0px; }


h1{ height:35px; font-size:20px; font-weight:normal;  padding:10px 0px 0px 0px; margin:0px; margin-bottom:3px;  color:#81b6d6; /*background-image:url(../images/puceH1.png);background-repeat:no-repeat;*/}

h2{ height:23px; font-size:16px; font-weight:bold; font-weight:normal; color:#555555; padding:2px 0px 0px 30px; margin:10px 0px 10px 0px;   margin-bottom:3px; background-image:url(../images/puceH2.png);background-repeat:no-repeat;}

h2 a{font-size:12px; font-weight:bold; padding:0px; margin:5px; color:#CC0000;}

.h2_a_actif{
	color:#006699;
	font-size:12px; 
	font-weight:bold;  
	margin:5px; 
	padding:0px;
}

h3 {height:20px; font-size:14px; font-weight:normal; padding:0px 0px 0px 30px; margin:10px 0px 10px 0px; color:#333333;  margin-bottom:3px; background-image:url(../images/puceH3.png);background-repeat:no-repeat;}

h4{font-size:12px; font-weight:bold; padding:0px; margin:0px; margin-bottom:5px; margin-top:5px; color:#006699;}

p{ margin:7px 0px 0px 0px;}

li {list-style:url(../images/puceLi.png); margin:10px 0px 0px 25px; }

.petit { font-size:9px}
.input_1 { width:100px; font-size:10px; padding:2px; margin-top:2px;}
.input_submit_1 {font-size:11px; padding:2px;}

.div_arriere_haut {}
.div_haut {float:left; width:1000px; height:130px; }
.div_logo {float:left; width:245px; padding-top:20px;}
.div_animation_haut {float:left; width:490px;}
.div_connexion {float:left; width:255px; text-align:right; padding:10px 10px 0px 0px; color:#FFFFFF; }
.div_connexion a {color:#CCCCCC; font-size:9px; font-weight:normal}

.div_header {width:1000px; background-image:url(../images/arriere-header.jpg); background-repeat:no-repeat;}
.div_lien_haut {width:1000px; text-align:right; margin-bottom:5px}
.div_lien_haut a { font-size:10px; font-weight:bold; color:#FF0000; margin-left:15px; }

.div_milieu_et_bas {color:#333333; /*background-image:url(../images/careau.jpg); background-repeat:repeat-x*/ }
.div_centre{width:990px;  text-align:left; padding-top:10px; padding-left:10px; padding-bottom:20px; min-height:350px; background-color:#FFFFFF; }

.bloc1{ width:410px; padding:0px 10px 10px 10px ; margin-bottom:10px; text-align:justify;   }

.bloc1 p{ text-align:justify;}

.playlistsAccueil {padding:10px 10px 10px 10px ; margin-bottom:10px; }

.div_hr {height: 1px; margin:5px 0px 5px 0px; padding:0Px; font-size: 1px; line-height: 1px; border: 0px; border-bottom:dotted 1px #999999;  overflow:hidden; }

.div_promotion{margin-left:10px; border:solid 2px #000000; width:525px; height:290px;}
.table_couleur{margin-right:10px; padding-bottom:10px; background-color:#F5F5F5; border:solid 1px #F3F3F3;}
.artistes_plus_vus{float:left; width:430px; padding:0px 0px 5px 10px; color:#CCCCCC;}
.div_miniature_ariste {text-align:center; float:left; width:120px; height:150px; font-size:10px; font-weight:bold; padding:0px; margin:5px 15px 0px 0px; border:solid 2px #CCCCCC ; background-color:#FFFFFF}
.div_miniature_ariste a { color:#666666}
.miniature_ariste {margin-bottom:5px; width:120px; height:120px;}
.accueil_tab_paroles{width:300px;  padding:10px 10px 1px 10px; font-size:11px;}
.accueil_tab_paroles a { color:#CC0000}

.videosAccueil {float:left; margin:15px 0px 0px 0px; }
.listeVideoAccueil { width:180px; float:left; padding:0px 10px 10px 5px;}
.divEvenementsAccueil {width:280px; padding:10px; margin:0px 0px 0px 0px; font-size:0.8em; float:left;  border: solid 1px #CCCCCC; }

.liste_ajout {
	margin:0px; 
	padding-left:0;
	float:left;
	
}

.liste_ajout li{
	float:left;
	padding:0px;
	margin:0px;
	padding-bottom:5px;
	margin-right:5px;
	list-style:none;
	list-style-image:none;
	
}



.liste_ajout li a{
	font-size:12px; 
	padding:0px;  
	color:#006699;
}

/******************* MENU ****************/
.styleMenu {  margin:0px; padding:10px 0px 0px 10px; height:40px; background-image:url(../images/arriere-transparent.png); background-repeat:repeat-x }

.styleMenu li {float:left; color:#999999; font-size:13px; list-style:none; margin:0px 40px 0px 0px; padding:6px 0px 0px 0px;}

.styleMenu li a{color:#999999; float:left;  list-style:none;  font-size:16px;   text-decoration:none;}

.styleMenu li a:hover{float:left; list-style:none; text-align:center;  text-decoration:none;}

.styleMenu .ongletActif a {color:#666666; }

.styleMenu .interOnglet { height:30px; background-image:url(../images/interOnglet.png); background-repeat:no-repeat;}



/**************** FIN MENU *****************/


.div_genres {margin-bottom:10px; width:155px; font-size:11px; font-weight:bold; padding:10px; border:solid 1px #000000; background-color:#FFFFFF }

.div_genre {width:155px; height:21px; margin-bottom:5px; padding-top:5px; text-align:center; background-image:url(../images/bouton.png)}

.poster_artiste {margin-left:5px; border: solid 2px #DDDDDD}

.div_tops { 
	clear:both;
	margin-bottom:10px; width:155px; font-size:10px; font-weight:bold; padding:10px;  }
.div_top {width:155px; height:50px; margin-bottom:5px; }

.div_central { 
	float:left; 
	width:770px; padding:10px; padding-top:0px;
	margin:0px; margin-left:3px; margin-top:0px;
	text-align:justify; font-size:12px;
	min-height: 710px;
	
	border:solid 1px #EEEEEE; 
	
}

.affiche_intitules 
	{
	float:left; 
	font-weight:bold; 
	margin:5px 0px 10px 0px; 
	padding:10px 5px 10px 5px;
	color:#000000; 
	background-color:#CCCCCC;

	}

.affiche_couleur1 
	{
	clear:left; 
	float:left; 
	padding:10px 5px 10px 5px;
	}

.affiche_couleur2
	{
	clear:left; 
	float:left;  
	padding:10px 5px 10px 5px;
	background-color:#EEEEEE;

	}
	
.accueil_affiche_couleur1 
	{
	width:300px;
	padding:10px 5px 10px 5px;
	}

.accueil_affiche_couleur2
	{
	width:300px;
	padding:10px 5px 10px 5px;
	background-color:#EEEEEE;
	border:solid 1px #F3F3F3;

	}

.tableSujet td
	{ 	
	border:solid 1px #EEEEEE;
	}

.divTopSujet
	{
	padding:10px 0px 10px 0px;
	}

.trSujet 
	{
	background-color:#EEEEEE;
	}
.divLeftSujet
	{
	padding:10px 5px 10px 5px;
	color:#000000; 
	}

.divRightSujet
	{
	padding:10px 5px 10px 5px;
	color:#000000; 
	}

.trReponseCouleur1
	{

	}
.trReponseCouleur2
	{
	background-color:#EEEEEE;
	}

.divLeftReponse
	{

	padding:10px 5px 10px 5px;
	}
	
.divRightReponse
	{
	padding:10px 5px 10px 5px;
	}


.div_bloc_centre {
	width:770px; 
	height:220px;
	text-align:justify; 
	padding:10px; 
	padding-bottom:7px; 
	margin-left:5px;  
	color:#333333; 
	background-color:#F5F5F5; border:solid 1px #F3F3F3;
}

.div_derniers{float:left; width:530px; padding:10px; padding-right:10px; padding-bottom:5px; margin-left:5px;  font-size:11px;  text-align:justify; }

.td_artistes{background-image:url(../images/bord_vertical_artistes.png); background-repeat:repeat-y; background-position: right top;}

.div_dernier{float:left; width:120px; height:155px;  text-align:center; font-size:10px; font-weight:bold; margin-right:8px; margin-bottom:10px; margin-top:0px;  border:solid 2px #CCCCCC; background-color:#FFFFFF;}

.div_dernier a{ color:#666666}

.div_liste_artistes{float:left; font-size:10px; margin-top:0px; font-weight:bold; width:190px; 

padding:10px; margin-left:5px; }

.div_nom_artiste {clear:left; float:left; width:150px; padding-bottom:5px; }

.div_style_artiste{float:left; width:20px; padding-right:10px; padding-top:3px; font-size:6px}



.hr_accueil{padding:0px; margin:0px; margin-bottom:5px; margin-top:5px;}

a {text-decoration:none; color:#333333;  border:none; margin:0px; padding:0px}

img {text-decoration:none; border:none; margin:0px; padding:0px}

.animation_lien a:hover { font-size:9px;}


.footer { width:1000px; font-size:11px; text-align:right; padding-top:30px; background-image:url(../images/background_footer.jpg); background-repeat-x:repeat; color:#FFFFFF}
.footer a {color:#FFFFFF}

.input_erreur{ border:solid 1px #FF0000}
.etoile { font-size:8px; color:#FF0000}

.form_validation select{width:150px; border:solid 1px #0099FF; background:#E8FFE8}

.input_gris{color:#666666; font-style:italic}

.champErrone{ background-color:#F1ABB6}

/******************************/
.menu_styles{padding:0px; margin:0px; }
.menu_styles ul{ list-style:none; list-style-image:none; margin:0px; padding:0px}
.menu_styles ul li{ list-style:none; list-style-image:none;margin:0px; padding:0px; height:40px; width:160px;}

.menu_chaoui a {
	height:40px; width:160px;
	text-decoration:none;
	background-image:url(../images/chaoui_menu.png); 
	background-repeat:no-repeat;
	display:block;
}
.menu_chaoui a:hover {
	height:40px; width:160px;
	text-decoration:none; 
	background-image:url(../images/chaoui_menu_actif.png); 
	background-repeat:no-repeat; 
	display:block;
}

.menu_chaoui_actif a, .menu_chaoui_actif a:hover {
	height:40px; width:160px;
	text-decoration:none; 
	background-image:url(../images/chaoui_menu_actif.png); 
	background-repeat:no-repeat; 
	display:block;
}


.menu_chleuh a {
	height:40px; width:160px;
	text-decoration:none;
	background-image:url(../images/chleuh_menu.png); 
	background-repeat:no-repeat;
	display:block;
}
.menu_chleuh a:hover {
	height:40px; width:160px;
	text-decoration:none; 
	background-image:url(../images/chleuh_menu_actif.png); 
	background-repeat:no-repeat; 
	display:block;
}

.menu_chleuh_actif a, .menu_chleuh_actif a:hover {
	height:40px; width:160px;
	text-decoration:none; 
	background-image:url(../images/chleuh_menu_actif.png); 
	background-repeat:no-repeat; 
	display:block;
}

.menu_kabyle a {
	height:40px; width:160px;
	text-decoration:none;
	background-image:url(../images/kabyle_menu.png); 
	background-repeat:no-repeat;
	display:block;
}
.menu_kabyle a:hover {
	height:40px; width:160px;
	text-decoration:none; 
	background-image:url(../images/kabyle_menu_actif.png); 
	background-repeat:no-repeat; 
	display:block;
}
.menu_kabyle_actif a, .menu_kabyle_actif a:hover {
	height:40px; width:160px;
	text-decoration:none; 
	background-image:url(../images/kabyle_menu_actif.png); 
	background-repeat:no-repeat; 
	display:block;
}

.menu_rifain a {
	height:40px; width:160px;
	text-decoration:none;
	background-image:url(../images/rifain_menu.png); 
	background-repeat:no-repeat;
	display:block;
}
.menu_rifain a:hover {
	height:40px; width:160px;
	text-decoration:none; 
	background-image:url(../images/rifain_menu_actif.png); 
	background-repeat:no-repeat; 
	display:block;
}
.menu_rifain_actif a, .menu_rifain_actif a:hover {
	height:40px; width:160px;
	text-decoration:none; 
	background-image:url(../images/rifain_menu_actif.png); 
	background-repeat:no-repeat; 
	display:block;
}


.menu_tergui a {
	height:40px; width:160px;
	text-decoration:none;
	background-image:url(../images/tergui_menu.png); 
	background-repeat:no-repeat;
	display:block;
}
.menu_tergui a:hover {
	height:40px; width:160px;
	text-decoration:none; 
	background-image:url(../images/tergui_menu_actif.png); 
	background-repeat:no-repeat; 
	display:block;
}
.menu_tergui_actif a, .menu_tergui_actif a:hover {
	height:40px; width:160px;
	text-decoration:none; 
	background-image:url(../images/tergui_menu_actif.png); 
	background-repeat:no-repeat; 
	display:block;
}

.menu_autres a {
	height:40px; width:160px;
	text-decoration:none;
	background-image:url(../images/autres_menu.png); 
	background-repeat:no-repeat;
	display:block;
}
.menu_autres a:hover {
	height:40px; width:160px;
	text-decoration:none; 
	background-image:url(../images/autres_menu_actif.png); 
	background-repeat:no-repeat; 
	display:block;
}

.menu_autres_actif a, .menu_autres_actif a:hover {
	height:40px; width:160px;
	text-decoration:none; 
	background-image:url(../images/autres_menu_actif.png); 
	background-repeat:no-repeat; 
	display:block;
}




.grande_photo{float:left; width:210px; background-image:url(../images/arriere_grande_photo.png); background-repeat:no-repeat}